/* Olimp: preserve the light, coloured, dimensional working interface. */
:root{--ux-blue:#1558d6;--ux-green:#117546;--ux-amber:#855100;--ux-muted:#4b607c}
#app .footnote,#app .muted,#app td small,#app .metric small{font-size:12px;color:var(--ux-muted)}
#app .nav-caption{font-size:11px;color:#4b607c}
#app .sidebar{background:#edf3fc;border-right:1px solid #c9d7ed}
#app .nav.active{background:#dce8ff;color:#1248b7;box-shadow:inset 3px 0 #2466df}
#app .page-heading{gap:16px}
#app main,#app .workspace,#app section{min-width:0}
#app th{font-size:12px;font-weight:650;color:#334d70;background:#e8eff9}
#app td{font-size:13px;line-height:1.45}
#app th,#app td{padding:11px 12px}
#app .numeric{text-align:right;font-variant-numeric:tabular-nums}
#app tbody tr:hover>td{background:#eff5ff}
#app tr:has(input[type=checkbox]:checked)>td{background:#dceaff;box-shadow:inset 0 1px #9bbdf5,inset 0 -1px #9bbdf5}
#app .table-wrap,#app .table-card{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#8ba8cc #eef3fb}
#app .table-wrap table,#app .table-card table{min-width:600px}
#app .table-wrap th:first-child,#app .table-wrap td:first-child,#app .table-card th:first-child,#app .table-card td:first-child{position:sticky;left:0;z-index:1;background:#f7faff;max-width:240px}
#app .table-wrap th:first-child,#app .table-card th:first-child{background:#e8eff9;z-index:2}
#app td[colspan]{position:static!important}
#app .table-wrap:focus-visible,#app .table-card:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1558d6;outline-offset:3px}
summary{cursor:pointer;scroll-margin-top:80px}
#app summary{padding:8px 2px;min-height:36px;font-weight:600}
#app .notice.error{background:#fff0f1;border-color:#db8090;color:#9c243c}
#app .notice:not(.error){background:#eaf2ff;border-color:#aac7f2;color:#284b7e}
#app .empty{background:#f3f7ff;border:1px dashed #b6c9e6;border-radius:12px}
#app .list-count{font-size:13px;color:#40597b;margin:10px 0}
#app [data-order]:has(details[open]){box-shadow:inset 3px 0 #2666dc}
.order-status{display:inline-block;padding:4px 9px;border-radius:7px;font-size:12px;font-weight:650;white-space:nowrap;color:#425979;background:#e8eef8;border:1px solid #becde2}
.status-active{background:#e5efff;color:#164fae;border-color:#a5c2f0}.status-transit{background:#fff2d6;color:#794b00;border-color:#e1bf7d}.status-done{background:#dcf5e8;color:#12633b;border-color:#91d1b0}.status-cancelled{background:#f6e8ec;color:#8d2d44;border-color:#d9a6b3}
#app [data-order-confirm] button.primary{background:linear-gradient(#087c4e,#06603b);border-color:#07653e;box-shadow:inset 0 1px #ffffff50,0 3px 0 #075a37}
#app [data-new-work].primary{background:linear-gradient(#2165dc,#1756c7);box-shadow:inset 0 1px #ffffff50,0 3px 0 #103f9d}
#app button:disabled{cursor:not-allowed}
#app [role=status]:not(:empty){line-height:1.5}
.password-control{display:flex;gap:8px;align-items:center}.password-control input{min-width:0;flex:1}.password-control button{padding:9px 11px;font-size:13px}
.skip-link{position:fixed;left:12px;top:-80px;z-index:200;background:#fff;padding:12px;border:2px solid #1558d6;border-radius:8px}.skip-link:focus{top:12px}
.mobile-menu-toggle{display:none}
#app .production-calendar-wrap{overflow-x:auto;max-width:100%}
#app .production-weekdays,#app .production-month-grid{min-width:700px}
#app .payment-calendar{overflow-x:auto;max-width:100%;grid-template-columns:repeat(7,minmax(135px,1fr));padding-bottom:6px}
#app .finance-tabs{gap:8px}
#app .finance-tabs button{min-height:40px}
@media(max-width:780px){
 #app .sidebar{position:sticky;top:0;bottom:auto;width:100%;z-index:50;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;min-height:64px;border-bottom:1px solid #becfe8}
 #app .sidebar .brand{padding:0;margin:0}.mobile-menu-toggle{display:block;min-height:44px}
 #app .sidebar .nav-caption,#app .sidebar .sidebar-bottom{display:none}
 #app .sidebar nav{display:none}
 #app .sidebar.menu-open nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 76px);overflow:auto;padding:10px 14px;background:#edf3fc;border-bottom:1px solid #b4cae9;box-shadow:0 10px 20px #17395b25}
 #app .sidebar .nav{flex-shrink:0;width:100%;min-height:44px}
 #app header{height:44px;padding:0 14px}#app .breadcrumbs{font-size:11px}
 #app main{padding:16px 12px 28px}#app h1{font-size:24px;line-height:1.2}
 #app .page-heading{align-items:stretch;flex-direction:column;margin-bottom:14px}
 #app .heading-actions{width:100%}#app .heading-actions select{width:100%}
 #app .work-grid,dialog .work-grid{grid-template-columns:minmax(0,1fr)}
 #app button,#app select,#app input:not([type=checkbox]),dialog button,dialog input:not([type=checkbox]),dialog select{min-height:44px}
 #app input,#app select,#app textarea,dialog input,dialog select,dialog textarea{font-size:16px;max-width:100%;min-width:0}
 #app label,dialog label{font-size:14px}
 #app input[type=checkbox],dialog input[type=checkbox]{width:22px;height:22px;vertical-align:middle}
 #app .accounts-toolbar{gap:10px;justify-content:flex-start;align-items:end}
 #app .accounts-toolbar label{min-width:0;flex:1 1 140px}
 #app .accounts-toolbar label input,#app .accounts-toolbar label select{width:100%}
 #app .finance-tabs{flex-wrap:nowrap;overflow-x:auto;align-items:stretch;padding-bottom:6px;scroll-snap-type:x proximity}
 #app .finance-tabs button{flex:0 0 auto;scroll-snap-align:start}
 #app .primary,#app .secondary{white-space:normal}
 #app .footnote,#app td small,#app .metric small{font-size:13px}
 dialog{max-height:90dvh;overflow-y:auto;width:calc(100% - 20px);padding:18px 14px}
 dialog .dialog-head{position:sticky;top:-18px;background:#fff;z-index:3;padding:8px 0}
 #app .orders-table{overflow:visible;background:transparent;border:0;box-shadow:none}
 #app .orders-table table{min-width:0;width:100%;display:block}
 #app .orders-table thead{display:none}
 #app .orders-table tbody{display:block;margin:0 0 14px;border:1px solid #b7cbe6;border-radius:12px;background:#fff;box-shadow:0 3px 7px #244e7920;overflow:hidden}
 #app .orders-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #app .orders-table td{display:block;position:static!important;max-width:none!important;padding:9px 12px;text-align:left;background:#fff!important;overflow-wrap:anywhere;border:0}
 #app .orders-table td[data-label]:not(.order-title):not(.order-state)::before{content:attr(data-label);display:block;font-size:12px;color:#4b607c;margin-bottom:3px}
 #app .orders-table .order-title{grid-column:1 / -1;background:#eaf2ff!important;padding-top:14px}
 #app .orders-table .order-title strong{font-size:16px;color:#18385f}
 #app .orders-table .order-state{grid-column:1 / -1;grid-row:2;padding-top:0;background:#eaf2ff!important}
 #app .orders-table .order-partner{grid-column:1 / -1}
 #app .orders-table .order-action{grid-column:1 / -1;padding-top:5px}
 #app .orders-table .order-action button{width:100%}
 #app .orders-table .order-facts{display:block;border-top:1px solid #cfddf0}
 #app .orders-table .order-facts td{padding:8px 12px;background:#f1f7ff!important}
 #app .orders-table .order-facts summary{min-height:44px}
 .password-control button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0s!important;transition-duration:0s!important}}

#page-production-orders>.accounts-toolbar{justify-content:flex-start;gap:8px}
#production-orders-main>.accounts-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 180px 200px auto;align-items:end;gap:14px}
#production-orders-main>.accounts-toolbar label{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.mobile-menu-toggle svg{width:19px;height:19px;vertical-align:middle;margin-right:4px}
@media(max-width:780px){
 #production-orders-main>.accounts-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 #production-orders-main>.accounts-toolbar>label:first-child,#production-orders-main>.accounts-toolbar>[data-new-work]{grid-column:1 / -1}
 #production-orders-main>.accounts-toolbar>label{width:100%;margin:0}
}

#app .primary,.primary{background:linear-gradient(#2165dc,#1553bd);color:#fff}
#app [data-order-confirm] button.primary{background:linear-gradient(#087c4e,#06603b)}

/* Company overview: scoped, responsive, separate flows and stocks. */
#page-dashboard .company-section{margin:20px 0 28px;padding:0}
#page-dashboard .company-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#page-dashboard h2{margin:0 0 4px;font-size:20px}
#page-dashboard .company-section-head p{margin:0;color:#4b607c;font-size:13px}
#page-dashboard .company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#page-dashboard .company-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid #c0d2ee;border-top:4px solid #2563d8;border-radius:14px;background:linear-gradient(145deg,#f6f9ff,#e9f1ff);box-shadow:0 3px 8px #163b6512;min-width:0}
#page-dashboard .company-kpi h3{font-size:14px;line-height:1.4;margin:0;color:#334b6b}
#page-dashboard .company-kpi strong{font-size:clamp(21px,2.1vw,32px);font-weight:750;letter-spacing:-.025em;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:#173f83}
#page-dashboard .company-kpi p{font-size:12px;line-height:1.5;margin:0;color:#40597b}
#page-dashboard .company-violet{border-color:#cfc5ed;border-top-color:#7751bf;background:linear-gradient(145deg,#faf8ff,#f0ebfb)}
#page-dashboard .company-green{border-color:#a7d8c2;border-top-color:#19845b;background:linear-gradient(145deg,#f4fcf8,#e5f5ed)}
#page-dashboard .company-amber{border-color:#e4c995;border-top-color:#ae7219;background:linear-gradient(145deg,#fffaf1,#fcf0da)}
#page-dashboard .company-negative{border-top-color:#ba384b}
#page-dashboard .company-negative strong,#page-dashboard .company-loss{color:#a02338}
#page-dashboard .company-loss{font-size:12px;font-weight:600}
#page-dashboard .company-badge{display:inline-block;border:1px solid #c6d2e4;border-radius:6px;padding:4px 8px;font-size:12px;line-height:1.3;color:#3c526e;background:#ffffffb8}
#page-dashboard .company-warning{background:#fff3d8;border-color:#dec18a;color:#754900}
#page-dashboard .company-coverage{font-size:12px;color:#4b607c;margin:12px 0}
#page-dashboard .company-alert{font-size:13px;line-height:1.6;padding:12px 14px;background:#fff5e1;color:#765018;border:1px solid #e5cd9b;border-radius:9px}
#page-dashboard .company-details{padding:8px 14px;margin-top:10px;border:1px solid #d0dcee;border-radius:10px;background:#fff}
#page-dashboard .company-details summary{min-height:40px;align-content:center}
#page-dashboard .company-details h3{font-size:15px}
#page-dashboard .company-total td,#page-dashboard .company-total th{font-weight:700;background:#eef4ff}
#page-dashboard .company-caption{text-align:left;font-size:12px;color:#4b607c;padding:10px 0}
#page-dashboard .company-estimate{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:14px 0;margin:0;border-bottom:1px solid #d0dcee;font-size:13px}
#page-dashboard .company-estimate span{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
#page-dashboard .company-estimate small{width:100%;color:#4b607c}
#page-dashboard .company-loading{padding:30px 20px;border:1px dashed #b6c9e6;background:#f3f7ff;border-radius:12px}
@media(max-width:1050px){#page-dashboard .company-grid{gap:10px}#page-dashboard .company-kpi{padding:16px 12px}}
@media(max-width:650px){#page-dashboard .company-grid{grid-template-columns:minmax(0,1fr)}#page-dashboard .company-kpi{padding:17px}#page-dashboard .company-kpi strong{font-size:28px}#page-dashboard .company-section-head{align-items:flex-start;flex-wrap:wrap}#page-dashboard .company-details{padding:8px 10px}}

/* Compact comparisons and expandable expense register. */
#page-dashboard .company-negative{background:linear-gradient(145deg,#fff8f8,#fbe9ed);border-color:#e2b2bc;border-top-color:#ba384b}
#page-dashboard .company-kpi{padding:16px;gap:7px}
#page-dashboard .company-section{margin:16px 0 22px}
#page-planning .plan-kpi-group{padding:12px 14px;margin:10px 0}
#page-planning .plan-kpi-heading{margin-bottom:8px}
#page-planning .plan-kpi{padding:12px}
#page-planning .plan-kpi strong{font-size:24px}
#page-planning .plan-kpi-percent strong{font-size:14px}
#page-planning .plan-kpi small strong{font-size:12px}
.expense-register-head,.expense-register-row>summary{display:grid;grid-template-columns:85px minmax(140px,1.2fr) minmax(160px,1.6fr) 125px minmax(120px,1fr) 105px;gap:12px;align-items:start}
.expense-register-head{font-size:12px;font-weight:650;color:#4b607c;padding:10px 12px;background:#edf3fb;border-radius:8px 8px 0 0}
.expense-register-row{border-bottom:1px solid #d6e1f0;padding:0!important;margin:0!important}
.expense-register-row>summary{padding:12px;list-style:none;font-size:13px;cursor:pointer}
.expense-register-row>summary::-webkit-details-marker{display:none}
.expense-register-row>summary:hover{background:#f3f7fd}
.expense-register-row[open]>summary{background:#eaf2ff}
.expense-register-row>summary>b{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.expense-register-row>summary>span{min-width:0;overflow-wrap:anywhere}
.expense-purpose{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.expense-register-row[open] .expense-purpose{display:block}
.expense-state{font-weight:600;color:#80550b}
.expense-state.is-classified{color:#176446}
.expense-state small{display:block;margin-top:4px;color:#2058ac;font-weight:400}
.expense-register-row>p,.expense-register-row>form,.expense-register-row>details{margin:12px}
[data-bank-search]{width:min(440px,100%)!important}
@media(min-width:1150px){
 #page-planning .plan-kpi-group{display:grid;grid-template-columns:165px minmax(0,1fr);gap:14px;align-items:center}
 #page-planning .plan-kpi-heading{display:block;margin:0}
 #page-planning .plan-kpi-heading span{display:block;margin-top:6px;font-size:12px}
 #page-planning .plan-kpi strong{font-size:22px}
 #page-planning .plan-kpi-percent strong{font-size:14px}
}
@media(max-width:1100px){
 .expense-register-head{display:none}
 .expense-register-row>summary{grid-template-columns:90px minmax(0,1fr) 120px}
 .expense-register-row .expense-purpose{grid-column:1 / -1;grid-row:2}
 .expense-register-row>summary>b{grid-column:3;grid-row:1}
}
@media(max-width:650px){
 .expense-register-row>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .expense-register-row>summary>b{grid-column:2;grid-row:1}
 .expense-register-row>summary>span:nth-child(2){grid-column:1 / -1;grid-row:2;font-weight:650}
 .expense-register-row .expense-purpose{grid-row:3}
 #page-planning .plan-kpi strong{font-size:22px}
}

/* Compact workspace, display only. */
#main-content{min-width:0}
#page-planning .plan-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#page-planning .plan-kpi{min-width:0;padding:10px;background:transparent;box-shadow:none}
#page-planning .plan-kpi>strong{font-size:clamp(16px,1.55vw,23px);overflow-wrap:anywhere;white-space:normal;font-variant-numeric:tabular-nums}
#page-planning .plan-kpi-group{grid-template-columns:140px minmax(0,1fr)}
#page-planning .plan-kpi-group h3{font-size:14px}
#page-planning .plan-kpi-percent strong{font-size:13px;overflow-wrap:anywhere}
#page-planning .plan-kpi small{overflow-wrap:anywhere}
.finance-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important}
.finance-nav-label{grid-column:1/-1;color:#465b75;font-size:11px;font-weight:700;margin-top:4px}
.finance-tabs button{white-space:normal;text-align:left;font-size:12px!important;padding:9px 12px!important;min-height:40px}
.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.finance-kpis .metric{padding:14px;min-width:0;box-shadow:none}
.finance-kpis .metric strong{font-size:clamp(18px,1.8vw,26px);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.compact-detail,.expense-section{margin:10px 0;padding:10px 12px;border:1px solid #cfdaeb;border-radius:9px;background:#fff}
.compact-detail>summary,.expense-section>summary{cursor:pointer;font-weight:650;min-height:30px}
.finance-breakdown{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:12px 0 0}
.finance-breakdown dt,.finance-breakdown dd{margin:0;padding:8px;border-top:1px solid #e0e6ef}
.finance-breakdown dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.issue-groups details{margin-top:8px}
.issue-groups summary{font-size:13px;cursor:pointer}
.issue-groups ul{max-height:320px;overflow:auto;padding-left:22px}
[data-abc] td{vertical-align:top}
[data-abc] td:first-child{min-width:145px}
[data-abc] td:nth-child(3){min-width:190px}
[data-abc] dl{margin:8px 0;min-width:180px}
[data-abc] dt{font-size:11px;color:#4b607c}
[data-abc] dd{margin:0 0 7px;font-variant-numeric:tabular-nums}
.needs-data{background:#fff6df}
#app .production-calendar-wrap{overflow-x:auto;max-width:100%}
#app .production-weekdays,#app .production-month-grid{grid-template-columns:repeat(7,minmax(88px,1fr));min-width:616px}
#app .production-day{min-height:70px;padding:8px;min-width:0;overflow-wrap:anywhere}
#app .production-date{font-size:11px}
#app .production-event{font-size:11px;white-space:normal;padding:7px}
#app .payment-day{height:auto;min-height:95px;overflow:visible}
#app .payment-events{flex:0 0 auto;overflow:visible;max-height:none}
#app .payment-day small,#app .payment-balance,#app .payment-weekday{color:#3d526d}
#app .payment-day.outside{opacity:1;background:#f1f4f8;color:#637084}
#app .payment-event{color:#233d5b}
#app .payment-month{max-width:100%}
.rules-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
.rules-toc button{text-align:left;background:#eff4fc;border-radius:6px;color:#244c87}
.analytics-rules .disclosure-body>details{border-top:1px solid #d3dfee;padding:12px 0}
.analytics-rules .disclosure-body>details>summary{font-weight:650;cursor:pointer}
.analytics-rules details p{margin:12px 0;max-width:950px}
.agent-markdown p{white-space:normal!important;margin:7px 0}
.agent-markdown ul,.agent-markdown ol{padding-left:23px;margin:8px 0}
.agent-markdown li{margin:5px 0}
.agent-markdown pre{white-space:pre-wrap;overflow-wrap:anywhere}
.agent-markdown .table-wrap{max-width:100%;overflow:auto}
.agent-markdown table{min-width:400px}
.chat-stamp{display:block;font-size:11px;color:#4a607c;margin:4px 0 9px}
#page-settings .settings-grid{align-items:start}
#page-settings .settings-card{padding:15px}
#page-settings .connection-actions{margin-top:0;padding-top:5px}
#page-dashboard .company-section-head{margin-bottom:10px}
#page-dashboard .company-section{margin:12px 0 18px}
#page-dashboard .company-kpi{padding:14px}
@media(max-width:1100px){
 #page-planning .plan-kpi-group{display:block}
 #page-planning .plan-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .finance-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
 .finance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .finance-kpis{grid-template-columns:minmax(0,1fr)!important}
 .rules-toc{grid-template-columns:minmax(0,1fr)}
 #page-planning .plan-kpi>strong{font-size:19px}
 .finance-breakdown{grid-template-columns:minmax(0,1fr)}
 .finance-breakdown dd{border:0;text-align:left;padding-top:0}
 #page-settings input,#page-settings select{min-height:44px;font-size:16px}
}

/* Keep task groups readable without pushing the working table below the fold. */
@media(min-width:1101px){
 .finance-tabs{grid-template-columns:115px repeat(5,minmax(0,1fr))!important;align-items:center}
 .finance-nav-label{grid-column:1;margin:0}
 .finance-nav-label:nth-of-type(1),[data-finance-tab="current"],[data-finance-tab="balances"]{grid-row:1}
 .finance-nav-label:nth-of-type(2),[data-finance-tab="dashboard"],[data-finance-tab="abc"],[data-finance-tab="costs"]{grid-row:2}
 .finance-nav-label:nth-of-type(3),[data-finance-tab="expenses"],[data-finance-tab="inventory"],[data-finance-tab="reports"],[data-finance-tab="period"],[data-finance-tab="consolidated"]{grid-row:3}
 .finance-tabs button{font-size:11px!important;padding:8px!important}
}

/* Second UI pass: loading states, responsive calendar and compact controls. */
#finance-mobile-nav{display:none}
#app .payment-month{overflow:visible;min-width:0}
#app .payment-calendar{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:auto;grid-template-rows:32px;gap:6px}
#app .payment-day{height:auto;min-height:100px;padding:8px}
#app .payment-day.blank{visibility:visible;background:#f3f5f8;min-height:0;border:0}
#app .payment-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}
#app .payment-navigation h3{text-align:center;margin:0;white-space:normal;overflow-wrap:anywhere}
#app .payment-navigation button{width:44px;min-width:44px;min-height:44px;padding:8px}
.payment-agenda{display:none}
.payment-agenda-day{border-bottom:1px solid var(--line);padding:10px 0}
.payment-agenda-day>summary{font-weight:700}
.payment-agenda .payment-event{display:grid;gap:5px;margin:8px 0}
.balance-source-dates{border-top:1px solid var(--line);padding-top:10px}
.balance-source-dates h4{font-size:12px;margin:0 0 6px}
#app input[type=month]{min-width:175px;width:auto;max-width:100%;min-height:44px}
#app .agent-work-grid{align-items:start}
#app .office-map{max-height:270px;width:100%;min-width:0}
#app .office-scroll{min-height:0}
#app .office-caption{padding:10px 14px}
#app .mission-card{padding:12px 16px}
#app .mission-card p{margin:8px 0}
#app #agent-chat-log{max-height:340px;min-height:160px}
#app .issue-groups summary{overflow-wrap:anywhere}
@media(max-width:800px){
 #finance-mobile-nav{display:grid;gap:6px;margin-bottom:14px}
 #finance-mobile-nav select{width:100%;min-height:44px;font-size:16px}
 #app .finance-tabs{display:none!important}
 #app .payment-calendar,#app .payment-legend{display:none}
 #app .payment-agenda{display:block}
 #app .payment-month{margin:12px 0}
 #app .accounts-toolbar{max-width:100%;min-width:0;flex-wrap:wrap}
 #app .accounts-toolbar label{min-width:0;max-width:100%}
 #app input[type=month]{width:100%;min-width:0;font-size:16px;box-sizing:border-box}
 #app .production-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px}
 #app .production-navigation strong{white-space:normal;text-align:center}
 #app .office-map{max-height:210px}
 #app #agent-chat-log{max-height:280px}
}