/* Companion OWNER6285: overlay for real-route parity with final design (orders registry, nav icons, page heading) */
.nav-link svg{flex:0 0 auto;opacity:.85}
.nav-link.active svg{opacity:1}
.nav-link{display:flex;align-items:center;gap:12px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar .breadcrumb{display:inline-flex;align-items:center;gap:8px;color:var(--muted,#6b665e);font-size:14px}
.topbar .breadcrumb a{color:inherit;text-decoration:none}
.topbar .breadcrumb span{color:var(--text,#1f1d1a)}
.topbar-right{display:flex;align-items:center;gap:14px}
.timezone-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#6b665e);font-size:13px;white-space:nowrap}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 24px;flex-wrap:wrap}
.page-heading h1{margin:4px 0 6px}
.page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.page-actions .btn svg,.btn svg{vertical-align:-3px;margin-right:6px}
.btn-icon svg{margin:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.stat-label{display:flex;justify-content:space-between;align-items:center;gap:8px}
.stat-label svg{opacity:.55}
.registry{padding:0;overflow:hidden}
.registry .tabs{display:flex;gap:28px;padding:0 24px;border-bottom:1px solid var(--line,#e7e2d9);overflow-x:auto}
.registry .tab{display:inline-flex;align-items:center;gap:8px;padding:18px 0 14px;border-bottom:2px solid transparent;color:var(--muted,#6b665e);text-decoration:none;white-space:nowrap;font-weight:500}
.registry .tab.active{color:var(--accent,#9b4f3a);border-bottom-color:var(--accent,#9b4f3a)}
.registry .filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--line,#e7e2d9)}
.registry .filters .search-field{position:relative;flex:1 1 260px;min-width:220px}
.registry .filters .search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none}
.registry .filters .search-field input{width:100%;padding-left:42px}
.registry .filters>select{flex:0 1 190px;min-width:150px}
.filters-more{position:relative}
.filters-more>summary{list-style:none;cursor:pointer}
.filters-more>summary::-webkit-details-marker{display:none}
.filters-more[open]>summary{background:var(--surface-2,#f3efe8)}
.filters-more-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px;padding:16px;border:1px solid var(--line,#e7e2d9);border-radius:12px;background:var(--surface,#fff);min-width:min(720px,90vw)}
.filters-more-body .hint{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted,#6b665e)}
.registry .filter-actions{display:flex;gap:8px;align-items:center}
.registry .table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;flex-wrap:wrap}
.registry .batch-actions,.registry .toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.orders-table td{vertical-align:middle}
.orders-table .order-link{font-weight:700;color:var(--accent,#9b4f3a);text-decoration:none}
.cell-sub{font-size:13px;color:var(--muted,#6b665e);margin-top:3px}
.cell-sub.rest{color:var(--accent,#9b4f3a)}
.orders-table .num{text-align:right}
.orders-table th{text-transform:none;letter-spacing:0}
.row-actions{white-space:nowrap;text-align:right}
.row-actions form{display:inline}
.btn-icon-danger:hover{color:#b3261e}
.registry .batch-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--line,#e7e2d9)}
.registry .empty-state{padding:48px 24px;text-align:center}
@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .stats-grid{grid-template-columns:1fr 1fr;gap:10px}
 .stat-value{font-size:22px}
 .registry .tabs{padding:0 16px;gap:20px}
 .registry .filters,.registry .table-toolbar{padding:14px 16px}
 .registry .filters>select{flex:1 1 100%}
 .filters-more{flex:1 1 100%}
 .filters-more-body{min-width:0}
 .timezone-label,.topbar-divider{display:none}
 .page-heading{align-items:flex-start}
}
.registry .filters-more>summary{display:inline-flex!important;align-items:center;height:42px}
.registry .filters-more:not([open]) .filters-more-body{display:none}
.registry .filters-more[open]{flex:1 1 100%}
.row-actions .btn-icon{color:var(--muted,#6b665e)!important;background:transparent;border-color:transparent}
.row-actions .btn-icon:hover{background:var(--surface-2,#f3efe8)}
.row-actions .btn-icon svg{display:inline-block!important;width:18px;height:18px;margin:0}
@media (max-width:640px){
 .registry .filters{flex-wrap:wrap}
 .registry .filters .search-field{flex:1 1 0;min-width:0}
 .registry .filters-more{flex:0 0 auto}
 .registry .filters-more>summary{width:46px;height:46px;padding:0;justify-content:center;font-size:0}
 .registry .filters-more>summary svg{margin:0}
 .registry .filters-more[open]{flex:0 0 auto}
 .registry .filters-more-body{position:static}
 .registry .filters>select{display:none!important}
 .registry .filters:has(.filters-more[open])>select{display:block!important;flex:1 1 100%;order:3}
 .registry .filters:has(.filters-more[open]) .filters-more-body{order:4}
 .registry .filters .filter-actions{display:none}
 .registry .filters:has(.filters-more[open]) .filter-actions{display:flex;flex:1 1 100%;order:5}
 .registry .filters-more[open] .filters-more-body{position:absolute;left:-1px;right:auto;width:calc(100vw - 64px);z-index:5}
 .registry .batch-actions .btn{padding:6px 10px}
}
@media (max-width:640px){.registry .cols-panel{display:none}.registry .batch-actions .btn{font-size:12px;padding:6px 8px}.registry .table-toolbar{gap:8px}}
/* pages that render their own heading: base title hidden, base actions float to the title row */
.page-content{position:relative}
.base-heading:has(~ .page-heading)>div:first-child{display:none}
.base-heading:has(~ .page-heading){position:absolute;right:var(--page-pad,32px);top:var(--page-pad-top,32px);margin:0;z-index:2}
.base-heading ~ .page-heading{padding-right:300px;min-height:52px}
.base-heading ~ .page-heading h2{font-size:32px;line-height:1.15;margin:0 0 6px;font-weight:700;letter-spacing:-.5px}
.base-heading ~ .page-heading p{color:var(--muted,#6b665e);margin:0}
@media (max-width:900px){
 .base-heading:has(~ .page-heading){position:static;margin:0 0 12px}
 .base-heading ~ .page-heading{padding-right:0}
 .base-heading ~ .page-heading h2{font-size:26px}
}
/* order form */
.customer-box{padding:18px 20px;border:1px solid var(--line,#e7e5e0);background:var(--soft,#faf9f6);box-shadow:none}
.context-summary .summary-top{display:flex;justify-content:space-between;align-items:center;background:transparent!important;color:var(--ink,#292d32)!important;padding:18px 20px 10px;border-bottom:1px solid var(--line,#e7e5e0)}
.context-summary .summary-top strong{font-size:16px;color:var(--ink,#292d32)}
.context-summary{background:#fff}
.summary-facts{margin:0;padding:12px 20px;display:grid;gap:10px;border-bottom:1px solid var(--line,#e7e5e0)}
.summary-facts div{display:flex;justify-content:space-between;gap:12px}
.summary-facts .fact-wide{display:block}
.summary-facts dt{color:var(--muted,#687078);font-size:13px}
.summary-facts dd{margin:0;font-weight:600;text-align:right}
.summary-facts .fact-wide dd{text-align:left;margin-top:2px}
.context-summary .summary-total strong{font-size:26px}
.context-summary .summary-state.warn{background:var(--amber-bg,#faf4e7);color:var(--amber,#87621f);border-radius:8px;padding:10px 12px}
/* generic inline filter bars (finance, stock, supply, payroll, audit, venues, applications) */
@media (min-width:901px){
 form.filter-bar{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center}
 form.filter-bar>.search-wrap,form.filter-bar>.grow{flex:1 1 260px;min-width:220px;position:relative}
 form.filter-bar>select,form.filter-bar>input:not([type=hidden]){flex:0 1 180px;width:auto!important;min-width:140px}
 form.filter-bar>label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
 form.filter-bar>label input{width:110px}
 form.filter-bar>button,form.filter-bar>a.btn{flex:0 0 auto}
}
.search-wrap{position:relative}
.search-wrap>span[aria-hidden]{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.45;pointer-events:none}
.search-wrap>input{padding-left:38px!important;width:100%}

/* companion 15.10 list-first: collapsed create sections (zakaz-listfirst.js) */
.zk-create .section-heading{cursor:pointer}
.zk-create .section-heading::after{content:"▾";margin-left:auto;color:#687078;font-size:14px;transition:transform .15s}
.zk-create.zk-collapsed .section-heading::after{transform:rotate(-90deg)}
.zk-create.zk-collapsed > :not(.section-heading){display:none!important}
.zk-create.zk-collapsed{padding-bottom:0}
.zk-create-btn{white-space:nowrap}
@media(max-width:600px){.zk-create-btn{width:100%}}

/* c4 (owner6285, 16.10): KPI rows + table cards with instant search on secondary screens
   (supply, users, places, counterparties, suppliers, staff) and the settings directory tabs.
   Presentation only; filtering is client-side over already rendered rows (zakaz-tablefilter.js). */
.stats-grid.stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zk-settings-tabs{overflow-x:auto;scrollbar-width:none;margin-bottom:20px}
.zk-settings-tabs .tab{text-decoration:none}
.zk-table-card{padding:0}
.zk-table-card>.section-heading{padding:18px 22px;min-height:0}
.zk-table-card>.section-heading h3{font-size:15px}
.zk-table-card>.section-heading p{font-size:12px;margin-top:4px}
.zk-table-card .tabs{display:flex;gap:24px;padding:0 22px;border-bottom:1px solid var(--line,#e7e2d9);overflow-x:auto;scrollbar-width:none}
.zk-table-card .tabs .tab{text-decoration:none}
.zk-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line,#e7e2d9);margin:0}
.zk-filters .search-field{position:relative;flex:1 1 280px;min-width:200px}
.zk-filters .search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none}
.zk-filters .search-field input{width:100%;padding-left:42px}
.zk-filters>select{flex:0 1 200px;min-width:140px;width:auto}
.zk-filters>.chip{flex:0 0 auto}
.zk-filters .zk-count{margin-left:auto;color:var(--muted,#6b665e);font-size:12px;white-space:nowrap}
.zk-table-card .table-wrap{display:block!important;padding:0;overflow-x:auto}
.zk-table{width:100%}
.zk-table th{text-transform:none;letter-spacing:0;white-space:nowrap}
.zk-table td{vertical-align:middle}
.zk-table .num{text-align:right;font-variant-numeric:tabular-nums}
.zk-table tr[hidden]{display:none!important}
.zk-table .zk-main{font-weight:650;color:var(--ink,#292d32)}
.zk-table a.zk-main{color:var(--accent,#9b4f3a);text-decoration:none}
.zk-table .row-actions{text-align:right;white-space:nowrap}
.zk-table .row-actions form{display:inline}
.zk-table .row-actions .btn{min-height:34px}
.zk-table tr.is-muted td{opacity:.62}
.zk-person{display:flex;align-items:center;gap:10px;min-width:0}
.zk-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft,#f6ece7);color:var(--accent,#9b4f3a);font-size:11px;font-weight:700}
.zk-edit-row>td{background:var(--soft,#faf9f6);padding:14px 22px!important}
.zk-edit-row form{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.zk-edit-row form input:not([type=checkbox]):not([type=hidden]){flex:1 1 150px;min-width:120px;width:auto}
.zk-edit-row form .grow{flex:2 1 240px}
.zk-edit-row form select{flex:0 1 110px;width:auto}
.zk-empty-filter td{padding:30px 22px!important;text-align:center;color:var(--muted,#6b665e)}
.zk-status-form{display:flex;gap:6px;align-items:center;margin:0}
.zk-status-form select{min-width:150px;width:auto;min-height:34px;padding-top:4px;padding-bottom:4px}
.zk-mobile-list{padding:14px 16px;gap:10px}
@media (max-width:900px){.zk-table-card .supply-board-desktop{display:none!important}.zk-table-card .zk-mobile-list{display:grid}}
@media (min-width:901px){.zk-table-card .zk-mobile-list{display:none!important}}
.zk-mobile-list .supply-item[hidden]{display:none!important}
.zk-mobile-list .supply-item-head{flex-wrap:wrap}
@media (max-width:1100px){.stats-grid.stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
 .stats-grid.stats-3{grid-template-columns:1fr 1fr}
 .zk-settings-tabs{gap:18px;margin-bottom:16px}
 .zk-table-card>.section-heading{padding:14px 16px}
 .zk-table-card .tabs{padding:0 16px;gap:18px}
 .zk-filters{padding:12px 16px;gap:8px}
 .zk-filters .search-field{flex:1 1 100%;min-width:0}
 .zk-filters>select{flex:1 1 calc(50% - 4px);min-width:0}
 .zk-filters .zk-count{margin-left:0;flex:1 1 100%}
 .zk-filters>.btn{flex:1 1 auto}
 /* stacked rows instead of a horizontally scrolled table */
 .zk-table{min-width:0!important}
 .zk-table thead{display:none}
 .zk-table,.zk-table tbody{display:block}
 .zk-table tr{display:block;padding:12px 16px;border-bottom:1px solid var(--line,#e7e2d9)}
 .zk-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;height:auto!important;padding:4px 0!important;border:0!important;position:static!important;box-shadow:none!important;background:transparent!important;text-align:right;min-width:0}
 .zk-table td>*{min-width:0}
 .zk-table td[data-label]::before{content:attr(data-label);color:var(--muted,#6b665e);font-size:12px;text-align:left;flex:0 0 auto}
 .zk-table td.zk-first{display:block;text-align:left;padding-bottom:6px!important}
 .zk-table td.row-actions{justify-content:flex-end;flex-wrap:wrap;padding-top:8px!important}
 .zk-table .zk-status-form{flex-wrap:wrap;justify-content:flex-end}
 .zk-table .zk-status-form select{min-width:0;flex:1 1 140px}
 .zk-edit-row>td{display:block;padding:12px 0!important}
 .zk-edit-row form input:not([type=checkbox]):not([type=hidden]),.zk-edit-row form select{flex:1 1 100%}
 .zk-empty-filter td{display:block;text-align:center}
}
a.stat-card{display:block;text-decoration:none;color:inherit}a.stat-card:hover{border-color:var(--line-strong,#d9d5cd)}
.zk-table .row-actions .cell-sub{display:inline-block;margin:0 0 0 6px;font-size:12px}
/* c4 fix: own-heading pages — header actions (incl. list-first create buttons) must stay above the page heading for clicks */
.base-heading:has(~ .page-heading){z-index:5}