:root{--slab-navy:#082d57;--slab-blue:#1766ad;--slab-green:#0c7759;--slab-gold:#c79725;--slab-line:#d2deea;--slab-soft:#f3f7fb;--slab-muted:#647a91}
.slab-type-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.slab-type-card{border:1px solid var(--slab-line);border-top:3px solid var(--slab-blue);border-radius:10px;background:#fff;overflow:hidden}.slab-type-card header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;background:var(--slab-soft);border-bottom:1px solid var(--slab-line)}.slab-type-card h2{margin:0;font-size:18px;color:var(--slab-navy)}.slab-type-card header span{font-size:13px;color:var(--slab-muted)}.slab-type-card dl{margin:0;padding:8px 22px}.slab-type-card dl div{display:flex;justify-content:space-between;gap:16px;padding:14px 0}.slab-type-card dl div+div{border-top:1px solid #edf1f6}.slab-type-card dt{font-size:14px;color:#536a81}.slab-type-card dd{margin:0;font-size:19px;font-weight:700;color:var(--slab-navy)}.slab-type-card dd.cleared{color:var(--slab-green)}.slab-calculation-note{font-size:13px;color:#536a81;line-height:1.6}.slab-id-type{display:inline-block;padding:6px 9px;border:1px solid #c6dcf1;border-radius:6px;background:#edf5ff;color:#145c9d;font-size:12px;white-space:normal}@media(max-width:680px){.slab-type-summary{grid-template-columns:1fr}.slab-type-card dd{font-size:17px}}
.slab-page{width:min(1600px,calc(100% - 48px));margin:30px auto 64px;color:#112e50}.slab-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:34px 38px;border-radius:16px;background:radial-gradient(circle at 88% 20%,rgba(32,146,170,.28),transparent 26%),linear-gradient(120deg,#061f43,#0b416b);color:#fff;box-shadow:0 20px 48px rgba(7,37,72,.17)}.slab-hero>div>span,.slab-selector-panel header span,.slab-register>header span{color:#e5bb58;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.slab-hero h1{margin:9px 0 8px;font:650 clamp(32px,4vw,50px)/1.05 Georgia,serif}.slab-hero p{max-width:840px;margin:0;color:#c7d8e8;font-size:13px;line-height:1.65}.slab-hero aside{min-width:240px;padding:18px 20px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:rgba(255,255,255,.08)}.slab-hero aside small,.slab-hero aside strong,.slab-hero aside b{display:block}.slab-hero aside small{color:#a9c1d7;font-size:9px;text-transform:uppercase}.slab-hero aside strong{margin:6px 0 13px;font-size:17px}.slab-hero aside b{padding-top:12px;border-top:1px solid rgba(255,255,255,.17);color:#8de0c4;font-size:10px}
.slab-overview{display:grid;grid-template-columns:repeat(5,1fr);margin:17px 0;border:1px solid var(--slab-line);border-radius:13px;background:#fff;overflow:hidden}.slab-overview article{min-height:116px;padding:20px 22px;border-right:1px solid var(--slab-line)}.slab-overview article:last-child{border:0}.slab-overview span,.slab-overview strong,.slab-overview small{display:block}.slab-overview span{color:#73869a;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.slab-overview strong{margin:12px 0 5px;color:var(--slab-navy);font-size:22px}.slab-overview small{color:#8191a2;font-size:9px;line-height:1.45}
.slab-selector-panel,.slab-register{margin-top:17px;border:1px solid var(--slab-line);border-radius:13px;background:#fff;box-shadow:0 12px 35px rgba(8,42,78,.06);overflow:hidden}.slab-selector-panel>header,.slab-register>header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 25px;border-bottom:1px solid var(--slab-line)}.slab-selector-panel h2,.slab-register h2{margin:5px 0 4px;font-size:21px}.slab-selector-panel p{margin:0;color:var(--slab-muted);font-size:11px}.slab-selector-panel header button{padding:10px 14px;border:1px solid #bfd0e1;border-radius:7px;background:#fff;color:#3f617f;font-weight:800;cursor:pointer}.slab-selector-panel header button.active{border-color:var(--slab-navy);background:var(--slab-navy);color:#fff}.featured-slabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px 22px}.featured-slabs button{min-height:91px;padding:15px;border:1px solid #d6e1eb;border-radius:9px;background:#f8fafc;color:#24496b;text-align:left;cursor:pointer;transition:.18s}.featured-slabs button:hover{transform:translateY(-2px);border-color:#81add1;box-shadow:0 8px 20px rgba(13,73,117,.09)}.featured-slabs button.active{border-color:#0e7357;background:#eaf8f3}.featured-slabs strong,.featured-slabs span,.featured-slabs small{display:block}.featured-slabs strong{font-size:18px}.featured-slabs span{margin:7px 0 3px;color:#47708f;font-size:10px}.featured-slabs small{color:#8494a4;font-size:9px}
.slab-register>header b{padding:8px 11px;border-radius:999px;background:#e7f4ef;color:#0d7155;font-size:10px}.slab-toolbar{display:grid;grid-template-columns:210px minmax(280px,1fr) 210px 260px;gap:12px;padding:15px 20px;background:var(--slab-soft);border-bottom:1px solid var(--slab-line)}.slab-toolbar label span{display:block;margin-bottom:5px;color:#718399;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.slab-toolbar input,.slab-toolbar select{width:100%;height:39px;padding:0 11px;border:1px solid #c8d6e4;border-radius:7px;background:#fff;color:#193b5e;outline:none}.slab-toolbar input:focus,.slab-toolbar select:focus{border-color:#2479bb;box-shadow:0 0 0 3px rgba(36,121,187,.1)}.slab-table-wrap{overflow:auto}.slab-table-wrap table{width:100%;min-width:1380px;border-collapse:collapse;table-layout:fixed}.slab-table-wrap th{height:42px;padding:0 13px;background:var(--slab-navy);color:#fff;font-size:8px;letter-spacing:.055em;text-align:left;text-transform:uppercase}.slab-table-wrap th:first-child{width:230px}.slab-table-wrap td{padding:13px;border-bottom:1px solid #e0e7ef;color:#536a81;font-size:10px;vertical-align:middle}.slab-table-wrap tbody tr:nth-child(even){background:#f8fafc}.slab-table-wrap tbody tr:hover{background:#eef5fa}.slab-table-wrap td strong,.slab-table-wrap td small{display:block}.slab-table-wrap td strong{color:#153b60;font-size:11px}.slab-table-wrap td small{margin-top:4px;color:#8392a2}.slab-money{font-weight:800;color:#163e65!important;text-align:right}.slab-stage{display:inline-flex;min-width:36px;justify-content:center;padding:5px 8px;border-radius:999px;background:#e6f1fb;color:#155d99;font-weight:900}.slab-position{display:inline-block;padding:6px 8px;border-radius:999px;background:#fff1d2;color:#8d610b;font-size:8px;font-weight:900}.slab-position.complete{background:#dff3ea;color:#087152}.slab-empty{padding:45px!important;text-align:center!important;color:#75889b!important}.slab-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}.slab-pagination>span{color:#6b7f94;font-size:10px}.slab-pagination div{display:flex;gap:7px}.slab-pagination button{padding:8px 11px;border:1px solid #cbd8e5;border-radius:6px;background:#fff;color:#315a80;font-size:10px;font-weight:800;cursor:pointer}.slab-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.slab-overview{grid-template-columns:repeat(3,1fr)}.featured-slabs{grid-template-columns:repeat(3,1fr)}.slab-toolbar{grid-template-columns:1fr 1fr}}@media(max-width:680px){.slab-page{width:calc(100% - 20px);margin-top:15px}.slab-hero{grid-template-columns:1fr;padding:26px 22px}.slab-hero aside{min-width:0}.slab-overview{grid-template-columns:1fr 1fr}.slab-overview article{border-bottom:1px solid var(--slab-line)}.featured-slabs{grid-template-columns:1fr 1fr}.slab-selector-panel>header,.slab-register>header{align-items:flex-start;flex-direction:column}.slab-toolbar{grid-template-columns:1fr}.slab-pagination{align-items:flex-start;flex-direction:column}.slab-pagination div{flex-wrap:wrap}}

/* Version 2: exact-slab selection with an intentionally empty initial state. */
.slab-overview{grid-template-columns:repeat(4,1fr)}
.slab-overview article{border-bottom:1px solid var(--slab-line)}
.slab-overview article:nth-child(4n){border-right:0}
.slab-overview article:nth-last-child(-n+4){border-bottom:0}
.primary-slab-select{display:grid;grid-template-columns:minmax(280px,420px) 1fr;align-items:end;gap:24px;padding:22px 25px;background:linear-gradient(100deg,#f5f9fc,#fff)}
.primary-slab-select label span{display:block;margin-bottom:7px;color:#718399;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.primary-slab-select select{width:100%;height:48px;padding:0 14px;border:1px solid #a9c2d8;border-radius:8px;background:#fff;color:#143b61;font-size:14px;font-weight:800;outline:none}
.primary-slab-select select:focus{border-color:#2479bb;box-shadow:0 0 0 3px rgba(36,121,187,.1)}
.primary-slab-select p{padding-bottom:10px!important;color:#5e758b!important}
.slab-toolbar{grid-template-columns:minmax(280px,1fr) 210px 260px}
@media(max-width:1100px){.slab-overview{grid-template-columns:repeat(2,1fr)}.slab-overview article:nth-child(odd){border-right:1px solid var(--slab-line)}.slab-overview article:nth-child(even){border-right:0}.slab-overview article:nth-last-child(-n+4){border-bottom:1px solid var(--slab-line)}.slab-overview article:nth-last-child(-n+2){border-bottom:0}.slab-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.slab-overview{grid-template-columns:1fr}.slab-overview article,.slab-overview article:nth-child(odd),.slab-overview article:nth-child(even){border-right:0;border-bottom:1px solid var(--slab-line)}.slab-overview article:last-child{border-bottom:0}.primary-slab-select{grid-template-columns:1fr}.slab-toolbar{grid-template-columns:1fr}}

/* Version 3: payable clearance is split by ID type. */
.slab-overview{grid-template-columns:repeat(5,1fr)}
.slab-overview article:nth-child(4n){border-right:1px solid var(--slab-line)}
.slab-overview article:nth-child(5n){border-right:0}
.slab-overview article:nth-last-child(-n+5){border-bottom:0}
@media(max-width:1100px){.slab-overview{grid-template-columns:repeat(2,1fr)}.slab-overview article:nth-child(5n){border-right:1px solid var(--slab-line)}.slab-overview article:nth-child(even){border-right:0}.slab-overview article:nth-last-child(-n+5){border-bottom:1px solid var(--slab-line)}.slab-overview article:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:680px){.slab-overview{grid-template-columns:1fr}.slab-overview article,.slab-overview article:nth-child(5n){border-right:0}.slab-overview article:nth-last-child(-n+2){border-bottom:1px solid var(--slab-line)}.slab-overview article:last-child{border-bottom:0}}

/* Version 4: cash and online principal reconciliation. */
.slab-overview{grid-template-columns:repeat(4,1fr)}
.slab-overview article:nth-child(4n){border-right:0}
.slab-overview article:nth-child(5n){border-right:1px solid var(--slab-line)}
.slab-overview article:nth-last-child(-n+4){border-bottom:0}
@media(max-width:1100px){.slab-overview{grid-template-columns:repeat(2,1fr)}.slab-overview article:nth-child(4n){border-right:1px solid var(--slab-line)}.slab-overview article:nth-child(even){border-right:0}.slab-overview article:nth-last-child(-n+4){border-bottom:1px solid var(--slab-line)}.slab-overview article:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:680px){.slab-overview{grid-template-columns:1fr}.slab-overview article,.slab-overview article:nth-child(4n),.slab-overview article:nth-child(5n){border-right:0;border-bottom:1px solid var(--slab-line)}.slab-overview article:last-child{border-bottom:0}}

/* Version 5: four ID types with three clearance figures each. */
.slab-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.slab-overview article{border-bottom:0!important}.slab-overview article:last-child{border-right:0}.slab-table-wrap table{min-width:1490px}.slab-table-wrap th:nth-child(2){width:125px}
@media(max-width:680px){.slab-overview{grid-template-columns:1fr}}

/* Compact register with ID type colours across each row. */
.slab-table-wrap table{min-width:680px;table-layout:auto}.slab-table-wrap th:first-child{width:34%}.slab-table-wrap th:nth-child(2){width:auto;text-align:right}.slab-table-wrap th:last-child{width:160px}.slab-table-wrap td{font-size:13px;padding:16px}.slab-table-wrap td strong{font-size:14px}.slab-table-wrap td small{font-size:11px}.slab-table-wrap th{font-size:11px}.slab-position,.slab-id-type{font-size:11px;font-weight:800;padding:7px 11px;border:0;border-radius:999px}
.slab-table-wrap tbody tr.slab-row-online{background:#effaf3}.slab-table-wrap tbody tr.slab-row-cash{background:#fffbea}.slab-table-wrap tbody tr.slab-row-commission{background:#fff3e8}.slab-table-wrap tbody tr.slab-row-coin{background:#fff0ef}
.slab-row-online .slab-id-type{background:#d4efdf;color:#11643a}.slab-row-cash .slab-id-type{background:#ffedb1;color:#795400}.slab-row-commission .slab-id-type{background:#ffdfc1;color:#934300}.slab-row-coin .slab-id-type{background:#ffd9d5;color:#a33126}
.slab-table-wrap tbody tr:hover{filter:brightness(.98)}