.calculation-help{font-size:13px;color:var(--muted);margin:12px 0;line-height:1.6}.calculation-help>summary{cursor:pointer;color:#b8c9e4;width:fit-content}.calculation-help p{margin:10px 0;max-width:85ch}.period-caption{color:var(--muted);font-size:13px;margin:8px 0 16px}.order-heading-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.order-heading-top h2{margin-top:4px}.detail-hero .detail-total{min-width:0;align-items:flex-end;text-align:right}.detail-hero .detail-total>strong{font-size:29px;line-height:1.2}.detail-hero .detail-total>span:last-child{font-size:13px}.detail-hero .order-status-control{max-width:340px;margin-top:16px}.detail-hero .detail-actions{align-items:start;margin-top:16px}.order-more-actions{min-width:110px}.order-more-actions>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px}.order-more-actions>summary::after{content:'⌄'}.order-more-actions>summary::-webkit-details-marker{display:none}.order-more-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0 0;width:min(580px,100%)}.order-more-menu>.button{white-space:normal;text-align:left}.order-more-actions[open]{flex:1 1 100%}.vehicle-history-list{display:grid;gap:12px}.vehicle-history-entry{padding:18px;min-width:0}.vehicle-history-entry h3{margin:0 0 8px}.vehicle-history-entry .row-actions{flex-wrap:wrap}.vehicle-history-work{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.vehicle-history-facts{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:12px}.finance-ledger{display:grid;gap:10px}.finance-operation{overflow:hidden;min-width:0}.finance-operation>summary{list-style:none;display:grid;grid-template-columns:120px minmax(0,1fr) auto 20px;align-items:center;gap:16px;padding:18px 20px;cursor:pointer}.finance-operation>summary::-webkit-details-marker{display:none}.finance-operation-reference,.finance-operation-title{display:grid;gap:6px;min-width:0}.finance-operation small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.finance-operation-title strong{overflow-wrap:anywhere}.finance-operation-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px}.finance-operation-arrow{color:var(--muted);text-align:center}.finance-operation[open] .finance-operation-arrow{transform:rotate(180deg)}.finance-operation-body{padding:0 20px 20px;border-top:1px solid var(--line)}.finance-operation-body dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.finance-operation-body dt{color:var(--muted);font-size:12px;margin-bottom:6px}.finance-operation-body dd{margin:0;font-size:14px;overflow-wrap:anywhere}.finance-operation-body dd p{margin:0 0 8px}.finance-operation-body .row-actions{flex-wrap:wrap;margin-top:14px}.finance-operation-comment{white-space:pre-wrap;overflow-wrap:anywhere}.finance-filter-toolbar{align-items:end;gap:12px}.finance-filter-toolbar .field{flex:1;min-width:160px}.finance-filter-toolbar .finance-search-field{flex:2}.finance-filter-toolbar input,.finance-filter-toolbar select{width:100%;min-width:0}.backup-preview{padding:16px;background:#17263c;border:1px solid #3b5273;border-radius:12px;margin:16px 0}.backup-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.backup-preview dd{margin:0;text-align:right}.backup-restore-panel input[type=file]{max-width:100%}.backup-restore-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.status-save-note{font-size:12px;color:var(--muted);margin:8px 0}.vehicle-directory-hint{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
@media(min-width:901px){.detail-hero{display:block!important}.detail-hero .order-heading-top{gap:28px}}
@media(max-width:700px){.detail-hero{padding:20px!important;display:block!important}.order-heading-top{grid-template-columns:1fr;gap:14px}.detail-hero .detail-total{align-items:flex-start;text-align:left;gap:5px}.detail-hero .detail-total>strong{font-size:29px}.detail-hero .order-status-control{max-width:none;width:100%;margin-top:14px}.detail-hero .detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-hero .detail-actions>.button{white-space:normal;padding:10px;min-height:44px}.order-more-actions{grid-column:1/-1}.order-more-actions>summary{min-height:44px}.order-more-menu{grid-template-columns:1fr;width:100%}.order-more-menu>.button{width:100%;min-height:44px}.finance-operation>summary{grid-template-columns:minmax(0,1fr) auto 15px;gap:10px;padding:16px}.finance-operation-reference{grid-column:1}.finance-operation-amount{grid-column:2;grid-row:1;font-size:16px}.finance-operation-arrow{grid-column:3;grid-row:1}.finance-operation-title{grid-column:1/-1;grid-row:2}.finance-operation-body{padding:0 16px 16px}.finance-operation-body dl{grid-template-columns:1fr;gap:12px}.finance-filter-toolbar{display:grid;grid-template-columns:1fr 1fr}.finance-filter-toolbar .field{min-width:0}.finance-filter-toolbar .finance-search-field{grid-column:1/-1}.calculation-help{font-size:13px}.f8-cash-panel .row-actions{flex-wrap:wrap}.vehicle-history-facts{font-size:12px}.backup-restore-actions>.button{width:100%}}
@media print{.order-more-actions,.calculation-help,.backup-restore-panel{display:none!important}}
.order-status-select{display:block;width:100%;max-width:100%;min-height:48px;border:1px solid #566b8d;border-radius:12px;padding:12px 36px 12px 14px;font:inherit;font-size:15px;text-overflow:ellipsis;cursor:pointer}.order-status-select option{background:#132033;color:#eef2ff}
.cash-history-compact{font-size:12px;color:var(--muted);margin:6px 0 14px}.cash-history-compact>summary{cursor:pointer;padding:4px 0}.cash-history-compact .data-table{margin-top:10px}.finance-period-metrics{gap:8px!important;margin-bottom:10px!important}.finance-period-metrics .metric{min-height:0!important;padding:10px 12px!important;gap:4px!important}.finance-period-metrics .metric::before,.finance-period-metrics .metric-icon{display:none!important}.finance-period-metrics .metric-value{font-size:19px!important}.finance-period-metrics .metric-label{font-size:11px!important}.finance-period-metrics .metric small{font-size:10px!important}.finance-period-metrics+.calculation-help{margin:6px 0 12px;font-size:11px}
.employee-compact{padding:16px!important}.employee-compact .employee-card-head{margin-bottom:14px}.employee-compact .employee-code{font-size:10px}.employee-compact-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.employee-compact-stats small,.employee-compact-stats strong{display:block}.employee-compact-stats small{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:6px}.employee-compact-stats strong{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.employee-compact-note{font-size:12px;color:var(--muted);margin:7px 0}.employee-compact>.button{margin-top:8px}.employee-extra-details{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:14px 0}.employee-extra-details>summary{cursor:pointer;font-size:13px;color:#c5b2e0}.employee-extra-details p{font-size:13px}.employee-extra-details .row-actions{flex-wrap:wrap}
.cash-overview{padding:12px 14px!important;margin-bottom:12px!important}.cash-period{font-size:11px;color:var(--muted);margin:0 0 9px}.cash-overview-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cash-overview-values>div{min-width:0}.cash-overview-values span{display:block;font-size:11px;line-height:1.35;min-height:30px;color:var(--muted)}.cash-overview-values strong{display:block;font-size:clamp(13px,3.8vw,19px);line-height:1.4;overflow-wrap:anywhere}.cash-overview .cash-history-compact{margin:9px 0 0}.cash-overview .row-actions{margin-top:10px;flex-wrap:wrap}.cash-overview .row-actions .button{font-size:12px;min-height:32px;padding:7px 10px}.cash-overview .calculation-help{font-size:12px}.finance-period-metrics .metric small{display:none!important}.finance-period-metrics .metric{padding:9px 12px!important}.finance-period-metrics .metric-label{min-height:15px;line-height:1.35}.finance-period-metrics .metric-value{line-height:1.35!important;margin:3px 0 0!important}

.finance-period-metrics .metric-note{display:none!important}.employee-compact .employee-name-button{text-decoration:none;color:var(--text,#eef2ff)}
