:root{--ink:#172033;--muted:#6f7b91;--line:#dde3ed;--panel:#fff;--canvas:#f3f6fa;--blue:#3274e8;--blue-dark:#245dbd;--green:#168b63;--amber:#bd7515;--red:#c64545;--sidebar:#172238;--cyan:#009fb7;--yellow:#9b8700}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--canvas);font-family:"Microsoft YaHei","Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,42%) 1fr;background:#fff}.auth-aside{position:relative;padding:56px;color:#fff;background:#172238;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-aside::after{content:"";position:absolute;inset:auto -18% -24% 20%;height:54%;background:#254a86;transform:skewY(-10deg)}.brand,.aside-copy{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--blue);border-radius:6px;color:#fff}.aside-copy h1{margin:0 0 14px;font-size:34px;line-height:1.25}.aside-copy p{margin:0;color:#bec9db;line-height:1.8}.auth-main{display:grid;place-items:center;padding:40px 24px}.auth-box{width:min(430px,100%)}.auth-box h2{margin:0 0 8px;font-size:28px}.subtitle{color:var(--muted);margin:0 0 30px}.field{margin-bottom:18px;display:block}.field label,.field span{display:block;margin-bottom:7px;font-weight:600;color:var(--ink)}.input,input,select{width:100%;min-height:40px;padding:0 13px;border:1px solid var(--line);border-radius:6px;outline:none;background:#fff;color:var(--ink)}.input:focus,input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(50,116,232,.12)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:20px}.check input{width:auto;min-height:auto}.btn{border:0;border-radius:6px;min-height:40px;padding:0 16px;color:#fff;background:var(--blue);font-weight:600}.btn:hover{background:var(--blue-dark)}.btn-block{width:100%;min-height:48px}.btn-light{background:#edf3fb;color:#31527e}.btn-light:hover{background:#dfeafb}.btn-danger{background:var(--red)}.btn-success{background:var(--green)}.btn-sm{min-height:32px;padding:0 10px;font-size:13px}.auth-foot{margin-top:24px;color:var(--muted);text-align:center}.admin-link{display:block;margin-top:18px;color:#9aa5b6;font-size:12px}.app{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{background:var(--sidebar);color:#cbd4e3;padding:18px 12px}.sidebar .brand{padding:4px 8px 22px;color:#fff}.nav{display:grid;gap:4px}.nav button{text-align:left;border:0;color:#cbd4e3;background:transparent;padding:12px 14px;border-radius:6px}.nav button:hover,.nav button.active{background:#253551;color:#fff}.content{min-width:0}.topbar,.user-top{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar h1{margin:0;font-size:19px}.top-actions{display:flex;align-items:center;gap:8px}.page{padding:24px 28px 40px}.section{display:none}.section.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2{margin:0 0 4px;font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:7px}.stat{padding:18px}.stat-label{color:var(--muted);margin-bottom:10px}.stat-value{font-size:26px;font-weight:700}.small-stat{font-size:18px}.panel{padding:20px;margin-bottom:18px}.panel h3{margin:0 0 16px;font-size:17px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff}.big-table{max-height:calc(100vh - 190px)}table{width:100%;min-width:1580px;border-collapse:collapse;background:#fff;font-variant-numeric:tabular-nums}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{position:sticky;top:0;color:#536176;background:#f7f9fc;font-size:13px;z-index:2}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){text-align:left}tr:hover td{background:#f7fbff}.actions{display:flex;gap:6px;flex-wrap:wrap}.empty{padding:34px;text-align:center;color:var(--muted)}.code{color:#1155cc;font-weight:800}.name{color:#4d5b12;font-weight:700}.amount{color:var(--cyan)}.up{color:#d63031;font-weight:700}.down{color:#0f9d58;font-weight:700}.pass{color:#d63031;font-weight:800}.fail{color:#8793a5}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-card{padding:16px;border:1px solid var(--line);border-radius:6px}.settings-card small{color:var(--muted);display:block;min-height:40px;margin:8px 0 12px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;background:#172238;color:#fff;border-radius:6px;display:none;z-index:40}.toast.show{display:block}.user-shell{min-height:100vh;background:#eef2f7}.user-top{height:52px;min-height:52px;padding:0 14px}.user-top .brand{font-size:15px}.user-top .brand-mark{width:28px;height:28px;font-size:15px}.compact-account{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.board-main{width:100%;max-width:100vw;padding:8px}.history-toolbar{display:flex;align-items:center;gap:8px;padding:8px 8px 10px;overflow-x:auto;white-space:nowrap}.history-date{width:150px;min-height:32px;padding:0 8px}.history-status{color:var(--muted);font-size:13px}.board-panel{min-height:calc(100vh - 110px);margin:0;padding:8px;border-radius:6px}.board-notice{min-height:calc(100vh - 110px);margin:0;display:grid;place-items:center;align-content:center;text-align:center}.board-notice strong{display:block;font-size:clamp(24px,4vw,46px);margin-bottom:8px}.board-notice span{color:var(--muted);font-size:clamp(18px,2.5vw,32px)}.image-bar{display:flex;justify-content:space-between;align-items:center;padding:7px 8px 14px;color:var(--muted)}.image-bar strong{color:var(--ink)}.rank-meta{display:flex;gap:12px;flex-wrap:wrap;padding:0 8px 10px;color:var(--muted)}.rank-meta b{color:var(--ink)}.statusbar{display:flex;justify-content:space-between;gap:10px;padding:8px;color:var(--muted);font-size:12px}.panel-toolbar{padding:0 0 12px;display:grid;grid-template-columns:1fr 110px 110px}.msg{min-height:22px;color:var(--amber);font-size:13px;margin-top:12px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.app{grid-template-columns:1fr}.sidebar{padding-bottom:10px}.nav{grid-template-columns:repeat(3,1fr)}.nav button{text-align:center;padding:10px 4px}.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:700px){body{font-size:15px}.auth-shell{display:block;min-height:100vh;background:linear-gradient(180deg,#f7faff 0,#eef3f9 100%)}.auth-aside{display:block;padding:24px 20px 18px;min-height:138px;border-radius:0 0 18px 18px}.auth-aside::after{display:none}.aside-copy h1{font-size:24px}.aside-copy p{font-size:13px;line-height:1.6}.auth-main{display:block;padding:18px 16px 28px}.auth-box{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 18px 20px;box-shadow:0 8px 22px rgba(23,32,51,.06)}.user-top{height:auto;min-height:48px;padding:6px 8px}.user-top .brand{font-size:13px;gap:6px}.user-top .brand-mark{width:24px;height:24px;font-size:13px}.top-actions{gap:4px}.btn-sm{min-height:28px;padding:0 7px}.compact-account{max-width:86px;font-size:11px}.board-main{padding:5px}.history-toolbar{padding:6px 5px 8px;gap:6px}.history-date{flex:0 0 132px;width:132px;font-size:13px}.board-panel{min-height:calc(100vh - 100px);padding:5px;overflow:auto}.board-notice{min-height:calc(100vh - 100px)}.table-wrap{-webkit-overflow-scrolling:touch}.big-table{max-height:calc(100vh - 160px)}table{min-width:1300px}th,td{padding:8px 9px;font-size:12px}.app{display:block}.sidebar{position:sticky;top:0;z-index:20;padding:10px}.sidebar .brand{padding:0 4px 10px;font-size:16px}.nav{display:flex;gap:6px;overflow-x:auto}.nav button{flex:0 0 auto;min-width:82px;padding:9px 10px;white-space:nowrap}.topbar{height:auto;min-height:56px;padding:10px 14px}.page{padding:14px 12px 28px}.panel{padding:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-toolbar{grid-template-columns:1fr 90px 90px}}
/* TongDaXin-like ranking table */
.board-panel,.section#preview .panel{background:#000;border-color:#1e2a37;color:#d7dde8}
.board-panel .image-bar,.section#preview .image-bar{color:#aeb8c6;background:#000}
.board-panel .image-bar strong,.section#preview .image-bar strong{color:#d7dde8}
.board-panel .rank-meta,.section#preview .rank-meta{color:#9ca8b8;background:#000}
.board-panel .rank-meta b,.section#preview .rank-meta b{color:#f5d90a}
.board-panel .statusbar{background:#000;color:#9ca8b8;border-top:1px solid #1f2937}
.board-panel .table-wrap,.section#preview .table-wrap{background:#000;border-color:#1f2937;border-radius:0}
.board-panel table,.section#preview table{background:#000;color:#d7dde8;min-width:1780px;font-family:"Microsoft YaHei","SimHei",Arial,sans-serif;font-size:21px;font-weight:500}
.board-panel th,.section#preview th{background:#000;color:#9aa8b6;border-bottom:1px solid #263445;font-size:21px;font-weight:500;padding:4px 10px;line-height:1.28}
.board-panel td,.section#preview td{background:#000;border-bottom:0;color:#e8edf4;font-size:21px;padding:4px 10px;line-height:1.25}
.board-panel tr.selected-row td,.section#preview tr.selected-row td{background:#090681!important;color:#fff}
.board-panel tr:hover td,.section#preview tr:hover td{background:#0c0b5d}
.board-panel .code,.section#preview .code,.board-panel .name,.section#preview .name{color:#ffff00;font-weight:500}
.board-panel .amount,.section#preview .amount{color:#00e5ff}
.board-panel .up,.section#preview .up,.board-panel .pass,.section#preview .pass{color:#ff4040!important;font-weight:500}
.board-panel .down,.section#preview .down{color:#00ff4a!important;font-weight:500}
.board-panel .fail,.section#preview .fail{color:#d7dde8}
.board-panel .empty,.section#preview .empty{color:#9ca8b8;background:#000}
@media(max-width:700px){.board-panel table,.section#preview table{font-size:18px;min-width:1500px}.board-panel th,.section#preview th,.board-panel td,.section#preview td{font-size:18px;padding:4px 8px}}

/* compact multi-board layout */
.board-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.board-main{padding:10px}.panel{border-radius:8px}.board-panel{min-height:calc(100vh - 112px)}.history-toolbar{gap:8px;margin:8px 0}.rank-meta{gap:12px;margin:6px 0}.table-wrap.big-table{height:calc(100vh - 215px);overflow:auto}.table-wrap table th,.table-wrap table td{padding:5px 7px;white-space:nowrap}.stats.compact-stats{gap:10px}.stat{padding:12px}.section-head{margin-bottom:10px}.settings-grid{gap:10px}.settings-card{padding:12px}.board-access{display:flex;gap:8px;flex-wrap:wrap}.board-access label{display:inline-flex;align-items:center;gap:4px;font-size:13px}.top-actions{gap:8px}.btn-sm{padding:6px 10px}.content .page{padding:12px}.sidebar{width:188px}.user-top{padding:8px 14px}@media(max-width:720px){.board-main{padding:6px}.history-toolbar{overflow:auto}.table-wrap.big-table{height:calc(100vh - 190px)}.table-wrap table th,.table-wrap table td{padding:4px 6px;font-size:13px}.brand{font-size:16px}.btn-sm{padding:5px 8px}.board-tabs{gap:6px}.user-top{padding:6px 8px}.top-actions{gap:5px}}



/* final compact TongDaXin skin */
.board-main{padding:4px;background:#000;min-height:calc(100vh - 52px)}
.board-tabs{margin:4px 0 5px;gap:5px}.board-tabs .btn{min-height:26px;padding:0 8px;border-radius:3px}
.history-toolbar{margin:0;padding:4px 0 5px;gap:5px;background:#000}.history-toolbar .btn,.history-toolbar .input{min-height:28px;border-radius:3px}
.board-panel{background:#000!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;min-height:calc(100vh - 96px);color:#ddd}
.board-panel .image-bar{height:31px;padding:0 6px;border-top:1px solid #800000;border-bottom:1px solid #800000;background:#250000!important;color:#c8c8c8!important;font-size:20px;line-height:30px}
.board-panel .image-bar strong{color:#d23a3a!important;font-size:20px;font-weight:500}.board-panel .image-bar span{color:#c8c8c8}
.board-panel .rank-meta{display:none}.board-panel .statusbar{display:none}.board-panel .table-wrap{border:0!important;background:#000!important;border-radius:0!important;height:calc(100vh - 130px)!important;max-height:none!important;overflow:auto}
.board-panel table,.section#preview table{background:#000!important;color:#d8d8d8!important;min-width:1540px!important;width:100%;font-family:"Microsoft YaHei","SimHei",Arial,sans-serif!important;font-size:21px!important;font-weight:500!important;border-collapse:collapse!important;table-layout:auto}
.board-panel th,.section#preview th{position:sticky;top:0;background:#000!important;color:#9aa3aa!important;border:0!important;border-bottom:1px solid #24313d!important;font-size:21px!important;font-weight:500!important;padding:1px 4px!important;line-height:1.18!important;text-align:right!important;white-space:nowrap!important}
.board-panel td,.section#preview td{background:#000!important;border:0!important;color:#d8d8d8!important;font-size:21px!important;font-weight:500!important;padding:1px 4px!important;line-height:1.22!important;text-align:right!important;white-space:nowrap!important}
.board-panel th:nth-child(1),.board-panel td:nth-child(1),.section#preview th:nth-child(1),.section#preview td:nth-child(1){width:34px;text-align:right!important;color:#d8d8d8!important}
.board-panel th:nth-child(2),.board-panel td:nth-child(2),.board-panel th:nth-child(3),.board-panel td:nth-child(3),.section#preview th:nth-child(2),.section#preview td:nth-child(2),.section#preview th:nth-child(3),.section#preview td:nth-child(3){text-align:left!important}
.board-panel tr.selected-row td,.section#preview tr.selected-row td{background:#070080!important}.board-panel tr:hover td,.section#preview tr:hover td{background:#09005d!important}
.board-panel .code,.section#preview .code,.board-panel .name,.section#preview .name{color:#ffff00!important;font-weight:500!important}.board-panel .amount,.section#preview .amount{color:#00e5ff!important}.board-panel .up,.section#preview .up,.board-panel .pass,.section#preview .pass{color:#ff4040!important}.board-panel .down,.section#preview .down{color:#00ff4a!important}.board-panel .fail,.section#preview .fail{color:#d8d8d8!important}.board-panel .empty,.section#preview .empty{background:#000!important;color:#aaa!important;text-align:left!important}
.section#preview .panel{background:#000!important;border-color:#111!important;padding:4px!important}.section#preview .rank-meta{display:none}.section#preview .table-wrap{border:0!important;background:#000!important}.section#preview .history-toolbar{background:#f3f6fa}
.modal-mask{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(10,18,32,.52);padding:18px}.modal-card{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:8px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.25);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h3{margin:0;font-size:20px}.modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.modal-grid label span,.formula-text span{display:block;margin-bottom:6px;font-weight:700}.inline-check{align-self:end;margin:0 0 8px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0;padding:10px;background:#f6f8fb;border:1px solid var(--line);border-radius:6px}.filter-grid label{white-space:nowrap}.formula-text textarea{width:100%;min-height:310px;line-height:1.45;font-family:Consolas,"Microsoft YaHei",monospace}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
@media(max-width:720px){.board-main{padding:2px}.board-panel .image-bar{font-size:16px;height:26px;line-height:25px}.board-panel .image-bar strong{font-size:16px}.board-panel .table-wrap{height:calc(100vh - 118px)!important}.board-panel table,.section#preview table{font-size:18px!important;min-width:1380px!important}.board-panel th,.board-panel td,.section#preview th,.section#preview td{font-size:18px!important;padding:1px 3px!important}.modal-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.modal-card{padding:14px}}


.switch-line{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600}.switch-line input{width:16px;height:16px}

/* permission and active-button fixes */
.perm-cell{display:grid;gap:5px;min-width:190px;text-align:left}.perm-title{font-weight:700}.perm-meta{font-size:12px}.perm-actions{display:flex;gap:5px;flex-wrap:wrap}.history-toolbar .btn.active,.board-tabs .btn.active{background:var(--blue)!important;color:#fff!important}.history-toolbar .btn:not(.active),.board-tabs .btn:not(.active){background:#edf3fb;color:#31527e}

/* 2026-06-12 compact columns and mobile repair */
.board-panel table,.section#preview table{min-width:1180px!important;font-size:20px!important}
.board-panel th,.section#preview th,.board-panel td,.section#preview td{padding:1px 3px!important;letter-spacing:0!important}
@media(max-width:720px){.app{display:block}.content{width:100%}.sidebar{position:sticky;top:0;width:100%!important;z-index:20}.sidebar .brand{padding:0 4px 8px}.nav{display:flex!important;overflow-x:auto;gap:6px}.nav button{flex:0 0 auto;min-width:78px}.topbar{height:auto;min-height:50px;padding:8px 10px}.page{padding:8px}.table-wrap{max-width:100%;overflow:auto}.board-panel table,.section#preview table{min-width:1120px!important;font-size:16px!important}.board-panel th,.board-panel td,.section#preview th,.section#preview td{font-size:16px!important;padding:1px 2px!important}.board-tabs,.history-toolbar{overflow-x:auto;flex-wrap:nowrap}.perm-cell{min-width:160px}.perm-actions .btn{min-height:26px;padding:0 6px}}

.board-panel table,.section#preview table{min-width:1080px!important;table-layout:fixed!important}
.board-panel th,.board-panel td,.section#preview th,.section#preview td{text-align:center!important;padding:0 2px!important;line-height:1.12!important;height:24px!important;vertical-align:middle!important}
.board-panel th:nth-child(1),.board-panel td:nth-child(1),.section#preview th:nth-child(1),.section#preview td:nth-child(1){width:30px!important;text-align:center!important}
.board-panel th:nth-child(2),.board-panel td:nth-child(2),.section#preview th:nth-child(2),.section#preview td:nth-child(2){width:78px!important;text-align:center!important}
.board-panel th:nth-child(3),.board-panel td:nth-child(3),.section#preview th:nth-child(3),.section#preview td:nth-child(3){width:112px!important;text-align:center!important}
.board-panel th:nth-child(4),.board-panel td:nth-child(4),.section#preview th:nth-child(4),.section#preview td:nth-child(4){width:70px!important}
.board-panel th:nth-child(5),.board-panel td:nth-child(5),.board-panel th:nth-child(6),.board-panel td:nth-child(6),.section#preview th:nth-child(5),.section#preview td:nth-child(5),.section#preview th:nth-child(6),.section#preview td:nth-child(6){width:94px!important}
.board-panel th:nth-child(7),.board-panel td:nth-child(7),.board-panel th:nth-child(8),.board-panel td:nth-child(8),.section#preview th:nth-child(7),.section#preview td:nth-child(7),.section#preview th:nth-child(8),.section#preview td:nth-child(8){width:78px!important}
.board-panel th:nth-child(9),.board-panel td:nth-child(9),.board-panel th:nth-child(10),.board-panel td:nth-child(10),.section#preview th:nth-child(9),.section#preview td:nth-child(9),.section#preview th:nth-child(10),.section#preview td:nth-child(10){width:82px!important}
.board-panel th:nth-child(11),.board-panel td:nth-child(11),.section#preview th:nth-child(11),.section#preview td:nth-child(11){width:82px!important}
.board-panel th:nth-child(12),.board-panel td:nth-child(12),.section#preview th:nth-child(12),.section#preview td:nth-child(12){width:104px!important}
.board-panel th:nth-child(13),.board-panel td:nth-child(13),.board-panel th:nth-child(14),.board-panel td:nth-child(14),.section#preview th:nth-child(13),.section#preview td:nth-child(13),.section#preview th:nth-child(14),.section#preview td:nth-child(14){width:66px!important}
.board-panel .placeholder-row td,.section#preview .placeholder-row td{color:#555!important;background:#000!important}
.board-panel .blank-cell,.section#preview .blank-cell{color:#555!important;font-weight:500!important}
@media(max-width:720px){.board-panel table,.section#preview table{min-width:980px!important;font-size:15px!important}.board-panel th,.board-panel td,.section#preview th,.section#preview td{font-size:15px!important;padding:0 1px!important;height:22px!important;line-height:1.1!important}}

/* tighter column spacing */
.board-panel table,.section#preview table{min-width:1000px!important}
.board-panel th,.board-panel td,.section#preview th,.section#preview td{padding:0 1px!important;height:23px!important;line-height:1.08!important}
.board-panel th:nth-child(1),.board-panel td:nth-child(1),.section#preview th:nth-child(1),.section#preview td:nth-child(1){width:28px!important}
.board-panel th:nth-child(2),.board-panel td:nth-child(2),.section#preview th:nth-child(2),.section#preview td:nth-child(2){width:72px!important}
.board-panel th:nth-child(3),.board-panel td:nth-child(3),.section#preview th:nth-child(3),.section#preview td:nth-child(3){width:100px!important}
.board-panel th:nth-child(4),.board-panel td:nth-child(4),.section#preview th:nth-child(4),.section#preview td:nth-child(4){width:62px!important}
.board-panel th:nth-child(5),.board-panel td:nth-child(5),.board-panel th:nth-child(6),.board-panel td:nth-child(6),.section#preview th:nth-child(5),.section#preview td:nth-child(5),.section#preview th:nth-child(6),.section#preview td:nth-child(6){width:82px!important}
.board-panel th:nth-child(7),.board-panel td:nth-child(7),.board-panel th:nth-child(8),.board-panel td:nth-child(8),.section#preview th:nth-child(7),.section#preview td:nth-child(7),.section#preview th:nth-child(8),.section#preview td:nth-child(8){width:68px!important}
.board-panel th:nth-child(9),.board-panel td:nth-child(9),.board-panel th:nth-child(10),.board-panel td:nth-child(10),.section#preview th:nth-child(9),.section#preview td:nth-child(9),.section#preview th:nth-child(10),.section#preview td:nth-child(10){width:72px!important}
.board-panel th:nth-child(11),.board-panel td:nth-child(11),.section#preview th:nth-child(11),.section#preview td:nth-child(11){width:72px!important}
.board-panel th:nth-child(12),.board-panel td:nth-child(12),.section#preview th:nth-child(12),.section#preview td:nth-child(12){width:92px!important}
.board-panel th:nth-child(13),.board-panel td:nth-child(13),.board-panel th:nth-child(14),.board-panel td:nth-child(14),.section#preview th:nth-child(13),.section#preview td:nth-child(13),.section#preview th:nth-child(14),.section#preview td:nth-child(14){width:56px!important}
@media(max-width:720px){.board-panel table,.section#preview table{min-width:920px!important}.board-panel th,.board-panel td,.section#preview th,.section#preview td{height:21px!important;line-height:1.06!important}}

/* mobile full-screen data view */
@media(max-width:720px){
  html,body,.user-shell{width:100%;min-height:100dvh;background:#000!important;overflow:hidden}
  .user-top{height:36px!important;min-height:36px!important;padding:3px 5px!important;background:#050505!important;border-bottom:1px solid #222!important;color:#ddd}
  .user-top .brand{font-size:12px!important;gap:4px}.user-top .brand-mark{width:20px!important;height:20px!important;border-radius:3px!important;font-size:12px!important}
  .compact-account{max-width:72px!important;font-size:10px!important}.user-top .btn-sm{min-height:24px!important;padding:0 5px!important;font-size:11px!important;border-radius:3px!important}
  .board-main{height:calc(100dvh - 36px)!important;min-height:calc(100dvh - 36px)!important;padding:0!important;overflow:hidden!important}
  .board-tabs{height:25px!important;margin:0!important;padding:2px 3px!important;gap:3px!important;overflow-x:auto!important;background:#000}
  .board-tabs .btn{min-height:21px!important;padding:0 6px!important;font-size:11px!important;border-radius:2px!important;flex:0 0 auto}
  .history-toolbar{height:29px!important;margin:0!important;padding:2px 3px!important;gap:3px!important;overflow-x:auto!important}
  .history-toolbar .btn,.history-toolbar .input{min-height:23px!important;height:23px!important;padding:0 5px!important;font-size:11px!important;border-radius:2px!important}.history-date{width:112px!important;flex:0 0 112px!important}
  .board-panel{height:calc(100dvh - 90px)!important;min-height:0!important}
  .board-panel .image-bar{height:24px!important;line-height:23px!important;font-size:14px!important;padding:0 3px!important}.board-panel .image-bar strong{font-size:14px!important}
  .board-panel .table-wrap{height:calc(100dvh - 114px)!important;max-height:none!important;overflow:auto!important}
  .board-panel table,.section#preview table{min-width:900px!important;font-size:14px!important}
  .board-panel th,.board-panel td,.section#preview th,.section#preview td{font-size:14px!important;height:20px!important;line-height:1.04!important;padding:0!important}
}

.admin-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:10px 0 18px;
  color:var(--muted);
}
.admin-pager button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

/* mobile user data view final tidy: keep controls readable and contained */
@media(max-width:768px){
  body[data-page="user"].data-mode .fin-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand actions"
      "board board"
      "dates dates"!important;
    row-gap:6px!important;
    column-gap:8px!important;
    padding:6px!important;
    overflow:visible!important;
  }
  body[data-page="user"].data-mode .logo-area{
    max-width:100%!important;
  }
  body[data-page="user"].data-mode .logo-area > div{
    min-width:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .logo-area b{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="user"].data-mode .top-actions{
    max-width:176px!important;
    overflow:visible!important;
  }
  body[data-page="user"].data-mode .top-actions .btn{
    height:28px!important;
    min-height:28px!important;
    padding:0 6px!important;
    font-size:11px!important;
    line-height:28px!important;
    border-radius:6px!important;
  }
  body[data-page="user"].data-mode #userBackHome{
    min-width:40px!important;
  }
  body[data-page="user"].data-mode #userChangePassword{
    min-width:56px!important;
  }
  body[data-page="user"].data-mode #logout{
    min-width:38px!important;
  }
  body[data-page="user"].data-mode .board-tabs{
    overflow:visible!important;
  }
  body[data-page="user"].data-mode .user-board-select{
    height:34px!important;
    min-height:34px!important;
    font-size:14px!important;
    border-radius:8px!important;
  }
  body[data-page="user"].data-mode .history-toolbar{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding-bottom:1px!important;
  }
  body[data-page="user"].data-mode .history-toolbar::-webkit-scrollbar{
    display:none!important;
  }
  body[data-page="user"].data-mode .history-toolbar .btn,
  body[data-page="user"].data-mode .history-toolbar .input{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:54px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:12px!important;
    line-height:30px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="user"].data-mode .history-date{
    flex-basis:122px!important;
    width:122px!important;
    min-width:122px!important;
  }
  body[data-page="user"].data-mode #historyLoad{
    min-width:70px!important;
  }
  body[data-page="user"].data-mode .board-panel .table-wrap{
    height:calc(100dvh - 124px)!important;
  }
  body[data-page="user"].data-mode .board-panel .image-bar{
    min-height:28px!important;
    height:28px!important;
    overflow:hidden!important;
  }
}

/* 2026-06-13 restore TongDaXin table view for user board and admin preview */
body[data-page="user"] .data-terminal,
body[data-page="admin"] #preview .panel{
  background:#000!important;
  border:1px solid #202734!important;
  box-shadow:none!important;
}
body[data-page="user"] .data-terminal .image-bar,
body[data-page="admin"] #preview .section-head h2{
  color:#f5d236!important;
}
body[data-page="user"] .rank-meta,
body[data-page="admin"] #preview .rank-meta{
  background:#000!important;
  color:#c44747!important;
  border-bottom:1px solid #8b0000!important;
  padding:4px 6px!important;
  gap:8px!important;
  font-size:18px!important;
  line-height:1.15!important;
}
body[data-page="user"] .rank-meta b,
body[data-page="admin"] #preview .rank-meta b{
  color:#e4d21c!important;
}
body[data-page="user"] .table-scroll-wrapper,
body[data-page="admin"] #preview .table-wrap{
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  overflow:auto!important;
}
body[data-page="user"] .fin-table,
body[data-page="admin"] #preview table{
  background:#000!important;
  color:#d4d7de!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  min-width:1500px!important;
  width:1500px!important;
  font-family:"Microsoft YaHei","SimHei",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}
body[data-page="user"] .fin-table th,
body[data-page="admin"] #preview th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:#000!important;
  color:#aeb7c5!important;
  border-bottom:1px solid #1d2633!important;
  font-weight:500!important;
  text-align:right!important;
}
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview td{
  background:#000!important;
  color:#d4d7de!important;
  border:0!important;
  text-align:right!important;
}
body[data-page="user"] .fin-table th:first-child,
body[data-page="user"] .fin-table td:first-child,
body[data-page="admin"] #preview th:first-child,
body[data-page="admin"] #preview td:first-child{
  text-align:center!important;
  color:#aeb7c5!important;
}
body[data-page="user"] .fin-table th:nth-child(2),
body[data-page="user"] .fin-table td:nth-child(2),
body[data-page="user"] .fin-table th:nth-child(3),
body[data-page="user"] .fin-table td:nth-child(3),
body[data-page="admin"] #preview th:nth-child(2),
body[data-page="admin"] #preview td:nth-child(2),
body[data-page="admin"] #preview th:nth-child(3),
body[data-page="admin"] #preview td:nth-child(3){
  text-align:left!important;
  color:#d8df26!important;
}
body[data-page="user"] .fin-table td:nth-child(6),
body[data-page="admin"] #preview td:nth-child(6),
body[data-page="user"] .fin-table .amount,
body[data-page="admin"] #preview .amount{
  color:#00cfe8!important;
}
body[data-page="user"] .fin-table .up,
body[data-page="admin"] #preview .up,
body[data-page="user"] .fin-table .pass,
body[data-page="admin"] #preview .pass{
  color:#ef4b4b!important;
}
body[data-page="user"] .fin-table .down,
body[data-page="admin"] #preview .down{
  color:#1fd760!important;
}
body[data-page="user"] .fin-table tr.selected-row td,
body[data-page="admin"] #preview tr.selected-row td{
  background:#070080!important;
}
body[data-page="user"] .statusbar,
body[data-page="admin"] #preview .msg{
  background:#000!important;
  color:#8b949e!important;
  border-top:1px solid #101923!important;
}

