/* V1 composition: existing Helpdesk tokens; no business state or demo styling. */
[hidden] { display: none !important; }
.header-logo .brand-logo { max-height: 56px; object-position: left center; mix-blend-mode: multiply; }
.table-scroll { position: relative; max-width: 100%; overflow-x: auto; }
.table-scroll > table { min-width: 700px; }
.finance-table-actions, .document-actions, .document-row-actions { display: flex; align-items: center; flex-wrap: nowrap; gap: 6px; }
.finance-table-actions :is(a, button), .document-row-actions :is(a, button) { min-height: 28px; padding: 4px 8px; font-size: var(--hd-text-xs); line-height: 18px; white-space: nowrap; }
.finance-document-grid :is(th, td), .document-table :is(th, td) { border-right: 1px solid color-mix(in srgb, var(--hd-border) 70%, transparent); }
.finance-document-grid :is(th, td):last-child, .document-table :is(th, td):last-child { border-right: 0; }
.finance-document-grid :is(th, td):nth-child(even), .document-table :is(th, td):nth-child(even) { background-color: color-mix(in srgb, var(--hd-selected) 20%, transparent); }
.finance-grid td small { display: block; color: var(--hd-muted); margin-top: 4px; }
.finance-compact .finance-grid :is(th, td) { padding-top: 5px !important; padding-bottom: 5px !important; }
.finance-dashboard .finance-kpis .kpi-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; background: color-mix(in srgb, var(--hd-info-bg) 40%, white); border: 1px solid var(--hd-border); border-radius: var(--hd-radius-lg); box-shadow: 0 1px 2px #17131b26; padding: 18px; }
.finance-kpi-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: white; }
.finance-kpi-icon .ui-icon { width: 21px; height: 21px; }
.finance-kpi-icon-blue { background: #1600ff; }
.finance-kpi-icon-orange { background: #ffa500; }
.finance-kpi-icon-pink { background: #e97de9; }
.finance-kpi-icon-green { background: #008000; }
.finance-kpi-content { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.finance-kpi-content .kpi-title { color: var(--hd-muted); font-size: var(--hd-text-sm); }
.finance-dashboard .finance-kpis .kpi-value { color: #00b84b; font-size: 25px; font-weight: 650; font-variant-numeric: tabular-nums; }
.finance-kpi-content .kpi-detail { color: var(--hd-muted); font-size: var(--hd-text-xs); line-height: 1.5; }
.finance-unavailable { padding: 16px 18px; margin: 18px 0; border: 1px solid var(--hd-border); border-radius: var(--hd-radius); background: var(--hd-info-bg); font-size: var(--hd-text-sm); line-height: 1.6; }
.finance-unavailable strong { display: block; }
.v1-drawer-backdrop { position: fixed; inset: 0; z-index: 80; background: #17131b55; }
.v1-drawer { position: fixed; right: 0; top: 0; bottom: 0; z-index: 81; width: min(680px, 95vw); height: 100%; padding: 24px; overflow: auto; background: var(--hd-surface); border-left: 1px solid var(--hd-border); box-shadow: -8px 0 32px #17131b12; }
.v1-drawer-wide { width: min(1480px, calc(100vw - 32px)); }
.v1-drawer-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--hd-border); }
.v1-drawer-header h2 { margin: 4px 0 6px; font-size: 21px; }
.v1-document-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, 1fr); gap: 28px; align-items: start; }
.v1-document-layout > * { min-width: 0; }
.finance-overlay-open { overflow: hidden; }
.administration-history { padding-left: 22px; border-left: 2px solid var(--hd-border); margin: 20px 0 0 7px; list-style: none; }
.administration-history li { position: relative; padding: 0 0 22px; font-size: var(--hd-text-sm); line-height: 1.6; overflow-wrap: anywhere; }
.administration-history li::before { content: ''; position: absolute; top: 5px; left: -28px; width: 10px; height: 10px; background: var(--hd-accent); border: 2px solid var(--hd-surface); border-radius: 50%; }
.administration-history time { display: block; color: var(--hd-muted); font-size: var(--hd-text-xs); }
.receipt-upload-zone { position: relative; display: flex; align-items: center; gap: 16px; width: 100%; min-height: 3cm; padding: 16px 24px; margin: 18px 0; border: 2px dashed var(--hd-border-strong); border-radius: var(--hd-radius-lg); background: var(--hd-surface); }
.receipt-upload-zone:is(:hover, :focus-within) { background: var(--hd-info-bg); border-color: var(--hd-accent); }
.receipt-upload-zone input[type="file"] { cursor: pointer; }
@media (max-width: 1000px) {
    .v1-document-layout { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 760px) {
    .v1-drawer, .v1-drawer-wide { width: calc(100vw - 16px); padding: 18px; }
    .finance-table-actions, .document-row-actions { white-space: nowrap; }
    .receipt-upload-zone { padding: 12px 14px; }
}
.finance-kpi-icon.blue { background: #1600ff; }
.finance-kpi-icon.orange { background: #ffa500; }
.finance-kpi-icon.pink { background: #e97de9; }
.finance-kpi-icon.green { background: #008000; }
.finance-dashboard .statistics-filters.panel { padding: 18px; }
.cost-tendency { display: flex; gap: 6px; flex-direction: column; }
.cost-tendency.falling { color: #087a37; }
.cost-tendency.rising { color: #b52b36; }
.cost-tendency.unchanged { color: var(--hd-muted); }
.cost-comparison, .report-notes { margin-block: 18px; }
.sidebar-navigation .sidebar-link { white-space: normal; line-height: 1.35; }
.sidebar-navigation .sidebar-link .ui-icon { flex: 0 0 18px; }
.administration > .workspace-head, .v1-drawer > .workspace-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
.administration > .panel { padding: 18px; margin-block: 18px; }
.administration .filters { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; }
.administration .filters label { display: flex; flex-direction: column; gap: 7px; flex: 1 1 160px; min-width: 0; }
.administration .filters :is(input,select) { width: 100%; }