.archive-tab-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 3px 15px;margin-bottom:2px;flex-wrap:wrap}
.archive-tabs{display:flex;align-items:center;gap:5px;padding:5px;background:#e9eef5;border:1px solid #dfe6ef;border-radius:13px}
body .archive-tabs button{padding:11px 18px!important;min-height:42px!important;border:0;border-radius:9px;background:transparent;color:#7a899f;font-size:13px;font-weight:750;white-space:nowrap}
body .archive-tabs button.active{background:#fff;color:#2168c7;box-shadow:0 2px 6px #243e6412}
.archive-tabs span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;margin-left:7px;border-radius:6px;background:#e2e8f0;color:#7c8da3;font-size:10px}
.archive-tabs .active span{background:#eaf2ff;color:#3578ce}
.archive-tab-caption{font-size:11px;color:#94a0b1}
body .archive-card{padding:27px 28px;border-radius:20px;border:1px solid #dfe7f1;box-shadow:0 5px 20px #17375e0a}
.archive-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.archive-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6e8cb4;margin-bottom:9px}
.archive-heading h2{font-size:23px;margin:0 0 10px;color:#263750;letter-spacing:-.6px}
.archive-heading p{font-size:13px;color:#8794a7;line-height:1.8;margin:0}
.archive-state-badge{flex-shrink:0;padding:8px 11px;border-radius:9px;border:1px solid #e0e7f0;background:#f5f7fb;color:#8190a6;font-size:11px}
.archive-notice{margin:22px 0;padding:14px 17px;border:1px solid #e0eaf6;border-radius:12px;background:#f6f9fe;color:#6c819d;font-size:12px;line-height:1.8}
.archive-tools{display:flex;align-items:center;gap:10px;padding:0 0 19px;flex-wrap:wrap}
.archive-tools label{font-size:12px;font-weight:750;color:#65758d}
.archive-tools input{min-width:200px;width:340px;max-width:100%;border:1px solid #d8e2ef;border-radius:11px;padding:12px 14px;font-size:13px;background:#fff;outline:none}
.archive-tools input:focus{border-color:#86afe6;box-shadow:0 0 0 3px #edf4ff}
.archive-tools>span{margin-left:auto;font-size:11px;color:#8e9bae}
.archive-table-scroll{overflow:auto;border:1px solid #e2e9f2;border-radius:14px}
body .archive-table{width:100%;border-collapse:collapse;min-width:780px;table-layout:auto}
body .archive-table th{background:#f7f9fc;color:#8290a4;font-size:11px;padding:13px 15px;border-bottom:1px solid #e2e9f2;font-weight:700;white-space:nowrap}
body .archive-table td{padding:18px 15px;border-bottom:1px solid #edf1f7;font-size:13px;color:#566b87;vertical-align:middle}
body .archive-table tbody tr:last-child td{border-bottom:0}
body .archive-table tbody tr:hover{background:#fafcff}
.archive-table td b{font-size:14px;font-weight:750;color:#354b68;overflow-wrap:anywhere}
.archive-table td small{display:block;font-size:10px;color:#99a6b7;margin-top:6px}
.archive-table .archive-code{font-size:12px;color:#8c9cb1;overflow-wrap:anywhere}
.archive-table .archive-number{white-space:nowrap;font-variant-numeric:tabular-nums}
.archive-unset{color:#b1bbc9;font-size:11px}
.archive-table select{min-width:88px;border:1px solid #dce5ef;border-radius:9px;padding:9px 11px;background:#fff;color:#5d7491;font-size:12px}
body .archive-restore-btn{padding:9px 15px!important;min-height:36px!important;border:1px solid #ccddf4;border-radius:10px;background:#f1f6ff;color:#3478cc;font-size:12px;font-weight:750;white-space:nowrap}
body .archive-restore-btn:hover{background:#e5efff;border-color:#a6c4ed}
body .archive-restore-btn:disabled{opacity:.45;cursor:default}
.archive-footnote{font-size:11px;color:#9aa6b6;margin-top:19px;line-height:1.7}
.archive-empty{text-align:center;padding:56px 16px;border:1px dashed #dce4ef;border-radius:15px;background:#fbfcfe;color:#8594a8}
.archive-empty>span{display:flex;align-items:center;justify-content:center;margin:0 auto 14px;width:52px;height:52px;border:1px solid #e2e9f3;border-radius:17px;background:#f3f7fc;font-size:32px;color:#a0b4cf}
.archive-empty h3{font-size:16px;color:#7286a1;margin:0 0 10px;font-weight:700}
.archive-empty p{font-size:12px;line-height:1.8;margin:0;color:#9aa8bb}
body .archive-store-button{color:#8a795f!important;background:#faf8f4!important;border:1px solid #e7dfd2!important;font-size:12px!important;min-width:0!important}
@media(max-width:700px){body .archive-card{padding:21px 18px}.archive-heading{flex-wrap:wrap}.archive-tab-caption{display:none}.archive-heading h2{font-size:21px}.archive-tools input{width:100%;flex:1 1 220px}.archive-tools>span{margin-left:0;width:100%}.archive-tabs button{padding:10px 12px!important}}