/* v0.2 — Actual Alexandria typography, applied to every application screen. */
:root{--font:"Alexandria","Segoe UI",Tahoma,Arial,sans-serif;--radius:16px;--bg:#f5f7f9;--sidebar:250px}
html,body,button,input,select,textarea,table,th,td{font-family:var(--font)}
body{-webkit-font-smoothing:antialiased;font-synthesis:none;line-height:1.85;font-weight:400}
button,input,select,textarea{font-family:var(--font)}
h1,h2,h3,h4,.brand-title,.panel-title{letter-spacing:0!important;font-weight:600}
.num,.latin,.money,.mono-id,.numeric-ratio,.quote-amount,.donut-center strong,.summary-unit strong,.stat-value{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:0}
.eyebrow{font-family:var(--font);font-size:9px;letter-spacing:1.1px;font-weight:500}
.brand{padding-inline:2px;gap:9px}.brand-title{font-size:14px}.brand-subtitle{font-size:9px;letter-spacing:0}
.brand-mark{width:36px;height:36px}.sidebar{padding:28px 17px 18px}.workspace-selector{padding:12px 10px}
.workspace-selector .title{font-size:11px}.workspace-selector .subtitle{font-size:9px}
.nav-item{font-size:12px;font-weight:400;padding:13px 15px;min-height:48px}.nav-item.active{font-weight:500}
.nav-label{font-size:10px;font-weight:400;letter-spacing:0}.nav-count{font-size:10px}
.page-heading h1{font-size:26px;line-height:1.65;font-weight:600}.page-heading p{font-size:12px;line-height:1.95}
.panel-title{font-size:14px;font-weight:600}.panel-subtitle{font-size:10px;line-height:1.9}
.btn{font-size:11px;font-weight:500;line-height:1.8;min-height:41px}.btn-small{font-size:10px}
.data-table{font-size:11px}.data-table th{font-size:10px;font-weight:500}.data-table td{line-height:1.9;padding-block:16px}
.cell-title,.pricing-table .cell-title,.dashboard-table .cell-title{font-size:11px;font-weight:500;line-height:1.95}
.cell-sub{font-size:9px;line-height:1.95}.badge{font-size:9px;font-weight:500;padding:4px 9px}
.field>label,.field-label{font-size:11px;font-weight:500;line-height:1.9}.field-hint{font-size:10px;line-height:1.9}
.field-input,input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=datetime-local],select,textarea{font-family:var(--font);font-size:12px;font-weight:400;min-height:42px;line-height:1.8}
.tab-btn{font-size:11px;font-weight:400;gap:8px}.tab-btn.active{font-weight:500}.step{font-size:10px;font-weight:400}
.detail-heading h1{font-size:25px}.detail-meta{font-size:10px;line-height:2.1}.detail-tabs{gap:25px}
.modal-title{font-size:19px;font-weight:600;line-height:1.8}.modal-subtitle{font-size:11px;line-height:1.9}
.quote-supplier{font-size:13px;font-weight:500}.quote-meta{font-size:10px}.quote-amount{font-size:23px;font-weight:500}
.settings-nav button{font-size:11px}.settings-card-title{font-size:18px;font-weight:600}.directory-card h3{font-size:14px;font-weight:500}
.stat-grid{gap:15px}.stat-card{padding:20px;min-height:156px;border-color:#e9edf0;box-shadow:0 4px 22px #17343b03;overflow:hidden}
.stat-top{display:block}.stat-label{font-size:11px;font-weight:500;display:block;position:relative;z-index:1;max-width:calc(100% - 69px)}
.stat-value{font-size:32px;font-weight:500;margin-top:13px;line-height:1.4;direction:rtl}.stat-value small{font-size:10px;font-weight:400}
.stat-foot{font-size:9px;margin-top:16px;line-height:1.7}.stat-foot .dot{display:none}
.stat-photo{position:absolute;inset-inline-end:15px;top:16px;width:61px;height:85px;border-radius:10px;object-fit:cover;filter:saturate(.65)}
.focus-card{min-height:228px;padding:24px 28px;background:#102e36;isolation:isolate}
.focus-card::before{display:none}.focus-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#102e36 0%,#102e36f5 39%,#102e3685 69%,#102e3620 100%)}
.focus-photo{position:absolute;inset-block:0;inset-inline-end:0;width:58%;height:100%;object-fit:cover;z-index:-2;opacity:.86;filter:saturate(.65)}
.focus-card h2{font-size:21px;line-height:1.8;font-weight:600;margin-top:15px;max-width:83%}
.focus-card p{font-size:11px;line-height:2;color:#c0d6d6}.focus-caption{font-size:10px;font-weight:400}.focus-caption>.icon{display:none}
.focus-badge{font-size:9px;font-weight:400;background:#173b41bb;border-color:#ffffff30}.focus-bottom{margin-top:24px;align-items:center;gap:18px;flex-wrap:wrap}
.focus-metric small{font-size:9px;color:#b4c9c9}.focus-metric strong{font-size:16px;font-weight:500}.focus-metrics{gap:18px}
.focus-bottom .btn{font-size:10px}.focus-card .separator-inline{background:#b5d0d04d}
.pricing-table input{font-family:var(--font);font-size:12px}.summary-unit strong{font-size:23px;font-weight:500;line-height:1.5}.summary-unit .label{font-size:10px}
.donut-center strong{font-size:30px;font-weight:500}.donut-center span{font-size:9px}.legend-row{font-size:10px}
.priority-title{font-size:11px;font-weight:500;line-height:1.9}.priority-sub{font-size:9px}.activity-title{font-size:11px}.activity-time{font-size:9px}
.topbar{gap:12px}.topbar-left{gap:10px}.search-trigger{width:205px;font-size:10px}.crumb{font-size:11px}
.sidebar-user-name{font-size:11px}.sidebar-user-role{font-size:9px}.demo-panel-head{font-size:10px}.demo-panel p{font-size:9px}.demo-panel button{font-size:10px}
.font-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3ece8;border-radius:6px;padding:3px 7px;font:400 9px var(--font);color:#769089;white-space:nowrap;direction:ltr}
.font-status::before{content:"";width:5px;height:5px;background:#bac7c2;border-radius:50%}
html[data-font-status=loaded] .font-status::before{background:#14877d}
html[data-font-status=failed] .font-status{color:#96611f;border-color:#ecdbc0}
html[data-font-status=failed] .font-status::before{background:#c59753}
.font-notice{position:fixed;bottom:17px;left:18px;z-index:200;background:#fff9ed;color:#795721;border:1px solid #e8d2a7;border-radius:10px;padding:12px 16px;box-shadow:0 5px 30px #203c4410;font:12px/1.9 var(--font);max-width:min(420px,calc(100vw - 36px));display:none}
html[data-font-status=failed] .font-notice{display:block}
.font-notice button{font:inherit;border:0;background:transparent;color:#7b531b;text-decoration:underline;cursor:pointer;padding:4px}
.font-sample{font-family:var(--font)}
@media(min-width:1700px){main{padding:34px 42px}.stat-card{min-height:165px}.page-heading h1{font-size:29px}.panel-title{font-size:15px}.cell-title,.dashboard-table .cell-title{font-size:12px}.focus-card h2{font-size:23px}}
@media(max-width:1200px){.font-status{display:none}.stat-label{font-size:10px}.stat-photo{width:50px;height:74px;inset-inline-end:12px}.stat-card{padding:17px 14px}.stat-foot{font-size:8px}.brand-title{font-size:13px}.focus-card{padding:22px}.focus-card h2{font-size:19px}}
@media(max-width:800px){.focus-card{min-height:225px}.data-table th{font-size:10px}.page-heading h1{font-size:23px}.summary-unit strong{font-size:21px}}
@media(max-width:580px){
:root{--sidebar:255px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .btn{font-size:10px;padding:9px 11px}.page-heading{gap:13px;margin-bottom:21px}
.stat-grid{gap:11px}.stat-card{min-height:148px;padding:15px 12px}.stat-label{font-size:9px;max-width:calc(100% - 52px);line-height:1.9}.stat-photo{width:45px;height:73px;inset-inline-end:11px;top:14px;border-radius:7px}.stat-value{font-size:28px;margin-top:14px}.stat-value small{font-size:9px}.stat-foot{font-size:8px;margin-top:18px;line-height:1.8}
.focus-card{padding:22px 19px;min-height:253px}.focus-card h2{font-size:20px;max-width:100%;margin-top:18px}.focus-card p{font-size:10px}.focus-card::after{background:linear-gradient(270deg,#102e36f5,#102e36c7 70%,#102e3670)}.focus-photo{width:85%;opacity:.60}.focus-caption,.focus-badge{font-size:8px}.focus-bottom{gap:17px;margin-top:22px}.focus-bottom .btn{font-size:10px}.focus-metric strong{font-size:15px}.focus-metric small{font-size:9px}
.panel-title{font-size:13px}.panel-subtitle{font-size:10px}.priority-title{font-size:11px}.priority-sub{font-size:9px}.app-footer{font-size:9px;line-height:1.9}
.tab-btn{font-size:10px}.detail-tabs{gap:19px}.detail-heading h1{font-size:21px;line-height:1.9}.detail-meta{font-size:9px}.step{font-size:8px}.modal-title{font-size:18px}.modal-subtitle{font-size:10px}.modal-body .field>label{font-size:11px}
.nav-item{font-size:13px}.brand-title{font-size:14px}.quote-supplier{font-size:12px}.quote-meta{font-size:10px}.data-table td{font-size:11px}.cell-title,.pricing-table .cell-title{font-size:11px}.btn{font-size:11px}.font-notice{font-size:11px}
}
@media print{.font-status,.font-notice{display:none!important}body,button,table,th,td,.offer-sheet{font-family:var(--font)!important}}