/*
 * HENDAR v0.96.2 — Master Development Update (all checklist components)
 * Loaded after the legacy cascade.  This layer is intentionally component
 * based: it fixes shared layout contracts instead of hiding individual faults.
 */
:root{
  --hms-radius:16px;
  --hms-radius-lg:22px;
  --hms-line:color-mix(in srgb,var(--ds-primary,#154f76) 13%,var(--ds-border,#d9e3eb));
  --hms-shadow:0 14px 34px rgba(9,35,54,.08);
  --hms-shadow-hover:0 20px 44px rgba(9,35,54,.13);
  --hms-soft:color-mix(in srgb,var(--ds-primary,#154f76) 5%,var(--ds-surface,#fff));
}

html,body,#appShell,.main-content,.view{max-inline-size:100%;overflow-x:clip!important}
body{overscroll-behavior-x:none}
:where(.panel,.card,.modal,.modal-card,.section-toolbar,.filter-bar,.form-grid,.toolbar-actions,.row-actions){min-inline-size:0}
:where(h1,h2,h3,h4,p,span,strong,small,label,button,a,th,td){overflow-wrap:anywhere}
:where(input,select,textarea,button){min-inline-size:0;max-inline-size:100%}

/* One current symbol everywhere; legacy lockups and duplicate words are gone. */
.hendar-symbol{display:block;object-fit:contain;object-position:center}
.startup-splash .splash-orbit{display:grid;place-items:center;margin-inline:auto}
.startup-splash .splash-orbit .hendar-symbol{inline-size:clamp(92px,13vw,132px);block-size:clamp(92px,13vw,132px);border-radius:28px}
.startup-splash .splash-wordmark{display:none!important}
.brand-mark{align-items:center!important}
.brand-mark>.hendar-symbol{inline-size:clamp(58px,8vw,82px)!important;block-size:clamp(58px,8vw,82px)!important;border-radius:18px!important}
.mobile-brand .brand-mark{justify-content:center}
.sidebar-system-card>b{display:none!important}

/* Stable modal plane: dialogs always sit above the sidebar and never hide beneath it. */
#modalBackdrop,.modal-backdrop{z-index:5000!important;overscroll-behavior:contain}
#modalBackdrop>.modal,.modal-backdrop>.modal,.modal[aria-modal="true"]{z-index:5001!important}
.modal{
  inline-size:min(var(--modal-width,960px),calc(100vw - 28px))!important;
  max-inline-size:calc(100vw - 28px)!important;
  max-block-size:calc(100dvh - 28px)!important;
  border:1px solid var(--hms-line)!important;
  border-radius:var(--hms-radius-lg)!important;
  box-shadow:0 34px 90px rgba(3,24,41,.28)!important;
}
.modal-header{position:sticky;inset-block-start:0;z-index:8;min-inline-size:0;padding:18px 20px!important;background:color-mix(in srgb,var(--ds-surface,#fff) 94%,transparent)!important;backdrop-filter:blur(16px);border-block-end:1px solid var(--hms-line)}
.modal-header>div{min-inline-size:0}
.modal-header .icon-button,.close-modal.icon-button{flex:0 0 42px!important;inline-size:42px!important;block-size:42px!important;border-radius:50%!important}
.modal>.form-grid,.modal>form,.modal-body{min-inline-size:0;overflow-x:hidden}
.form-actions{direction:ltr!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
.form-actions>*{direction:rtl}
.form-actions>.close-modal:first-child,.form-actions>.button.secondary:first-child{margin-inline-end:auto}

/* Correct navigation semantics in both writing directions. */
.navigation-inline-back,.navigation-back-button,[data-chat-back]{gap:8px}
html[dir="rtl"] .navigation-inline-back svg,
html[dir="rtl"] .navigation-back-button svg,
html[dir="rtl"] .topbar .navigation-back-button svg{transform:scaleX(-1)!important}
html[dir="ltr"] .navigation-inline-back svg,
html[dir="ltr"] .navigation-back-button svg{transform:none!important}

/* Date fields and printed date tokens follow the selected writing direction. */
html[dir="rtl"] input[type="date"],html[dir="rtl"] .letter-date-dmy{direction:rtl!important;text-align:right!important;unicode-bidi:isolate}
html[dir="ltr"] input[type="date"],html[dir="ltr"] .letter-date-dmy{direction:ltr!important;text-align:left!important}

/* Project command strip: compact, attached and readable. */
.project-workspace-head{
  position:sticky!important;
  inset-block-start:var(--hdu-measured-topbar-height,var(--hdu-topbar-height,76px))!important;
  z-index:950!important;
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) minmax(360px,auto)!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px clamp(12px,1.8vw,22px)!important;
  margin:0!important;
  border-radius:0 0 18px 18px!important;
  background:color-mix(in srgb,var(--ds-surface,#fff) 95%,transparent)!important;
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 9px 24px rgba(8,35,53,.08)!important;
}
.project-workspace-title{min-inline-size:0}
.project-workspace-title h2,.project-workspace-title p{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-workspace-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-inline-size:0!important;flex-wrap:wrap!important}
.project-workspace-tools>input{flex:1 1 230px;min-inline-size:160px;block-size:42px}
.project-workspace-tools>.button{min-block-size:42px;white-space:normal;text-align:center}

/* Project portfolio cards: information-dense editorial layout with no empty billboard. */
#projectsTableWrap.project-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr))!important;gap:16px!important}
#projectsTableWrap .project-card{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto 1fr!important;
  gap:0 16px!important;
  min-block-size:268px!important;
  padding:16px!important;
  overflow:visible!important;
  border:1px solid var(--hms-line)!important;
  border-radius:var(--hms-radius-lg)!important;
  background:linear-gradient(145deg,var(--ds-surface,#fff),var(--hms-soft))!important;
  box-shadow:var(--hms-shadow)!important;
}
#projectsTableWrap .project-card:hover{transform:translateY(-2px)!important;box-shadow:var(--hms-shadow-hover)!important}
#projectsTableWrap .project-card::before{inset-block:14px!important;inset-inline-start:0!important;inline-size:4px!important;border-radius:0 5px 5px 0}
#projectsTableWrap .project-card-cover{grid-column:1;grid-row:1/5;inline-size:190px!important;block-size:100%!important;min-block-size:236px!important;margin:0!important;border-radius:16px!important}
#projectsTableWrap .project-cover-fallback{background-size:18px 18px!important}
#projectsTableWrap .project-cover-fallback span{font-size:22px!important;letter-spacing:.1em!important}
#projectsTableWrap .project-card-main{grid-column:2;grid-row:1;padding:0 0 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 66px!important;gap:12px!important}
#projectsTableWrap .project-card-copy h3{font-size:clamp(16px,1.45vw,20px)!important;margin:0 0 3px!important}
#projectsTableWrap .project-contact-line{margin-top:7px!important}
#projectsTableWrap .progress-ring{inline-size:64px!important;block-size:64px!important}
#projectsTableWrap .project-stat-row{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:10px 0!important;border-block:1px solid var(--hms-line)}
#projectsTableWrap .project-stat-row>div{min-inline-size:0;padding:8px!important;border:0!important;border-radius:11px!important;background:var(--hms-soft)!important}
#projectsTableWrap .project-stat-row span{font-size:9px!important}
#projectsTableWrap .project-stat-row strong{font-size:11px!important;line-height:1.45}
#projectsTableWrap .project-custom-metrics{grid-column:2;padding:8px 0!important}
#projectsTableWrap .project-card-actions{grid-column:2;grid-row:4;align-self:end;display:flex!important;align-items:center!important;gap:7px!important;padding:10px 0 0!important}
#projectsTableWrap .project-card-actions>.button,#projectsTableWrap .project-card-actions>.project-actions-dropdown{flex:1 1 116px;min-inline-size:0}
#projectsTableWrap .project-card-actions .button{inline-size:100%;min-block-size:40px!important;padding:7px 9px!important;font-size:10px!important}
#projectsTableWrap .project-card-actions .request-delete{flex:0 1 76px!important}

/* Executive KPI cockpit: one hierarchy, crisp figures and restrained colour. */
#dashboardView .enterprise-metrics-grid{display:grid!important;grid-template-columns:repeat(5,minmax(155px,1fr))!important;gap:12px!important;overflow:visible!important}
#dashboardView .enterprise-kpi-card{
  position:relative!important;min-block-size:142px!important;padding:16px!important;
  border:1px solid var(--hms-line)!important;border-radius:18px!important;
  background:linear-gradient(155deg,var(--ds-surface,#fff),color-mix(in srgb,rgb(var(--metric-rgb,34,100,150)) 5%,var(--ds-surface,#fff)))!important;
  box-shadow:0 10px 28px rgba(8,35,54,.065)!important;text-align:start!important;overflow:hidden!important;
}
#dashboardView .enterprise-kpi-card::after{content:""!important;position:absolute;inset-block:0!important;inset-inline-start:0!important;inline-size:4px!important;background:var(--metric-tone,#1b6b9b)!important}
#dashboardView .enterprise-kpi-card h3{font-size:clamp(22px,2vw,30px)!important;letter-spacing:-.03em!important}
#dashboardView .enterprise-kpi-card>p,#dashboardView .enterprise-kpi-card>small{line-height:1.55!important}

/* Quick commands remain fully visible; the page, never the card, owns vertical flow. */
#dashboardView .enterprise-quick-actions-panel{block-size:auto!important;min-block-size:0!important;overflow:visible!important}
#dashboardView .enterprise-quick-actions-panel .quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;max-block-size:none!important;block-size:auto!important;overflow:visible!important;padding:0!important}
#dashboardView .quick-actions button{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;place-items:center start!important;min-block-size:62px!important;padding:9px 12px!important;text-align:start!important;border-radius:14px!important}
#dashboardView .quick-actions button b{inline-size:40px!important;block-size:40px!important;margin:0!important;border-radius:12px!important}
#dashboardView .quick-actions button span{font-size:11px!important}

/* Visio-like organization chart: orthogonal connectors and compact nodes. */
.engineering-org-chart{border-radius:20px!important;box-shadow:var(--hms-shadow)!important}
.engineering-org-chart .org-chart-toolbar{padding:17px 19px!important}
.org-tree-canvas{padding:28px 20px 32px!important;background-size:24px 24px!important;overflow:auto!important;overscroll-behavior:contain}
.org-tree-branches{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;gap:20px 16px!important;padding-block-start:26px!important;border:0!important}
.org-tree-branches::before{display:block!important;content:"";position:absolute;inset-inline:10%;inset-block-start:0;border-block-start:2px solid color-mix(in srgb,var(--team-color) 42%,#9fb3c1)}
.org-tree-branches>li{padding-block-start:15px!important}
.org-tree-branches>li::before{inset-inline-start:50%!important;inset-block-start:0!important;inline-size:0!important;block-size:15px!important;border:0!important;border-inline-start:2px solid color-mix(in srgb,var(--team-color) 42%,#9fb3c1)!important}
.org-person-card{border-radius:13px!important;box-shadow:0 7px 18px rgba(9,35,54,.075)!important}

/* Department hierarchy is compact enough to scan without giant bands. */
.department-org-chart{gap:12px!important}
.department-card{grid-template-columns:5px 56px minmax(210px,1fr) minmax(220px,.65fr) auto!important;min-block-size:94px!important;padding:12px 14px!important;gap:12px!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(15,23,42,.055)!important}
.department-card-code{inline-size:52px!important;block-size:52px!important;border-radius:14px!important;font-size:11px!important}
.department-card-copy h3{font-size:16px!important}
.department-card-copy p{margin-block-start:4px!important;font-size:11px!important;line-height:1.5!important}
.department-card-stats>span{padding:7px 8px!important;font-size:10px!important}
.department-card-stats b{font-size:13px!important}
.department-actions{min-inline-size:72px!important;gap:5px!important}
.department-actions .row-action{min-block-size:34px!important;padding:5px 8px!important;font-size:9px!important}
.department-children{margin-block-start:9px!important;gap:9px!important}

/* Unified document center: balanced toolbar and metrics. */
#documentsModal{--modal-width:1180px}
#documentsModal .document-center-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px 18px!important;margin:0!important;background:var(--hms-soft);border-block-end:1px solid var(--hms-line)}
#documentsModal .document-search-wrap{display:grid!important;grid-template-columns:minmax(230px,1.4fr) minmax(160px,.8fr) auto!important;gap:8px!important;min-inline-size:0}
#documentsModal .document-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px 18px!important}
#documentsModal .document-metrics>article{min-block-size:96px!important;padding:13px!important;border-radius:14px!important;box-shadow:none!important}
#documentsModal .document-table{margin:0 18px 18px!important}

/* HR command centre: remove repeated banners and translate technical tiles. */
#hrView{--hr-accent:#1d668d}
#hrView>.section-toolbar{padding:18px 20px!important;min-block-size:118px!important}
#hrView .hr-role-banner{margin:12px 0!important;padding:12px 16px!important;border-radius:14px!important}
#hrView .hr-center-tabs{position:sticky;inset-block-start:calc(var(--hdu-measured-topbar-height,var(--hdu-topbar-height,76px)) + 8px);z-index:30;margin:10px 0!important;padding:7px!important;border:1px solid var(--hms-line);border-radius:14px;background:color-mix(in srgb,var(--ds-surface,#fff) 94%,transparent);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:thin}
#hrView .hr-center-tabs button{min-block-size:40px!important;padding:8px 14px!important;border-radius:10px!important}
#hrView .hr-overview,#hrView .hr-overview-grid,#hrView .hr-dashboard-grid{gap:12px!important}
#hrView .workspace-metrics>article,#hrView .summary-card{min-block-size:96px!important;padding:13px!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(8,35,54,.055)!important}

/* Employee badge: protect logo, photo, name and QR from collisions. */
.employee-id-card.wdl-employee-id{border-radius:4mm!important}
.wdl-id-brand{top:8.8mm!important;left:3.2mm!important;right:14.4mm!important;height:7.2mm!important}
.wdl-id-photo-field{top:18.2mm!important;height:39.8mm!important}
.wdl-id-details{top:48.2mm!important;padding:8.6mm 3.3mm 2.8mm 3.8mm!important}
.wdl-id-details h3{max-width:31mm!important;font-size:4.05mm!important;line-height:1.24!important;text-overflow:ellipsis!important}
.wdl-id-title{max-width:28mm!important;margin-top:.8mm!important;font-size:2.9mm!important}
.wdl-id-details dl{left:12.6mm!important;top:19.8mm!important;width:20.8mm!important;gap:.9mm!important}
.wdl-id-qr{left:3.1mm!important;bottom:3.1mm!important;width:9.8mm!important;height:9.8mm!important}
.wdl-id-hologram{right:5.5mm!important;bottom:2.5mm!important;width:12.2mm!important;height:12.2mm!important}

/* Calls and chat controls: no interleaving, no detached icon buttons. */
.project-chat-header-actions,.hendar-chat-widget-v084 .hcw-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;min-inline-size:0}
.project-chat-header-actions>*{flex:0 0 auto!important}
.project-chat-header-actions .project-chat-search{flex:1 1 220px!important;min-inline-size:170px!important;max-inline-size:420px!important}
.project-chat-header-actions .button,.hendar-chat-widget-v084 .hcw-header-actions>button{min-block-size:42px!important;inline-size:auto!important;min-inline-size:42px!important;margin:0!important}
.project-chat-call-actions,.hendar-chat-widget-v084 .hcw-voice-call-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}

/* All broad tables scroll inside their own region only. */
.hdu-table-region,.table-card,.boq-sheet-scroll,.gantt-sheet-scroll,.advance-sheet-wrap,.reports-table-wrap{max-inline-size:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.hdu-table-region table,.table-card table{inline-size:max(100%,max-content)}

@media(max-width:1200px){
  #dashboardView .enterprise-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .project-workspace-head{grid-template-columns:auto minmax(0,1fr)!important}
  .project-workspace-tools{grid-column:1/-1}
  .department-card{grid-template-columns:5px 52px minmax(0,1fr) auto!important}
  .department-card-stats{grid-column:3/5!important}
  .department-actions{grid-column:3/5!important;flex-direction:row!important}
}

@media(max-width:760px){
  .modal{inline-size:100vw!important;max-inline-size:100vw!important;max-block-size:100dvh!important;block-size:100dvh!important;border-radius:0!important;border:0!important}
  .modal-header{padding:12px!important}
  .form-actions{position:sticky;inset-block-end:0;z-index:12;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))!important;background:color-mix(in srgb,var(--ds-surface,#fff) 96%,transparent);backdrop-filter:blur(14px);border-block-start:1px solid var(--hms-line)}
  .form-actions>*{inline-size:100%!important;margin:0!important}
  .form-actions>.button.primary,.form-actions>.button.warning{order:-1}
  .project-workspace-head{position:sticky!important;inset-block-start:var(--hdu-measured-topbar-height,var(--hdu-topbar-height,68px))!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"back title" "tools tools"!important;padding:9px 10px!important;border-radius:0 0 14px 14px!important}
  .project-workspace-head>.navigation-inline-back{grid-area:back!important;justify-self:stretch!important;inline-size:42px!important;min-inline-size:42px!important;padding:0!important}
  .project-workspace-head>.project-workspace-title{grid-area:title!important;min-inline-size:0!important}
  .project-workspace-head>.project-workspace-tools{grid-area:tools!important}
  .project-workspace-head>.navigation-inline-back span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
  .project-workspace-title .eyebrow,.project-workspace-title p{display:none!important}
  .project-workspace-title h2{font-size:15px!important}
  .project-workspace-tools{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .project-workspace-tools>input{grid-column:1/-1;inline-size:100%;min-inline-size:0}
  .project-workspace-tools>.button:not(#projectWorkspaceProgress):not(.project-tools-more){display:none!important}
  #projectsTableWrap .project-card{grid-template-columns:112px minmax(0,1fr)!important;min-block-size:0!important;padding:11px!important;gap:0 11px!important}
  #projectsTableWrap .project-card-cover{inline-size:112px!important;min-block-size:180px!important}
  #projectsTableWrap .project-card-cover-overlay{padding:7px!important;flex-direction:column!important}
  #projectsTableWrap .project-card-main{grid-template-columns:minmax(0,1fr) 52px!important;padding-bottom:7px!important}
  #projectsTableWrap .progress-ring{inline-size:50px!important;block-size:50px!important}
  #projectsTableWrap .project-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:7px 0!important}
  #projectsTableWrap .project-stat-row>div{padding:6px!important}
  #projectsTableWrap .project-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #projectsTableWrap .project-card-actions>.project-actions-dropdown{grid-column:1/-1}
  #dashboardView .enterprise-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #dashboardView .enterprise-kpi-card{min-block-size:116px!important;padding:12px!important}
  #dashboardView .enterprise-quick-actions-panel .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboardView .quick-actions button{grid-template-columns:36px minmax(0,1fr)!important;min-block-size:54px!important;padding:7px 9px!important}
  #dashboardView .quick-actions button b{inline-size:34px!important;block-size:34px!important}
  .org-tree-canvas{padding:18px 10px 22px!important}
  .org-tree-branches,.org-tree-branches .org-tree-branches{grid-template-columns:minmax(0,1fr)!important;padding-inline-start:17px!important}
  .org-tree-branches::before{display:none!important}
  .department-card{grid-template-columns:4px 44px minmax(0,1fr)!important;padding:10px!important;gap:9px!important}
  .department-card-code{inline-size:42px!important;block-size:42px!important}
  .department-card-stats,.department-actions{grid-column:2/4!important}
  #documentsModal .document-center-toolbar{grid-template-columns:1fr!important;padding:10px 12px!important}
  #documentsModal .document-search-wrap{grid-template-columns:1fr!important}
  #documentsModal .document-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 12px!important}
  #documentsModal .document-table{margin:0 12px 12px!important}
  #hrView>.section-toolbar{min-block-size:0!important;padding:14px!important}
  .project-chat-header-actions .project-chat-search{order:-1;flex-basis:100%!important;max-inline-size:none!important}
}

@media(max-width:430px){
  #projectsTableWrap .project-card{grid-template-columns:1fr!important}
  #projectsTableWrap .project-card-cover{grid-column:1;grid-row:auto;inline-size:100%!important;block-size:112px!important;min-block-size:112px!important;margin-block-end:10px!important}
  #projectsTableWrap .project-card-main,#projectsTableWrap .project-stat-row,#projectsTableWrap .project-custom-metrics,#projectsTableWrap .project-card-actions{grid-column:1;grid-row:auto}
  #dashboardView .enterprise-metrics-grid{grid-template-columns:1fr!important}
  #dashboardView .enterprise-kpi-card{min-block-size:104px!important}
}

@media(orientation:landscape) and (max-height:520px){
  .modal{max-block-size:100dvh!important;block-size:100dvh!important}
  .modal-header{padding-block:8px!important}
  .project-workspace-head{position:relative!important;inset-block-start:auto!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* UALL-B — reachable compact controls in the persistent sidebar. */
.sidebar-theme-actions .theme-studio-launch{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.sidebar-music-next{height:40px!important;min-height:40px!important}
.workflow-action-button{white-space:normal!important;min-width:0!important;height:auto!important;min-height:40px;line-height:1.35;overflow-wrap:anywhere}
.navigation-inline-back{white-space:normal!important;min-width:0!important;height:auto!important;min-height:40px;line-height:1.35;overflow-wrap:anywhere}

/* UALL-B — direction-safe mobile drawer.
   Older physical and logical inset declarations must not coexist: on RTL
   tablets that combination positioned the open rail beyond the viewport. */
@media(max-width:980px){
  .gantt-control-board,.gantt-spreadsheet-workspace,.gantt-simplified-heading{
    box-sizing:border-box;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    contain:inline-size;
  }
  .gantt-simplified-heading{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .gantt-simplified-heading>*{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}
  .gantt-primary-toolbar{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    overflow:visible!important;
  }
  .gantt-primary-toolbar>*{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;white-space:normal!important}
  .toolbar-actions,.archive-head-actions,.boq-action-cluster{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
    gap:8px!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    overflow:visible!important;
    padding-block-end:0!important;
  }
  .toolbar-actions>.button,.archive-head-actions>.button,.boq-action-cluster>.button,.boq-action-cluster>.boq-export-menu>.button{
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.35;
  }
  .section-toolbar>.toolbar-actions{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
    gap:8px!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    overflow:visible!important;
    padding-block-end:0!important;
  }
  .section-toolbar>.toolbar-actions>.button{
    inline-size:100%!important;
    min-inline-size:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.35;
  }
  #projectsView>.section-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #projectsView>.section-toolbar>.toolbar-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;width:100%!important;overflow:visible!important;padding:0!important}
  #projectsView>.section-toolbar>.toolbar-actions>.button{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.4!important;overflow-wrap:anywhere!important}
  #projectWorkspaceContent>.project-page-heading{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #projectWorkspaceContent>.project-page-heading>.boq-action-cluster{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;width:100%!important;gap:7px!important;overflow:visible!important;padding:0!important}
  #projectWorkspaceContent>.project-page-heading>.boq-action-cluster>.button{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.4!important;overflow-wrap:anywhere!important}
  html[dir="rtl"] #sidebar{
    position:fixed!important;
    inset:auto!important;
    top:0!important;
    bottom:0!important;
    right:calc(-1 * min(320px,calc(100vw - 18px)))!important;
    left:auto!important;
    width:min(320px,calc(100vw - 18px))!important;
    max-width:calc(100vw - 18px)!important;
    height:100dvh!important;
    transform:none!important;
    transition:none!important;
  }
  html[dir="rtl"] #sidebar.open{right:0!important;left:auto!important;transform:none!important;transition:none!important}
  html[dir="ltr"] #sidebar{
    position:fixed!important;
    inset:auto!important;
    top:0!important;
    bottom:0!important;
    left:calc(-1 * min(320px,calc(100vw - 18px)))!important;
    right:auto!important;
    width:min(320px,calc(100vw - 18px))!important;
    max-width:calc(100vw - 18px)!important;
    height:100dvh!important;
    transform:none!important;
    transition:none!important;
  }
  html[dir="ltr"] #sidebar.open{left:0!important;right:auto!important;transform:none!important;transition:none!important}
}

/* UALL-C: correspondence filters must collapse before the 620px desktop
   minimum can cross the inline viewport in short Android landscapes. */
@media(max-width:980px){
  .official-letters-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  .official-letter-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important}
  .official-letter-filters input,.official-letter-filters select{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important}
}
@media(max-width:430px){
  .toolbar-actions,.archive-head-actions,.boq-action-cluster{grid-template-columns:minmax(0,1fr)!important}
  #projectsView>.section-toolbar>.toolbar-actions{grid-template-columns:1fr!important}
  .section-toolbar>.toolbar-actions{grid-template-columns:minmax(0,1fr)!important}
  #projectWorkspaceContent>.project-page-heading>.boq-action-cluster{grid-template-columns:1fr!important}
}
@media(orientation:landscape) and (max-height:540px){
  :root{--hdu-control-size:40px!important}
  .topbar :is(#openSidebar,#appBackButton,#collapseSidebar,#focusGlobalSearch,#approvalCenterButton,#notificationBell),
  .topbar .top-action,.topbar .navigation-back-button,.topbar .sidebar-collapse-button{
    inline-size:40px!important;block-size:40px!important;min-inline-size:40px!important;min-block-size:40px!important;
  }
}

/* UALL-C — portable-company, communications, HSE and scanner components. */
.system-section-export,.company-provision-workflows{display:grid;gap:10px;padding:14px;border:1px solid var(--border,#d9e1ec);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--primary,#173b63) 6%);min-inline-size:0}
.system-section-export>label,.company-provision-workflows>div:first-child{display:grid;gap:4px;min-inline-size:0}.system-section-export span,.company-provision-workflows span{overflow-wrap:anywhere}
.system-section-export{grid-template-columns:minmax(180px,1fr) minmax(170px,.7fr) auto;align-items:end}.system-section-export label{grid-column:auto}
.company-provision-list{display:grid;gap:8px}.company-provision-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.5fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--border,#d9e1ec);border-radius:13px;background:var(--surface,#fff);min-inline-size:0}
.company-provision-row>div:first-child{display:grid;gap:3px;min-inline-size:0}.company-provision-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-inline-size:0}.company-provision-actions input{flex:1 1 120px;min-inline-size:0;inline-size:auto}
.communication-webhook-info{display:grid;gap:4px;padding:12px;border:1px dashed var(--border,#d9e1ec);border-radius:12px;min-inline-size:0}.communication-webhook-info code{direction:ltr;text-align:left;overflow-wrap:anywhere;white-space:normal}
.communication-governance-list{display:grid;gap:8px;margin-block-start:12px;min-inline-size:0}.communication-governance-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--border,#d9e1ec);border-radius:12px;min-inline-size:0}.communication-governance-list :is(p,small,code,span){overflow-wrap:anywhere;white-space:normal}
.hse-custom-poster-uploader{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:9px;padding:14px;margin-block:12px;border:1px dashed var(--border,#d9e1ec);border-radius:16px;min-inline-size:0}.hse-custom-poster-uploader>*{min-inline-size:0}.hse-poster-source{display:inline-flex;align-items:center;inline-size:max-content;max-inline-size:100%;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary,#173b63) 10%,transparent);font-size:.75rem;overflow-wrap:anywhere}
.org-chart-export-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;min-inline-size:0}.org-chart-export-tools select{inline-size:auto;min-inline-size:110px}.org-chart-export-tools label{display:flex;align-items:center;gap:6px;min-block-size:40px}.org-chart-visual[data-orientation="VERTICAL"] .org-chart-tree{writing-mode:horizontal-tb}.org-chart-branch.is-collapsed>.org-chart-children{display:none}
.scanner-bridge-preview{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--border,#d9e1ec);border-radius:14px;background:var(--surface,#fff);min-inline-size:0}.scanner-bridge-preview img{display:block;inline-size:100%;max-block-size:180px;object-fit:contain;border-radius:9px;background:#eef3f8}.scanner-bridge-preview>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-inline-size:0}.scanner-bridge-preview b{flex-basis:100%;overflow-wrap:anywhere}

/* Shared containment: page overflow is forbidden; large data grids own their scroll. */
:where(.view,.panel,.card,.modal,.modal-body,.section-toolbar,.toolbar-actions,.form-grid,.tabs,.tab-list,.dropdown-menu,.project-workspace-head,.project-page-heading){min-inline-size:0;max-inline-size:100%}
:where(.view,.panel,.card,.modal,.modal-body,.section-toolbar,.toolbar-actions,.form-grid,.tabs,.tab-list,.dropdown-menu,.project-workspace-head,.project-page-heading) :where(h1,h2,h3,h4,p,span,label,button,a,code,small){overflow-wrap:anywhere}
:where(.table-card,.table-scroll,.data-table-wrap,.boq-table-wrap,.gantt-grid-wrap){max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}

@media(max-width:980px){
  .system-section-export,.company-provision-row{grid-template-columns:minmax(0,1fr)}
  .system-section-export>*{inline-size:100%;min-inline-size:0}.system-section-export button{min-block-size:44px}
  .company-provision-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%}.company-provision-actions>*{inline-size:100%!important;min-inline-size:0!important}
  .hse-custom-poster-uploader{grid-template-columns:repeat(2,minmax(0,1fr))}
  .org-chart-export-tools{justify-content:flex-start;inline-size:100%}.org-chart-export-tools>*{min-block-size:42px}
  .communication-governance-list>article{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .company-provision-actions,.hse-custom-poster-uploader{grid-template-columns:minmax(0,1fr)}
  .scanner-bridge-preview{grid-template-columns:minmax(0,1fr)}.scanner-bridge-preview img{max-block-size:220px}
  .org-chart-export-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.org-chart-export-tools>*{inline-size:100%;min-inline-size:0}
  .communication-config-card .form-grid,.scanner-bridge-panel{grid-template-columns:minmax(0,1fr)!important}
}
/* UALL-C responsive navigation guard: keep the project-home action inside its
   available toolbar track without forcing page-level overflow. */
.navigation-project-home{
  min-inline-size:0;
  max-inline-size:min(12rem,32vw);
  overflow:hidden;
  text-overflow:ellipsis;
}
.gantt-more-tools button{
  max-inline-size:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media (max-width:640px){
  .gantt-control-board,.gantt-spreadsheet-workspace,.gantt-simplified-heading{
    box-sizing:border-box;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    contain:inline-size;
  }
  .gantt-simplified-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .gantt-simplified-heading>*{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}
  .gantt-primary-toolbar,.gantt-spreadsheet-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    overflow:visible!important;
  }
  .gantt-primary-toolbar>*,.gantt-spreadsheet-toolbar>*{
    box-sizing:border-box;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    white-space:normal!important;
  }
  .gantt-spreadsheet-toolbar label{display:grid!important;grid-template-columns:auto minmax(0,1fr)}
  .gantt-spreadsheet-toolbar select{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}
  .gantt-grid-shortcuts{margin-inline-start:0!important;text-align:center;overflow-wrap:anywhere}
  .hr-suite-tabs{
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
  }
  .hr-suite-tabs [role="tab"],.hr-suite-tabs button{
    inline-size:100%;
    min-inline-size:0;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.35;
  }
  .hr-suite-tabs .hr-suite-refresh:last-child{grid-column:1/-1}
  .boq-export-menu{flex:0 0 auto;min-inline-size:max-content}
  .boq-export-menu>.button{inline-size:auto;min-inline-size:0;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}
}