/* Shared final layer: TOMORROW monochrome surfaces, larger readable type and clear controls. */
:root{--type-title:30px;--type-section:18px;--type-body:16px;--type-small:14px;--type-micro:12px;--ink:#19191d;--ink-secondary:#4e4e57;--muted:#55555f}
html,body,button,input,select,textarea{font-weight:500}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px;font-weight:500}
h1,h2,h3,h4,.page-heading h1,.panel h2,.section-title h2,.dialog-head h2{font-weight:700}
.entry-content h1,.auth-panel h1{font-weight:700}.panel.system-card h2{font-size:22px;font-weight:700}.sales-overview .sales-hero h2{font-size:clamp(32px,4vw,48px);font-weight:750}
.page-heading h1{font-size:30px}.panel h2,.section-title h2{font-size:18px}.store-card h2{font-size:17px;font-weight:700}
.page .panel p,.page .store-card p,.module-note,.panel small,.page-heading .muted,.empty-panel{font-size:14px;line-height:1.7;color:#50505a}
.page .panel p{margin-block:8px}.page small{font-size:13px}.page th,.page td{font-size:14px}.page th{color:#4e4e58;font-weight:700}.page td b{font-size:14px;font-weight:700}
.primary,.outline,.text-button,button.tab{font-size:15px;font-weight:650;min-height:44px}
a.outline,a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.page .text-button,dialog .text-button{border:1px solid #d8d8df;border-radius:9px;background:#fff;padding:9px 13px;color:#27272e;box-shadow:0 1px 2px #00000005;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.page .text-button:hover,dialog .text-button:hover,.outline:hover{border-color:#9d9da8;background:#f1f1f4;box-shadow:0 2px 5px #00000008}
.page .text-button:active,.outline:active,.primary:active{transform:translateY(1px)}
.field>span,.dialog-fields label span{font-size:14px;font-weight:650;color:#383840}.field input,.field select,.field textarea,.dialog-fields input,.dialog-fields select,.dialog-fields textarea{font-size:16px;color:#242429;min-height:44px}
.workspace-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex:0 1 auto;max-width:100%;padding-top:4px}.workspace-actions:empty{display:none}.workspace-actions>.ops-actions,.workspace-actions>.access-actions{display:contents}
.page-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.page-heading>div:not(.workspace-actions){min-width:0}.workspace-actions>button,.workspace-actions>a{white-space:nowrap;flex:0 0 auto}
.store-card footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.store-card .store-initial{margin-bottom:18px}.store-card .co-person{padding-block:12px;border-top:1px solid #eee;align-items:flex-start;flex-direction:column}.store-card .co-person small{font-size:13px}.store-card .co-person b{font-weight:700}.store-card .co-buttons{width:100%}.store-card .co-buttons a{font-size:13px;flex:1}.store-card [data-store-profile]{font-size:16px;text-align:left;justify-content:flex-start;width:100%;min-height:48px}
.sidebar .nav-item,.sidebar .nav-subitem,.sidebar .nav-department-toggle{font-size:14px;font-weight:600}.sidebar .nav-item i{font-weight:600}.breadcrumb{font-size:14px;font-weight:600}.control select{font-size:14px}.eyebrow{font-size:12px;font-weight:650;color:#55555f}
.sidebar .nav-subitem{border:1px solid #3b3b42;background:#202023;border-radius:9px;min-height:44px;padding:11px 13px;margin-block:6px;color:#dedee3;white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-align:left}
.sidebar .nav-subitem:hover{background:#2a2a30;border-color:#61616b;color:#fff}.sidebar .nav-subitem.active{background:#34343b;border-color:#73737e;color:#fff;font-weight:700}.sidebar .nav-subitem:focus-visible{outline:2px solid #fff;outline-offset:2px}.sidebar .nav-subitem:active{transform:translateY(1px)}
.sidebar .nav-tool-heading{display:flex;gap:10px;align-items:center;margin:22px 10px 9px;color:#c4c4ce;font-size:13px;font-weight:700;line-height:1.5}.sidebar .nav-tool-heading .ui-icon{width:18px;height:18px;flex-shrink:0}.sidebar .nav-children{margin:0;padding:0;border:0}.sidebar .nav-subitem{width:100%}.sidebar-scroll{min-height:0;overflow-y:auto}
.page .tab,.department-tabs button{border:1px solid #d8d8df;border-radius:9px;background:#fff;padding:10px 15px;min-height:44px;color:#41414a;font-size:14px;font-weight:600;box-shadow:0 1px 2px #00000005}.page .tab.active{color:#19191d;background:#ededf0;border-color:#a6a6b0;box-shadow:inset 0 -2px #3e3e46}.tab-row{gap:10px}.department-tabs button:hover,.page .tab:hover{border-color:#9d9da8;background:#f1f1f4}
.department-card button{border:1px solid #d8d8df;border-radius:9px;padding:12px 14px;margin-top:10px;font-weight:600;color:#27272e;background:#fff}.department-card button:hover,.plan-area:hover{border-color:#9d9da8;background:#f6f6f8}.page .ops-subnav button,.setting-row>.text-button,.erp-image-card button,.erp-image-card a{font-size:14px}
.workspace-identity{font-size:14px}.workspace-identity small{font-size:12px;color:#56565f}.workspace-identity span{font-weight:600}.page .setting-row b,.page .ops-meta dd,.page .plan-card dl{font-size:15px}.page .ops-meta dt,.page .plan-card dt{font-size:14px;color:#50505a}.page .ops-kpi span{font-size:14px;color:#50505a}.page .ops-card h3,.page .store-card h3{font-size:15px;font-weight:700}.page .co-person b{font-size:16px}.page .co-contact-number{font-size:14px;color:#35353e;font-variant-numeric:tabular-nums}.ops-notice>.text-button:first-child{flex-direction:column;align-items:flex-start;gap:0}.page .text-button:disabled:hover,dialog .text-button:disabled:hover{background:#fff;border-color:#d8d8df;box-shadow:none;transform:none}
/* Keep the established red brand accents and semantic status colors. */
.sidebar-scroll>.nav-item:not(.caja-nav){border:1px solid #3b3b42;border-radius:9px;min-height:44px;margin-block:6px;background:#202023}
.sidebar-scroll>.nav-item:not(.caja-nav):hover{background:#2a2a30;border-color:#61616b}
.sidebar-scroll>.nav-item.active:not(.caja-nav){border-color:var(--brand-red,#ce3142);background:#34343b}
.page .tab.active{color:var(--brand-red,#ce3142);background:#fff3f4;border-color:#efc5ca;box-shadow:inset 0 -2px var(--brand-red,#ce3142)}
@media(max-width:760px){.page-heading{flex-direction:column;align-items:stretch;gap:16px}.workspace-actions{margin-left:0;justify-content:flex-start;width:100%}.workspace-actions>button,.workspace-actions>a{flex:1 1 auto;white-space:normal;min-height:44px}.page-heading h1{font-size:27px}.topbar{height:auto;min-height:64px;gap:8px;padding-block:10px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.co-row,.co-person{max-width:100%}.page th,.page td{font-size:14px}}
@media print{.workspace-actions{display:none}.page .text-button{box-shadow:none}}
