.archive-tabs { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 14px; border-bottom: 1px solid #dfe5ee; }
.archive-tab { min-width: 105px; padding: 10px 18px; color: #55657f; background: #fff; border: 1px solid #e5e9f0; border-bottom: 0; text-align: center; font-size: 13px; }
.archive-tab:hover { color: #0b54bb; background: #f4f7ff; }
.archive-tab.active { color: #1553bb; font-weight: 600; border-top: 3px solid #2b64d5; padding-top: 8px; }
.archive-filters { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }
.archive-filters .field { min-width: 175px; flex: 1; }
.archive-filters .archive-search { flex: 2; }
.archive-filters .field > span, .archive-form-grid .field > span, .archive-status-form .field > span { font-size: 12px; color: #596982; }
.archive-table { min-width: 850px; }
.archive-table td { vertical-align: middle; }
.archive-inline-note { width: 170px; min-height: 52px; resize: vertical; font-size: 12px; }
.archive-inline-note[aria-busy="true"] { border-color: #4c77d3; }
.archive-inline-note[aria-invalid="true"] { border-color: #c22c43; }
.archive-inline-status { width: 165px; max-width: 100%; font-size: 12px; }
.archive-inline-status[aria-busy="true"] { border-color: #4c77d3; }
.archive-table a, .archive-info-grid a, .archive-dialog a { color: #2a61bd; }
.archive-table small { color: #71809a; }
.archive-chip { display: inline-block; padding: 4px 7px; border-radius: 3px; background: #e8edfa; color: #3154a0; font-size: 11px; white-space: nowrap; }
.archive-chip.archive-stored { background: #e2f2e0; color: #23733a; }
.archive-chip.archive-checked_out { background: #fff0cf; color: #85590a; }
.archive-chip.archive-disposed { background: #f9dfe3; color: #a52639; }
.archive-dialog { max-width: 850px; }
.archive-dialog form { padding: 18px 22px 22px; }
.archive-form-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.archive-form-grid .archive-wide { grid-column: span 3; }
.archive-form-grid .input, .archive-form-grid .select, .archive-form-grid .textarea { min-width: 0; width: 100%; }
.archive-form-grid .textarea, .archive-status-form .textarea { min-height: 68px; resize: vertical; }
.archive-dialog #archive-item-help, .archive-dialog #archive-form-error { padding: 0 22px; }
.archive-detail-body { padding: 20px 22px 24px; }
.archive-detail-body form { padding: 0; }
.archive-info-grid { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: 9px 14px; font-size: 13px; }
.archive-info-grid > div:nth-child(odd) { color: #71809a; }
.archive-detail-body h3 { font-size: 15px; font-weight: 600; margin: 0 0 12px; }
.archive-edit-form, .archive-status-form, .archive-history, .archive-location { border-top: 1px solid #e5eaf0; margin-top: 20px; padding-top: 18px !important; }
.archive-status-form { display: grid; gap: 12px; }
.archive-status-form .input, .archive-status-form .textarea { width: 100%; }
.archive-action-row { display: flex; flex-wrap: wrap; gap: 8px; }
.archive-history .note { margin-bottom: 8px; }
.archive-chip.archive-handed_over { background: #fff0cf; color: #85590a; }
.archive-chip.archive-removed { background: #f1e7e9; color: #8d4250; }
.archive-structure-dialog { max-width: 780px; }
.archive-structure-form { padding: 20px 22px 22px; }
.archive-structure-form .archive-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.archive-structure-form > .muted { margin: 14px 0 0; }
.archive-structure-form .auth-error { min-height: 18px; }
.archive-structure-choices { max-height: 220px; overflow: auto; border: 1px solid #dfe5ee; border-radius: 4px; padding: 8px; }
.archive-structure-choice { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-bottom: 1px solid #eef1f5; font-size: 13px; }
.archive-structure-choice:last-child { border-bottom: 0; }
.archive-structure-choice input { flex: none; }
.archive-structure-action { border-top: 1px solid #e5eaf0; margin-top: 20px; padding-top: 18px; }
.archive-structure-action h3 { margin: 0 0 12px; }
.archive-structure-action .archive-action-row { margin-top: 12px; }
.archive-attachment-list { display: grid; gap: 8px; }
.archive-attachment-item { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 9px 10px; background: #f7f9fc; border: 1px solid #e7ebf1; border-radius: 4px; font-size: 13px; }
.archive-attachment-item strong { overflow-wrap: anywhere; }
.archive-attachment-item small { display: block; color: #6b7890; margin-top: 3px; }
.archive-attachment-form { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.archive-attachment-form .field { min-width: 240px; flex: 1; }
.archive-attachment-form .field > span { display: block; font-size: 12px; color: #596982; margin-bottom: 4px; }
.archive-attachment-form .auth-error { flex-basis: 100%; }
.archive-attachment-events { margin-top: 14px; font-size: 12px; color: #596982; }
.archive-attachment-events ol { padding-left: 20px; }
.archive-attachment-events li { margin: 6px 0; }
.archive-attachment-events small { display: block; }
@media (max-width: 760px) { .archive-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .archive-form-grid .archive-wide { grid-column: span 2; } }
@media (max-width: 540px) { .archive-tabs { display: grid; grid-template-columns: repeat(2,1fr); } .archive-tab { min-width: 0; } .archive-filters .field, .archive-filters .archive-search { flex: none; width: 100%; } .archive-form-grid { grid-template-columns: 1fr; } .archive-form-grid .archive-wide { grid-column: span 1; } .archive-info-grid { grid-template-columns: 110px minmax(0,1fr); } }

.archive-dashboard{display:grid;gap:14px;min-width:0}
.archive-page-heading{min-height:78px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:3px 2px 1px}
.archive-kicker,.archive-section-kicker{display:flex;align-items:center;gap:7px;color:#789097;font-size:8px;font-weight:700;letter-spacing:.13em}
.archive-kicker i,.archive-table-hint i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#3caaa0;box-shadow:0 0 0 3px #e4f4f1}
.archive-kicker b{color:#c0cccf;font-size:8px}
.archive-page-heading h1{margin:7px 0 3px;color:#142f3f;font-size:25px;font-weight:650;letter-spacing:-.04em}
.archive-page-heading p{margin:0;color:#778b93;font-size:11px;line-height:1.6}
.archive-page-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}
.archive-page-actions .btn{min-height:33px;padding:0 12px;border:1px solid #dfe9ea;border-radius:8px;color:#506a73;background:#fff;font-size:9px;font-weight:650}
.archive-page-actions .btn:hover{border-color:#acd4d0;color:#176f70;background:#f5fbfa}
.archive-page-actions .btn.primary{border-color:#16837e;color:#fff;background:#168b84}
.archive-page-actions .btn.primary:hover{border-color:#116f6b;background:#117872}
.archive-dashboard .archive-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:5px;border:1px solid #e3eaec;border-radius:11px;background:#f7fafa}
.archive-dashboard .archive-tab{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid transparent;border-radius:7px;color:#617880;background:transparent;font-size:9px;font-weight:600;text-align:center;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease}
.archive-dashboard .archive-tab:hover{border-color:#dbe8e8;color:#246f70;background:#fff}
.archive-dashboard .archive-tab.active{padding-top:8px;border:1px solid #dcebe8;color:#176f70;background:#fff;box-shadow:0 2px 6px rgb(28 57 69 / 4%)}
.archive-dashboard .archive-tab span{color:#8aa2a4;font-size:10px}
.archive-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0}
.archive-metric{position:relative;min-width:0;min-height:89px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:9px 1fr auto;grid-template-areas:"marker action" "label count" "hint count";align-items:center;gap:5px 8px;padding:10px 12px;overflow:hidden;border:1px solid #e5ecee;border-radius:11px;color:#193746;background:linear-gradient(155deg,#fff,#f9fbfb);text-align:left;box-shadow:0 2px 6px rgb(28 57 69 / 2%);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.archive-metric::after{position:absolute;right:-34px;bottom:-54px;z-index:0;width:90px;height:90px;border:1px solid color-mix(in srgb,var(--archive-metric-color) 13%,white);border-radius:50%;box-shadow:0 0 0 13px color-mix(in srgb,var(--archive-metric-color) 4%,white);content:"";pointer-events:none}
.archive-metric>*{position:relative;z-index:1}
.archive-metric:hover{border-color:#a8d8d4;background:#f5fbfa;box-shadow:0 7px 16px rgb(33 116 112 / 8%);transform:translateY(-1px)}
.archive-metric:focus-visible{outline:2px solid #53b8b0;outline-offset:2px}
.archive-metric.active{border-color:#123a48;color:#fff;background:linear-gradient(145deg,#103342,#0c2937);box-shadow:0 8px 18px rgb(13 48 64 / 17%)}
.archive-metric-marker{grid-area:marker;width:7px;height:7px;border-radius:50%;background:var(--archive-metric-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--archive-metric-color) 13%,white)}
.archive-metric-label{grid-area:label;min-width:0;overflow:hidden;color:#506772;font-size:9px;font-weight:650;line-height:1.35;text-overflow:ellipsis}
.archive-metric strong{grid-area:count;z-index:1;color:var(--archive-metric-color);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.archive-metric small{grid-area:hint;overflow:hidden;color:#94a4ab;font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.archive-metric.active .archive-metric-label{color:#e6f2f3}
.archive-metric.active strong{color:#9af0e3}
.archive-metric.active small,.archive-metric.active .archive-metric-action{color:#94b8bd}
.archive-metric.active::after{border-color:rgb(154 240 227 / 22%);box-shadow:0 0 0 13px rgb(154 240 227 / 5%)}
.archive-metric-action{grid-area:action;color:#9aabad;font-size:10px}
.archive-panel{min-width:0;overflow:hidden;border:1px solid #e3eaec;border-radius:13px;background:#fff;box-shadow:0 6px 22px rgb(25 49 62 / 4%)}
.archive-panel-heading,.archive-list-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;border-bottom:1px solid #e7edef}
.archive-panel-heading h2,.archive-list-heading h2{margin:3px 0 0;color:#1b3948;font-size:13px;font-weight:650}
.archive-panel-heading p,.archive-list-heading p{margin:4px 0 0;color:#81939a;font-size:8px;line-height:1.5}
.archive-match-count,.archive-list-count{display:inline-flex;align-items:baseline;gap:5px;padding:6px 9px;border:1px solid #e4eded;border-radius:999px;color:#3c626a;background:#f7fbfa;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.archive-list-count small{color:#8a9c9f;font-size:8px;font-weight:550}
.archive-dashboard .archive-filters.archive-filter-grid{display:grid;grid-template-columns:minmax(155px,.8fr) minmax(220px,1.5fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin:0;padding:13px 17px 15px}
.archive-dashboard .archive-filters.archive-filter-grid .field{min-width:0;width:auto;flex:initial}
.archive-dashboard .archive-filter-grid .field>span{display:block;margin-bottom:4px;color:#627880;font-size:9px;font-weight:650}
.archive-dashboard .archive-filter-grid .input,.archive-dashboard .archive-filter-grid .select{min-width:0;min-height:34px;border-color:#dce6e8;border-radius:7px;font-size:10px}
.archive-dashboard .archive-filter-grid .input:focus,.archive-dashboard .archive-filter-grid .select:focus{border-color:#69bdb6;box-shadow:0 0 0 3px rgb(76 190 183 / 11%)}
.archive-filter-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px}
.archive-filter-actions .btn{min-height:32px;padding:0 10px;border:1px solid #dfe8e9;border-radius:7px;color:#60777e;background:#fff;font-size:9px}
.archive-filter-actions .btn:hover{border-color:#b8d8d4;color:#176f70;background:#f3f9f8}
.archive-filter-actions .btn.primary{border-color:#16837e;color:#fff;background:#168b84}
.archive-filter-actions .btn.primary:hover{border-color:#116f6b;background:#117872}
.archive-list-heading{min-height:66px}
.archive-table-hint{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;border-bottom:1px solid #edf2f3;color:#84969c;background:#fbfdfd;font-size:8px}
.archive-table-hint span:first-child{display:inline-flex;align-items:center;gap:7px}
.archive-dashboard .archive-table-scroll{max-height:min(58vh,620px);overflow:auto;scrollbar-color:#b7cccf #f3f7f7;scrollbar-width:thin}
.archive-dashboard .archive-table{width:100%;min-width:940px;border-collapse:separate;border-spacing:0;color:#344d59;font-size:9px}
.archive-dashboard .archive-table thead th{position:sticky;top:0;z-index:1;height:40px;padding:0 11px;border-bottom:1px solid #e7edef;color:#72868e;background:#f7fafa;font-size:8px;font-weight:700;letter-spacing:.045em;text-align:left;text-transform:uppercase;white-space:nowrap}
.archive-dashboard .archive-table tbody tr{background:#fff;transition:background-color .12s ease}
.archive-dashboard .archive-table tbody tr:nth-child(even){background:#fbfcfc}
.archive-dashboard .archive-table tbody tr:hover{background:#eff8f7}
.archive-dashboard .archive-table td{height:53px;padding:8px 11px;border-bottom:1px solid #eef2f3;color:#526772;font-size:9px;line-height:1.45;vertical-align:middle}
.archive-dashboard .archive-table tbody tr:last-child td{border-bottom-color:transparent}
.archive-dashboard .archive-table td a{color:#267976;font-weight:700;text-decoration:none}
.archive-dashboard .archive-table td a:hover{color:#145b5d;text-decoration:underline}
.archive-dashboard .archive-table small{color:#84969c;font-size:8px}
.archive-dashboard .archive-chip{padding:4px 8px;border-radius:999px;font-size:8px;font-weight:650}
.archive-dashboard .archive-chip.archive-stored{color:#31775c;background:#e9f6ef}
.archive-dashboard .archive-chip.archive-checked_out{color:#946824;background:#fcf3e2}
.archive-dashboard .archive-chip.archive-disposed{color:#9d5665;background:#f9e9ec}
.archive-dashboard .archive-inline-status{min-height:30px;border-color:#dce6e8;border-radius:7px;color:#506a73;background:#fff;font-size:9px}
.archive-dashboard .archive-inline-note{min-height:48px;border-color:#dce6e8;border-radius:7px;font-size:9px}
.archive-dashboard .archive-table .btn{min-height:28px;padding:0 9px;border:1px solid #dfe8e9;border-radius:7px;color:#60777e;background:#fff;font-size:8px}
.archive-dashboard .archive-table .btn:hover{border-color:#b8d8d4;color:#176f70;background:#f3f9f8}
.archive-dashboard .archive-pager{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 16px;border-top:1px solid #edf2f3;color:#819198;background:#fbfcfc;font-size:9px}
.archive-dashboard .archive-pager>div{display:flex;align-items:center;gap:6px}
.archive-dashboard .archive-pager .btn{min-height:28px;padding:0 9px;border:1px solid #e0e8e9;border-radius:7px;color:#60777e;background:#fff;font-size:8px}
.archive-dashboard .archive-pager .btn:disabled{opacity:.48;cursor:not-allowed}
.archive-dashboard .empty-state{height:130px;color:#86999f;text-align:center}
@media(max-width:1100px){.archive-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-dashboard .archive-filters.archive-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-filter-actions{justify-content:flex-start}}
@media(max-width:760px){.archive-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.archive-page-actions{width:100%;justify-content:flex-end}.archive-dashboard .archive-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-dashboard .archive-tab{padding-inline:6px}.archive-panel-heading,.archive-list-heading{padding-inline:13px}.archive-dashboard .archive-filters.archive-filter-grid{padding-inline:13px}.archive-table-hint{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding:7px 12px}}
@media(max-width:540px){.archive-metrics,.archive-dashboard .archive-filters.archive-filter-grid{grid-template-columns:1fr}.archive-page-actions .btn{flex:1}.archive-filter-actions .btn{flex:1}.archive-dashboard .archive-pager{align-items:flex-start;flex-direction:column}.archive-dashboard .archive-pager>div{width:100%}.archive-dashboard .archive-pager>div .btn{flex:1}}