.s7-shell{margin-top:24px;border:1px solid #d6e2ef;border-radius:18px;background:linear-gradient(145deg,#f7faff 0%,#fff 68%);padding:23px;box-shadow:0 7px 24px rgba(22,59,102,.06);color:#283f59}
.s7-title{display:flex;justify-content:space-between;align-items:start;gap:15px;flex-wrap:wrap}
.s7-title h3{font-size:20px;margin:7px 0 5px;font-weight:800;color:#183355}
.s7-title p{font-size:13px;color:#71829b;margin:0}
.s7-eyebrow{color:#2f77bf;font-size:11px;letter-spacing:1.5px;font-weight:800}
.s7-pill{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.s7-good{color:#166343;background:#e1f8ee}.s7-not{color:#985222;background:#fff1df}
.s7-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.s7-stats div{padding:16px;border:1px solid #e4ebf3;background:#fff;border-radius:13px;display:flex;flex-direction:column;gap:4px}
.s7-stats span{font-size:12px;color:#74859c}.s7-stats strong{font-size:24px;letter-spacing:-.5px;color:#1b477e}
.s7-form{background:#fff;border:1px solid #e5ebf2;border-radius:13px;padding:17px}
.s7-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px}
.s7-grid label,.s7-options>label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px;color:#334b67}
.s7-grid .field,.s7-options .field{width:100%;max-width:100%;min-width:0;padding:10px;border:1px solid #cedaeb;border-radius:9px;background:#fff}
.s7-options{display:grid;grid-template-columns:1fr 1.6fr;align-items:end;gap:14px;margin-top:14px}
.s7-options .s7-check{display:flex;flex-direction:row;gap:7px;align-items:center;font-weight:500;padding-bottom:10px}
.s7-check input{accent-color:#377bc4;width:17px;height:17px}
.s7-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}
.s7-actions .mini{max-width:440px;font-size:11px;color:#77869a}
.s7-warning{border:1px solid #f6cfad;border-radius:12px;background:#fff8ee;padding:14px;color:#8c5523;font-size:12px;margin-bottom:16px}
.s7-warning ul{padding-left:20px;margin:7px 0}.s7-warning p{margin:7px 0 0}
.s7-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 10px}
.s7-log-head h4{margin:0;font-size:15px;color:#233e60}.s7-log-head span{color:#7b8ca0;font-size:12px}
.s7-table-wrap{overflow:auto;border:1px solid #e2eaf2;border-radius:11px;background:#fff}
.s7-table{margin:0!important;font-size:12px;width:100%;min-width:690px}
.s7-table small{display:block;margin-top:4px;font-size:10px;color:#8b99aa}
.s7-version{background:#e8f1ff;color:#295a98;border-radius:8px;padding:4px 7px;font-weight:700}
.s7-state,.s7-old{font-size:11px;color:#236c4d;font-weight:700}.s7-old{color:#a17630}
.s7-foot{margin:14px 2px 0;color:#73869c;font-size:11px;line-height:1.7}
.s7-loading{padding:25px;text-align:center;color:#5b7591}
@media(max-width:800px){.s7-grid,.s7-options{grid-template-columns:1fr}.s7-shell{padding:13px}.s7-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.s7-stats div{padding:10px}.s7-stats strong{font-size:18px}}

/* Tahap 7.3 - pemilihan arsip yang profesional dan aman */
.s7-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.s7-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}
.s7-toolbar label{display:flex;flex-direction:column;gap:6px;color:#42607d;font-size:12px;font-weight:650;min-width:130px}
.s7-toolbar .s7-search{flex:1;min-width:210px}
.s7-toolbar .field{min-width:0;border:1px solid #cfdeeb;background:#fff;border-radius:9px;padding:9px 11px;color:#203955}
.s7-cleanup{border:1px solid #d3e4f6;background:linear-gradient(120deg,#f8fbff,#eef6ff);padding:17px;margin-bottom:14px;border-radius:14px}
.s7-cleanup-top,.s7-cleanup-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.s7-cleanup-top strong{font-size:15px;color:#173b63}.s7-cleanup p{font-size:12px;color:#5d728b;margin:6px 0}
.s7-space{border:1px solid #bed5f1;border-radius:999px;background:#fff;color:#275b8c;font-size:12px;font-weight:650;padding:7px 12px}
.s7-cleanup-actions{border-top:1px solid #d8e5f3;margin-top:13px;padding-top:12px}
.s7-pick-visible{display:flex;align-items:center;gap:8px;color:#315b81;font-size:12px;cursor:pointer}
.s7-pick-visible input,.s7-record-check{width:17px;height:17px;accent-color:#2775c0;cursor:pointer}
.s7-cleanup-submit{display:flex;gap:10px;align-items:end;margin-top:12px}
.s7-cleanup-submit label{flex:1;display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#3a5776}
.s7-cleanup-submit input{width:100%;min-width:0;border:1px solid #cfdeeb;border-radius:9px;background:#fff;padding:10px}
.s7-delete-btn{border:1px solid #e6b4b4!important;background:#fff4f4!important;color:#a82c33!important;font-weight:700!important;white-space:nowrap}
.s7-delete-btn:disabled{opacity:.45;cursor:not-allowed}.s7-delete-btn:not(:disabled):hover{background:#fce7e7!important}
.s7-cleanup .s7-cleanup-note{color:#845b63;margin:11px 0 0}
.s7-check-col{text-align:center!important;width:49px;min-width:49px}
.s7-locked{color:#bdcbda;cursor:help;font-size:16px}
.s7-row-selected{background:#eaf4ff!important}
.s7-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;color:#59738f;font-size:12px}
.s7-pagination>div{display:flex;align-items:center;gap:10px}.s7-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:850px){.s7-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.s7-cleanup-submit{flex-direction:column;align-items:stretch}.s7-delete-btn{width:100%}}

.s7-audit{margin-top:16px;border:1px solid #e2eaf2;border-radius:12px;padding:12px;background:#fff}
.s7-audit summary{color:#26496e;font-weight:650;font-size:12px;cursor:pointer}
.s7-audit .s7-table-wrap{margin-top:12px}
.s7-audit p{font-size:12px;color:#7b8ca0}