@media(max-width:768px){
  body[data-page="user"] .data-terminal,
  body[data-page="admin"] #preview .panel{
    border-radius:10px!important;
    padding:7px!important;
  }
  body[data-page="user"] .table-scroll-wrapper,
  body[data-page="admin"] #preview .table-wrap{
    overflow:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body[data-page="user"] .fin-table,
  body[data-page="admin"] #preview table{
    display:table!important;
    min-width:1240px!important;
    width:1240px!important;
    table-layout:fixed!important;
  }
  body[data-page="user"] .fin-table thead,
  body[data-page="admin"] #preview thead{
    display:table-header-group!important;
  }
  body[data-page="user"] .fin-table tbody,
  body[data-page="admin"] #preview tbody{
    display:table-row-group!important;
  }
  body[data-page="user"] .fin-table tr,
  body[data-page="admin"] #preview tr{
    display:table-row!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#000!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td,
  body[data-page="admin"] #preview th,
  body[data-page="admin"] #preview td{
    display:table-cell!important;
    width:auto!important;
    padding:5px 6px!important;
    font-size:16px!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  body[data-page="user"] .fin-table td::before,
  body[data-page="admin"] #preview td::before{
    content:none!important;
    display:none!important;
  }
  body[data-page="user"] .fin-table th:nth-child(1),
  body[data-page="user"] .fin-table td:nth-child(1),
  body[data-page="admin"] #preview th:nth-child(1),
  body[data-page="admin"] #preview td:nth-child(1){width:42px!important;}
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2),
  body[data-page="admin"] #preview th:nth-child(2),
  body[data-page="admin"] #preview td:nth-child(2){width:88px!important;}
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3),
  body[data-page="admin"] #preview th:nth-child(3),
  body[data-page="admin"] #preview td:nth-child(3){width:112px!important;}
  body[data-page="user"] .fin-table th:nth-child(6),
  body[data-page="user"] .fin-table td:nth-child(6),
  body[data-page="admin"] #preview th:nth-child(6),
  body[data-page="admin"] #preview td:nth-child(6){width:92px!important;}
  body[data-page="user"] .rank-meta,
  body[data-page="admin"] #preview .rank-meta{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:14px!important;
  }
}

/* final user countdown and full ranking-table repair */
body[data-page="user"] #dataPanel[style*="display:none"],
body[data-page="user"] #dataPanel[style*="display: none"]{
  display:none!important;
}
body[data-page="user"] .user-layout{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
body[data-page="user"] .board-main{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body[data-page="user"] .control-panel{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  margin:0 0 8px!important;
  min-height:0!important;
}
body[data-page="user"] .segmented-control,
body[data-page="user"] .date-pills{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow:hidden!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="user"] .segmented-control .btn,
body[data-page="user"] .date-pills .btn,
body[data-page="user"] .history-date{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:72px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:15px!important;
  white-space:nowrap!important;
}
body[data-page="user"] .history-date{
  width:138px!important;
}
body[data-page="user"] .history-status{
  display:none!important;
}
body[data-page="user"] .board-notice{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:12px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
body[data-page="user"] .board-notice strong{
  font-size:clamp(36px,6vw,66px)!important;
  line-height:1.05!important;
  margin:0 0 14px!important;
}
body[data-page="user"] .board-notice span{
  font-size:clamp(22px,3vw,34px)!important;
}
body[data-page="user"] .fin-table,
body[data-page="admin"] #preview table{
  min-width:1580px!important;
  width:1580px!important;
}
body[data-page="user"] .fin-table th,
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  font-size:18px!important;
}
body[data-page="user"] .fin-table th:nth-child(5),
body[data-page="user"] .fin-table td:nth-child(5),
body[data-page="user"] .fin-table th:nth-child(6),
body[data-page="user"] .fin-table td:nth-child(6),
body[data-page="admin"] #preview th:nth-child(5),
body[data-page="admin"] #preview td:nth-child(5),
body[data-page="admin"] #preview th:nth-child(6),
body[data-page="admin"] #preview td:nth-child(6){
  width:112px!important;
}
body[data-page="user"] .fin-table th:nth-child(13),
body[data-page="user"] .fin-table td:nth-child(13),
body[data-page="user"] .fin-table th:nth-child(14),
body[data-page="user"] .fin-table td:nth-child(14),
body[data-page="admin"] #preview th:nth-child(13),
body[data-page="admin"] #preview td:nth-child(13),
body[data-page="admin"] #preview th:nth-child(14),
body[data-page="admin"] #preview td:nth-child(14){
  width:90px!important;
}
body[data-page="admin"] #refreshBtn:disabled{
  opacity:.88!important;
  background:#1d4ed8!important;
  color:#fff!important;
}

@media(max-width:768px){
  body[data-page="user"] .fin-header{
    grid-template-columns:1fr auto!important;
    padding:8px!important;
  }
  body[data-page="user"] .user-actions{
    grid-template-columns:1fr 1fr!important;
    width:auto!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    font-size:14px!important;
  }
  body[data-page="user"] .control-panel{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:6px!important;
  }
  body[data-page="user"] .segmented-control,
  body[data-page="user"] .date-pills{
    width:100%!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .segmented-control .btn,
  body[data-page="user"] .date-pills .btn,
  body[data-page="user"] .history-date{
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 9px!important;
    font-size:13px!important;
  }
  body[data-page="user"] .segmented-control .btn{
    flex:1 1 0!important;
  }
  body[data-page="user"] .date-pills .btn{
    flex:1 1 0!important;
  }
  body[data-page="user"] .history-date{
    flex:1.25 1 0!important;
    width:auto!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:clamp(34px,10vw,52px)!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:clamp(20px,6vw,28px)!important;
  }
  body[data-page="user"] .fin-table,
  body[data-page="admin"] #preview table{
    min-width:1320px!important;
    width:1320px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td,
  body[data-page="admin"] #preview th,
  body[data-page="admin"] #preview td{
    font-size:15px!important;
    padding:5px 5px!important;
  }
}

/* hard repair: user page must show exactly one main state and stay tidy */
body[data-page="user"]{
  height:100dvh!important;
  overflow:hidden!important;
  background:#f3f6fb!important;
}
body[data-page="user"] .user-shell{
  height:100dvh!important;
  max-height:100dvh!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  padding:10px!important;
  overflow:hidden!important;
}
body[data-page="user"] .fin-header{
  height:auto!important;
  min-height:54px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body[data-page="user"] .user-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
}
body[data-page="user"] .user-actions .btn{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:14px!important;
}
body[data-page="user"] .board-main{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  overflow:hidden!important;
  padding:0!important;
}
body[data-page="user"] .control-panel{
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px!important;
  margin:0!important;
  overflow:hidden!important;
}
body[data-page="user"] .board-tabs,
body[data-page="user"] .history-toolbar{
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body[data-page="user"] .board-tabs .btn,
body[data-page="user"] .history-toolbar .btn,
body[data-page="user"] .history-date{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:14px!important;
  white-space:nowrap!important;
}
body[data-page="user"] .history-date{
  width:132px!important;
}
body[data-page="user"] #notice,
body[data-page="user"] #dataPanel{
  grid-row:2!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
}
body[data-page="user"] #notice[style*="display:none"],
body[data-page="user"] #notice[style*="display: none"],
body[data-page="user"] #dataPanel[style*="display:none"],
body[data-page="user"] #dataPanel[style*="display: none"],
body[data-page="user"].user-countdown-mode #dataPanel,
body[data-page="user"].user-table-mode #notice{
  display:none!important;
}
body[data-page="user"].user-countdown-mode #notice{
  display:grid!important;
}
body[data-page="user"].user-table-mode #dataPanel{
  display:grid!important;
}
body[data-page="user"] .board-notice{
  place-items:center!important;
  align-content:center!important;
  padding:16px!important;
  border-radius:12px!important;
  background:#fff!important;
}
body[data-page="user"] .board-notice strong{
  font-size:clamp(42px,6vw,72px)!important;
  line-height:1.05!important;
}
body[data-page="user"] .board-notice span{
  font-size:clamp(24px,3vw,38px)!important;
}
body[data-page="user"] .data-terminal{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
}
body[data-page="user"] .table-scroll-wrapper{
  min-height:0!important;
  height:100%!important;
}

