/* MIHA workspace system — compact operational surfaces, 4px rhythm.
   Ownership: quick panels, catalog discovery/cards, payment ring and mobile navigation. */
:root{--miha-space-1:4px;--miha-space-2:8px;--miha-space-3:12px;--miha-space-4:16px;--miha-space-6:24px;--miha-touch:44px;--miha-control-radius:10px;--miha-panel-radius:16px;--miha-text:15px;--miha-label:13px;--miha-meta:12px;--miha-ink:#16333d;--miha-muted:#49616e;--miha-edge:#d6e2e6;--miha-soft:#edf5f5;--miha-accent:#087d89;--miha-panel-shadow:0 12px 36px #16333d26}
#workspacePanel{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:0;border:1px solid var(--miha-edge);border-radius:var(--miha-panel-radius);background:#fff;color:var(--miha-ink);box-shadow:var(--miha-panel-shadow);z-index:1200;display:flex;flex-direction:column;overflow:hidden;text-align:right;direction:rtl;font:inherit;max-width:calc(100vw - 24px)}
#workspacePanel:focus{outline:none}#workspacePanel:focus-visible{outline:2px solid var(--miha-accent);outline-offset:2px}
#workspacePanel>header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:4px 12px;border-bottom:1px solid var(--miha-edge);min-height:52px;box-sizing:border-box}
#workspacePanel h2{font-size:16px;line-height:1.5;margin:0;font-weight:700}#workspacePanel button,#workspacePanel a{font:inherit;font-size:13px;min-height:44px;box-shadow:none;text-decoration:none}
#workspacePanel .icon{width:20px;height:20px;flex:none}#workspacePanel .panel-close{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:var(--miha-control-radius);color:var(--miha-muted)}
#workspacePanel .panel-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0;scrollbar-width:thin;scrollbar-color:#afc6cc transparent}
#workspacePanel>footer{border-top:1px solid var(--miha-edge);padding:4px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
#workspacePanel>footer button,#workspacePanel>footer a{display:inline-flex;align-items:center;gap:8px;color:var(--miha-accent);background:transparent;border:0;border-radius:var(--miha-control-radius);padding:8px}
#workspacePanel .panel-identity{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;gap:12px;font-size:13px}#workspacePanel .panel-identity span{font-size:12px;color:var(--miha-muted)}
#workspacePanel .panel-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px}
#workspacePanel .panel-destinations button{border:0;background:transparent;border-radius:var(--miha-control-radius);display:flex;gap:8px;align-items:center;text-align:start;padding:8px;color:var(--miha-ink);white-space:normal}
#workspacePanel button:hover,#workspacePanel a:hover{background:var(--miha-soft)}#workspacePanel button:focus-visible,#workspacePanel a:focus-visible{outline:2px solid var(--miha-accent);outline-offset:-2px}
#workspacePanel .panel-destinations button[aria-current=page]{background:var(--miha-soft);color:var(--miha-accent);font-weight:700}
#workspacePanel .panel-notice{width:100%;display:flex;align-items:start;gap:8px;padding:12px 16px;text-align:start;border:0;border-bottom:1px solid #edf2f4;border-radius:0;background:transparent;line-height:1.7}
#workspacePanel .panel-notice>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}#workspacePanel .panel-notice strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}#workspacePanel .panel-notice small,#workspacePanel .panel-notice time{font-size:12px;color:var(--miha-muted);overflow-wrap:anywhere}#workspacePanel .panel-notice>.icon{width:16px;height:16px;margin-top:3px;color:var(--miha-muted)}
#workspacePanel .panel-notice-dot{width:6px;height:6px;border-radius:50%;margin-top:8px;flex:none;background:transparent}#workspacePanel .is-unread .panel-notice-dot{background:var(--miha-accent)}#workspacePanel .is-unread{background:#f4fafa}
#workspacePanel .panel-empty{padding:24px 16px;display:grid;justify-items:center;gap:8px;text-align:center;font-size:14px}#workspacePanel .panel-empty p{font-size:13px;color:var(--miha-muted);margin:0}#workspacePanel .comm-skeleton{padding:16px}
/* The percent belongs to the same SVG coordinate system as the circle. */
.today-board .today-ring{width:104px;height:auto;flex:0 0 104px;display:grid;justify-items:center;gap:4px}
.today-board .today-ring>svg{width:104px;height:104px;overflow:visible;display:block}
.today-ring .ring-label{font-family:inherit;font-size:28px;font-weight:700;fill:#fff;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;letter-spacing:0}
.today-ring .ring-caption{font-size:12px;line-height:1.6;color:#d6e2e6;margin:0;white-space:nowrap;text-align:center}
/* Catalog: one consistent compact tile; secondary detail is on demand. */
.workspace[data-page=catalog]>.head{margin-bottom:16px}.workspace[data-page=catalog]>.head h1{font-size:24px}.workspace[data-page=catalog]>.head p{font-size:13px;max-width:60ch}
.product-discovery{min-width:0}.product-search{height:44px;box-sizing:border-box;border-radius:var(--miha-control-radius);padding-inline:12px;margin-bottom:8px;gap:8px}
.product-search input[type=search]{height:42px;min-height:0;line-height:normal;direction:rtl;text-align:right;font-size:16px;width:100%;padding:0!important;margin:0}
.product-search input::placeholder{text-align:right;direction:rtl;color:var(--miha-muted);opacity:1}
.product-filter-toggle{margin:0 0 8px;border:0}.workspace .product-filter-toggle>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:0;font-size:13px;font-weight:600;width:fit-content;color:var(--miha-ink);cursor:pointer}
.product-filter-toggle>summary::-webkit-details-marker{display:none}.product-filter-toggle>summary:after{content:'';width:6px;height:6px;border-inline-end:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-inline-start:6px;margin-top:-4px}.product-filter-toggle[open]>summary:after{transform:rotate(225deg);margin-top:4px}
.product-filter-toggle .icon{width:18px;height:18px}.product-filter-toggle .product-filters{padding-top:8px}.product-filters select{min-height:44px;height:44px;border-radius:var(--miha-control-radius);font-size:14px}
.product-result-bar{margin:0;min-height:0}.product-result-bar button{padding:4px 8px;min-height:44px}.product-result-count{font-size:12px;margin:4px 0 8px;color:var(--miha-muted)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.product-grid .product-card{display:flex;flex-direction:column;padding:12px;border-radius:12px;border:1px solid var(--miha-edge);background:#fff;gap:0;min-width:0;box-shadow:none}
.product-card .product-card-meta{font-size:12px;line-height:1.6;color:var(--miha-muted);gap:8px;min-height:20px;align-items:baseline}
.product-card-meta>bdi{font-weight:600;color:var(--miha-accent);flex:none}.product-card-meta>span{padding:0;background:none;border-radius:0;color:var(--miha-muted);text-align:end;min-width:0;overflow-wrap:anywhere}
.product-grid .product-card h3{font-size:15px;font-weight:650;line-height:1.5;margin:6px 0;min-height:45px;text-align:right;overflow-wrap:anywhere;letter-spacing:0}
.product-card .product-reference{font-size:12px;line-height:1.5;gap:8px;margin:0;color:var(--miha-muted)}
.product-grid .product-card footer{display:flex;align-items:center;justify-content:space-between;border:0;margin-top:auto;padding-top:8px;gap:8px;flex-wrap:nowrap}
.product-card footer>div{display:flex;align-items:center;gap:4px}.product-grid .product-card footer button{height:44px;min-height:44px;font-size:13px;line-height:1.4;padding:6px 10px;border-radius:var(--miha-control-radius);white-space:nowrap}
.product-grid .product-card footer .product-info{background:transparent;border-color:transparent;color:var(--miha-muted);padding-inline:4px}
.product-grid .product-card footer .product-edit{width:44px;padding:10px;background:transparent;border-color:transparent;color:var(--miha-muted)}.product-edit .icon{width:18px;height:18px}
.product-grid .product-card footer .product-select{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c1dfe0;background:var(--miha-soft);color:var(--miha-accent)}.product-select .icon{width:16px;height:16px}
.product-info-heading{font-size:18px;line-height:1.7;font-weight:650;margin-bottom:16px;overflow-wrap:anywhere}.product-info-list{display:grid;gap:0;margin:0}.product-info-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--miha-edge);font-size:14px}.product-info-list dt{color:var(--miha-muted)}.product-info-list dd{margin:0;overflow-wrap:anywhere}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .toolbar{height:56px;min-height:56px;padding-block:0}
 .bottom-nav{position:fixed;inset-inline:12px;bottom:calc(6px + env(safe-area-inset-bottom));height:56px;min-height:56px;box-sizing:border-box;padding:4px;border-radius:var(--miha-panel-radius);gap:4px;box-shadow:0 4px 16px #16333d12}
 .bottom-nav button{height:46px;min-height:46px;padding:3px 4px;gap:2px;border-radius:12px}.bottom-nav button .icon{width:20px;height:20px}.bottom-nav button span{font-size:11px;line-height:1.4}.bottom-nav button.active{box-shadow:none}
 main.workspace{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.head h1,.case-heading h1{font-size:22px}
 .today-board .today-ring{width:92px;flex-basis:92px}.today-board .today-ring>svg{width:92px;height:92px}.today-ring .ring-caption{font-size:11px}.today-finance-body{gap:16px}.today-finance dd{font-size:17px}
 .workspace[data-page=catalog]>.head{gap:8px}.workspace[data-page=catalog]>.head h1{font-size:22px}.workspace[data-page=catalog]>.head p{margin:2px 0 0}.workspace[data-page=catalog]>.head .head-actions{width:100%;gap:6px}.workspace[data-page=catalog]>.head .head-actions button,.workspace[data-page=catalog]>.head .head-actions summary{min-height:40px;font-size:12px;padding:6px 8px}
 .product-grid,.product-grid.product-pick-grid{grid-template-columns:minmax(0,1fr);gap:8px}.product-grid .product-card{padding:10px 12px;border-radius:12px}.product-grid .product-card h3{min-height:0;margin:5px 0;font-size:15px;line-height:1.5}.product-grid .product-card footer{padding-top:4px}.product-card-meta>span{max-width:72%}.product-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #toast{bottom:calc(74px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:no-preference){#workspacePanel{animation:miha-panel-in .16s cubic-bezier(.16,1,.3,1)}@keyframes miha-panel-in{from{opacity:.7;transform:translateY(-3px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-transparency:reduce){.bottom-nav,.toolbar{background:#fff!important;backdrop-filter:none!important}}

/* Shared platform contract. Structure and density are owned here, not by each page. */
:root{--miha-control-height:44px;--miha-field-height:46px;--miha-gap:8px;--miha-glass-fill:rgba(248,253,254,.86);--miha-glass-edge:rgba(255,255,255,.94);--miha-glass-shadow:0 8px 24px #16333d12,inset 0 1px 0 #fff,inset 0 -1px 0 #16333d0a}
.workspace :is(.head,.case-heading,.section-head,.list-heading,.cf-section-title,.section-bar){min-width:0;gap:12px}
.workspace :is(.head-actions,.inline,.file-tool-actions){display:flex;align-items:center;flex-wrap:wrap;gap:var(--miha-gap);min-width:0}
.workspace :is(.head-actions,.inline,.file-tool-actions)>*{margin-block:0;min-width:0}
.workspace :is(.head-actions,.inline,.file-tool-actions) :is(button,.button,.invoice-link){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--miha-control-height);box-sizing:border-box;margin:0;padding:8px 12px;border-radius:var(--miha-control-radius);font-size:13px;line-height:1.6;max-width:100%;white-space:normal;text-align:center}
.workspace :is(.head-actions,.inline,.file-tool-actions) .icon{width:18px;height:18px;flex:none}
.workspace .head-actions>.icon-button{width:44px;flex:0 0 44px;padding:10px}
.workspace .head-actions>.catalog-file-tools{display:contents}
.workspace .head-actions>.catalog-file-tools>button{margin:0}
.workspace[data-page=catalog]>.head .head-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.workspace[data-page=catalog]>.head .head-actions button{height:44px;min-height:44px;margin:0;white-space:nowrap;font-size:13px}
.workspace .case-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.workspace .case-heading .head-actions{display:flex;flex-wrap:nowrap;align-items:stretch}
.workspace .case-heading .head-actions>:is(a,button){flex:1;min-height:44px;margin:0;white-space:nowrap}
.workspace .case-heading .head-actions>.icon-button{flex:0 0 44px;margin:0}
.workspace .case-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.workspace .case-meta .tag{margin:0;font-size:12px;line-height:1.6;padding:4px 8px}
/* One search field, one border, no inherited input frame inside a second frame. */
.workspace .search-row{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 16px;min-width:0}
.workspace .search-row>.search-control{flex:1;max-width:none;min-width:0;margin:0}
.workspace .search-row>button{flex:none;height:46px;min-height:46px;margin:0;padding:8px 12px;font-size:13px;border-radius:10px}
.workspace .search-control{display:flex;align-items:center;gap:8px;box-sizing:border-box;height:46px;min-height:46px;padding:0 12px;border:1px solid var(--miha-edge);border-radius:10px;background:#fff;box-shadow:none}
.workspace .search-control>.icon{width:20px;height:20px;flex:none;color:var(--miha-muted)}
.workspace .search-control>input[type=search]{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:0;height:44px;min-height:0;max-width:100%;padding:0!important;margin:0!important;border:0!important;border-radius:0;box-shadow:none!important;background:transparent!important;font-size:16px;line-height:normal;font-weight:400;direction:rtl;text-align:right;outline:none}
.workspace .search-control:focus-within{border-color:var(--miha-accent);outline:2px solid #087d8926;outline-offset:1px}
.workspace input[type=search]::placeholder{font-weight:400;color:var(--miha-muted);opacity:1}
.workspace input[type=search]{min-width:0;max-width:100%;direction:rtl;text-align:right;font-size:16px}
.workspace :is(.cf-dates,.comm-chat-head,.ops-user-list article,.customer-summary){min-width:0;gap:12px}
.workspace :is(.cf-dates,.comm-chat-head)>*{min-width:0}
.workspace :is(.cf-tabs,.comm-tabs,.segmented,.case-detail-tabs){display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;scroll-padding-inline:8px;scrollbar-width:thin;overscroll-behavior-x:contain;padding:4px;box-sizing:border-box}
.workspace :is(.cf-tabs,.comm-tabs,.segmented,.case-detail-tabs)>button{flex:1 0 auto;min-height:44px;height:auto;margin:0;padding:8px 12px;font-size:13px;line-height:1.6;white-space:nowrap;border-radius:10px}
.workspace :is(.decision,.row,.cf-source-list article){gap:12px;min-width:0}
.workspace :is(.decision,.row,.cf-source-list article)>:is(div,span){min-width:0;overflow-wrap:anywhere}
.workspace :is(.surface,.order-card,.comm-shell,.warehouse-kit,.warehouse-trip){background-color:#fff}
#workspacePanel .panel-action-list{display:grid;gap:4px;padding:8px}
#workspacePanel .panel-action-list button{width:100%;text-align:start;justify-content:start;padding:10px 12px;background:transparent;border:0;border-radius:10px;color:var(--miha-ink)}
#workspacePanel .panel-action-list button:hover{background:var(--miha-soft)}
#workspacePanel .panel-action-list button.danger{color:#ad3c4a}
#workspacePanel .panel-action-group{margin:0;border:0;border-top:1px solid var(--miha-edge)}
#workspacePanel .panel-action-group>summary{display:list-item;min-height:44px;box-sizing:border-box;cursor:pointer;padding:12px 16px;font-size:13px;font-weight:600}
/* Optical chrome belongs above content. Opaque fallback first, enhancement second. */
.toolbar,.bottom-nav,.sidebar,#workspacePanel,.workspace .case-detail-tabs{background:#f8fcfd;border-color:var(--miha-glass-edge);box-shadow:var(--miha-glass-shadow)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .toolbar,.bottom-nav,.sidebar,#workspacePanel,.workspace .case-detail-tabs{background:linear-gradient(135deg,#ffffff96,#f4fbfc3b),var(--miha-glass-fill);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}
}
.toolbar .tools button{transition:background-color .16s,box-shadow .16s}
.bottom-nav button.active{background:#ffffffd9;box-shadow:0 2px 8px #16333d0a,inset 0 1px 0 #fff}
.toolbar .session-chip{background:transparent}
#dialog{max-width:760px}#dialog[data-form=productInfo]{max-width:560px}
#dialog[data-form=offer],#dialog[data-form=reviseAgreement]{max-width:1000px}
#dialogForm>footer:has(#dialogSubmit[hidden]):has(#dialogHint:empty){display:none}
#dialogBody .inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#dialogBody .inline>button{margin:0;min-height:44px}
#dialogBody :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}
#dialogBody :is(.field,.fields,.form-grid){min-width:0}
@media(max-width:700px){
 .workspace>.head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;margin-bottom:16px}
 .workspace>.head>div:first-child{min-width:0;width:100%}
 .workspace>.head>.head-actions{width:100%;justify-content:start;align-items:stretch}
 .workspace>.head>.head-actions:empty{display:none}
 .workspace>.head:has(>.head-actions>button:only-child){grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .workspace>.head:has(>.head-actions>button:only-child)>.head-actions{width:auto}
 .workspace>.head>.head-actions>button:only-child{width:auto;max-width:100%}
 .workspace[data-page=catalog]>.head .head-actions{gap:6px}
 .workspace[data-page=catalog]>.head .head-actions button{padding:8px 5px;font-size:12px;line-height:1.6}
 .workspace .case-heading{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px}
 .workspace .case-heading .head-actions{width:100%;gap:8px;justify-content:start}
 .workspace .case-heading .head-actions>:is(button,a){font-size:13px;padding:8px}
 .workspace .section-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .workspace :is(.section-head,.list-heading,.cf-section-title){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
 .workspace :is(.section-head,.list-heading,.cf-section-title)>h2{flex:1 1 150px}
 .workspace :is(.section-head,.list-heading,.cf-section-title)>.inline{width:100%;display:flex;gap:8px}
 .workspace :is(.section-head,.list-heading,.cf-section-title)>.inline>button{flex:1 1 auto}
 .workspace .surface{padding:14px;border-radius:16px;margin-bottom:12px}
 .workspace .customer-entry{padding:14px;gap:10px}
 .workspace .customer-entry .client-avatar{width:36px;height:36px;font-size:16px}
 .workspace .customer-entry-name strong{font-size:16px}.workspace .customer-entry-name small{font-size:12px}
 .workspace .customer-order-count{font-size:12px;margin:0}
 .workspace .order-task-summary{padding:14px;gap:12px;border-radius:16px;margin-block:12px}
 .workspace .order-task-summary h2{font-size:16px;line-height:1.7}
 .workspace .order-task-summary p{font-size:13px;line-height:1.8;margin:6px 0}
 .workspace .order-task-summary>button{min-height:44px;padding:10px 12px;font-size:13px;line-height:1.6;white-space:normal}
 .workspace .case-detail-tabs{border-radius:14px;margin-block:12px;min-height:52px}
 .workspace .case-detail-tabs>button{min-height:44px;padding:8px 10px}
 .workspace .cf-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .workspace .cf-dates>button{grid-column:1/-1;width:100%}
 .workspace .comm-chat-head{align-items:center;gap:8px}.workspace .comm-chat-head h2{font-size:16px}
 .workspace .comm-composer>div{gap:8px}.workspace .comm-composer textarea{min-height:72px;font-size:16px}
 .workspace .ops-user-list article{align-items:center;gap:12px}.workspace .ops-user-list h2{font-size:16px}
 .workspace .ops-user-list button{min-height:44px;font-size:13px}
 .workspace .decision{flex-wrap:wrap}.workspace .decision>div{flex:1 1 100%}
 .workspace .management-links>button{padding:14px 0}.workspace .management-links strong{font-size:15px}
 .workspace .management-links small{font-size:12px;line-height:1.8}
 #dialog{max-width:100%}#dialogBody{padding:16px}#dialogForm>header{padding:8px 16px;gap:12px}
 #dialogForm>header h2{font-size:17px;line-height:1.6}#dialogForm>header button{min-height:44px;margin:0}
 #dialogForm>footer{padding:10px 16px;gap:8px}#dialogForm>footer small{font-size:12px;line-height:1.7}
 .signin-form{padding:24px 20px}.signin-form h2{font-size:24px}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.toolbar,.bottom-nav,.sidebar,#workspacePanel,.workspace .case-detail-tabs{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:#a9bec7}}
@media(prefers-reduced-motion:reduce){.toolbar .tools button,.bottom-nav button{transition:none}}

/* Visual identity: section color guides orientation; labels and status remain explicit. */
:root{--miha-blue:#315fc2;--miha-green:#19724f;--miha-violet:#7250b3;--miha-amber:#946019;--miha-slate:#53647a;--miha-canvas:#f3f5fa}
body{background:var(--miha-canvas);background-image:linear-gradient(125deg,#edf8f5 0%,#f3f5fa 48%,#f1eff9 100%);background-attachment:fixed}
.workspace{--section-ink:#087783;--section-wash:#e4f4f3;--section-edge:#b9ddda}
.workspace[data-tone=blue]{--section-ink:var(--miha-blue);--section-wash:#edf2ff;--section-edge:#c8d7ef}
.workspace[data-tone=green]{--section-ink:var(--miha-green);--section-wash:#e7f5ec;--section-edge:#bedfca}
.workspace[data-tone=violet]{--section-ink:var(--miha-violet);--section-wash:#f2edfb;--section-edge:#d9cbed}
.workspace[data-tone=slate]{--section-ink:var(--miha-slate);--section-wash:#edf1f6;--section-edge:#cdd7e1}
.workspace>.head{padding-block:4px 8px}
.workspace .page-title{display:flex;align-items:center;gap:12px;min-width:0}
.page-title>h1{min-width:0;overflow-wrap:anywhere}
.page-emblem{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:linear-gradient(145deg,#fff9,transparent),var(--section-wash);color:var(--section-ink);border:1px solid var(--section-edge);box-shadow:0 4px 10px #2338560b,inset 0 1px 0 #fff}
.page-emblem>.icon{width:25px;height:25px;stroke-width:1.65}
.workspace>.head>div:first-child>p{margin-top:6px;color:#4d5c72}
.workspace .primary{background:var(--section-ink);border-color:var(--section-ink);color:#fff;box-shadow:0 3px 8px #263d5915,inset 0 1px 0 #ffffff24}
.workspace .primary:hover{filter:brightness(.95)}
.workspace .search-control:focus-within{border-color:var(--section-ink);outline-color:var(--section-edge)}
.workspace :is(.cf-tabs,.comm-tabs,.case-detail-tabs) button:is(.active,[aria-pressed=true]){color:var(--section-ink);background:var(--section-wash);box-shadow:inset 0 1px 0 #fff}
.workspace :is(.surface,.product-card,.comm-shell,.customer-directory,.today-work){box-shadow:0 3px 12px #23385606}
.workspace .product-grid .product-card{background:linear-gradient(160deg,#f0f5ff 0%,#fff 42%);border-color:#d8e1ef}
.product-card .product-card-meta>bdi{color:#315fc2;background:#e8effd;border-radius:6px;padding:1px 6px;font-size:11px}
.workspace .product-grid .product-card footer .product-select{color:#315fc2;border-color:#c8d7ef;background:#edf2ff}
.workspace .customer-entry .client-avatar{color:#315fc2;background:linear-gradient(145deg,#e0eaff,#f2f5ff);border:1px solid #d3dff3;border-radius:12px}
.workspace .customer-entry:nth-child(2n) .client-avatar{color:#7250b3;background:#f2edfb;border-color:#e1d6f1}
.workspace .comm-message.mine{background:#eee8f8;border-color:#dfd3ef;color:#3e3156}
.workspace .comm-contact .client-avatar{background:#f2edfb;color:#7250b3}
.workspace .money-map{background:linear-gradient(135deg,#edf8f1,#fff);border-color:#c9e1d3}
.workspace .money-map header>.icon,.workspace .money-map dd{color:#19724f}
.workspace .order-task-summary{background:linear-gradient(135deg,#f7fcfc,#e8f5f1);border-color:#c1ded8}
/* Navigation symbols keep their identity across the desktop sidebar, dock and menu. */
:is(.sidebar nav,.bottom-nav,.panel-destinations) [data-route]{--nav-ink:#087783;--nav-wash:#e4f4f3}
:is(.sidebar nav,.bottom-nav,.panel-destinations) [data-route=catalog],:is(.sidebar nav,.bottom-nav,.panel-destinations) [data-route=customers]{--nav-ink:#315fc2;--nav-wash:#edf2ff}
:is(.sidebar nav,.panel-destinations) [data-route=money],:is(.sidebar nav,.panel-destinations) [data-route=company-finance]{--nav-ink:#19724f;--nav-wash:#e7f5ec}
:is(.sidebar nav,.panel-destinations) [data-route=chat],.panel-destinations [data-route=notification-preferences]{--nav-ink:#7250b3;--nav-wash:#f2edfb}
:is(.sidebar nav,.panel-destinations) [data-route=notes]{--nav-ink:#946019;--nav-wash:#fff3df}
:is(.sidebar nav,.panel-destinations) [data-route]>.icon{box-sizing:content-box;padding:7px;border-radius:10px;background:var(--nav-wash);color:var(--nav-ink);width:19px;height:19px;flex:none}
:is(.sidebar nav,.bottom-nav,.panel-destinations) [data-route]:is(.active,[aria-current=page]){background:var(--nav-wash);color:var(--nav-ink)}
.bottom-nav [data-route]>.icon{color:var(--nav-ink)}
.sidebar nav button{gap:10px;min-height:52px}.sidebar nav button:after{display:none}
.toolbar,.bottom-nav,.sidebar,#workspacePanel{box-shadow:0 6px 24px #24364d0c,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80}
/* A compact original illustration connects request, parcel and destination without claiming progress. */
.today-pulse{position:relative;background:linear-gradient(115deg,#f0f3ff,#f2fbf7);border-color:#d5e3e8;box-shadow:inset 0 1px 0 #fff}
.journey-art{width:148px;height:84px;flex:none;overflow:visible}
.today-pulse-message{flex:1}.today-pulse-message>div{min-width:0}
.today-board .today-open{border-color:#c6d9df}
.today-board .today-open strong{color:#315fc2}
.today-board .today-finance{background:linear-gradient(125deg,#203758,#244e69);border-color:#294c6a;box-shadow:0 6px 18px #20375812}
.today-ring .ring-value{stroke:#8ddbc5}.today-ring .ring-track{stroke:#516b87}
.today-board .today-finance dt,.today-board .today-finance footer,.today-ring .ring-caption{color:#e0eaf7}
.today-board .today-work>header{background:linear-gradient(90deg,#fff,#f0f5ff)}
.today-board .today-goods{background:linear-gradient(160deg,#fff 30%,#f2f8ff);border-color:#d5e0ef}
.today-task-icon.task-regular{background:#e8effd;color:#315fc2}
.today-task-icon.task-alert{background:#fff0d5;color:#946019}
.today-activity .activity-dot{background:#7250b3;box-shadow:0 0 0 4px #f0eafb}
.empty .empty-icon{color:var(--section-ink,#087783);background:var(--section-wash,#e4f4f3);border:1px solid var(--section-edge,#b9ddda);border-radius:20px;box-shadow:0 8px 18px #2338560c,inset 0 1px 0 #fff;transform:rotate(-5deg)}
::selection{background:#cddff7;color:#16333d}input,textarea{caret-color:var(--section-ink,#087783)}
@media(min-width:1050px){.today-board .today-visuals{grid-template-columns:1fr 1fr}.workspace>.head h1{font-size:26px}.sidebar{background-image:linear-gradient(160deg,#ffffffdb,#eff5ffb8)}}
@media(max-width:700px){
 .page-emblem{width:34px;height:34px;flex-basis:34px;border-radius:11px}.page-emblem>.icon{width:20px;height:20px}.workspace .page-title{gap:8px}.workspace .page-title>h1{font-size:22px}
 .workspace>.head{padding-block:0 4px}.workspace>.head>div:first-child>p{font-size:12px;line-height:1.8;margin-top:6px}
 .journey-art{width:80px;height:62px}.today-pulse{padding:12px;gap:8px}.today-pulse-message>.symbol{display:none}.today-pulse-message strong{font-size:14px}.today-pulse-message span:not(.symbol){font-size:12px;line-height:1.7}.today-open{padding-inline-start:8px}
 .today-pulse-message>div{display:grid;gap:4px}.today-pulse-message{min-width:0}.today-open span{white-space:nowrap}
}
@media(max-width:360px){.journey-art{width:64px}.today-pulse{gap:6px}.workspace .page-title>h1{font-size:20px}.page-emblem{width:30px;height:30px;flex-basis:30px}.workspace>.head:has(>.head-actions>button:only-child){column-gap:8px}}
/* One authored arrival; background refresh and typed search do not replay it. */
.workspace.route-enter{animation:none}
#workspacePanel[data-placement=above]{transform-origin:bottom center}#workspacePanel[data-placement=below]{transform-origin:top center}
@media(prefers-reduced-motion:no-preference){
 .workspace :is(button,a.button,.invoice-link),.bottom-nav button,.sidebar nav button{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .12s cubic-bezier(.16,1,.3,1)}
 .workspace button:active:not(:disabled),.bottom-nav button:active,.sidebar nav button:active{transform:scale(.98)}
 .workspace.visual-arrival>.head .page-emblem{animation:miha-emblem-arrive .24s cubic-bezier(.16,1,.3,1)}
 .workspace.visual-arrival .journey-link{animation:miha-journey-connect .42s cubic-bezier(.16,1,.3,1)}
 .workspace.visual-arrival .journey-package{animation:miha-parcel-arrive .32s cubic-bezier(.16,1,.3,1)}
 #workspacePanel{animation:miha-glass-open .18s cubic-bezier(.16,1,.3,1)}
 .today-board .today-ring .ring-value{animation:none}
 @keyframes miha-emblem-arrive{from{transform:scale(.9);opacity:.65}to{transform:scale(1);opacity:1}}
 @keyframes miha-journey-connect{from{stroke-dashoffset:45;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
 @keyframes miha-parcel-arrive{from{transform:translateY(5px);opacity:.6}to{transform:translateY(0);opacity:1}}
 @keyframes miha-glass-open{from{transform:scale(.97);opacity:.65}to{transform:scale(1);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.workspace *,.bottom-nav *,#workspacePanel{animation:none!important;transition:none!important}.empty .empty-icon{transform:none}}
@media(prefers-contrast:more){.workspace .page-emblem{border-color:currentColor}.workspace .product-card,.today-pulse,.workspace .order-task-summary{background:#fff}.workspace .primary{box-shadow:none}}

/* Brand v2: authored SVG lockup keeps identical geometry at every size. */
.brand-lockup,.brand-loading{display:block;max-width:100%;object-fit:contain;flex-shrink:0}
.sidebar .brand{justify-content:flex-start;direction:ltr}
.sidebar .brand-lockup{width:127px;height:50px}
.signin-story>.brand-lockup{width:152px;height:60px;margin-bottom:28px;position:relative}
.signin-mobile-brand .brand-lockup{width:122px;height:48px}
.loading .brand-loading{width:152px;height:60px;margin:0 auto 16px}

/* Viewport contract: desktop rail owns its scroll, transient menus stay inside the visible screen. */
.sidebar{min-width:0;min-height:0;max-height:100dvh;overflow:hidden;padding:20px 16px 12px}
.sidebar .brand{flex:none;margin:0 8px 20px;padding:0;min-height:50px}
.sidebar .brand picture{display:block;flex:none}
.sidebar>nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;gap:4px;width:100%;padding:2px;scrollbar-width:thin;scrollbar-color:#b7cbd2 transparent;overscroll-behavior:contain}
.sidebar nav button{min-height:44px;height:auto;padding:6px 10px;gap:8px;font-size:13px}
.sidebar nav [data-route]>.icon{width:18px;height:18px;padding:5px;border-radius:9px}
.sidebar>.side-note{display:none}
.sidebar>.side-user{flex:0 0 auto;min-width:0;min-height:56px;margin-top:12px;padding-top:10px;gap:8px}
.side-user>div{min-width:0;flex:1}.side-user strong{display:block;overflow-wrap:anywhere}.side-user .avatar{flex:none;width:32px;height:32px}.side-user button{flex:none}
#workspacePanel .panel-destinations{gap:4px 8px;padding:8px 12px}
#workspacePanel .panel-destinations button{justify-content:flex-start;min-width:0;min-height:48px;margin:0;padding:6px;gap:8px;line-height:1.6}
#workspacePanel .panel-destinations button>span{flex:1;min-width:0;overflow-wrap:anywhere}
#workspacePanel .panel-destinations [data-route]>.icon{box-sizing:content-box;width:18px;height:18px;padding:5px;border-radius:9px}
#workspacePanel .panel-identity{padding:10px 16px 2px;min-height:36px;align-items:baseline}
#workspacePanel .panel-identity strong{min-width:0;overflow-wrap:anywhere}
#workspacePanel .panel-identity span{flex:none}
#workspacePanel>header{min-height:48px;padding:2px 10px}
#workspacePanel>footer{padding:4px 10px;min-height:52px}
#workspacePanel[data-kind=menu]>footer{justify-content:flex-start}
#workspacePanel[data-placement=sheet]{transform-origin:bottom center}
.today-visuals,.today-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}
.today-work>header>div{min-width:0}
.today-pulse-message,.today-pulse-message>div,.today-open{min-width:0}
@media(min-width:701px) and (max-width:900px){
 .sidebar{padding:16px 10px 12px;align-items:center}
 .sidebar .brand{margin:0 0 16px;min-height:44px}
 .sidebar .brand-lockup{width:44px;height:44px}
 .sidebar>nav{justify-items:center}
 .sidebar nav button{width:48px;min-height:48px;padding:8px;justify-content:center}
 .sidebar>.side-user{justify-content:center;min-height:44px;margin-top:8px}
}
@media(max-width:1049px){.today-visuals,.today-tasks{grid-template-columns:minmax(0,1fr)}.today-task:nth-child(even){border-inline-start:0}.today-task+.today-task{border-top:1px solid #e8eef1}}
@media(max-width:700px){
 .today-pulse{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:14px}
 .today-pulse-message{grid-column:1;grid-row:1}
 .today-pulse .journey-art{grid-column:2;grid-row:1;width:76px;height:52px}
 .today-board .today-open{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid #d5e3e8;padding:8px 0 0;display:flex;flex-direction:row;gap:6px;justify-content:flex-start;align-items:baseline}
 .today-board .today-open strong{font-size:18px}.today-board .today-open span{font-size:12px}
 .today-work>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:12px 14px}
 .today-work>header p{font-size:12px;line-height:1.8}
 .today-board .today-task{padding:14px;gap:10px}.today-task-go{flex:none}
 .today-board .today-finance-body{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center}
 .today-board .today-finance dd{font-size:17px}.today-finance dt{font-size:12px}
 .today-board .today-ring{min-width:0}.today-board .today-ring .ring-caption{white-space:normal;text-align:center}
}