.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:28px}
.kpi{padding:18px 22px;display:flex;flex-direction:column;gap:2px}
.kpi small{font-family:var(--f-display);font-size:13px;letter-spacing:.22em;color:var(--dust)}
.kpi b{font-family:var(--f-display);font-size:38px;line-height:1.1;color:var(--amber)}
.block{margin-top:48px}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:14px}
.search{display:flex;gap:8px;flex-wrap:wrap}
.search .in{width:280px;max-width:100%}
.tablewrap{margin-top:14px;outline:1px solid var(--line);overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;min-width:860px}
.tbl th{text-align:left;font-family:var(--f-display);font-weight:600;font-size:13px;letter-spacing:.2em;color:var(--dust);padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.tbl tr:hover td{background:rgba(255,204,102,.03)}
.tbl .mono{font-family:ui-monospace,Consolas,monospace;font-size:14px}
.tbl .acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.tbl a{color:var(--bone)} .tbl a:hover{color:var(--amber)}
.sw{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-left:4px;outline:1px solid rgba(0,0,0,.5)}
.pcard{padding:18px 20px;margin-bottom:12px}
.pcard .head{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pcard img{width:40px;height:40px;outline:1px solid var(--line)}
.dlg{background:var(--olive);color:var(--bone);border:0;outline:1px solid var(--amber);padding:28px;max-width:min(92vw,520px);box-shadow:0 20px 60px rgba(0,0,0,.7)}
.dlg::backdrop{background:rgba(0,0,0,.65)}
.dlg form{display:flex;flex-direction:column;gap:16px}
.btn.danger{background:transparent;color:var(--bad);outline:1px solid rgba(224,107,94,.6)}
.btn.danger:hover{background:rgba(224,107,94,.12);color:var(--bad)}
.dv-filter{width:220px;max-width:100%}
.dv-tbl td:first-child{min-width:240px;max-width:340px;overflow-wrap:anywhere}
.dv-tbl td:nth-child(5){max-width:140px;overflow-wrap:anywhere}
.dv-tbl .acts{min-width:320px}
.dlg.dv-edit{width:100%;max-width:min(92vw,680px)}
.dv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.dv-edit .f{display:flex;flex-direction:column;gap:6px;font-family:var(--f-display);font-size:14px;letter-spacing:.18em;color:var(--dust)}
.dv-chipline{display:flex;flex-wrap:wrap;gap:6px}
.dv-chipline:empty{display:none}
.dv-chipline button{border:0;cursor:pointer;letter-spacing:.06em}
.dv-chipline button:hover{color:var(--bad)!important}
.dv-checklist{display:flex;flex-direction:column;gap:6px}
.dv-checklist:empty{display:none}
.dv-checkrow{display:flex;gap:8px;align-items:center}
.dv-checkrow .in{flex:1;min-width:0}
.dv-checkrow input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--amber)}
.dv-tick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:15px}
.dv-tick input{width:20px;height:20px;accent-color:var(--amber)}