@media(max-width:768px){
  body[data-page="user"] .user-shell{
    gap:6px!important;
    padding:6px!important;
  }
  body[data-page="user"] .fin-header{
    min-height:50px!important;
    padding:8px!important;
    gap:6px!important;
  }
  body[data-page="user"] .logo-area small,
  body[data-page="user"] .account-name{
    display:none!important;
  }
  body[data-page="user"] .user-actions{
    gap:6px!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-height:34px!important;
    height:34px!important;
    padding:0 9px!important;
    font-size:13px!important;
  }
  body[data-page="user"] .control-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:6px!important;
  }
  body[data-page="user"] .board-tabs,
  body[data-page="user"] .history-toolbar{
    width:100%!important;
    display:flex!important;
  }
  body[data-page="user"] .board-tabs .btn,
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    flex:1 1 0!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 5px!important;
    font-size:12px!important;
  }
  body[data-page="user"] .history-date{
    flex:1.4 1 0!important;
    width:auto!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:clamp(34px,11vw,54px)!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:clamp(19px,6vw,28px)!important;
  }
}

/* mobile user hierarchy: board choice is primary, date tools are secondary */
@media(max-width:768px){
  body[data-page="user"]{
    height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-shell{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:6px!important;
    gap:6px!important;
  }
  body[data-page="user"] .fin-header{
    order:0!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    min-height:46px!important;
    padding:7px 8px!important;
    margin:0!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .logo-area{
    min-width:0!important;
    gap:8px!important;
  }
  body[data-page="user"] .logo-area .brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  body[data-page="user"] .logo-area b{
    font-size:18px!important;
    line-height:1!important;
  }
  body[data-page="user"] .logo-area small,
  body[data-page="user"] .account-name{
    display:none!important;
  }
  body[data-page="user"] .user-actions{
    display:flex!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
    margin:0!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-width:54px!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:12px!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .board-main{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    height:100%!important;
    min-height:0!important;
    gap:6px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body[data-page="user"] .control-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .board-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    padding:8px!important;
    border:1px solid #dce7f5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .board-tabs .btn{
    width:100%!important;
    min-height:86px!important;
    height:86px!important;
    padding:0 8px!important;
    border-radius:14px!important;
    font-size:22px!important;
    font-weight:900!important;
    white-space:normal!important;
    line-height:1.15!important;
    box-shadow:0 10px 22px rgba(0,82,255,.14)!important;
  }
  body[data-page="user"] .board-tabs .btn.active{
    background:#0052ff!important;
    color:#fff!important;
    box-shadow:0 14px 26px rgba(0,82,255,.28)!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    padding:7px!important;
    border:1px solid #dce7f5!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 6px 16px rgba(15,23,42,.045)!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    min-width:0!important;
    width:100%!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 4px!important;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .history-date{
    grid-column:1 / 3!important;
  }
  body[data-page="user"] #historyLoad{
    grid-column:3 / 5!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    min-height:0!important;
    height:100%!important;
    margin:0!important;
  }
  body[data-page="user"] .board-notice{
    border-radius:14px!important;
    min-height:0!important;
    height:100%!important;
    padding:10px!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:clamp(38px,12vw,60px)!important;
    margin-bottom:12px!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:clamp(20px,6vw,30px)!important;
  }
}

/* desktop user only: dropdown/date controls in top strip, full panel below */
@media(min-width:769px){
  body[data-page="user"]{
    height:100vh!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-shell{
    height:100vh!important;
    max-height:100vh!important;
    display:grid!important;
    grid-template-rows:64px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header{
    display:grid!important;
    grid-template-columns:auto minmax(520px,1fr) auto!important;
    align-items:center!important;
    gap:16px!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:8px 14px!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .board-main{
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .control-panel{
    position:absolute!important;
    top:16px!important;
    left:235px!important;
    right:235px!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:5!important;
  }
  body[data-page="user"] .board-tabs{
    display:block!important;
    width:100%!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .user-board-select{
    display:block!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:10px!important;
    font-size:15px!important;
    font-weight:800!important;
    background:#fff!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:72px 72px 72px 150px 96px!important;
    justify-content:start!important;
    gap:8px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    grid-row:1!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
  }
  body[data-page="user"] .board-notice{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:clamp(52px,5vw,88px)!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:clamp(28px,2.5vw,42px)!important;
  }
  body[data-page="user"] .data-terminal{
    height:100%!important;
    min-height:0!important;
    border-radius:12px!important;
  }
}

@media(max-width:768px){
  body[data-page="user"] .user-board-select{
    display:none!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
}

/* mobile user final balance: smaller tools, larger centered board space */
@media(max-width:768px){
  body[data-page="user"] .user-shell{
    padding:4px!important;
    gap:4px!important;
  }
  body[data-page="user"] .fin-header{
    min-height:38px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
  }
  body[data-page="user"] .logo-area .brand-mark{
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  body[data-page="user"] .logo-area b{
    font-size:15px!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-width:46px!important;
    min-height:28px!important;
    height:28px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }
  body[data-page="user"] .board-main{
    gap:4px!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body[data-page="user"] .control-panel{
    gap:4px!important;
  }
  body[data-page="user"] .board-tabs{
    padding:5px!important;
    gap:6px!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .board-tabs .btn{
    min-height:64px!important;
    height:64px!important;
    border-radius:12px!important;
    font-size:19px!important;
  }
  body[data-page="user"] .history-toolbar{
    padding:5px!important;
    gap:4px!important;
    border-radius:10px!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    min-height:28px!important;
    height:28px!important;
    padding:0 3px!important;
    border-radius:7px!important;
    font-size:11px!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    align-self:stretch!important;
    justify-self:stretch!important;
    min-height:0!important;
    height:100%!important;
  }
  body[data-page="user"] .board-notice{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    min-height:0!important;
    height:100%!important;
    padding:8px!important;
    border-radius:14px!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:clamp(42px,13vw,66px)!important;
    line-height:1!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:clamp(20px,6vw,30px)!important;
  }
  body[data-page="user"] .data-terminal{
    height:100%!important;
    min-height:0!important;
    border-radius:12px!important;
  }
}

@media(min-width:769px){
  body[data-page="user"] .user-shell{
    padding:8px!important;
    gap:8px!important;
  }
  body[data-page="user"] .board-main{
    height:100%!important;
    min-height:0!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body[data-page="user"] .control-panel{
    padding:8px 10px!important;
  }
  body[data-page="user"] .board-tabs .btn,
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    min-height:36px!important;
    height:36px!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    height:100%!important;
    min-height:0!important;
  }
  body[data-page="user"] .board-notice{
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
  }
}

/* desktop user date toolbar: show today/yesterday/before/date/history together */
@media(min-width:769px){
  body[data-page="user"] .fin-header > .control-panel{
    grid-template-columns:180px minmax(520px,760px)!important;
    justify-content:start!important;
  }
  body[data-page="user"] .board-tabs{
    width:180px!important;
    min-width:180px!important;
  }
  body[data-page="user"] .user-board-select{
    width:180px!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:72px 72px 72px 150px 96px!important;
    gap:8px!important;
    width:470px!important;
    min-width:470px!important;
    max-width:470px!important;
    overflow:visible!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    width:100%!important;
    min-width:0!important;
    padding:0 8px!important;
    text-align:center!important;
  }
  body[data-page="user"] .history-date{
    grid-column:auto!important;
  }
  body[data-page="user"] #historyLoad{
    grid-column:auto!important;
  }
}

/* 2026-06-13 clean desktop user structure: controls live inside header */
@media(min-width:769px){
  body[data-page="user"]{
    height:100vh!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-shell{
    height:100vh!important;
    max-height:100vh!important;
    display:grid!important;
    grid-template-rows:72px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header{
    position:relative!important;
    height:72px!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:center!important;
    margin:0!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .logo-area{
    grid-column:1!important;
    width:190px!important;
    min-width:190px!important;
  }
  body[data-page="user"] .fin-header > .control-panel{
    grid-column:2!important;
    position:static!important;
    transform:none!important;
    height:44px!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:200px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:auto!important;
  }
  body[data-page="user"] .user-actions{
    grid-column:3!important;
    position:static!important;
    justify-self:end!important;
    display:flex!important;
    gap:8px!important;
    margin:0!important;
    width:auto!important;
  }
  body[data-page="user"] .board-tabs{
    display:block!important;
    width:200px!important;
    min-width:200px!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-board-select{
    display:block!important;
    width:200px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:10px!important;
    font-size:15px!important;
    font-weight:800!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"] .history-toolbar{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    flex:0 0 auto!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .history-date{
    width:150px!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] .board-main{
    grid-row:2!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
    min-height:0!important;
    height:100%!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    grid-row:1!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
  }
  body[data-page="user"] .data-terminal,
  body[data-page="user"] .board-notice{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    border-radius:12px!important;
  }
}

/* 2026-06-13 decisive mobile user layout: tiny header, dropdown toolbar, huge centered board */
@media(max-width:768px){
  body[data-page="user"]{
    height:100dvh!important;
    overflow:hidden!important;
    background:#eef3fa!important;
  }
  body[data-page="user"] .user-shell{
    height:100dvh!important;
    max-height:100dvh!important;
    display:grid!important;
    grid-template-rows:36px minmax(0,1fr)!important;
    gap:4px!important;
    padding:4px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header{
    position:relative!important;
    height:36px!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    padding:3px 5px!important;
    margin:0!important;
    border-radius:9px!important;
    background:#fff!important;
  }
  body[data-page="user"] .logo-area{
    gap:6px!important;
  }
  body[data-page="user"] .logo-area .brand-mark{
    width:26px!important;
    height:26px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  body[data-page="user"] .logo-area b{
    font-size:14px!important;
  }
  body[data-page="user"] .logo-area small,
  body[data-page="user"] .account-name{
    display:none!important;
  }
  body[data-page="user"] .user-actions{
    position:absolute!important;
    right:5px!important;
    top:4px!important;
    display:flex!important;
    gap:4px!important;
    margin:0!important;
    width:auto!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-width:42px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 6px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }
  body[data-page="user"] .board-main{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:4px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .control-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:4px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .board-tabs{
    display:block!important;
    width:100%!important;
    padding:5px!important;
    margin:0!important;
    border:1px solid #d8e3f0!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .user-board-select{
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:8px!important;
    font-size:15px!important;
    font-weight:900!important;
    text-align:center!important;
    background:#f8fbff!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    padding:5px!important;
    margin:0!important;
    border:1px solid #d8e3f0!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    min-width:0!important;
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 2px!important;
    border-radius:7px!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .history-date{
    grid-column:auto!important;
  }
  body[data-page="user"] #historyLoad{
    grid-column:auto!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  body[data-page="user"] .board-notice{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    height:100%!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:clamp(42px,14vw,68px)!important;
    line-height:1!important;
    margin:0 0 12px!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:clamp(21px,6vw,30px)!important;
  }
  body[data-page="user"] .data-terminal{
    height:100%!important;
    min-height:0!important;
    border-radius:12px!important;
  }
}

@media(min-width:769px){
  body[data-page="user"] .board-tabs{
    min-width:220px!important;
  }
  body[data-page="user"] .user-board-select{
    height:38px!important;
    min-height:38px!important;
    border-radius:10px!important;
    font-weight:900!important;
  }
}

/* desktop user header repair: keep controls visible and separated */
@media(min-width:769px){
  body[data-page="user"] .fin-header{
    position:relative!important;
    z-index:20!important;
    overflow:visible!important;
  }
  body[data-page="user"] .logo-area{
    width:190px!important;
    min-width:190px!important;
  }
  body[data-page="user"] .top-actions{
    position:relative!important;
    z-index:70!important;
    margin-left:auto!important;
  }
  body[data-page="user"] .control-panel{
    position:fixed!important;
    top:18px!important;
    left:220px!important;
    right:260px!important;
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:60!important;
  }
  body[data-page="user"] .board-tabs{
    flex:0 0 190px!important;
    width:190px!important;
    height:38px!important;
    min-height:38px!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body[data-page="user"] .user-board-select{
    display:block!important;
    width:190px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:15px!important;
    line-height:38px!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"] .history-toolbar{
    flex:1 1 auto!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    flex:0 0 auto!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .history-date{
    width:146px!important;
  }
  body[data-page="user"] .board-main{
    padding:0!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    margin:0!important;
  }
}

/* desktop user definitive row layout: controls in header, panel below */
@media(min-width:769px){
  body[data-page="user"] .user-shell{
    display:grid!important;
    grid-template-rows:72px minmax(0,1fr)!important;
    height:100vh!important;
    max-height:100vh!important;
    gap:8px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header{
    position:relative!important;
    display:grid!important;
    grid-template-columns:190px minmax(740px,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    height:72px!important;
    min-height:72px!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .logo-area{
    width:190px!important;
    min-width:190px!important;
  }
  body[data-page="user"] .top-actions{
    grid-column:3!important;
    position:static!important;
    justify-self:end!important;
    z-index:2!important;
  }
  body[data-page="user"] .board-main{
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body[data-page="user"] .control-panel{
    position:absolute!important;
    top:50%!important;
    left:214px!important;
    right:260px!important;
    transform:translateY(-50%)!important;
    height:42px!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:190px minmax(540px,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:30!important;
  }
  body[data-page="user"] .board-tabs{
    height:42px!important;
    min-height:42px!important;
    width:190px!important;
    min-width:190px!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-board-select{
    display:block!important;
    width:190px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:10px!important;
    font-size:15px!important;
    font-weight:800!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"] .history-toolbar{
    height:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    flex:0 0 auto!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  body[data-page="user"] .history-date{
    width:150px!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    grid-row:1!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
  }
  body[data-page="user"] .data-terminal,
  body[data-page="user"] .board-notice{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
  }
}

/* rollback mobile user layout: restore two board buttons */
@media(max-width:768px){
  body[data-page="user"]{
    height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-shell{
    height:100dvh!important;
    max-height:100dvh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:6px!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    min-height:48px!important;
    height:auto!important;
    padding:8px!important;
    margin:0!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .logo-area .brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  body[data-page="user"] .logo-area b{
    font-size:18px!important;
  }
  body[data-page="user"] .logo-area small,
  body[data-page="user"] .account-name{
    display:none!important;
  }
  body[data-page="user"] .user-actions{
    position:static!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-width:54px!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  body[data-page="user"] .board-main{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    height:100%!important;
    min-height:0!important;
    gap:6px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .control-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .board-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    padding:8px!important;
    margin:0!important;
    border:1px solid #dce7f5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .board-tabs .btn{
    width:100%!important;
    min-height:76px!important;
    height:76px!important;
    padding:0 8px!important;
    border-radius:14px!important;
    font-size:21px!important;
    font-weight:900!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  body[data-page="user"] .board-tabs .btn.active{
    background:#0052ff!important;
    color:#fff!important;
    box-shadow:0 14px 26px rgba(0,82,255,.28)!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    padding:7px!important;
    margin:0!important;
    border:1px solid #dce7f5!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 6px 16px rgba(15,23,42,.045)!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    min-width:0!important;
    width:100%!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 4px!important;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  body[data-page="user"] .history-date{
    grid-column:1 / 3!important;
  }
  body[data-page="user"] #historyLoad{
    grid-column:3 / 5!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] #notice,
  body[data-page="user"] #dataPanel{
    min-height:0!important;
    height:100%!important;
    margin:0!important;
  }
  body[data-page="user"] .board-notice{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    height:100%!important;
    min-height:0!important;
    padding:10px!important;
    border-radius:14px!important;
  }
}

/* mobile: white shell, full data panel, tighter columns */
@media(max-width:720px){
  html,body,.user-shell{background:#fff!important}
  .user-top{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
  .board-main{background:#fff!important;height:calc(100dvh - 36px)!important;min-height:calc(100dvh - 36px)!important}
  .board-tabs,.history-toolbar{background:#fff!important}
  .board-panel{height:calc(100dvh - 90px)!important;width:100%!important;background:#000!important}
  .board-panel .table-wrap{height:calc(100dvh - 114px)!important;width:100%!important}
  .board-panel table,.section#preview table{min-width:860px!important;width:100%!important;font-size:15px!important}
  .board-panel th,.board-panel td,.section#preview th,.section#preview td{font-size:15px!important;height:21px!important;line-height:1.03!important;padding:0!important}
  .board-panel th:nth-child(1),.board-panel td:nth-child(1),.section#preview th:nth-child(1),.section#preview td:nth-child(1){width:24px!important}
  .board-panel th:nth-child(2),.board-panel td:nth-child(2),.section#preview th:nth-child(2),.section#preview td:nth-child(2){width:62px!important}
  .board-panel th:nth-child(3),.board-panel td:nth-child(3),.section#preview th:nth-child(3),.section#preview td:nth-child(3){width:82px!important}
  .board-panel th:nth-child(4),.board-panel td:nth-child(4),.section#preview th:nth-child(4),.section#preview td:nth-child(4){width:52px!important}
  .board-panel th:nth-child(5),.board-panel td:nth-child(5),.board-panel th:nth-child(6),.board-panel td:nth-child(6),.section#preview th:nth-child(5),.section#preview td:nth-child(5),.section#preview th:nth-child(6),.section#preview td:nth-child(6){width:68px!important}
  .board-panel th:nth-child(7),.board-panel td:nth-child(7),.board-panel th:nth-child(8),.board-panel td:nth-child(8),.section#preview th:nth-child(7),.section#preview td:nth-child(7),.section#preview th:nth-child(8),.section#preview td:nth-child(8){width:56px!important}
  .board-panel th:nth-child(9),.board-panel td:nth-child(9),.board-panel th:nth-child(10),.board-panel td:nth-child(10),.section#preview th:nth-child(9),.section#preview td:nth-child(9),.section#preview th:nth-child(10),.section#preview td:nth-child(10){width:60px!important}
  .board-panel th:nth-child(11),.board-panel td:nth-child(11),.section#preview th:nth-child(11),.section#preview td:nth-child(11){width:58px!important}
  .board-panel th:nth-child(12),.board-panel td:nth-child(12),.section#preview th:nth-child(12),.section#preview td:nth-child(12){width:74px!important}
  .board-panel th:nth-child(13),.board-panel td:nth-child(13),.board-panel th:nth-child(14),.board-panel td:nth-child(14),.section#preview th:nth-child(13),.section#preview td:nth-child(13),.section#preview th:nth-child(14),.section#preview td:nth-child(14){width:46px!important}
}

/* mobile admin usability */
@media(max-width:720px){
  html,body{overflow:auto!important;min-height:100dvh}
  body[data-page="user"],body[data-page="user"] .user-shell{overflow:hidden!important}
  body[data-page="admin"] .page{padding:10px!important}
  body[data-page="admin"] .content{min-height:100dvh;background:#f3f6fa}
  body[data-page="admin"] .topbar{position:sticky;top:0;z-index:18;background:#fff}
  body[data-page="admin"] .btn,body[data-page="admin-login"] .btn,body[data-page="login"] .btn,body[data-page="register"] .btn{min-height:42px!important;padding:0 14px!important;font-size:15px!important;border-radius:6px!important}
  body[data-page="admin"] .btn-sm{min-height:38px!important;padding:0 12px!important;font-size:14px!important}
  body[data-page="admin"] .input,body[data-page="admin"] input,body[data-page="admin"] select{min-height:42px!important;font-size:15px!important}
  body[data-page="admin"] .nav button{min-height:40px!important;padding:0 14px!important;font-size:14px!important;border-radius:6px}
  body[data-page="admin"] .section-head{align-items:center;margin:12px 0}
  body[data-page="admin"] .section-head h2{font-size:21px}
  body[data-page="admin"] .panel{padding:12px!important;margin-bottom:14px}
  body[data-page="admin"] .settings-grid{grid-template-columns:1fr!important;gap:12px!important}
  body[data-page="admin"] .settings-card{padding:13px!important}
  body[data-page="admin"] #settingsForm .btn{width:100%;margin-top:4px;position:sticky;bottom:8px;z-index:8;box-shadow:0 8px 20px rgba(50,116,232,.22)}
  body[data-page="admin"] #audit .table-wrap,body[data-page="admin"] #users .table-wrap{border:0;background:transparent;overflow:visible}
  body[data-page="admin"] #audit table,body[data-page="admin"] #users table{display:block;min-width:0!important;width:100%!important;background:transparent!important}
  body[data-page="admin"] #audit thead,body[data-page="admin"] #users thead{display:none}
  body[data-page="admin"] #audit tbody,body[data-page="admin"] #users tbody{display:grid;gap:10px}
  body[data-page="admin"] #audit tr,body[data-page="admin"] #users tr{display:grid;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 4px 14px rgba(23,32,51,.04)}
  body[data-page="admin"] #audit td,body[data-page="admin"] #users td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px;width:100%!important;padding:0!important;border:0!important;text-align:right!important;white-space:normal!important;background:transparent!important;color:var(--ink)!important;font-size:15px!important;line-height:1.35!important}
  body[data-page="admin"] #audit td::before,body[data-page="admin"] #users td::before{flex:0 0 78px;text-align:left;color:var(--muted);font-weight:700}
  body[data-page="admin"] #audit td:nth-child(1)::before{content:"手机号"}
  body[data-page="admin"] #audit td:nth-child(2)::before{content:"注册时间"}
  body[data-page="admin"] #audit td:nth-child(3)::before{content:"状态"}
  body[data-page="admin"] #audit td:nth-child(4)::before{content:"操作"}
  body[data-page="admin"] #users td:nth-child(1)::before{content:"手机号"}
  body[data-page="admin"] #users td:nth-child(2)::before{content:"状态"}
  body[data-page="admin"] #users td:nth-child(3)::before{content:"主板"}
  body[data-page="admin"] #users td:nth-child(4)::before{content:"创业科创"}
  body[data-page="admin"] #users td:nth-child(5)::before{content:"操作"}
  body[data-page="admin"] #audit .actions,body[data-page="admin"] #users .actions,body[data-page="admin"] .perm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  body[data-page="admin"] .perm-cell{min-width:0;width:100%;gap:8px}
  body[data-page="admin"] .perm-actions .btn{min-height:34px!important;padding:0 10px!important}
}

/* Gemini-inspired light admin skin: visual only, calculation logic untouched */
body[data-page="admin-login"] .auth-shell,
body[data-page="login"] .auth-shell,
body[data-page="register"] .auth-shell{
  background:linear-gradient(135deg,#1f5fbf 0%,#36a3e6 52%,#f5fbff 100%);
}
body[data-page="admin-login"] .auth-aside,
body[data-page="login"] .auth-aside,
body[data-page="register"] .auth-aside{
  background:linear-gradient(145deg,#17488f,#2586d6);
}
body[data-page="admin-login"] .auth-box,
body[data-page="login"] .auth-box,
body[data-page="register"] .auth-box{
  background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:8px;
  padding:28px;box-shadow:0 18px 45px rgba(25,73,143,.22);
}
body[data-page="admin"]{
  background:#f4f8fd;
}
body[data-page="admin"] .app{
  background:linear-gradient(135deg,#eef6ff 0%,#f8fbff 38%,#ffffff 100%);
}
body[data-page="admin"] .sidebar{
  background:linear-gradient(180deg,#1f5fbf 0%,#1b3f79 100%);
  box-shadow:8px 0 26px rgba(31,95,191,.16);
}
body[data-page="admin"] .sidebar .brand-mark{
  background:#fff;color:#1f5fbf;box-shadow:0 8px 18px rgba(0,0,0,.12);
}
body[data-page="admin"] .nav button{
  border:1px solid transparent;
}
body[data-page="admin"] .nav button:hover,
body[data-page="admin"] .nav button.active{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.2);
}
body[data-page="admin"] .topbar{
  margin:16px 18px 0;border:1px solid #d9e7f7;border-radius:8px;
  box-shadow:0 10px 26px rgba(25,73,143,.08);
}
body[data-page="admin"] .stat,
body[data-page="admin"] .panel,
body[data-page="admin"] .settings-card,
body[data-page="admin"] .formula-card-item{
  border-color:#dce8f6;border-radius:8px;box-shadow:0 10px 24px rgba(25,73,143,.07);
}
body[data-page="admin"] .btn{
  background:#236fca;border-radius:8px;box-shadow:0 8px 18px rgba(35,111,202,.18);
}
body[data-page="admin"] .btn:hover{background:#185db2}
body[data-page="admin"] .btn-light{
  background:#edf5ff;color:#225a9d;box-shadow:none;
}
body[data-page="admin"] .btn-danger{background:#d94747}
body[data-page="admin"] .btn-success{background:#129a70}

.section-note{margin:6px 0 0;color:var(--muted);line-height:1.6}
.formula-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}
.formula-card-item{background:#fff;padding:18px}
.formula-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.formula-card-main h3{margin:0 0 8px;font-size:18px}
.formula-card-main p{margin:0;color:var(--muted);line-height:1.6}
.formula-state{flex:0 0 auto;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.formula-state.on{background:#e7f8f0;color:#12815d}
.formula-state.off{background:#f4f6f9;color:#7a8798}
.formula-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;color:#516176}
.formula-meta span{background:#f5f8fc;border:1px solid #e2ebf6;border-radius:8px;padding:8px}
.formula-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.filter-pill{border-radius:999px;background:#f1f5f9;color:#6b788b;padding:5px 9px;font-size:12px}
.filter-pill.on{background:#eaf3ff;color:#236fca;font-weight:700}
.formula-preview{min-height:54px;max-height:92px;overflow:hidden;margin:12px 0;padding:11px;background:#0f172a;color:#dbeafe;border-radius:8px;white-space:pre-wrap;font-family:Consolas,"Microsoft YaHei",monospace;font-size:12px;line-height:1.5}
.formula-actions{display:flex;gap:10px;justify-content:flex-end}
.formula-modal-card{width:min(760px,96vw)}
.formula-modal-card .modal-head p{margin:5px 0 0;color:var(--muted)}
.formula-modal-card .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.formula-modal-card .filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));background:#f6f9fd;border-color:#dce8f6}
.modal-warning{margin-top:12px;padding:10px 12px;border-radius:8px;background:#fff7e6;color:#8a5b0e;border:1px solid #ffe0a6;line-height:1.6}

@media(max-width:720px){
  body[data-page="admin"] .topbar{margin:8px 8px 0;border-radius:8px}
  body[data-page="admin"] .formula-list{grid-template-columns:1fr;gap:12px}
  body[data-page="admin"] .formula-card-item{padding:14px}
  body[data-page="admin"] .formula-card-main{display:grid;gap:10px}
  body[data-page="admin"] .formula-meta{grid-template-columns:1fr}
  body[data-page="admin"] .formula-actions{display:grid;grid-template-columns:1fr 1fr}
  body[data-page="admin"] .formula-modal-card .modal-grid,
  body[data-page="admin"] .formula-modal-card .filter-grid{grid-template-columns:1fr}
  body[data-page="admin"] .formula-text textarea{min-height:230px}
}

/* 2026-06-13 requested UX fixes */
.admin-search{width:min(340px,100%);margin-left:auto}
.pretty-perm{min-width:250px;text-align:left;border:1px solid #dce8f6;border-radius:8px;padding:12px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 6px 16px rgba(35,111,202,.07)}
.pretty-perm.enabled{border-color:#b8dcff;background:linear-gradient(180deg,#ffffff,#eef7ff)}
.pretty-perm.disabled{background:#f8fafc}
.pretty-perm-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.pretty-perm-top strong{font-size:15px;color:#18345f}
.pretty-perm-meta{display:flex;gap:8px;flex-wrap:wrap;color:#5f6f84;font-size:13px;margin-bottom:10px}
.pretty-perm-meta span{background:#eef4fb;border-radius:999px;padding:4px 8px}
.pretty-perm-actions{display:flex;gap:8px;flex-wrap:wrap}
.pretty-switch{position:relative;display:inline-flex;align-items:center}
.pretty-switch input{position:absolute;opacity:0;pointer-events:none}
.pretty-switch span{width:48px;height:28px;border-radius:999px;background:#cbd5e1;display:block;position:relative;transition:.2s}
.pretty-switch span::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}
.pretty-switch input:checked+span{background:#236fca}
.pretty-switch input:checked+span::after{transform:translateX(20px)}

.formula-modal-card{overflow-x:hidden!important}
.formula-modal-card .filter-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;overflow:visible!important}
.formula-modal-card .filter-grid label{display:flex;align-items:center;gap:8px;min-width:0;white-space:normal!important;line-height:1.35;background:#fff;border:1px solid #dce8f6;border-radius:8px;padding:10px}
.formula-modal-card .filter-grid input{width:20px;height:20px;min-height:20px;flex:0 0 auto}
.formula-modal-card .modal-actions{position:sticky;bottom:0;background:#fff;padding-top:12px}

body[data-page="user"] .user-shell{background:linear-gradient(180deg,#f7fbff 0%,#eef5fc 100%)!important}
body[data-page="user"] .user-top{height:64px;min-height:64px;margin:10px;border:1px solid #dce8f6;border-radius:8px;background:#fff!important;box-shadow:0 10px 24px rgba(35,111,202,.08)}
body[data-page="user"] .user-top .brand{font-size:18px;color:#18345f}
body[data-page="user"] .user-top .brand-mark{width:36px;height:36px;border-radius:8px;background:#236fca}
body[data-page="user"] .board-main{background:transparent!important;padding:0 10px 10px!important;min-height:auto}
body[data-page="user"] .board-tabs,body[data-page="user"] .history-toolbar{background:#fff!important;border:1px solid #dce8f6;border-radius:8px;box-shadow:0 8px 20px rgba(35,111,202,.06);padding:10px!important;margin:10px 0!important}
body[data-page="user"] .board-tabs .btn,body[data-page="user"] .history-toolbar .btn{min-height:42px!important;padding:0 18px!important;border-radius:8px!important;font-size:16px!important}
body[data-page="user"] .history-toolbar .input{min-height:42px!important;border-radius:8px!important;font-size:16px!important}
body[data-page="user"] .board-panel{border-radius:8px!important;overflow:hidden!important;box-shadow:0 16px 38px rgba(0,0,0,.18)}
body[data-page="user"] .board-notice{border-radius:8px!important;box-shadow:0 12px 28px rgba(35,111,202,.08)}

@media(max-width:720px){
  .admin-search{width:100%;margin-left:0;margin-top:8px}
  body[data-page="admin"] .section-head{display:grid!important;gap:8px!important;align-items:stretch!important}
  body[data-page="admin"] #users td:nth-child(3),
  body[data-page="admin"] #users td:nth-child(4){display:block!important}
  body[data-page="admin"] #users td:nth-child(3)::before,
  body[data-page="admin"] #users td:nth-child(4)::before{display:block;margin-bottom:8px}
  .pretty-perm{min-width:0;width:100%}
  .pretty-perm-actions{display:grid;grid-template-columns:1fr 1fr 1fr}
  body[data-page="user"] .user-top{height:auto!important;min-height:54px!important;margin:6px!important;padding:8px!important}
  body[data-page="user"] .user-top .brand{font-size:16px!important}
  body[data-page="user"] .user-top .brand-mark{width:30px!important;height:30px!important}
  body[data-page="user"] .top-actions{gap:8px!important}
  body[data-page="user"] .user-top .btn-sm{min-height:38px!important;padding:0 12px!important;font-size:14px!important;border-radius:8px!important}
  body[data-page="user"] .compact-account{max-width:110px!important;font-size:13px!important}
  body[data-page="user"] .board-main{height:auto!important;min-height:calc(100dvh - 70px)!important;padding:0 6px 6px!important;overflow:hidden!important}
  body[data-page="user"] .board-tabs,body[data-page="user"] .history-toolbar{padding:8px!important;margin:6px 0!important;gap:8px!important}
  body[data-page="user"] .board-tabs .btn,body[data-page="user"] .history-toolbar .btn{min-height:38px!important;padding:0 14px!important;font-size:14px!important}
  body[data-page="user"] .history-toolbar .input{min-height:38px!important;height:38px!important;font-size:14px!important}
  body[data-page="user"] .board-panel{height:calc(100dvh - 178px)!important}
  body[data-page="user"] .board-panel .table-wrap{height:calc(100dvh - 204px)!important}
}

/* awesome-design-md pass: Coinbase calm shell + Binance dense market table + Airtable admin cards */
body[data-page="user"]{
  --finance-blue:#0052ff;
  --finance-blue-dark:#003ecc;
  --finance-ink:#0a0b0d;
  --finance-muted:#5b616e;
  --finance-line:#dee1e6;
  --finance-soft:#f7f8fb;
}
body[data-page="user"] .pro-user-shell{
  min-height:100vh;
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f9fc 46%,#eef3f9 100%)!important;
  color:var(--finance-ink);
}
body[data-page="user"] .pro-user-top{
  max-width:1420px;
  margin:12px auto 0!important;
  height:72px!important;
  padding:0 20px!important;
  border:1px solid var(--finance-line)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 30px rgba(10,11,13,.06)!important;
}
body[data-page="user"] .pro-user-top .brand{
  gap:12px!important;
  font-size:18px!important;
  color:var(--finance-ink)!important;
}
body[data-page="user"] .pro-user-top .brand small{
  display:block;
  margin-top:2px;
  color:var(--finance-muted);
  font-size:12px;
  font-weight:500;
}
body[data-page="user"] .pro-user-top .brand-mark{
  width:42px!important;height:42px!important;border-radius:50%!important;
  background:var(--finance-blue)!important;
  box-shadow:0 10px 22px rgba(0,82,255,.22);
}
body[data-page="user"] .pro-user-top .btn{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:15px!important;
}
body[data-page="user"] .pro-user-top .btn-light{
  background:#eef2f7!important;
  color:var(--finance-ink)!important;
}
body[data-page="user"] .compact-account{
  max-width:180px!important;
  padding:9px 12px;
  border-radius:999px;
  background:#f4f6fa;
  color:var(--finance-muted)!important;
}
body[data-page="user"] .pro-board-main{
  width:min(1420px,100%);
  margin:0 auto;
  padding:12px!important;
}
.user-control-deck{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--finance-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(10,11,13,.05);
}
.control-copy strong{
  display:block;
  font-size:20px;
  font-weight:650;
}
.control-copy span{
  display:block;
  margin-top:4px;
  color:var(--finance-muted);
  line-height:1.45;
}
body[data-page="user"] .user-control-deck .board-tabs,
body[data-page="user"] .user-control-deck .history-toolbar{
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body[data-page="user"] .user-control-deck .board-tabs{
  grid-column:2;
  display:flex;
  gap:10px;
  align-items:center;
}
body[data-page="user"] .user-control-deck .history-toolbar{
  grid-column:1 / -1;
  display:flex;
  gap:10px;
  align-items:center;
  overflow:auto;
}
body[data-page="user"] .board-tabs .btn,
body[data-page="user"] .history-toolbar .btn{
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  font-size:16px!important;
  font-weight:650!important;
}
body[data-page="user"] .board-tabs .btn.active,
body[data-page="user"] .history-toolbar .btn.active{
  background:var(--finance-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(0,82,255,.2);
}
body[data-page="user"] .board-tabs .btn:not(.active),
body[data-page="user"] .history-toolbar .btn:not(.active){
  background:#eef2f7!important;
  color:var(--finance-ink)!important;
}
body[data-page="user"] .history-toolbar .input{
  min-height:46px!important;
  border-radius:999px!important;
  padding:0 18px!important;
  border-color:var(--finance-line)!important;
  font-size:16px!important;
}
body[data-page="user"] .board-panel{
  border:1px solid #252b33!important;
  border-radius:16px!important;
  box-shadow:0 24px 60px rgba(10,11,13,.22)!important;
}
body[data-page="user"] .board-panel .image-bar{
  height:42px!important;
  padding:0 14px!important;
  border-top:0!important;
  border-bottom:1px solid #252b33!important;
  background:#11161d!important;
}
body[data-page="user"] .board-panel .image-bar strong{
  color:#fcd535!important;
  font-size:17px!important;
}
body[data-page="user"] .board-panel .image-bar span{
  color:#a8b0bb!important;
}
body[data-page="user"] .board-panel table,
body[data-page="user"] .board-panel th,
body[data-page="user"] .board-panel td{
  font-family:"Microsoft YaHei","Segoe UI",Arial,sans-serif!important;
}
body[data-page="user"] .board-panel th{
  color:#929aa5!important;
  background:#0b0e11!important;
}
body[data-page="user"] .board-panel td{
  background:#0b0e11!important;
}
body[data-page="user"] .board-panel .code,
body[data-page="user"] .board-panel .name{
  color:#fcd535!important;
}
body[data-page="user"] .board-panel .up,
body[data-page="user"] .board-panel .pass{
  color:#f6465d!important;
}
body[data-page="user"] .board-panel .down{
  color:#0ecb81!important;
}
body[data-page="admin"] .section-head h2{
  font-weight:650;
}
body[data-page="admin"] .stat,
body[data-page="admin"] .panel,
body[data-page="admin"] .formula-card-item,
body[data-page="admin"] .settings-card{
  border-radius:12px!important;
}
body[data-page="admin"] .btn{
  min-height:44px;
}

@media(max-width:720px){
  body[data-page="user"] .pro-user-top{
    margin:6px!important;
    min-height:66px!important;
    height:auto!important;
    padding:8px!important;
    border-radius:14px!important;
  }
  body[data-page="user"] .pro-user-top .brand small{display:none}
  body[data-page="user"] .pro-user-top .brand-mark{width:34px!important;height:34px!important}
  body[data-page="user"] .pro-user-top .btn{
    min-height:42px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
  .user-control-deck{
    grid-template-columns:1fr;
    margin:6px 0;
    padding:10px;
    gap:10px;
    border-radius:14px;
  }
  body[data-page="user"] .user-control-deck .board-tabs,
  body[data-page="user"] .user-control-deck .history-toolbar{
    grid-column:1;
  }
  .control-copy strong{font-size:18px}
  .control-copy span{font-size:13px}
  body[data-page="user"] .board-tabs .btn,
  body[data-page="user"] .history-toolbar .btn{
    min-height:44px!important;
    padding:0 16px!important;
    font-size:15px!important;
  }
  body[data-page="user"] .history-toolbar .input{
    min-height:44px!important;
    height:44px!important;
    font-size:15px!important;
    flex:0 0 148px!important;
  }
  body[data-page="user"] .board-panel{
    height:calc(100dvh - 246px)!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .board-panel .image-bar{
    height:36px!important;
    line-height:36px!important;
  }
  body[data-page="user"] .board-panel .table-wrap{
    height:calc(100dvh - 282px)!important;
  }
}

/* Gemini finance terminal replacement skin - presentation only */
:root{
  --gem-primary:#0052FF;
  --gem-bg-light:#F6F8FC;
  --gem-bg-white:#FFFFFF;
  --gem-text-main:#0A0B0D;
  --gem-text-sub:#4B5563;
  --gem-border:#DEE1E6;
  --gem-table-bg:#0B0E11;
  --gem-table-card:#11161D;
  --gem-up-red:#F6465D;
  --gem-down-green:#0ECB81;
  --gem-stock-yellow:#FCD535;
  --gem-amount-cyan:#33CCFF;
}
body{background:var(--gem-bg-light);color:var(--gem-text-main)}
.btn,.btn-primary,.btn-outline,.btn-danger,.seg-btn,.pill-btn{
  border-radius:16px!important;
  font-weight:700!important;
  cursor:pointer;
  min-height:44px;
}
body[data-page="user"] .user-layout{
  max-width:1440px;
  min-height:100vh;
  margin:0 auto;
  padding:16px;
  background:var(--gem-bg-light)!important;
}
body[data-page="user"] .fin-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:76px!important;
  padding:16px 18px!important;
  background:var(--gem-bg-white)!important;
  border:1px solid var(--gem-border)!important;
  border-radius:16px!important;
  margin:0 0 16px!important;
  box-shadow:0 10px 30px rgba(10,11,13,.05)!important;
}
.logo-area{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:800;
}
.logo-area .brand-mark{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:var(--gem-primary)!important;
  color:#fff;
}
.logo-area small{
  display:block;
  margin-top:3px;
  color:var(--gem-text-sub);
  font-size:13px;
  font-weight:600;
}
.user-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.account-name{
  color:var(--gem-text-sub)!important;
  background:#F0F4FA;
  border-radius:999px;
  padding:10px 14px;
}
.btn-text{
  background:#EEF3FB!important;
  color:var(--gem-text-main)!important;
  border:1px solid var(--gem-border)!important;
  padding:0 18px!important;
}
body[data-page="user"] .board-main{
  background:transparent!important;
  padding:0!important;
  height:auto!important;
  min-height:auto!important;
}
body[data-page="user"] .control-panel{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-bottom:16px;
  padding:16px;
  background:var(--gem-bg-white);
  border:1px solid var(--gem-border);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(10,11,13,.045);
}
.segmented-control,.date-pills{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="user"] .segmented-control .btn,
body[data-page="user"] .date-pills .btn,
body[data-page="user"] .seg-btn,
body[data-page="user"] .pill-btn{
  background:var(--gem-bg-white)!important;
  border:1px solid var(--gem-border)!important;
  color:var(--gem-text-sub)!important;
  border-radius:12px!important;
  padding:0 24px!important;
  min-height:48px!important;
  font-size:16px!important;
  font-weight:800!important;
}
body[data-page="user"] .segmented-control .btn.active,
body[data-page="user"] .date-pills .btn.active{
  background:var(--gem-primary)!important;
  color:#fff!important;
  border-color:var(--gem-primary)!important;
  box-shadow:0 10px 20px rgba(0,82,255,.18);
}
body[data-page="user"] .fin-input,
body[data-page="user"] .history-date{
  min-height:48px!important;
  border-radius:12px!important;
  border:1px solid var(--gem-border)!important;
  background:var(--gem-bg-white)!important;
  padding:0 16px!important;
  font-size:16px!important;
}
body[data-page="user"] .data-terminal{
  background:var(--gem-table-card)!important;
  border:1px solid #2B3139!important;
  border-radius:16px!important;
  padding:16px!important;
  overflow:hidden!important;
  box-shadow:0 22px 56px rgba(10,11,13,.22)!important;
}
body[data-page="user"] .data-terminal .image-bar{
  height:42px!important;
  padding:0 2px 14px!important;
  background:var(--gem-table-card)!important;
  border:0!important;
  color:#848E9C!important;
}
body[data-page="user"] .data-terminal .image-bar strong{
  color:var(--gem-stock-yellow)!important;
  font-size:18px!important;
  font-weight:800!important;
}
.table-scroll-wrapper{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  border-radius:10px;
  background:var(--gem-table-bg)!important;
}
.fin-table{
  width:100%!important;
  min-width:1000px!important;
  border-collapse:collapse!important;
  color:#fff!important;
  background:var(--gem-table-bg)!important;
  font-variant-numeric:tabular-nums;
}
.fin-table th{
  color:#848E9C!important;
  background:var(--gem-table-bg)!important;
  text-align:right!important;
  padding:12px 8px!important;
  font-size:14px!important;
  font-weight:500!important;
  border-bottom:1px solid #2B3139!important;
  height:auto!important;
  line-height:1.3!important;
}
.fin-table td{
  background:var(--gem-table-bg)!important;
  color:#fff!important;
  text-align:right!important;
  padding:14px 8px!important;
  border-bottom:1px solid #2B3139!important;
  font-size:15px!important;
  height:auto!important;
  line-height:1.35!important;
}
.fin-table th:first-child,.fin-table td:first-child{text-align:left!important}
.fin-table .code,.fin-table .name{color:var(--gem-stock-yellow)!important}
.fin-table .amount{color:var(--gem-amount-cyan)!important}
.fin-table .up,.fin-table .pass{color:var(--gem-up-red)!important}
.fin-table .down{color:var(--gem-down-green)!important}
.fin-table tr.selected-row td{background:#151B24!important}

/* Admin side: same finance kit over existing markup */
body[data-page="admin"] .app{
  background:var(--gem-bg-light)!important;
}
body[data-page="admin"] .topbar,
body[data-page="admin"] .stat,
body[data-page="admin"] .panel,
body[data-page="admin"] .settings-card,
body[data-page="admin"] .formula-card-item,
body[data-page="admin"] #audit tr,
body[data-page="admin"] #users tr{
  background:var(--gem-bg-white)!important;
  border:1px solid var(--gem-border)!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(10,11,13,.045)!important;
}
body[data-page="admin"] .sidebar{
  background:#0B1B3A!important;
}
body[data-page="admin"] .nav button{
  min-height:48px!important;
  border-radius:12px!important;
  font-weight:700!important;
}
body[data-page="admin"] .nav button.active{
  background:var(--gem-primary)!important;
  color:#fff!important;
}
body[data-page="admin"] .input,
body[data-page="admin"] input,
body[data-page="admin"] select,
body[data-page="admin"] textarea{
  border-radius:12px!important;
  border:1px solid var(--gem-border)!important;
  background:var(--gem-bg-light)!important;
}
body[data-page="admin"] .btn{
  min-height:44px!important;
  border-radius:12px!important;
  padding:0 18px!important;
}
body[data-page="admin"] .btn:not(.btn-light):not(.btn-danger):not(.btn-success){
  background:var(--gem-primary)!important;
}
body[data-page="admin"] .modal-mask{
  padding:16px!important;
  background:rgba(0,0,0,.5)!important;
}
body[data-page="admin"] .modal-card{
  max-width:640px!important;
  border-radius:16px!important;
  overflow-x:hidden!important;
}
body[data-page="admin"] .filter-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
body[data-page="admin"] .filter-grid label{
  min-height:48px;
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid var(--gem-border);
  border-radius:12px;
  background:var(--gem-bg-light);
  white-space:normal!important;
}
body[data-page="admin"] .filter-grid input{
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
}

@media(max-width:768px){
  body[data-page="user"] .user-layout{
    padding:8px!important;
  }
  body[data-page="user"] .fin-header{
    display:grid!important;
    gap:12px!important;
    min-height:0!important;
    padding:12px!important;
  }
  .user-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:10px!important;
  }
  .account-name{
    grid-column:1 / -1;
    max-width:none!important;
    text-align:center;
  }
  body[data-page="user"] .btn-text,
  body[data-page="user"] .segmented-control .btn,
  body[data-page="user"] .date-pills .btn,
  body[data-page="user"] .fin-input,
  body[data-page="user"] .history-date{
    min-height:56px!important;
    font-size:17px!important;
    border-radius:14px!important;
  }
  body[data-page="user"] .control-panel{
    padding:12px;
    gap:12px;
    margin-bottom:10px;
  }
  .segmented-control{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .date-pills{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page="user"] .history-date{
    width:100%!important;
    flex:auto!important;
  }
  body[data-page="user"] .data-terminal{
    padding:8px!important;
    border-radius:14px!important;
  }
  body[data-page="user"] .data-terminal .image-bar{
    height:36px!important;
    padding:0 4px 8px!important;
  }
  .fin-table{
    min-width:1000px!important;
  }
  .fin-table th,.fin-table td{
    font-size:15px!important;
    padding:10px 7px!important;
  }
  body[data-page="admin"] .filter-grid{
    grid-template-columns:1fr!important;
  }
  body[data-page="admin"] .modal-card{
    width:100%!important;
    height:100%!important;
    max-height:100vh!important;
    border-radius:0!important;
  }
}

/* 2026-06-13 screen-space repair: full-screen tables and compact admin header */
body[data-page="user"],
body[data-page="user"] .user-shell{
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
}
body[data-page="user"] .user-layout{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  padding:10px!important;
}
body[data-page="user"] .fin-header{
  min-height:58px!important;
  margin-bottom:8px!important;
}
body[data-page="user"] .control-panel{
  margin-bottom:8px!important;
  padding:10px!important;
  gap:8px!important;
}
body[data-page="user"] .board-main{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-height:0!important;
  overflow:hidden!important;
}
body[data-page="user"] .data-terminal{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
body[data-page="user"] .table-scroll-wrapper{
  height:100%!important;
  min-height:0!important;
}
@media(min-width:769px){
  body[data-page="user"] .fin-table{
    min-width:0!important;
    width:100%!important;
    table-layout:fixed!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding:8px 3px!important;
    font-size:clamp(11px,.78vw,15px)!important;
    line-height:1.16!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="user"] .table-scroll-wrapper{
    overflow:hidden!important;
  }
}

body[data-page="admin"] .content{
  min-height:100vh!important;
}
body[data-page="admin"] #preview.active{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  height:calc(100vh - 112px)!important;
  min-height:620px!important;
}
body[data-page="admin"] #preview .panel{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  min-height:0!important;
  height:100%!important;
  padding:10px!important;
}
body[data-page="admin"] #preview .panel-toolbar{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) 150px 150px!important;
  gap:10px!important;
  padding:0 0 10px!important;
  background:transparent!important;
}
body[data-page="admin"] #preview .table-wrap{
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
}
body[data-page="admin"] #preview table{
  min-width:0!important;
  width:100%!important;
  table-layout:fixed!important;
}
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  padding:5px 3px!important;
  font-size:clamp(11px,.78vw,15px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-page="admin"] .formula-actions .btn{
  min-width:92px!important;
  white-space:nowrap!important;
  background:#EEF3FB!important;
  color:var(--gem-text-main)!important;
  border:1px solid var(--gem-border)!important;
}

@media(max-width:768px){
  body[data-page="admin"] .app{
    min-height:100vh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body[data-page="admin"] .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    padding:8px!important;
  }
  body[data-page="admin"] .sidebar .brand{
    display:none!important;
  }
  body[data-page="admin"] .nav{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
  body[data-page="admin"] .nav button{
    flex:0 0 auto!important;
    min-height:44px!important;
    min-width:88px!important;
    padding:0 14px!important;
  }
  body[data-page="admin"] .topbar{
    position:fixed!important;
    right:8px!important;
    top:58px!important;
    z-index:31!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-page="admin"] .topbar h1{
    display:none!important;
  }
  body[data-page="admin"] .topbar .top-actions{
    display:flex!important;
    gap:6px!important;
  }
  body[data-page="admin"] .topbar .btn{
    min-height:38px!important;
    padding:0 10px!important;
    font-size:13px!important;
    border-radius:999px!important;
    box-shadow:0 6px 18px rgba(10,11,13,.08)!important;
  }
  body[data-page="admin"] .page{
    padding:8px!important;
    min-height:0!important;
  }
  body[data-page="admin"] #preview.active{
    height:calc(100vh - 62px)!important;
    min-height:0!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body[data-page="admin"] #preview .section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0 0 8px!important;
    padding-right:136px!important;
  }
  body[data-page="admin"] #preview .section-head .top-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body[data-page="admin"] #preview .panel{
    height:100%!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  body[data-page="admin"] #preview .panel-toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding-bottom:8px!important;
  }
  body[data-page="admin"] #preview #search{
    grid-column:1 / -1!important;
  }
  body[data-page="admin"] #preview .input,
  body[data-page="admin"] #preview .btn{
    min-height:44px!important;
    font-size:14px!important;
  }
  body[data-page="admin"] #preview .table-wrap{
    overflow:auto!important;
  }
  body[data-page="admin"] #preview table{
    min-width:920px!important;
    width:920px!important;
    table-layout:fixed!important;
  }

  body[data-page="user"] .user-layout{
    grid-template-rows:auto auto minmax(0,1fr)!important;
    padding:6px!important;
  }
  body[data-page="user"] .fin-header{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    min-height:50px!important;
    padding:8px!important;
    margin-bottom:6px!important;
  }
  body[data-page="user"] .logo-area small{
    display:none!important;
  }
  body[data-page="user"] .logo-area .brand-mark{
    width:34px!important;
    height:34px!important;
  }
  body[data-page="user"] .user-actions{
    display:flex!important;
    gap:6px!important;
  }
  body[data-page="user"] .account-name{
    display:none!important;
  }
  body[data-page="user"] .btn-text{
    min-height:44px!important;
    padding:0 10px!important;
    font-size:14px!important;
  }
  body[data-page="user"] .control-panel{
    padding:8px!important;
    gap:8px!important;
    margin-bottom:6px!important;
  }
  body[data-page="user"] .segmented-control,
  body[data-page="user"] .date-pills{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:8px!important;
  }
  body[data-page="user"] .segmented-control .btn,
  body[data-page="user"] .date-pills .btn,
  body[data-page="user"] .history-date{
    flex:0 0 auto!important;
    min-height:52px!important;
    height:52px!important;
    padding:0 18px!important;
    font-size:16px!important;
  }
  body[data-page="user"] .history-date{
    width:150px!important;
  }
  body[data-page="user"] .data-terminal{
    padding:6px!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .data-terminal .image-bar{
    height:32px!important;
    padding:0 4px 6px!important;
  }
  body[data-page="user"] .data-terminal .image-bar strong{
    font-size:15px!important;
  }
  body[data-page="user"] .fin-table{
    min-width:980px!important;
    width:980px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding:8px 6px!important;
    font-size:14px!important;
  }
}

/* 2026-06-13 mobile fixed-page repair: no sideways feature pages */
@media(max-width:768px){
  html,
  body{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  body[data-page="admin"] .app{
    display:block!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }
  body[data-page="admin"] .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:40!important;
    padding:8px!important;
    overflow:visible!important;
  }
  body[data-page="admin"] .nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body[data-page="admin"] .nav button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:0 6px!important;
    white-space:normal!important;
    line-height:1.15!important;
    font-size:14px!important;
  }
  body[data-page="admin"] .content{
    min-height:0!important;
    overflow:visible!important;
  }
  body[data-page="admin"] .topbar{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:auto!important;
    margin:8px!important;
    padding:10px!important;
    border:1px solid #dbe7f4!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.07)!important;
  }
  body[data-page="admin"] .topbar h1{
    display:block!important;
    font-size:17px!important;
    margin:0!important;
  }
  body[data-page="admin"] .topbar .top-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  body[data-page="admin"] .topbar .btn{
    width:100%!important;
    min-height:46px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  body[data-page="admin"] .page{
    padding:0 8px 10px!important;
    overflow-x:hidden!important;
  }
  body[data-page="admin"] .section.active{
    overflow-x:hidden!important;
  }
  body[data-page="admin"] .section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:8px 0!important;
    padding-right:0!important;
  }
  body[data-page="admin"] .admin-search,
  body[data-page="admin"] .section-head .input{
    width:100%!important;
    min-width:0!important;
  }
  body[data-page="admin"] #preview.active{
    height:auto!important;
    min-height:calc(100dvh - 158px)!important;
    display:block!important;
  }
  body[data-page="admin"] #preview .section-head .top-actions,
  body[data-page="admin"] #preview .panel-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0!important;
  }
  body[data-page="admin"] #preview .panel{
    height:auto!important;
    min-height:calc(100dvh - 250px)!important;
    display:block!important;
    padding:10px!important;
  }
  body[data-page="admin"] #preview .table-wrap{
    overflow:visible!important;
    height:auto!important;
  }
  body[data-page="admin"] #preview table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-page="admin"] #preview thead{
    display:none!important;
  }
  body[data-page="admin"] #preview tbody{
    display:grid!important;
    gap:8px!important;
  }
  body[data-page="admin"] #preview tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px 10px!important;
    width:100%!important;
    padding:10px!important;
    border:1px solid #dbe7f4!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(15,23,42,.05)!important;
  }
  body[data-page="admin"] #preview td{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#172033!important;
    font-size:13px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body[data-page="admin"] #preview td::before{
    flex:0 0 auto;
    color:#6b7280;
    font-weight:700;
  }
  body[data-page="admin"] #preview td:nth-child(1)::before{content:"序号";}
  body[data-page="admin"] #preview td:nth-child(2)::before{content:"代码";}
  body[data-page="admin"] #preview td:nth-child(3)::before{content:"名称";}
  body[data-page="admin"] #preview td:nth-child(4)::before{content:"涨幅";}
  body[data-page="admin"] #preview td:nth-child(5)::before{content:"昨换手";}
  body[data-page="admin"] #preview td:nth-child(6)::before{content:"今换手";}
  body[data-page="admin"] #preview td:nth-child(7)::before{content:"昨量比";}
  body[data-page="admin"] #preview td:nth-child(8)::before{content:"当日量比";}
  body[data-page="admin"] #preview td:nth-child(9)::before{content:"大单";}
  body[data-page="admin"] #preview td:nth-child(10)::before{content:"昨大";}
  body[data-page="admin"] #preview td:nth-child(11)::before{content:"阴阳值";}
  body[data-page="admin"] #preview td:nth-child(12)::before{content:"尾盘分";}
  body[data-page="admin"] #preview td:nth-child(13)::before{content:"CLV";}
  body[data-page="admin"] #preview td:nth-child(14)::before{content:"符合";}

  body[data-page="user"],
  body[data-page="user"] .user-shell{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .user-layout{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    height:100dvh!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
    margin:0 0 6px!important;
    padding:9px!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .logo-area{
    min-width:0!important;
  }
  body[data-page="user"] .logo-area b{
    font-size:20px!important;
  }
  body[data-page="user"] .logo-area small{
    display:block!important;
    font-size:12px!important;
  }
  body[data-page="user"] .user-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  body[data-page="user"] .user-actions .btn{
    width:100%!important;
    min-height:48px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  body[data-page="user"] .board-main{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body[data-page="user"] .control-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:7px!important;
    margin:0 0 6px!important;
    overflow:visible!important;
  }
  body[data-page="user"] .segmented-control,
  body[data-page="user"] .date-pills{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-page="user"] .segmented-control .btn,
  body[data-page="user"] .date-pills .btn,
  body[data-page="user"] .history-date{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 8px!important;
    font-size:15px!important;
    white-space:normal!important;
  }
  body[data-page="user"] .history-status{
    grid-column:1 / -1!important;
    min-height:0!important;
    font-size:12px!important;
  }
  body[data-page="user"] .board-notice,
  body[data-page="user"] .data-terminal{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .data-terminal{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  body[data-page="user"] .rank-meta{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    margin:0 0 6px!important;
    font-size:11px!important;
  }
  body[data-page="user"] .table-scroll-wrapper{
    overflow:auto!important;
    overflow-x:hidden!important;
    min-height:0!important;
  }
  body[data-page="user"] .fin-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-page="user"] .fin-table thead{
    display:none!important;
  }
  body[data-page="user"] .fin-table tbody{
    display:grid!important;
    gap:8px!important;
  }
  body[data-page="user"] .fin-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px 10px!important;
    width:100%!important;
    padding:10px!important;
    border:1px solid #1f2937!important;
    border-radius:12px!important;
    background:#11161d!important;
  }
  body[data-page="user"] .fin-table td{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body[data-page="user"] .fin-table td::before{
    flex:0 0 auto;
    color:#8b949e;
    font-weight:700;
  }
  body[data-page="user"] .fin-table td:nth-child(1)::before{content:"序号";}
  body[data-page="user"] .fin-table td:nth-child(2)::before{content:"代码";}
  body[data-page="user"] .fin-table td:nth-child(3)::before{content:"名称";}
  body[data-page="user"] .fin-table td:nth-child(4)::before{content:"涨幅";}
  body[data-page="user"] .fin-table td:nth-child(5)::before{content:"昨换手";}
  body[data-page="user"] .fin-table td:nth-child(6)::before{content:"今换手";}
  body[data-page="user"] .fin-table td:nth-child(7)::before{content:"昨量比";}
  body[data-page="user"] .fin-table td:nth-child(8)::before{content:"当日量比";}
  body[data-page="user"] .fin-table td:nth-child(9)::before{content:"大单";}
  body[data-page="user"] .fin-table td:nth-child(10)::before{content:"昨大";}
  body[data-page="user"] .fin-table td:nth-child(11)::before{content:"阴阳值";}
  body[data-page="user"] .fin-table td:nth-child(12)::before{content:"尾盘分";}
  body[data-page="user"] .fin-table td:nth-child(13)::before{content:"CLV";}
  body[data-page="user"] .fin-table td:nth-child(14)::before{content:"符合";}
}

/* final override: board preview must stay as TongDaXin-style table, not cards */
body[data-page="user"] .data-terminal,
body[data-page="admin"] #preview .panel{
  background:#000!important;
  border:1px solid #202734!important;
  box-shadow:none!important;
}
body[data-page="user"] .rank-meta,
body[data-page="admin"] #preview .rank-meta{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  background:#000!important;
  color:#c44747!important;
  border-bottom:1px solid #8b0000!important;
  padding:4px 6px!important;
}
body[data-page="user"] .rank-meta b,
body[data-page="admin"] #preview .rank-meta b{
  color:#e4d21c!important;
}
body[data-page="user"] .table-scroll-wrapper,
body[data-page="admin"] #preview .table-wrap{
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body[data-page="user"] .fin-table,
body[data-page="admin"] #preview table{
  display:table!important;
  background:#000!important;
  color:#d4d7de!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  min-width:1500px!important;
  width:1500px!important;
  font-family:"Microsoft YaHei","SimHei",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}
body[data-page="user"] .fin-table thead,
body[data-page="admin"] #preview thead{
  display:table-header-group!important;
}
body[data-page="user"] .fin-table tbody,
body[data-page="admin"] #preview tbody{
  display:table-row-group!important;
}
body[data-page="user"] .fin-table tr,
body[data-page="admin"] #preview tr{
  display:table-row!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
}
body[data-page="user"] .fin-table th,
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  display:table-cell!important;
  width:auto!important;
  padding:5px 7px!important;
  border:0!important;
  background:#000!important;
  font-size:20px!important;
  line-height:1.22!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:right!important;
}
body[data-page="user"] .fin-table th,
body[data-page="admin"] #preview th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  color:#aeb7c5!important;
  font-weight:500!important;
  border-bottom:1px solid #1d2633!important;
}
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview td{
  color:#d4d7de!important;
}
body[data-page="user"] .fin-table td::before,
body[data-page="admin"] #preview td::before{
  content:none!important;
  display:none!important;
}
body[data-page="user"] .fin-table th:first-child,
body[data-page="user"] .fin-table td:first-child,
body[data-page="admin"] #preview th:first-child,
body[data-page="admin"] #preview td:first-child{
  width:42px!important;
  text-align:center!important;
  color:#aeb7c5!important;
}
body[data-page="user"] .fin-table th:nth-child(2),
body[data-page="user"] .fin-table td:nth-child(2),
body[data-page="user"] .fin-table th:nth-child(3),
body[data-page="user"] .fin-table td:nth-child(3),
body[data-page="admin"] #preview th:nth-child(2),
body[data-page="admin"] #preview td:nth-child(2),
body[data-page="admin"] #preview th:nth-child(3),
body[data-page="admin"] #preview td:nth-child(3){
  text-align:left!important;
  color:#d8df26!important;
}
body[data-page="user"] .fin-table th:nth-child(2),
body[data-page="user"] .fin-table td:nth-child(2),
body[data-page="admin"] #preview th:nth-child(2),
body[data-page="admin"] #preview td:nth-child(2){width:92px!important;}
body[data-page="user"] .fin-table th:nth-child(3),
body[data-page="user"] .fin-table td:nth-child(3),
body[data-page="admin"] #preview th:nth-child(3),
body[data-page="admin"] #preview td:nth-child(3){width:118px!important;}
body[data-page="user"] .fin-table th:nth-child(6),
body[data-page="user"] .fin-table td:nth-child(6),
body[data-page="admin"] #preview th:nth-child(6),
body[data-page="admin"] #preview td:nth-child(6){width:100px!important;}
body[data-page="user"] .fin-table td:nth-child(6),
body[data-page="admin"] #preview td:nth-child(6),
body[data-page="user"] .fin-table .amount,
body[data-page="admin"] #preview .amount{
  color:#00cfe8!important;
}
body[data-page="user"] .fin-table .up,
body[data-page="admin"] #preview .up{
  color:#ef4b4b!important;
}
body[data-page="user"] .fin-table .down,
body[data-page="admin"] #preview .down{
  color:#1fd760!important;
}
body[data-page="user"] .fin-table tr.selected-row td,
body[data-page="admin"] #preview tr.selected-row td{
  background:#070080!important;
}
@media(max-width:768px){
  body[data-page="user"] .data-terminal,
  body[data-page="admin"] #preview .panel{
    border-radius:10px!important;
    padding:7px!important;
  }
  body[data-page="user"] .fin-table,
  body[data-page="admin"] #preview table{
    min-width:1240px!important;
    width:1240px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td,
  body[data-page="admin"] #preview th,
  body[data-page="admin"] #preview td{
    padding:5px 6px!important;
    font-size:16px!important;
  }
  body[data-page="user"] .rank-meta,
  body[data-page="admin"] #preview .rank-meta{
    font-size:14px!important;
  }
}

/* desktop user header final: show board + today/yesterday/before/date/history without overlap */
@media (min-width: 769px){
  body[data-page="user"] .fin-header{
    display:grid!important;
    grid-template-columns:180px minmax(780px,1fr) auto!important;
    align-items:center!important;
    gap:16px!important;
    min-height:74px!important;
    padding:14px 18px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .fin-header > .control-panel{
    grid-column:auto!important;
    display:grid!important;
    grid-template-columns:180px 580px!important;
    align-items:center!important;
    justify-content:start!important;
    gap:16px!important;
    width:auto!important;
    min-width:776px!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body[data-page="user"] .board-tabs{
    display:block!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body[data-page="user"] .user-board-select{
    display:block!important;
    width:180px!important;
    height:42px!important;
    min-height:42px!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:72px 72px 72px 152px 100px!important;
    align-items:center!important;
    gap:8px!important;
    width:580px!important;
    min-width:580px!important;
    max-width:580px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:8px!important;
    font-size:14px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .history-date,
  body[data-page="user"] #historyLoad{
    grid-column:auto!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] .user-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    min-width:250px!important;
    margin:0!important;
  }
}

/* desktop user board size final: only enlarge the data panel, keep header/buttons unchanged */
@media (min-width: 769px){
  body[data-page="user"] .board-panel{
    height:calc(100dvh - 104px)!important;
    min-height:calc(100dvh - 104px)!important;
    max-height:calc(100dvh - 104px)!important;
  }
  body[data-page="user"] .board-panel .table-wrap{
    height:calc(100dvh - 150px)!important;
    max-height:calc(100dvh - 150px)!important;
  }
}

/* desktop user table spacing final: prevent column text clipping only */
@media (min-width: 769px){
  body[data-page="user"] .fin-table{
    table-layout:fixed!important;
    min-width:1780px!important;
    width:1780px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding-left:8px!important;
    padding-right:8px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body[data-page="user"] .fin-table th:nth-child(1),
  body[data-page="user"] .fin-table td:nth-child(1){width:52px!important;}
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2){width:105px!important;}
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3){width:150px!important;}
  body[data-page="user"] .fin-table th:nth-child(4),
  body[data-page="user"] .fin-table td:nth-child(4){width:86px!important;}
  body[data-page="user"] .fin-table th:nth-child(5),
  body[data-page="user"] .fin-table td:nth-child(5),
  body[data-page="user"] .fin-table th:nth-child(6),
  body[data-page="user"] .fin-table td:nth-child(6){width:112px!important;}
  body[data-page="user"] .fin-table th:nth-child(7),
  body[data-page="user"] .fin-table td:nth-child(7),
  body[data-page="user"] .fin-table th:nth-child(8),
  body[data-page="user"] .fin-table td:nth-child(8){width:108px!important;}
  body[data-page="user"] .fin-table th:nth-child(9),
  body[data-page="user"] .fin-table td:nth-child(9),
  body[data-page="user"] .fin-table th:nth-child(10),
  body[data-page="user"] .fin-table td:nth-child(10){width:108px!important;}
  body[data-page="user"] .fin-table th:nth-child(11),
  body[data-page="user"] .fin-table td:nth-child(11){width:104px!important;}
  body[data-page="user"] .fin-table th:nth-child(12),
  body[data-page="user"] .fin-table td:nth-child(12){width:126px!important;}
  body[data-page="user"] .fin-table th:nth-child(13),
  body[data-page="user"] .fin-table td:nth-child(13){width:86px!important;}
  body[data-page="user"] .fin-table th:nth-child(14),
  body[data-page="user"] .fin-table td:nth-child(14){width:92px!important;}
}

/* mobile user layout final: same structure as desktop, scaled for phone only */
@media (max-width: 768px){
  body[data-page="user"]{
    overflow:hidden!important;
    background:#f2f5fa!important;
  }
  body[data-page="user"] .user-shell{
    min-height:100dvh!important;
    height:100dvh!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    gap:0!important;
    overflow:hidden!important;
    padding:6px!important;
    background:#f2f5fa!important;
  }
  body[data-page="user"] .fin-header{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "logo actions"
      "controls controls"!important;
    gap:8px!important;
    align-items:center!important;
    min-height:0!important;
    margin:0 0 6px!important;
    padding:8px!important;
    border-radius:12px!important;
    background:#fff!important;
    border:1px solid #dce5f0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .logo-area{
    grid-area:logo!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
  }
  body[data-page="user"] .logo-area .brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
    font-size:16px!important;
    flex:0 0 34px!important;
  }
  body[data-page="user"] .logo-area b{
    display:block!important;
    font-size:16px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .logo-area small{
    display:block!important;
    font-size:11px!important;
    line-height:1.2!important;
    color:#5d6878!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .user-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:auto auto!important;
    gap:6px!important;
    justify-content:end!important;
    align-items:center!important;
    min-width:0!important;
    margin:0!important;
  }
  body[data-page="user"] .compact-account{
    display:none!important;
  }
  body[data-page="user"] .user-actions .btn{
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .fin-header > .control-panel{
    grid-area:controls!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body[data-page="user"] .board-tabs{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body[data-page="user"] .user-board-select{
    display:block!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:14px!important;
  }
  body[data-page="user"] .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"] .history-toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  body[data-page="user"] .history-toolbar .btn,
  body[data-page="user"] .history-date{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 6px!important;
    border-radius:8px!important;
    font-size:12px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .history-date{
    grid-column:1 / 3!important;
  }
  body[data-page="user"] #historyLoad{
    grid-column:3!important;
  }
  body[data-page="user"] .history-status{
    display:none!important;
  }
  body[data-page="user"] .board-main{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .board-panel,
  body[data-page="user"] .board-notice{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  body[data-page="user"] .board-panel{
    padding:0!important;
    background:#000!important;
  }
  body[data-page="user"] .board-panel .image-bar{
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    font-size:14px!important;
    line-height:30px!important;
  }
  body[data-page="user"] .board-panel .image-bar strong,
  body[data-page="user"] .board-panel .image-bar span{
    font-size:14px!important;
    line-height:30px!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .board-panel .table-wrap{
    height:calc(100% - 30px)!important;
    max-height:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:#000!important;
  }
  body[data-page="user"] .fin-table{
    display:table!important;
    table-layout:fixed!important;
    min-width:1240px!important;
    width:1240px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    display:table-cell!important;
    padding:3px 5px!important;
    height:24px!important;
    line-height:1.12!important;
    font-size:15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  body[data-page="user"] .board-notice{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    padding:18px!important;
    background:#fff!important;
  }
  body[data-page="user"] .board-notice strong{
    font-size:28px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  body[data-page="user"] .board-notice span{
    font-size:16px!important;
    line-height:1.35!important;
    text-align:center!important;
  }
}

/* mobile-only compact pass: tighter user columns and horizontal admin top strip */
@media (max-width: 768px){
  body[data-page="user"] .fin-table{
    min-width:1120px!important;
    width:1120px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding-left:3px!important;
    padding-right:3px!important;
    font-size:14px!important;
    height:22px!important;
    line-height:1.08!important;
  }
  body[data-page="user"] .fin-table th:nth-child(1),
  body[data-page="user"] .fin-table td:nth-child(1){width:34px!important;}
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2){width:72px!important;}
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3){width:108px!important;}
  body[data-page="user"] .fin-table th:nth-child(4),
  body[data-page="user"] .fin-table td:nth-child(4){width:58px!important;}
  body[data-page="user"] .fin-table th:nth-child(5),
  body[data-page="user"] .fin-table td:nth-child(5),
  body[data-page="user"] .fin-table th:nth-child(6),
  body[data-page="user"] .fin-table td:nth-child(6){width:78px!important;}
  body[data-page="user"] .fin-table th:nth-child(7),
  body[data-page="user"] .fin-table td:nth-child(7){width:78px!important;}
  body[data-page="user"] .fin-table th:nth-child(8),
  body[data-page="user"] .fin-table td:nth-child(8){width:88px!important;}
  body[data-page="user"] .fin-table th:nth-child(9),
  body[data-page="user"] .fin-table td:nth-child(9),
  body[data-page="user"] .fin-table th:nth-child(10),
  body[data-page="user"] .fin-table td:nth-child(10){width:76px!important;}
  body[data-page="user"] .fin-table th:nth-child(11),
  body[data-page="user"] .fin-table td:nth-child(11){width:78px!important;}
  body[data-page="user"] .fin-table th:nth-child(12),
  body[data-page="user"] .fin-table td:nth-child(12){width:96px!important;}
  body[data-page="user"] .fin-table th:nth-child(13),
  body[data-page="user"] .fin-table td:nth-child(13){width:58px!important;}
  body[data-page="user"] .fin-table th:nth-child(14),
  body[data-page="user"] .fin-table td:nth-child(14){width:68px!important;}

  body[data-page="admin"]{
    height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .app{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:44px 1fr!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .sidebar{
    position:relative!important;
    top:auto!important;
    z-index:30!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:5px 154px 5px 6px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:6px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .sidebar .brand{
    padding:0!important;
    margin:0!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:0!important;
  }
  body[data-page="admin"] .sidebar .brand-mark{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:8px!important;
    font-size:15px!important;
  }
  body[data-page="admin"] .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0!important;
    scrollbar-width:none!important;
  }
  body[data-page="admin"] .nav::-webkit-scrollbar{
    display:none!important;
  }
  body[data-page="admin"] .nav button{
    flex:0 0 auto!important;
    min-width:68px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:12px!important;
    line-height:32px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body[data-page="admin"] .content{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    display:block!important;
  }
  body[data-page="admin"] .topbar{
    position:fixed!important;
    top:6px!important;
    right:6px!important;
    z-index:50!important;
    height:32px!important;
    min-height:32px!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-page="admin"] .topbar h1{
    display:none!important;
  }
  body[data-page="admin"] .topbar .top-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    align-items:center!important;
  }
  body[data-page="admin"] .topbar .btn{
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body[data-page="admin"] .page{
    height:calc(100dvh - 44px)!important;
    min-height:0!important;
    overflow:auto!important;
    padding:7px!important;
  }
}

/* mobile-only final polish: tighter user market table and one-line scroll admin nav */
@media (max-width: 768px){
  body[data-page="user"] .board-panel .image-bar{
    display:grid!important;
    grid-template-columns:minmax(74px,auto) minmax(118px,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:normal!important;
    padding:0 7px!important;
    overflow:visible!important;
  }
  body[data-page="user"] .board-panel .image-bar strong{
    min-width:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] .board-panel .image-bar span,
  body[data-page="user"] #displayWindowText{
    display:block!important;
    min-width:118px!important;
    overflow:visible!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  body[data-page="user"] .fin-table{
    min-width:1040px!important;
    width:1040px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding-left:2px!important;
    padding-right:2px!important;
    font-size:14px!important;
    height:22px!important;
    line-height:1.06!important;
    text-align:center!important;
  }
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2),
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3){
    text-align:left!important;
  }
  body[data-page="user"] .fin-table th:nth-child(1),
  body[data-page="user"] .fin-table td:nth-child(1){width:32px!important;}
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2){width:66px!important;}
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3){width:92px!important;}
  body[data-page="user"] .fin-table th:nth-child(4),
  body[data-page="user"] .fin-table td:nth-child(4){width:52px!important;}
  body[data-page="user"] .fin-table th:nth-child(5),
  body[data-page="user"] .fin-table td:nth-child(5),
  body[data-page="user"] .fin-table th:nth-child(6),
  body[data-page="user"] .fin-table td:nth-child(6){width:74px!important;}
  body[data-page="user"] .fin-table th:nth-child(7),
  body[data-page="user"] .fin-table td:nth-child(7){width:72px!important;}
  body[data-page="user"] .fin-table th:nth-child(8),
  body[data-page="user"] .fin-table td:nth-child(8){width:82px!important;}
  body[data-page="user"] .fin-table th:nth-child(9),
  body[data-page="user"] .fin-table td:nth-child(9),
  body[data-page="user"] .fin-table th:nth-child(10),
  body[data-page="user"] .fin-table td:nth-child(10){width:72px!important;}
  body[data-page="user"] .fin-table th:nth-child(11),
  body[data-page="user"] .fin-table td:nth-child(11){width:74px!important;}
  body[data-page="user"] .fin-table th:nth-child(12),
  body[data-page="user"] .fin-table td:nth-child(12){
    width:92px!important;
    text-align:center!important;
  }
  body[data-page="user"] .fin-table th:nth-child(13),
  body[data-page="user"] .fin-table td:nth-child(13){width:54px!important;}
  body[data-page="user"] .fin-table th:nth-child(14),
  body[data-page="user"] .fin-table td:nth-child(14){width:62px!important;}

  body[data-page="admin"] .app{
    grid-template-rows:44px 1fr!important;
  }
  body[data-page="admin"] .sidebar{
    display:block!important;
    height:44px!important;
    min-height:44px!important;
    padding:5px 6px 5px 142px!important;
    overflow:visible!important;
  }
  body[data-page="admin"] .sidebar .brand{
    display:none!important;
  }
  body[data-page="admin"] .topbar{
    position:fixed!important;
    top:6px!important;
    left:6px!important;
    right:auto!important;
    width:130px!important;
    height:32px!important;
    z-index:60!important;
  }
  body[data-page="admin"] .topbar .top-actions{
    display:grid!important;
    grid-template-columns:72px 52px!important;
    gap:5px!important;
    width:130px!important;
  }
  body[data-page="admin"] .topbar .btn{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    text-align:center!important;
  }
  body[data-page="admin"] .nav{
    width:100%!important;
    height:34px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body[data-page="admin"] .nav button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:72px!important;
    height:32px!important;
    padding:0 10px!important;
  }
  body[data-page="admin"] .nav button:nth-child(5),
  body[data-page="admin"] .nav button:nth-child(6){
    min-width:104px!important;
  }
}

/* mobile-only tidy pass: tighter code/name and cleaner admin two-row header */
@media (max-width: 768px){
  body[data-page="user"] .fin-table{
    min-width:1000px!important;
    width:1000px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding-left:1px!important;
    padding-right:1px!important;
  }
  body[data-page="user"] .fin-table th:nth-child(1),
  body[data-page="user"] .fin-table td:nth-child(1){width:30px!important;}
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2){width:58px!important;}
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3){width:82px!important;}
  body[data-page="user"] .fin-table th:nth-child(4),
  body[data-page="user"] .fin-table td:nth-child(4){width:50px!important;}
  body[data-page="user"] .fin-table th:nth-child(5),
  body[data-page="user"] .fin-table td:nth-child(5),
  body[data-page="user"] .fin-table th:nth-child(6),
  body[data-page="user"] .fin-table td:nth-child(6){width:72px!important;}
  body[data-page="user"] .fin-table th:nth-child(7),
  body[data-page="user"] .fin-table td:nth-child(7){width:70px!important;}
  body[data-page="user"] .fin-table th:nth-child(8),
  body[data-page="user"] .fin-table td:nth-child(8){width:80px!important;}
  body[data-page="user"] .fin-table th:nth-child(9),
  body[data-page="user"] .fin-table td:nth-child(9),
  body[data-page="user"] .fin-table th:nth-child(10),
  body[data-page="user"] .fin-table td:nth-child(10){width:70px!important;}
  body[data-page="user"] .fin-table th:nth-child(11),
  body[data-page="user"] .fin-table td:nth-child(11){width:72px!important;}
  body[data-page="user"] .fin-table th:nth-child(12),
  body[data-page="user"] .fin-table td:nth-child(12){width:88px!important;text-align:center!important;}
  body[data-page="user"] .fin-table th:nth-child(13),
  body[data-page="user"] .fin-table td:nth-child(13){width:52px!important;}
  body[data-page="user"] .fin-table th:nth-child(14),
  body[data-page="user"] .fin-table td:nth-child(14){width:58px!important;}

  body[data-page="admin"]{
    height:100dvh!important;
    overflow:hidden!important;
    background:#f3f6fa!important;
  }
  body[data-page="admin"] .app{
    display:block!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:70!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:5px 8px!important;
    margin:0!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #dce3ee!important;
    box-shadow:none!important;
  }
  body[data-page="admin"] .topbar h1{
    display:block!important;
    margin:0!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:32px!important;
    color:#172033!important;
  }
  body[data-page="admin"] .topbar .top-actions{
    display:flex!important;
    flex:0 0 auto!important;
    gap:6px!important;
    width:auto!important;
    align-items:center!important;
  }
  body[data-page="admin"] .topbar .btn{
    width:auto!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body[data-page="admin"] .sidebar{
    position:fixed!important;
    top:42px!important;
    left:0!important;
    right:0!important;
    z-index:65!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    display:block!important;
    padding:5px 6px!important;
    margin:0!important;
    overflow:hidden!important;
    background:#172238!important;
  }
  body[data-page="admin"] .sidebar .brand{
    display:none!important;
  }
  body[data-page="admin"] .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    height:32px!important;
    padding:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body[data-page="admin"] .nav::-webkit-scrollbar{
    display:none!important;
  }
  body[data-page="admin"] .nav button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:74px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:12px!important;
    line-height:32px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body[data-page="admin"] .nav button:nth-child(5),
  body[data-page="admin"] .nav button:nth-child(6){
    min-width:108px!important;
  }
  body[data-page="admin"] .content{
    height:100dvh!important;
    min-height:100dvh!important;
    padding-top:84px!important;
    overflow:hidden!important;
  }
  body[data-page="admin"] .page{
    height:calc(100dvh - 84px)!important;
    min-height:0!important;
    overflow:auto!important;
    padding:7px!important;
  }
}

/* mobile user only: smallest readable market table and visible time */
@media (max-width: 768px){
  body[data-page="user"] .board-panel .image-bar{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:4px!important;
    padding:0 5px!important;
    overflow:visible!important;
  }
  body[data-page="user"] .board-panel .image-bar strong{
    flex:0 0 auto!important;
    max-width:42%!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }
  body[data-page="user"] #displayWindowText{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    display:block!important;
    overflow:visible!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-size:11px!important;
    letter-spacing:0!important;
  }
  body[data-page="user"] .fin-table{
    table-layout:fixed!important;
    min-width:900px!important;
    width:900px!important;
  }
  body[data-page="user"] .fin-table th,
  body[data-page="user"] .fin-table td{
    padding-left:0!important;
    padding-right:0!important;
    font-size:13px!important;
    height:21px!important;
    line-height:1.04!important;
    letter-spacing:0!important;
  }
  body[data-page="user"] .fin-table th:nth-child(1),
  body[data-page="user"] .fin-table td:nth-child(1){width:26px!important;}
  body[data-page="user"] .fin-table th:nth-child(2),
  body[data-page="user"] .fin-table td:nth-child(2){width:52px!important;}
  body[data-page="user"] .fin-table th:nth-child(3),
  body[data-page="user"] .fin-table td:nth-child(3){width:70px!important;}
  body[data-page="user"] .fin-table th:nth-child(4),
  body[data-page="user"] .fin-table td:nth-child(4){width:44px!important;}
  body[data-page="user"] .fin-table th:nth-child(5),
  body[data-page="user"] .fin-table td:nth-child(5),
  body[data-page="user"] .fin-table th:nth-child(6),
  body[data-page="user"] .fin-table td:nth-child(6){width:64px!important;}
  body[data-page="user"] .fin-table th:nth-child(7),
  body[data-page="user"] .fin-table td:nth-child(7){width:62px!important;}
  body[data-page="user"] .fin-table th:nth-child(8),
  body[data-page="user"] .fin-table td:nth-child(8){width:72px!important;}
  body[data-page="user"] .fin-table th:nth-child(9),
  body[data-page="user"] .fin-table td:nth-child(9),
  body[data-page="user"] .fin-table th:nth-child(10),
  body[data-page="user"] .fin-table td:nth-child(10){width:62px!important;}
  body[data-page="user"] .fin-table th:nth-child(11),
  body[data-page="user"] .fin-table td:nth-child(11){width:64px!important;}
  body[data-page="user"] .fin-table th:nth-child(12),
  body[data-page="user"] .fin-table td:nth-child(12){width:78px!important;text-align:center!important;}
  body[data-page="user"] .fin-table th:nth-child(13),
  body[data-page="user"] .fin-table td:nth-child(13){width:46px!important;}
  body[data-page="user"] .fin-table th:nth-child(14),
  body[data-page="user"] .fin-table td:nth-child(14){width:52px!important;}
}

/* user portal: reference-site style module dashboard */
body[data-page="user"] .user-portal{
  min-height:100dvh;
  padding:20px;
  background:
    linear-gradient(rgba(66,153,225,.86), rgba(99,179,237,.86)),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.32), transparent 30%),
    linear-gradient(135deg,#4299e1 0%,#63b3ed 100%);
  overflow:auto;
}
body[data-page="user"] .portal-wrap{
  width:min(1200px,100%);
  margin:0 auto;
}
body[data-page="user"] .portal-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 30px;
  margin-bottom:30px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.35);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.1);
}
body[data-page="user"] .portal-hero h1{
  margin:0 0 6px;
  color:#2d3748;
  font-size:28px;
}
body[data-page="user"] .portal-hero p{
  margin:0;
  color:#718096;
}
body[data-page="user"] .portal-account{
  padding:10px 16px;
  border-radius:999px;
  background:#edf7ff;
  color:#2b6cb0;
  font-weight:700;
  white-space:nowrap;
}
body[data-page="user"] .portal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:25px;
}
body[data-page="user"] .portal-card{
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.25);
  border-radius:20px;
  padding:30px;
  box-shadow:0 10px 30px rgba(0,0,0,.1);
  transition:transform .25s ease, box-shadow .25s ease;
}
body[data-page="user"] .portal-card:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 35px rgba(0,0,0,.15);
}
body[data-page="user"] .portal-card-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px;
  margin-bottom:22px;
  border-bottom:3px solid #4299e1;
}
body[data-page="user"] .portal-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#4299e1 0%,#63b3ed 100%);
  color:#fff;
  font-size:22px;
}
body[data-page="user"] .portal-card h2{
  margin:0 0 5px;
  color:#2d3748;
  font-size:22px;
}
body[data-page="user"] .portal-card p{
  margin:0;
  color:#718096;
}
body[data-page="user"] .portal-primary,
body[data-page="user"] .portal-secondary{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:10px;
  font-weight:700;
  font-size:16px;
}
body[data-page="user"] .portal-primary{
  color:#fff;
  background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);
  box-shadow:0 8px 18px rgba(66,153,225,.28);
}
body[data-page="user"] .portal-secondary{
  margin-top:10px;
  color:#2b6cb0;
  background:#ebf8ff;
}
body[data-page="user"] .portal-danger{
  color:#c53030;
  background:#fff5f5;
}
body[data-page="user"] .portal-list{
  display:grid;
  gap:12px;
}
body[data-page="user"] .portal-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid #e2e8f0;
}
body[data-page="user"] .portal-row:last-child{
  border-bottom:0;
}
body[data-page="user"] .portal-label{
  color:#718096;
  font-weight:600;
}
body[data-page="user"] .portal-value{
  color:#2d3748;
  font-weight:700;
  text-align:right;
}
body[data-page="user"] .portal-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#c6f6d5;
  color:#276749;
  font-size:13px;
}
body[data-page="user"] .data-view-shell.is-visible{
  display:flex!important;
}
body[data-page="user"] main.data-view-shell.is-visible{
  display:block!important;
}
body[data-page="user"].portal-mode .data-view-shell{
  display:none!important;
}
body[data-page="user"].data-mode .user-portal{
  display:none!important;
}
@media(min-width:769px){
  body[data-page="user"] .user-portal{
    padding:34px;
  }
  body[data-page="user"] .portal-wrap{
    width:min(1320px,100%);
  }
  body[data-page="user"] .portal-hero{
    padding:32px 44px;
    margin-bottom:36px;
  }
  body[data-page="user"] .portal-hero h1{
    font-size:34px;
  }
  body[data-page="user"] .portal-hero p{
    font-size:17px;
  }
  body[data-page="user"] .portal-grid{
    gap:34px;
  }
  body[data-page="user"] .portal-card{
    min-height:280px;
    padding:44px;
  }
  body[data-page="user"] .portal-card-head{
    gap:18px;
    padding-bottom:22px;
    margin-bottom:30px;
  }
  body[data-page="user"] .portal-icon{
    width:62px;
    height:62px;
    border-radius:18px;
    font-size:28px;
  }
  body[data-page="user"] .portal-card h2{
    font-size:28px;
  }
  body[data-page="user"] .portal-card p,
  body[data-page="user"] .portal-label,
  body[data-page="user"] .portal-value{
    font-size:17px;
  }
  body[data-page="user"] .portal-primary,
  body[data-page="user"] .portal-secondary{
    min-height:60px;
    font-size:18px;
    border-radius:12px;
  }
}
@media(max-width:768px){
  body[data-page="user"] .user-portal{
    height:100dvh!important;
    min-height:100dvh!important;
    padding:12px!important;
    overflow:auto!important;
  }
  body[data-page="user"] .portal-hero{
    padding:16px!important;
    margin-bottom:14px!important;
    border-radius:16px!important;
  }
  body[data-page="user"] .portal-hero h1{
    font-size:22px!important;
  }
  body[data-page="user"] .portal-account{
    max-width:148px;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:8px 10px;
    font-size:13px;
  }
  body[data-page="user"] .portal-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body[data-page="user"] .portal-card{
    padding:18px!important;
    border-radius:16px!important;
  }
  body[data-page="user"] .portal-card-head{
    margin-bottom:14px!important;
    padding-bottom:12px!important;
  }
  body[data-page="user"] .portal-icon{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    font-size:19px!important;
  }
  body[data-page="user"] .portal-card h2{
    font-size:18px!important;
  }
  body[data-page="user"] .portal-card p{
    font-size:13px!important;
  }
}

/* mobile user data view restore: compact controls after entering stock data */
@media(max-width:768px){
  body[data-page="user"].data-mode{
    height:100dvh!important;
    overflow:hidden!important;
    background:#f3f6fa!important;
  }
  body[data-page="user"].data-mode .user-layout{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
  }
  body[data-page="user"].data-mode .fin-header{
    display:grid!important;
    grid-template-columns:minmax(96px,auto) 1fr auto!important;
    grid-template-areas:
      "brand board actions"
      "dates dates dates"!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:5px!important;
    border:0!important;
    border-bottom:1px solid #dce3ee!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .logo-area{
    grid-area:brand!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .logo-area .brand-mark{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:6px!important;
    font-size:13px!important;
  }
  body[data-page="user"].data-mode .logo-area b{
    display:block!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  body[data-page="user"].data-mode .logo-area small{
    display:none!important;
  }
  body[data-page="user"].data-mode .control-panel{
    display:contents!important;
  }
  body[data-page="user"].data-mode .board-tabs{
    grid-area:board!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .user-board-select{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 24px 0 8px!important;
    border-radius:7px!important;
    font-size:13px!important;
    background:#fff!important;
  }
  body[data-page="user"].data-mode .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"].data-mode .top-actions{
    grid-area:actions!important;
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .compact-account{
    display:none!important;
  }
  body[data-page="user"].data-mode .top-actions .btn{
    width:auto!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:12px!important;
    line-height:30px!important;
    white-space:nowrap!important;
  }
  body[data-page="user"].data-mode .history-toolbar{
    grid-area:dates!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr)) 112px 74px!important;
    gap:4px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body[data-page="user"].data-mode .history-toolbar .btn,
  body[data-page="user"].data-mode .history-toolbar .input{
    width:100%!important;
    min-width:0!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 5px!important;
    border-radius:7px!important;
    font-size:12px!important;
    line-height:29px!important;
  }
  body[data-page="user"].data-mode .history-date{
    width:100%!important;
    flex:unset!important;
  }
  body[data-page="user"].data-mode .history-status{
    display:none!important;
  }
  body[data-page="user"].data-mode .board-main{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#000!important;
  }
  body[data-page="user"].data-mode .board-panel,
  body[data-page="user"].data-mode .board-notice{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
  }
  body[data-page="user"].data-mode .board-panel .table-wrap{
    height:calc(100dvh - 100px)!important;
    max-height:none!important;
  }
}

/* mobile user data view final override: last rule wins */
@media(max-width:768px){
  body[data-page="user"].data-mode{
    height:100dvh!important;
    overflow:hidden!important;
    background:#f3f6fa!important;
  }
  body[data-page="user"].data-mode .user-layout{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
  }
  body[data-page="user"].data-mode .fin-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand actions"
      "board board"
      "dates dates"!important;
    gap:6px 8px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:6px!important;
    border:0!important;
    border-bottom:1px solid #dce3ee!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body[data-page="user"].data-mode .logo-area{
    grid-area:brand!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .logo-area .brand-mark{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:6px!important;
    font-size:13px!important;
  }
  body[data-page="user"].data-mode .logo-area > div{
    min-width:0!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .logo-area b{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1.1!important;
  }
  body[data-page="user"].data-mode .logo-area small{
    display:none!important;
  }
  body[data-page="user"].data-mode .control-panel{
    display:contents!important;
  }
  body[data-page="user"].data-mode .board-tabs{
    grid-area:board!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body[data-page="user"].data-mode .user-board-select{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 24px 0 8px!important;
    border-radius:8px!important;
    font-size:14px!important;
    background:#fff!important;
  }
  body[data-page="user"].data-mode .user-board-buttons{
    display:none!important;
  }
  body[data-page="user"].data-mode .top-actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    max-width:176px!important;
    overflow:visible!important;
  }
  body[data-page="user"].data-mode .compact-account{
    display:none!important;
  }
  body[data-page="user"].data-mode .top-actions .btn{
    width:auto!important;
    min-width:0!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 6px!important;
    border-radius:6px!important;
    font-size:11px!important;
    line-height:28px!important;
    white-space:nowrap!important;
  }
  body[data-page="user"].data-mode #userBackHome{min-width:40px!important;}
  body[data-page="user"].data-mode #userChangePassword{min-width:56px!important;}
  body[data-page="user"].data-mode #logout{min-width:38px!important;}
  body[data-page="user"].data-mode .history-toolbar{
    grid-area:dates!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 1px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body[data-page="user"].data-mode .history-toolbar::-webkit-scrollbar{
    display:none!important;
  }
  body[data-page="user"].data-mode .history-toolbar .btn,
  body[data-page="user"].data-mode .history-toolbar .input{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:54px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    border-radius:7px!important;
    font-size:12px!important;
    line-height:30px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="user"].data-mode .history-date{
    flex:0 0 122px!important;
    width:122px!important;
    min-width:122px!important;
  }
  body[data-page="user"].data-mode #historyLoad{
    min-width:70px!important;
  }
  body[data-page="user"].data-mode .history-status{
    display:none!important;
  }
  body[data-page="user"].data-mode .board-main{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#000!important;
  }
  body[data-page="user"].data-mode .board-panel,
  body[data-page="user"].data-mode .board-notice{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
  }
  body[data-page="user"].data-mode .board-panel .image-bar{
    min-height:28px!important;
    height:28px!important;
    overflow:hidden!important;
  }
  body[data-page="user"].data-mode .board-panel .table-wrap{
    height:calc(100dvh - 124px)!important;
    max-height:none!important;
  }
}
/* User board metadata must remain visible without changing the original row layout. */
body[data-page="user"] #rankMeta.rank-meta,
body[data-page="user"] .board-panel #rankMeta.rank-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px 12px!important;
  overflow:visible!important;
  white-space:normal!important;
}
body[data-page="user"] #rankMeta.rank-meta span,
body[data-page="user"] .board-panel #rankMeta.rank-meta span{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  body[data-page="user"] #rankMeta.rank-meta,
  body[data-page="user"] .board-panel #rankMeta.rank-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:3px 8px!important;
    font-size:11px!important;
    line-height:1.25!important;
    padding-bottom:6px!important;
  }
}

/* login risk confirmation */
.risk-box{margin:0 0 12px;padding:12px 13px;border:1px solid #e0e7f1;border-radius:6px;background:#f7f9fc;color:#4f5d73;line-height:1.6;font-size:13px}
.risk-title{margin-bottom:5px;color:#172033;font-weight:700}
.risk-box p{margin:0 0 6px}.risk-box p:last-child{margin-bottom:0}
.risk-check{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;color:#172033;font-weight:600;line-height:1.5}
.risk-check input{width:18px;height:18px;min-height:18px;margin-top:2px;flex:0 0 auto}
.btn:disabled{cursor:not-allowed;background:#aeb9c8!important;color:#fff;box-shadow:none;opacity:.9}
@media(max-width:700px){.risk-box{font-size:12px;padding:10px 11px}.risk-check{font-size:13px;margin-bottom:12px}}

/* login/register collapsed risk consent */
.risk-inline{display:flex;align-items:center;gap:6px;margin:0 0 12px;flex-wrap:wrap}
.risk-consent{display:flex;align-items:center;gap:7px;color:#172033;font-weight:600;line-height:1.5}
.risk-consent input{width:18px;height:18px;min-height:18px;margin:0;flex:0 0 auto}
.risk-toggle{border:0;background:transparent;color:var(--blue);padding:0;font:inherit;font-weight:600;cursor:pointer}
.risk-toggle:hover{text-decoration:underline}
.risk-box[hidden]{display:none!important}
.risk-box{margin:0 0 12px;padding:12px 13px;border:1px solid #e0e7f1;border-radius:6px;background:#f7f9fc;color:#4f5d73;line-height:1.6;font-size:13px}
.risk-title{margin-bottom:5px;color:#172033;font-weight:700}
.risk-box p{margin:0 0 6px}.risk-box p:last-child{margin-bottom:0}
@media(max-width:700px){.risk-inline{margin-bottom:10px}.risk-box{font-size:12px;padding:10px 11px}}

/* risk disclaimer modal */
.risk-modal[hidden]{display:none!important}
.risk-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px}
.risk-modal-backdrop{position:absolute;inset:0;background:rgba(10,18,32,.5)}
.risk-modal-card{position:relative;width:min(520px,94vw);max-height:86vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 58px rgba(0,0,0,.24);padding:18px}
.risk-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.risk-modal-head h3{margin:0;font-size:18px;color:#172033}
.risk-modal-x{border:0;background:#eef3fb;color:#4f5d73;width:30px;height:30px;border-radius:6px;font-size:20px;line-height:1;cursor:pointer}
.risk-modal-body{color:#4f5d73;line-height:1.75;font-size:14px;margin-bottom:14px}
.risk-modal-body p{margin:0 0 8px}.risk-modal-body p:last-child{margin-bottom:0}
.risk-modal-ok{min-height:42px}
@media(max-width:700px){.risk-modal{padding:14px}.risk-modal-card{padding:16px}.risk-modal-body{font-size:13px}}

/* Desktop board bar: center the dual-system note without changing mobile layout. */
.desktop-system-note{display:none}
@media(min-width:769px){
  body[data-page="user"] .board-panel .image-bar{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
    align-items:center!important;
    column-gap:18px!important;
  }
  body[data-page="user"] .board-panel .image-bar #desktopSystemNote.desktop-system-note{
    display:block!important;
    justify-self:center!important;
    color:#ffe400!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  body[data-page="user"] #displayWindowText{
    justify-self:end!important;
    white-space:nowrap!important;
  }
}


/* dynamic ranking columns */
.fin-table-wrap,
.rank-wrap,
.table-scroll,
.table-responsive{overflow-x:auto!important;}
.fin-table{table-layout:auto!important;}
.fin-table th,
.fin-table td{min-width:92px;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.fin-table th:first-child,
.fin-table td:first-child{min-width:54px;}
.fin-table th:nth-child(2),
.fin-table td:nth-child(2){min-width:88px;}
.fin-table th:nth-child(3),
.fin-table td:nth-child(3){min-width:104px;}
#preview table{table-layout:auto!important;min-width:max-content;}
#preview th,
#preview td{min-width:92px;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}

/* 2026-06-29 admin preview: show every column value without clipping */
body[data-page="admin"] #preview .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  border:0!important;
}
body[data-page="admin"] #preview table{
  table-layout:auto!important;
  width:max-content!important;
  min-width:max(1320px, 100%)!important;
  border-collapse:collapse!important;
}
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  width:auto!important;
  min-width:104px!important;
  max-width:none!important;
  height:auto!important;
  min-height:28px!important;
  line-height:1.35!important;
  padding:4px 9px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
  vertical-align:middle!important;
}
body[data-page="admin"] #preview th:first-child,
body[data-page="admin"] #preview td:first-child{
  min-width:50px!important;
}
body[data-page="admin"] #preview th:nth-child(2),
body[data-page="admin"] #preview td:nth-child(2){
  min-width:96px!important;
}
body[data-page="admin"] #preview th:nth-child(3),
body[data-page="admin"] #preview td:nth-child(3){
  min-width:132px!important;
}
body[data-page="admin"] #preview th[data-key^="formula:"],
body[data-page="admin"] #preview th[data-key^="formula:"] ~ th,
body[data-page="admin"] #preview td{
  overflow:visible!important;
}

/* 2026-06-29 user board: show every dynamic formula column without clipping */
body[data-page="user"] .board-panel .table-wrap,
body[data-page="user"] .table-scroll-wrapper,
body[data-page="user"] .table-wrap.big-table{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  border:0!important;
}
body[data-page="user"] .fin-table{
  table-layout:auto!important;
  width:max-content!important;
  min-width:max(1320px, 100%)!important;
  border-collapse:collapse!important;
}
body[data-page="user"] .fin-table th,
body[data-page="user"] .fin-table td{
  width:auto!important;
  min-width:104px!important;
  max-width:none!important;
  height:auto!important;
  min-height:28px!important;
  line-height:1.35!important;
  padding:4px 9px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
  vertical-align:middle!important;
}
body[data-page="user"] .fin-table th:first-child,
body[data-page="user"] .fin-table td:first-child{
  min-width:50px!important;
}
body[data-page="user"] .fin-table th:nth-child(2),
body[data-page="user"] .fin-table td:nth-child(2){
  min-width:96px!important;
}
body[data-page="user"] .fin-table th:nth-child(3),
body[data-page="user"] .fin-table td:nth-child(3){
  min-width:132px!important;
}
body[data-page="user"] .fin-table th[data-key^="formula:"],
body[data-page="user"] .fin-table td{
  overflow:visible!important;
}

/* 2026-06-29 compact ranking columns without clipping */
body[data-page="user"] .fin-table,
body[data-page="admin"] #preview table{
  table-layout:auto!important;
  width:max-content!important;
  min-width:max(1120px, 100%)!important;
}
body[data-page="user"] .fin-table th,
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  width:auto!important;
  min-width:84px!important;
  max-width:none!important;
  padding:3px 6px!important;
  line-height:1.28!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
}
body[data-page="user"] .fin-table th:first-child,
body[data-page="user"] .fin-table td:first-child,
body[data-page="admin"] #preview th:first-child,
body[data-page="admin"] #preview td:first-child{min-width:42px!important;padding-left:4px!important;padding-right:4px!important;}
body[data-page="user"] .fin-table th:nth-child(2),
body[data-page="user"] .fin-table td:nth-child(2),
body[data-page="admin"] #preview th:nth-child(2),
body[data-page="admin"] #preview td:nth-child(2){min-width:76px!important;}
body[data-page="user"] .fin-table th:nth-child(3),
body[data-page="user"] .fin-table td:nth-child(3),
body[data-page="admin"] #preview th:nth-child(3),
body[data-page="admin"] #preview td:nth-child(3){min-width:108px!important;}
body[data-page="user"] .fin-table th:nth-child(4),
body[data-page="user"] .fin-table td:nth-child(4),
body[data-page="admin"] #preview th:nth-child(4),
body[data-page="admin"] #preview td:nth-child(4){min-width:68px!important;}
body[data-page="user"] .fin-table th:nth-child(5),
body[data-page="user"] .fin-table td:nth-child(5),
body[data-page="user"] .fin-table th:nth-child(6),
body[data-page="user"] .fin-table td:nth-child(6),
body[data-page="admin"] #preview th:nth-child(5),
body[data-page="admin"] #preview td:nth-child(5),
body[data-page="admin"] #preview th:nth-child(6),
body[data-page="admin"] #preview td:nth-child(6){min-width:104px!important;}
body[data-page="user"] .fin-table th[data-key^="formula:"],
body[data-page="admin"] #preview th[data-key^="formula:"]{min-width:92px!important;}

/* 2026-06-29 ultra compact ranking columns without clipping */
body[data-page="user"] .fin-table,
body[data-page="admin"] #preview table{
  table-layout:auto!important;
  width:max-content!important;
  min-width:max(980px, 100%)!important;
  border-spacing:0!important;
}
body[data-page="user"] .fin-table th,
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  width:auto!important;
  min-width:72px!important;
  max-width:none!important;
  padding-left:3px!important;
  padding-right:3px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  line-height:1.24!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
}
body[data-page="user"] .fin-table th:first-child,
body[data-page="user"] .fin-table td:first-child,
body[data-page="admin"] #preview th:first-child,
body[data-page="admin"] #preview td:first-child{min-width:36px!important;padding-left:2px!important;padding-right:2px!important;}
body[data-page="user"] .fin-table th:nth-child(2),
body[data-page="user"] .fin-table td:nth-child(2),
body[data-page="admin"] #preview th:nth-child(2),
body[data-page="admin"] #preview td:nth-child(2){min-width:66px!important;}
body[data-page="user"] .fin-table th:nth-child(3),
body[data-page="user"] .fin-table td:nth-child(3),
body[data-page="admin"] #preview th:nth-child(3),
body[data-page="admin"] #preview td:nth-child(3){min-width:94px!important;}
body[data-page="user"] .fin-table th:nth-child(4),
body[data-page="user"] .fin-table td:nth-child(4),
body[data-page="admin"] #preview th:nth-child(4),
body[data-page="admin"] #preview td:nth-child(4){min-width:58px!important;}
body[data-page="user"] .fin-table th:nth-child(5),
body[data-page="user"] .fin-table td:nth-child(5),
body[data-page="user"] .fin-table th:nth-child(6),
body[data-page="user"] .fin-table td:nth-child(6),
body[data-page="admin"] #preview th:nth-child(5),
body[data-page="admin"] #preview td:nth-child(5),
body[data-page="admin"] #preview th:nth-child(6),
body[data-page="admin"] #preview td:nth-child(6){min-width:92px!important;}
body[data-page="user"] .fin-table th[data-key^="formula:"],
body[data-page="admin"] #preview th[data-key^="formula:"]{min-width:82px!important;}

/* 2026-06-29 content-fit ranking columns without clipping */
body[data-page="user"] .board-panel .table-wrap,
body[data-page="user"] .table-scroll-wrapper,
body[data-page="user"] .table-wrap.big-table,
body[data-page="admin"] #preview .table-wrap{
  overflow-x:auto!important;
  overflow-y:auto!important;
}
body[data-page="user"] .fin-table,
body[data-page="admin"] #preview table{
  table-layout:auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
body[data-page="user"] .fin-table th,
body[data-page="user"] .fin-table td,
body[data-page="admin"] #preview th,
body[data-page="admin"] #preview td{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:2px 3px!important;
  line-height:1.22!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
  vertical-align:middle!important;
}
body[data-page="user"] .fin-table th:first-child,
body[data-page="user"] .fin-table td:first-child,
body[data-page="admin"] #preview th:first-child,
body[data-page="admin"] #preview td:first-child{
  padding-left:2px!important;
  padding-right:2px!important;
}

/* 2026-07-20: main-board guide and independent dual-ranking views */
body[data-page="user"] .portal-guide{
  margin-top:34px;
  padding:30px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.3);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.1);
  color:#334155;
  font-size:15px;
  line-height:1.75;
}
body[data-page="user"] .portal-guide h2{
  margin:0 0 18px;
  padding-bottom:15px;
  border-bottom:3px solid #4299e1;
  color:#1e293b;
  font-size:22px;
}
body[data-page="user"] .portal-guide p{
  margin:0 0 14px;
  color:#475569;
}
body[data-page="user"] .portal-guide ul,
body[data-page="user"] .portal-guide ol{
  margin:0 0 16px;
  padding-left:23px;
}
body[data-page="user"] .portal-guide li{
  margin-bottom:7px;
}
body[data-page="user"] .portal-guide strong{
  color:#172033;
}
@media(min-width:1100px){
  body[data-page="user"] .portal-wrap{
    width:min(1480px,100%);
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(330px,.72fr);
    grid-template-areas:
      "hero guide"
      "cards guide";
    gap:34px;
    align-items:start;
  }
  body[data-page="user"] .portal-hero{
    grid-area:hero;
    margin-bottom:0;
  }
  body[data-page="user"] .portal-grid{
    grid-area:cards;
  }
  body[data-page="user"] .portal-guide{
    grid-area:guide;
    align-self:stretch;
    margin-top:0;
  }
}
@media(max-width:768px){
  body[data-page="user"] .portal-guide{
    margin-top:12px;
    padding:18px;
    border-radius:16px;
    font-size:13px;
    line-height:1.7;
  }
  body[data-page="user"] .portal-guide h2{
    margin-bottom:14px;
    padding-bottom:12px;
    font-size:18px;
  }
  body[data-page="user"] .portal-guide p{
    margin-bottom:12px;
  }
}
body[data-page="user"] .fin-table th[data-key],
body[data-page="admin"] #preview th[data-key]{
  cursor:pointer;
}
body[data-page="user"] .fin-table th.ranking-mode-active,
body[data-page="admin"] #preview th.ranking-mode-active{
  background:#16213e!important;
  color:#fff!important;
  box-shadow:inset 0 -2px #22d3ee;
}