body{background:#f6f7f4}.app-sidebar{width:238px;background:#fff;color:#24464e;border-right:1px solid #e3e9e4;padding:28px 18px}.app-sidebar .brand{color:#087d80;font-size:30px;letter-spacing:-1px;display:flex;align-items:center;gap:14px}.app-sidebar small{color:#829294;margin-bottom:28px}.brand-mark{font-size:11px;letter-spacing:1px;font-weight:500;background:#e8f2ef;border-radius:5px;padding:5px 8px}.nav-caption{color:#93a1a3;letter-spacing:2px;font-size:11px;margin:0 12px 14px}nav button{color:#4e6469;font-size:13px;display:flex;align-items:center;gap:10px;padding:11px 10px}nav button.active{background:#e7f1ed;color:#087d80;font-weight:600}.nav-dot{font-size:10px;color:#91a7a3;border:1px solid #d5e5df;border-radius:5px;padding:3px;min-width:23px;text-align:center}.sidebar-note{margin:22px 5px;background:#f5f8f4;border:1px solid #e4ebe4;border-radius:8px;padding:14px;font-size:12px;line-height:1.8}.sidebar-note p{color:#81928c;margin-bottom:0}.app-sidebar footer{border-top:1px solid #e4ece8;padding-top:18px}.app-sidebar footer button{display:block;width:100%;margin-top:10px;text-align:left}.user-name{font-size:14px;font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid #e0e7e2}.topbar form{max-width:460px;width:100%}.topbar>.row{flex:0 auto}.topbar input{background:#fff}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#78918a;margin-bottom:10px}main{margin-left:238px}.panel-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#ecf3ed;border:1px solid #d7e5d9;border-radius:10px;margin-bottom:20px}.panel-hero h2{font-size:23px;margin-bottom:9px}.panel-hero p{margin:0}.feature-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}.feature-zone{text-align:left;background:#fff;border:1px solid #dfe8e1;border-radius:10px;padding:20px;color:#21454c;transition:box-shadow .15s}.feature-zone:hover{box-shadow:0 5px 20px #29463e12;border-color:#a5c9b7}.feature-zone h3{margin-top:10px}.feature-zone p{color:#82948c;font-size:12px;line-height:1.8;margin-bottom:16px}.zone-link{color:#15817b;font-size:12px}.feature-zone .tag{margin:0;font-size:10px}header h1{font-size:27px}@media(max-width:1050px){.feature-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap}}@media(max-width:650px){.app-sidebar{width:100%;position:static}.sidebar-note,.nav-caption{display:none}main{margin-left:0}.panel-hero{align-items:flex-start;flex-direction:column}.feature-zones{grid-template-columns:1fr}.topbar{gap:12px}nav button{width:auto}.app-sidebar footer{display:block}}
.panel-hero>button{flex-shrink:0;white-space:nowrap}
.app-sidebar{overflow-y:auto}.app-sidebar footer{margin-top:18px}.chat-entry{border-bottom:1px solid #e3ebe6;padding:16px 0}.chat-entry p{line-height:1.8;overflow-wrap:anywhere}.chat-messages{max-height:370px;overflow:auto;padding:8px;background:#f4f7f4;border-radius:8px;margin:15px 0}.chat-bubble{padding:12px;margin-bottom:10px;border-radius:8px;background:white}.client-bubble{background:#e4f2ec}.message-content{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.actions{flex-wrap:wrap}td input{min-width:120px}
/* Compact format controls accompany every authorized export. */
.export-format{display:inline-block;width:auto;min-width:116px;max-width:160px;margin:4px 8px;padding:7px 10px;font-size:12px;vertical-align:middle}
.source-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.decision-toolbar .actions{margin-bottom:14px}.decision-toolbar label{margin:0}.decision-toolbar input{max-width:180px}#decision-body .card{overflow-x:auto}#finance-editor label{display:block}#finance-editor .row>label{flex:1;min-width:160px}.ai-opt-in{margin-top:18px;font-size:13px;color:#526c77}.ai-opt-in input,#shared-ai-settings input[type=checkbox]{width:auto;margin-right:6px}
@media(max-width:950px){.panel-hero{flex-direction:column;align-items:flex-start}.panel-hero h2{font-size:21px;line-height:1.5}.panel-hero>button{align-self:flex-start}}
.mail-card{border:1px solid #dce9e5;border-radius:12px;padding:20px;margin:16px 0;background:#fbfdfc}.mail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.mail-template{background:#f2f7f5;border:1px solid #dceae6;border-radius:9px;padding:18px;max-height:430px;overflow:auto;font-size:13px;line-height:1.85}.mail-link{display:inline-block;background:#087d80;color:#fff;border-radius:7px;padding:10px 16px}.mail-link:hover{background:#066c70}.booking-fields{margin:18px 0;padding:18px;background:#f5f9f7;border:1px solid #dce9e4;border-radius:10px}.booking-fields h3{color:#087d80}.booking-fields .row>div{min-width:180px}
.mail-hero{position:relative;overflow:hidden}.mail-count{flex:0 0 auto;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(97,165,156,.22);color:#116b66;font-weight:700}.mail-settings-card{margin-bottom:16px}.batch-mail-panel{position:static;z-index:auto;background:rgba(250,253,252,.9);border-color:rgba(100,169,159,.32)}.batch-mail-panel h2,.batch-mail-panel p{margin-bottom:5px}.mail-card{border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,249,247,.78));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.mail-card.selected-mail{border-color:#55a99e;box-shadow:0 0 0 3px rgba(75,160,149,.1),0 16px 38px rgba(28,82,75,.07)}.mail-head{align-items:center}.mail-head>div{flex:1}.mail-selector{flex:0 0 auto;margin:0}.mail-selector input{width:19px;height:19px;accent-color:#087d80}.mail-template{border-radius:13px;background:rgba(238,247,244,.82);border-color:rgba(122,179,170,.22);max-height:330px}.mail-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.custom-forward{display:flex;align-items:center;gap:7px;min-width:360px;flex:1}.custom-forward input{min-width:210px}.custom-forward button{white-space:nowrap}.mail-actions>button{white-space:nowrap}
@media(max-width:850px){.custom-forward{min-width:100%;display:grid;grid-template-columns:1fr auto}}
.suite-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.suite-tabs button{min-width:132px}.suite-layout{align-items:start}.suite-layout>div{min-width:0}.suite-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric.urgent{border-color:#e6ad9f;background:#fff8f5}.metric.urgent strong{color:#b94e39}.workflow-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,.8fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #e3ebe6}.workflow-row p{margin:7px 0}.workflow-row form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.timeline-item{border-left:3px solid #b9d8ce;padding:5px 0 5px 15px;margin:16px 0}.timeline-item span{float:right;color:#7d8f8b;font-size:12px}.timeline-item p{white-space:pre-wrap;line-height:1.7}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-metrics .metric{padding:14px}.mini-metrics .metric strong{font-size:22px}.suite-layout form button{margin-top:12px}
@media(max-width:1150px){.suite-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-row{grid-template-columns:1fr}.workflow-row form{grid-template-columns:1fr 1fr auto}}
@media(max-width:700px){.suite-metrics,.mini-metrics{grid-template-columns:1fr 1fr}.workflow-row form{grid-template-columns:1fr}.suite-tabs button{flex:1;min-width:150px}}
.enterprise-hero{background:linear-gradient(135deg,rgba(240,250,249,.94),rgba(225,244,241,.7));backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px rgba(25,83,77,.08)}
.today-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr)}
.decision-card{position:sticky;top:22px;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(230,246,243,.84));border-color:rgba(122,186,177,.35)}
.decision-card dl{margin:20px 0}.decision-card dl div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(111,157,151,.18)}.decision-card dt{color:#667e7b}.decision-card dd{font-size:22px;font-weight:700;color:#114f4d;margin:0}
.delivery-order{margin:18px 0;padding:22px;border:1px solid rgba(129,177,170,.28);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,249,247,.7));box-shadow:0 14px 40px rgba(25,75,70,.05)}.delivery-order>header{display:flex;justify-content:space-between;gap:20px;align-items:start}.delivery-order header p{margin:6px 0;color:#718784}.progress-pill{padding:7px 12px;border-radius:999px;background:#dff2ec;color:#14665f;font-weight:700;white-space:nowrap}.checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.check-item{display:flex;gap:10px;padding:12px;border-radius:13px;background:rgba(239,243,242,.75);color:#71807e}.check-item.complete{background:rgba(215,240,232,.78);color:#155f58}.check-item span{font-weight:800}.check-item small{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.order-timeline{margin-top:18px;padding:18px;border-radius:16px;background:rgba(238,248,246,.86)}.order-timeline article{display:grid;grid-template-columns:150px 1fr;gap:4px 18px;padding:12px 0;border-bottom:1px solid rgba(120,167,161,.18)}.order-timeline time{grid-row:1/3;color:#748c88;font-size:12px}.order-timeline p{margin:3px 0;white-space:pre-wrap}.inline-create{display:flex;gap:10px;margin-top:16px}.inline-create select{max-width:330px}.duplicate-alert{border-color:#e7c78f;background:linear-gradient(135deg,#fffaf1,#fff)}.duplicate-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #f0e3cc}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;padding:16px;border:1px solid #dce8e5;border-radius:14px}.permission-grid label{display:flex;align-items:center;gap:8px}.permission-grid input{width:auto}.service-summary{background:linear-gradient(145deg,rgba(231,248,244,.88),rgba(255,255,255,.95))}
@media(max-width:980px){.today-grid{grid-template-columns:1fr}.decision-card{position:static}.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.checklist,.permission-grid{grid-template-columns:1fr}.delivery-order{padding:16px}.delivery-order>header{display:block}.order-timeline article{grid-template-columns:1fr}.order-timeline time{grid-row:auto}.inline-create{display:grid}.suite-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.suite-tabs button{min-width:max-content}}
.notice-board article{padding:14px 0;border-bottom:1px solid rgba(120,167,161,.18)}.notice-board article:last-child{border-bottom:0}.notice-board article>span{float:right;font-size:11px;color:#2c7770;background:#e2f2ee;border-radius:999px;padding:3px 9px}.notice-board article p{margin:7px 0 0;color:#647b77;line-height:1.7}.bank-ledger{max-height:610px;overflow:auto}.document-status{display:flex;gap:7px;min-width:260px}.document-status select{min-width:130px}.document-status button{white-space:nowrap}.connector-center{margin-top:20px}.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connector-grid>form{padding:18px;border:1px solid rgba(129,177,170,.28);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,248,245,.7))}.connector-grid textarea{min-height:82px}.connector-grid .row{justify-content:space-between}
@media(max-width:820px){.connector-grid{grid-template-columns:1fr}.document-status{min-width:210px;flex-wrap:wrap}}
.crm-hero{background:linear-gradient(135deg,rgba(245,253,251,.97),rgba(220,242,238,.76));overflow:hidden;position:relative}.crm-hero:after{content:"";position:absolute;width:270px;height:270px;right:-90px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(73,170,159,.2),transparent 68%);pointer-events:none}.crm-tabs{position:sticky;top:0;z-index:4;padding:10px;background:rgba(246,249,247,.82);border:1px solid rgba(209,228,222,.72);border-radius:13px;backdrop-filter:blur(18px)}
.crm-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-button{font:inherit;color:inherit;text-align:left;border:1px solid #dce8e4;background:#fff;cursor:pointer}.metric-button:hover{border-color:#8ec5b8;box-shadow:0 8px 28px rgba(31,98,89,.08)}.crm-overview{align-items:start}.crm-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.crm-pipeline article{padding:15px;border-radius:14px;background:linear-gradient(145deg,#f4faf8,#edf5f2);border:1px solid rgba(116,170,160,.18)}.crm-pipeline span,.crm-pipeline small{display:block;color:#718783}.crm-pipeline strong{display:block;font-size:24px;margin:7px 0;color:#145b57}.crm-source{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e5ece8}.crm-source strong{font-size:19px;color:#126d68}.crm-principles ol{padding:0;list-style:none;counter-reset:principle}.crm-principles li{position:relative;padding:14px 0 14px 42px;border-bottom:1px solid #e4ece8;counter-increment:principle}.crm-principles li:before{content:counter(principle);position:absolute;left:0;top:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#dff1eb;color:#10655f;font-weight:700}.crm-principles li span{display:block;color:#718581;margin-top:5px;font-size:12px}.crm-timeline-panel{margin-top:20px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#f4faf8,#fff);border:1px solid #d9e9e4}.customer-timeline{margin-top:18px}.customer-timeline article{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-top:1px solid #dfeae6}.customer-timeline article time{color:#758a86;font-size:12px}.customer-timeline article div>span{display:inline-block;color:#17726c;background:#e4f3ee;border-radius:999px;padding:3px 9px;font-size:10px;margin-right:8px}.customer-timeline article strong{display:inline}.customer-timeline article p{margin:7px 0;color:#647a76}.customer-timeline article small{color:#a45d39}.due-late{color:#b84d3b;font-weight:700}
.crm-opportunity-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr)}.opportunity-summary{position:sticky;top:80px}.opportunity-row{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(520px,1.25fr);gap:25px;align-items:center;padding:20px 0;border-bottom:1px solid #e2ebe7}.opportunity-row h3{margin:10px 0 6px}.opportunity-row p{margin:5px 0}.opportunity-row form{display:grid;grid-template-columns:1fr .55fr 1fr 1.3fr;gap:8px;align-items:center}.opportunity-row form input[name=lostReason]{grid-column:1/4}.opportunity-row form button{grid-column:4}.followup-metrics{max-width:760px}.followup-list{margin-top:14px}.followup-row{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #e0eae6}.followup-row time{font-weight:700;color:#2b706a}.followup-row>div>span{font-size:11px;color:#65817c}.followup-row strong{display:block;margin:5px 0}.followup-row p{margin:0;color:#7a8c89}.followup-row.late time{color:#b34f3c}.followup-editor-card{position:sticky;top:82px}.secure-notice{margin-bottom:20px}.traveler-summary{background:linear-gradient(155deg,rgba(229,247,242,.9),#fff)}
@media(max-width:1200px){.crm-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-row{grid-template-columns:1fr}.opportunity-row form{grid-template-columns:repeat(3,1fr)}.opportunity-row form input[name=lostReason]{grid-column:1/3}.opportunity-row form button{grid-column:3}}
@media(max-width:720px){.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-opportunity-layout{grid-template-columns:1fr}.opportunity-summary{position:static}.opportunity-row form{grid-template-columns:1fr}.opportunity-row form input[name=lostReason],.opportunity-row form button{grid-column:auto}.followup-row{grid-template-columns:1fr}.customer-timeline article{grid-template-columns:1fr}.crm-tabs{position:static}}
/* Motion is restrained and functional: content changes in place without resetting the viewport. */
#content{min-height:68vh;overflow-anchor:none}.workspace-enter>*{animation:workspace-in .32s cubic-bezier(.22,.8,.3,1) both}.workspace-enter>*:nth-child(2){animation-delay:.035s}.workspace-enter>*:nth-child(3){animation-delay:.07s}.workspace-enter>*:nth-child(4){animation-delay:.105s}.card,.metric,.workflow-row,.opportunity-row{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.card:hover{border-color:rgba(116,170,160,.42);box-shadow:0 12px 34px rgba(28,82,75,.065)}button,a{transition:transform .16s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.985)}.suite-tabs button{position:relative;overflow:hidden}.suite-tabs button:after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transition:transform .22s ease}.suite-tabs button:not(.secondary):after{transform:scaleX(1)}.app-sidebar nav button{transition:background-color .22s ease,color .22s ease,transform .18s ease}.app-sidebar nav button:hover:not(.active){transform:translateX(2px)}.app-sidebar nav button.active:hover{transform:none}@keyframes workspace-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.workspace-enter>*{transform:none!important}}

/* Quiet, premium management UI. */
body{background:radial-gradient(circle at 78% -10%,rgba(174,226,218,.22),transparent 34%),linear-gradient(180deg,#f7faf8 0%,#f3f6f4 100%)}
main{min-height:100vh}.card,.metric,.panel-hero{border-color:rgba(183,207,200,.55);box-shadow:0 1px 0 rgba(255,255,255,.85),0 12px 35px rgba(28,77,70,.035)}
.card{border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}
.panel-hero{border-radius:18px;padding:26px 28px}
input,select,textarea{border-color:#d7e3df;background:rgba(255,255,255,.9);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
input:focus,select:focus,textarea:focus{outline:0;border-color:#67a99f;box-shadow:0 0 0 3px rgba(67,151,141,.12);background:#fff}
input[type=date],input[type=month]{color-scheme:light;min-height:42px}
.field-hint{display:block;color:#8a9b97;font-size:11px;line-height:1.5;margin-top:5px}
.section-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.section-title h2{margin:0 0 4px}.section-title p{margin:0}.section-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#dff2ec,#eff9f6);color:#087d80;font-size:18px;font-weight:700;border:1px solid rgba(103,169,159,.2)}
.staff-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)}.account-create-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,248,245,.75))}.staff-profile-card{position:sticky;top:18px}.password-reset-card{background:rgba(248,251,250,.92)}
.password-field{display:flex;gap:7px;align-items:center}.password-field input{flex:1 1 auto;min-width:0}.password-field .compact-button{flex:0 0 auto;white-space:nowrap;padding:10px 12px;margin:0}.primary-action{min-width:180px}#staff-create .row{align-items:flex-start}
.permission-grid{background:rgba(244,249,247,.78);border-color:rgba(112,169,159,.24)}.permission-grid label{padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.72);margin:0}.permission-grid label small{display:block;color:#92a19e;font-size:10px;margin-left:auto}
.export-action{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;background:#0b7f7c;color:#fff!important;font-size:12px;font-weight:650;box-shadow:0 7px 20px rgba(11,127,124,.14)}.export-action:hover{background:#086d6b;box-shadow:0 10px 25px rgba(11,127,124,.2)}.export-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.16);font-size:15px}.export-format{border-radius:9px!important;border-color:#d5e2de!important;background:#fff!important}
.audit-panel>summary{font-size:17px;color:#244e4c}.audit-panel[open]>summary{margin-bottom:18px}.audit-panel[open]>*:not(summary){animation:panel-reveal .28s cubic-bezier(.22,.8,.3,1) both}
.workspace-enter .suite-tabs,.workspace-enter .crm-tabs{animation:panel-reveal .26s cubic-bezier(.22,.8,.3,1) both}.workspace-enter #suite-body,.workspace-enter #crm-body,.workspace-enter #staff-detail{animation:panel-lift .34s cubic-bezier(.22,.8,.3,1) both}
@keyframes panel-reveal{from{opacity:0}to{opacity:1}}@keyframes panel-lift{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.staff-layout{grid-template-columns:1fr}.staff-profile-card{position:static}}
.mail-review{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:rgba(239,247,245,.9);border:1px solid rgba(106,169,159,.2);font-size:13px}.mail-review>span{font-weight:750;color:#42645e}.mail-review label{display:flex;align-items:center;gap:7px;margin:0}.mail-review input{width:17px;height:17px;accent-color:#087d80}.mail-card.mail-reviewed{border-color:#6db4a7}.mail-card.mail-reviewed .mail-review{background:rgba(222,244,236,.88)}
.mail-transport-state{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:12px 0 18px;padding:13px 15px;border:1px solid rgba(83,147,139,.2);border-radius:13px;background:linear-gradient(135deg,rgba(232,247,243,.9),rgba(255,255,255,.82))}.mail-transport-state strong,.mail-transport-state span{display:block}.mail-transport-state span{margin-top:4px;color:#6b817d;font-size:12px;line-height:1.55}.mail-transport-state .tag{flex:none;margin-top:1px}.mail-draft-editor{margin-top:14px;padding:16px;border-radius:14px;background:rgba(244,249,247,.84);border:1px solid rgba(108,164,155,.18)}.mail-draft-editor textarea{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.65}.mail-attempts{margin-top:13px;border-top:1px solid rgba(124,162,157,.18);padding-top:11px}.mail-attempts summary{cursor:pointer;color:#416b66;font-size:12px;font-weight:700}.mail-attempts p{font-size:12px;margin:8px 0;color:#708581}.mail-failure{padding:9px 11px;border-radius:9px;background:#fff1ee;color:#a44a3c}.mail-reply{padding:10px 12px;border-radius:10px;background:#edf7f4;color:#315f58}
.finance-overview-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:stretch}.finance-flow-card{display:flex;flex-direction:column;justify-content:center}.finance-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.finance-flow span{padding:8px 10px;border-radius:10px;background:#edf7f4;color:#276b63;font-size:12px;font-weight:700}.finance-flow i{font-style:normal;color:#82a69f}.finance-metrics .metric.urgent{border-color:#e4a59b;background:linear-gradient(145deg,#fff,#fff2ef)}
.finance-ledger-card{overflow:hidden}.finance-ledger-card .table-wrap{max-height:560px}.finance-ledger-card table{min-width:1220px}.finance-ledger-card th{position:sticky;top:0;z-index:2;background:#f3f8f6}.finance-ledger-card tr[data-risk="true"] td{background:rgba(255,242,238,.5)}.finance-ledger-card td strong{color:#214e49}.finance-ledger-card td small{display:block;margin-top:4px;color:#82938f}.finance-ledger-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0}.finance-ledger-toolbar input{min-width:min(100%,320px)}
.mail-transport-state{display:grid;grid-template-columns:minmax(105px,max-content) minmax(0,1fr);align-items:center;gap:5px 15px}.mail-transport-state>span{margin:0}.mail-transport-state>strong{overflow-wrap:anywhere}.mail-transport-state>small{grid-column:1/-1;display:block;color:#708581;line-height:1.55}
@media(max-width:850px){.finance-overview-grid{grid-template-columns:1fr}.mail-review{align-items:flex-start;flex-direction:column;gap:9px}}
.order-detail-dialog{width:min(1180px,94vw);height:min(860px,90vh);max-height:90vh;padding:0;overflow:auto;border:1px solid rgba(113,166,158,.34);border-radius:22px;background:rgba(252,254,253,.97);box-shadow:0 30px 100px rgba(13,57,60,.28)}.order-detail-dialog::backdrop{background:rgba(12,38,44,.54);backdrop-filter:blur(8px)}.order-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 30px 18px;background:rgba(250,253,252,.9);backdrop-filter:blur(22px);border-bottom:1px solid rgba(117,169,160,.18)}.order-dialog-head h2{margin:5px 0 8px}.order-detail-dialog>.muted,.order-detail-dialog>.notice,.order-detail-dialog>.table-wrap,.order-detail-dialog>#summary,.order-dialog-actions,.order-dialog-summary,.order-dialog-editor{margin-left:30px;margin-right:30px}.order-dialog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;margin-bottom:20px}.order-dialog-summary>div{padding:14px;border-radius:14px;background:rgba(235,246,243,.78);border:1px solid rgba(119,174,165,.18)}.order-dialog-summary span,.order-dialog-summary strong{display:block}.order-dialog-summary span{font-size:11px;color:#708985;margin-bottom:6px}.order-dialog-summary strong{font-size:14px;color:#244d49;overflow-wrap:anywhere}.order-dialog-actions{display:flex;gap:9px;flex-wrap:wrap;padding:20px 0 30px}.order-dialog-editor{margin-top:20px;margin-bottom:30px}.order-detail-dialog>.table-wrap{max-height:none}.order-detail-dialog[open]{animation:order-dialog-in .24s cubic-bezier(.22,.8,.3,1) both}@keyframes order-dialog-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:760px){.order-detail-dialog{width:96vw;height:92vh;border-radius:16px}.order-dialog-summary{grid-template-columns:1fr 1fr}.order-dialog-head{padding:20px}.order-detail-dialog>.muted,.order-detail-dialog>.notice,.order-detail-dialog>.table-wrap,.order-detail-dialog>#summary,.order-dialog-actions,.order-dialog-summary,.order-dialog-editor{margin-left:18px;margin-right:18px}}
.finance-ledger-card>.row,.mail-inbox>.row{align-items:flex-end;gap:12px}.finance-ledger-card>.row>div:first-child,.mail-inbox>.row>div:first-child{flex:1 0 100%;min-width:0}.finance-ledger-card>.row h2,.mail-inbox>.row h2{margin-bottom:6px;line-height:1.4}.finance-ledger-card>.row p,.mail-inbox>.row p{margin:0;max-width:760px;overflow-wrap:anywhere}.finance-ledger-card>.row input,.mail-inbox>.row input{flex:1 1 200px;min-width:180px}.finance-ledger-card>.row .export-format,.mail-inbox>.row select{flex:0 1 160px}.finance-ledger-card>.row a{flex:0 0 auto;white-space:normal;max-width:220px;text-align:center}.mail-settings-grid .row>div{min-width:min(100%,220px)}.mail-head strong{overflow-wrap:anywhere}.mail-card .mail-template{overflow-wrap:anywhere}.suite-tabs button,.crm-tabs button{width:auto;flex:0 0 auto;margin:0;text-align:center;justify-content:center}.order-ledger-card>.row>div:first-child{flex:1 0 100%;min-width:0}.order-ledger-card>.row input{flex:1 1 200px;min-width:180px}.order-ledger-card>.row .export-format{flex:0 1 160px}.order-ledger-card>.row a{flex:0 0 auto}.finance-request-form .row,.finance-create-form .row,#approval-create .row,#bank-create .row{align-items:flex-start}#jc-filter{display:grid;grid-template-columns:minmax(170px,2fr) minmax(140px,1.3fr) minmax(125px,1fr) minmax(140px,1.1fr) auto;align-items:start}#jc-filter>*{min-width:0}#jc-filter .field-hint{display:none}#jc-filter button{white-space:nowrap}
@media(max-width:960px){.app-sidebar{position:static;width:100%;height:auto;max-height:none;display:block;padding:15px 22px;overflow:visible;border-right:0;border-bottom:1px solid #e3e9e4}.app-sidebar .brand{font-size:24px;margin:0 0 10px}.app-sidebar small,.app-sidebar .nav-caption,.app-sidebar .sidebar-note,.app-sidebar footer{display:none}.app-sidebar nav{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:6px;scrollbar-width:thin}.app-sidebar nav button{width:auto;flex:0 0 auto;white-space:nowrap;margin:0;padding:9px 12px}.app-sidebar nav button:hover{transform:none}main{margin-left:0;padding:22px}.topbar{gap:12px;margin-bottom:20px}.topbar form{max-width:none;flex:1 1 360px}.topbar>.row{flex:0 1 auto}.mail-settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){#jc-filter{grid-template-columns:repeat(2,minmax(0,1fr))}#jc-filter button{grid-column:1/-1}}
@media(max-width:620px){.app-sidebar{padding:13px 15px}main{padding:16px}.card{padding:17px}.topbar>.row{width:100%;justify-content:flex-start}.mail-inbox>.row input,.mail-inbox>.row select,.finance-ledger-card>.row input{flex:1 1 100%;min-width:0}.finance-ledger-card>.row a{flex:1 1 auto}.finance-ledger-card>.row .export-format{flex:0 0 135px}.custom-forward{grid-template-columns:1fr}.custom-forward input{min-width:0}.mail-card{padding:15px}.mail-head{align-items:flex-start}}
.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:238px;height:100vh;max-height:100vh;display:flex;flex-direction:column;gap:8px;padding:19px 15px;overflow:hidden}.app-sidebar .brand{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.sidebar-toggle{flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid #dce9e4;background:#f3f8f6;color:#376b66;text-align:center;font-size:18px}.app-sidebar nav{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px;scrollbar-width:thin}.app-sidebar nav button{width:100%;display:flex;align-items:center;gap:10px;margin:0 0 5px;text-align:left;white-space:normal}.app-sidebar .nav-label{min-width:0;line-height:1.35}.app-sidebar footer{flex:0 0 auto;display:block;margin-top:5px}.app-sidebar .sidebar-note{flex:0 0 auto;margin:5px 0}.sidebar-collapsed .app-sidebar{width:72px;padding:19px 9px}.sidebar-collapsed .app-sidebar .brand{font-size:17px;flex-direction:column;gap:10px}.sidebar-collapsed .app-sidebar .brand-mark,.sidebar-collapsed .app-sidebar>small,.sidebar-collapsed .app-sidebar .nav-caption,.sidebar-collapsed .app-sidebar .sidebar-note,.sidebar-collapsed .app-sidebar footer,.sidebar-collapsed .app-sidebar .nav-label{display:none}.sidebar-collapsed .app-sidebar nav button{justify-content:center;padding:10px 6px}.sidebar-collapsed .app-sidebar .nav-dot{font-size:11px;min-width:30px}.sidebar-collapsed main{margin-left:72px}
@media(max-width:960px){.app-sidebar{position:fixed;inset:0 auto 0 0;width:238px;height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:19px 15px;overflow:hidden;border-right:1px solid #e3e9e4;border-bottom:0}.app-sidebar .brand{font-size:26px;margin:0 0 6px}.app-sidebar>small,.app-sidebar .nav-caption,.app-sidebar .sidebar-note,.app-sidebar footer{display:block}.app-sidebar nav{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px}.app-sidebar nav button{width:100%;flex:none;white-space:normal;margin:0 0 5px;padding:10px}.sidebar-collapsed .app-sidebar{width:72px;padding:19px 9px}.sidebar-collapsed .app-sidebar .brand{font-size:17px;margin:0}.sidebar-collapsed .app-sidebar>small,.sidebar-collapsed .app-sidebar .nav-caption,.sidebar-collapsed .app-sidebar .sidebar-note,.sidebar-collapsed .app-sidebar footer{display:none}main{margin-left:238px}.sidebar-collapsed main{margin-left:72px}}
@media(max-width:620px){.app-sidebar{width:min(260px,86vw);z-index:40}.app-sidebar .sidebar-note{display:none}main{margin-left:72px}.sidebar-collapsed .app-sidebar{width:72px}.sidebar-collapsed main{margin-left:72px}}
.order-correction-panel{margin:18px 30px 0;padding:18px 20px;border:1px solid rgba(94,153,147,.25);border-radius:16px;background:linear-gradient(135deg,rgba(238,249,246,.92),rgba(255,255,255,.94))}.order-correction-panel h3{display:flex;align-items:center;gap:10px;margin:0 0 6px}.order-correction-panel p{margin:0 0 12px}.order-correction-panel label{margin:8px 0 5px}.order-correction-panel textarea{min-height:72px}.order-correction-panel form button{margin-top:10px}.order-correction-panel .actions{margin-bottom:0}@media(max-width:760px){.order-correction-panel{margin:18px 18px 0;padding:16px}}
.booking-edit-fields{margin:18px 0;padding:16px;border:1px solid #dceae6;border-radius:12px;background:#f7fbfa}.booking-edit-fields summary{font-weight:700}.booking-edit-fields p{margin:10px 0}.booking-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 13px}.booking-edit-grid label{min-width:0}.booking-edit-grid input{margin-top:5px}@media(max-width:760px){.booking-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.booking-edit-grid{grid-template-columns:1fr}}
/* Compact commercial workspace: explanatory copy stays out of the operating surface. */
.panel-hero p.muted,.section-title p.muted,.sidebar-note{display:none!important}
#content>.notice:first-child{margin-top:0}
.panel-hero{min-height:0!important;padding:20px 24px!important;margin-bottom:16px!important}
.panel-hero h2{margin:2px 0 0!important}
.card,.workflow-row,.mail-card{min-width:0;overflow:hidden}
.row>*{min-width:0}
.row input,.row select,.row textarea,form input,form select,form textarea{max-width:100%;min-width:0}
.table-wrap{max-width:100%;overflow:auto;border-radius:16px}
.table-wrap table{min-width:720px}
.record-actions{width:72px;text-align:right}
.table-expand{padding:7px 10px!important;white-space:nowrap}
.more-records{margin-top:12px;border:1px solid rgba(34,90,96,.14);border-radius:16px;background:rgba(255,255,255,.46);overflow:hidden}
.more-records>summary{cursor:pointer;padding:12px 16px;font-weight:700;color:#245861;list-style:none}
.more-records>summary::after{content:'＋';float:right}
.more-records[open]>summary::after{content:'－'}
.more-records>.table-wrap,.more-records>.mail-card,.more-records>.chat-entry{margin:0 12px 12px}
.record-detail-dialog{width:min(900px,calc(100vw - 32px));max-height:86vh;border:1px solid rgba(255,255,255,.72);border-radius:26px;padding:0;background:rgba(244,252,251,.94);box-shadow:0 30px 90px rgba(5,44,53,.28);backdrop-filter:blur(24px);color:#163f46}
.record-detail-dialog::backdrop{background:rgba(4,29,36,.42);backdrop-filter:blur(7px)}
.record-detail-dialog .dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 26px;background:rgba(255,255,255,.68);border-bottom:1px solid rgba(23,91,96,.12)}
.record-detail-dialog h2{margin:2px 0 0}.record-detail-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;margin:0}
.record-detail-dialog dl>div{padding:14px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(23,91,96,.1);min-width:0}
.record-detail-dialog dt{font-size:12px;color:#5c7d82;margin-bottom:6px}.record-detail-dialog dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.selection-card{display:flex!important;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(23,91,96,.13);border-radius:15px;background:rgba(255,255,255,.6)}
.selection-card input{width:auto!important;margin-top:4px}.selection-card span{display:grid;gap:4px}.selection-card small{color:#6d858a}
.danger-button{background:rgba(179,55,55,.08)!important;color:#9b3131!important;border-color:rgba(179,55,55,.18)!important}
.hotel-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:14px 0}
.hotel-media-grid figure{margin:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.64);border:1px solid rgba(23,91,96,.1)}
.hotel-media-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#dfeeed}
.hotel-media-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;font-size:12px}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(21,86,92,.22),transparent);margin:28px 0}
.workforce-metrics{margin-bottom:16px}
@media(max-width:760px){.record-detail-dialog dl{grid-template-columns:1fr}.record-detail-dialog{width:calc(100vw - 18px)}.panel-hero{padding:16px!important}.table-wrap table{min-width:620px}}