:root { --bg:#070c15; --panel:#0e1828; --panel2:#14233a; --line:#263a57; --text:#edf4ff; --muted:#9eb2cd; --blue:#3b82f6; --danger:#e45e64; --sidebar-width:250px; --login-x:0px; --login-y:0px; --base-font-size:14px; --title-font-size:32px; --font-family:Inter,"Segoe UI",sans-serif; --title-font-family:Inter,"Segoe UI",sans-serif; --logo-url:url("northbound-logo.png"); --custom-background:radial-gradient(circle at 80% 0,#142b4d,transparent 38%),var(--bg); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:var(--custom-background); font:var(--base-font-size)/1.4 var(--font-family); }
h1,h2,h3,legend{font-family:var(--title-font-family)}
button,a,input,textarea { font:inherit; }
button,a { cursor:pointer; }
.hidden { display:none!important; }
.login { position:relative; isolation:isolate; min-height:100vh; display:grid; place-items:center; padding:24px; overflow:hidden; }
.login::before { content:""; position:absolute; z-index:-1; top:56%; left:-180px; width:min(1200px,115vw); aspect-ratio:1; background:var(--logo-url) center/contain no-repeat; opacity:.12; filter:saturate(.7) brightness(1.35); transform:translateY(-50%); }
.login section { width:min(460px,100%); padding:44px; background:rgba(8,18,32,.82); border:1px solid var(--line); border-radius:18px; box-shadow:0 30px 90px #0009; backdrop-filter:blur(10px); transform:translate(var(--login-x),var(--login-y)); }
.brand,.content header p { color:var(--blue); font-weight:700; letter-spacing:.2em; }
.login h1 { margin:12px 0; font-size:var(--title-font-size); }
.login p { color:var(--muted); line-height:1.6; }
.login a { display:block; margin-top:28px; padding:14px; color:#fff; text-align:center; text-decoration:none; font-weight:700; background:var(--blue); border-radius:9px; }
.copyright { position:fixed; left:12px; bottom:12px; z-index:10; max-width:calc(100vw - 24px); margin:0!important; color:var(--muted); font-size:12px; text-align:left; overflow-wrap:anywhere; opacity:.7; }
.shell { min-height:100vh; display:grid; grid-template-columns:var(--sidebar-width) 1fr; }
aside { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:26px 18px; background:#0b1422; border-right:1px solid var(--line); }
.logo { display:flex; justify-content:center; height:165px; margin-bottom:10px; overflow:hidden; }
.logo img { display:block; width:200px; height:200px; object-fit:contain; transform:translate(var(--logo-x,5px),var(--logo-y,-25px)); }
nav { display:grid; gap:7px; }
aside>nav{align-content:start;flex:1;min-height:0;padding-right:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#38557c transparent}aside>nav::-webkit-scrollbar{width:6px}aside>nav::-webkit-scrollbar-track{background:transparent}aside>nav::-webkit-scrollbar-thumb{background:#38557c;border-radius:10px}aside>nav::-webkit-scrollbar-thumb:hover{background:#4b70a1}
nav button { display:flex; justify-content:space-between; padding:13px 14px; color:var(--muted); text-align:left; background:transparent; border:1px solid transparent; border-radius:8px; font-size:15px; }
nav button:hover,nav button.active { color:var(--text); background:var(--panel2); border-color:var(--line); }
nav span { min-width:22px; padding:2px 6px; color:#fff; text-align:center; background:var(--blue); border-radius:20px; font-size:11px; }
.account { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding:15px 9px 0; border-top:1px solid var(--line); }
.account div { display:grid; gap:3px; overflow:hidden; }
.account strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account small { color:var(--muted); }
.staff-role { width:max-content; padding:3px 8px; border:1px solid; border-radius:20px; font-size:10px; font-weight:700; letter-spacing:.08em; }
.role-moderator { color:#54ef91!important; border-color:#35c974; box-shadow:0 0 10px #35c97488,inset 0 0 8px #35c97422; animation:moderatorGlow 1.8s ease-in-out infinite alternate; }
.role-admin { color:#ff6b73!important; border-color:#e54852; box-shadow:0 0 9px #e5485277,inset 0 0 8px #e5485222; }
.role-master { color:#7db4ff!important; border-color:#3b82f6; box-shadow:0 0 12px #3b82f699,inset 0 0 8px #3b82f633; }
.role-douanier { color:#ffd166!important; border-color:#d9a62e; box-shadow:0 0 9px #d9a62e66,inset 0 0 8px #d9a62e22; }
.role-custom { color:#c4a7ff!important; border-color:#8b5cf6; box-shadow:0 0 9px #8b5cf666,inset 0 0 8px #8b5cf622; }
@keyframes moderatorGlow { from { box-shadow:0 0 5px #35c97466,inset 0 0 5px #35c97418; } to { box-shadow:0 0 15px #35c974cc,inset 0 0 10px #35c97433; } }
.account button,#refresh { padding:8px 10px; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:7px; }
.account{position:relative}.account-identity{min-width:0}.account-menu{flex:0 0 auto;overflow:visible}.account-menu summary{display:grid;place-items:center;width:38px;height:38px;color:var(--muted);border:1px solid var(--line);border-radius:8px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu>div{position:absolute;z-index:50;right:8px;bottom:58px;display:grid;width:190px;padding:8px;background:#091221;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px #0009}.account-menu a,.account-menu button{width:100%;padding:10px;color:var(--text);text-align:left;text-decoration:none;background:transparent;border:0;border-radius:7px}.account-menu a:hover,.account-menu button:hover{background:var(--panel2)}
.content { min-width:0; padding:34px; }
.content>header { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; }
.content header p { margin:0 0 5px; font-size:11px; }
.content header h1 { margin:0; font-size:27px; }
.workspace { display:grid; grid-template-columns:minmax(310px,38%) 1fr; gap:18px; min-height:calc(100vh - 130px); }
.list { display:flex; flex-direction:column; gap:9px; }
.ticket { padding:16px; color:var(--text); text-align:left; background:var(--panel); border:1px solid var(--line); border-radius:10px; }
.ticket:hover,.ticket.active { background:#eaf2ff; color:#10213a; border-left:5px solid var(--blue); }
.ticket div { display:flex; justify-content:space-between; gap:8px; }
.ticket small { display:block; margin-top:7px; color:var(--muted); }
.ticket.active small,.ticket:hover small { color:#65716b; }
.badge { color:var(--blue); font-size:11px; }
.detail { display:flex; flex-direction:column; min-width:0; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.detail.empty { display:grid; place-items:center; color:var(--muted); }
.detail-head { display:flex; justify-content:space-between; gap:15px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.detail-head h2 { margin:5px 0 0; }
.meta { color:var(--muted); font-size:12px; }
.actions { display:flex; gap:8px; margin:16px 0; }
.actions button,.composer button { padding:10px 14px; color:#fff; font-weight:650; background:var(--blue); border:0; border-radius:8px; }
.actions .conclude { color:white; background:var(--danger); }
.messages { flex:1; display:flex; flex-direction:column; gap:10px; max-height:55vh; padding:14px; overflow:auto; background:#091221; border:1px solid var(--line); border-radius:9px; }
.message { padding:11px 13px; background:var(--panel2); border-left:3px solid var(--blue); border-radius:6px; }
.message strong { color:var(--blue); font-size:11px; }
.message p { margin:5px 0 0; line-height:1.5; word-break:break-word; }
.composer { display:grid; grid-template-columns:1fr auto; gap:9px; margin-top:12px; }
.composer textarea { min-height:65px; padding:11px; resize:none; color:white; background:#091221; border:1px solid var(--line); border-radius:8px; outline:none; }
.composer textarea:focus { border-color:var(--blue); }
.empty-state { padding:45px; color:var(--muted); text-align:center; background:var(--panel); border:1px solid var(--line); border-radius:10px; }
.transcripts { min-height:calc(100vh - 130px); }
.transcript-tabs { display:flex; gap:10px; margin-bottom:16px; }
.transcript-tabs button { padding:10px 15px; color:var(--muted); background:var(--panel); border:1px solid var(--line); border-radius:8px; }
.transcript-tabs button:hover,.transcript-tabs button.active { color:var(--text); background:var(--panel2); border-color:var(--blue); }
.transcript-layout { display:grid; grid-template-columns:minmax(300px,36%) 1fr; gap:18px; min-height:calc(100vh - 190px); }
.transcript-list { display:flex; flex-direction:column; gap:9px; min-width:0; }
.transcript { display:grid; gap:9px; width:100%; padding:16px; color:var(--text); text-align:left; background:var(--panel); border:1px solid var(--line); border-radius:9px; cursor:pointer; }
.transcript strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.transcript:hover,.transcript.active { color:#10213a; background:#eaf2ff; border-left:5px solid var(--blue); }
.transcript:hover .meta,.transcript.active .meta { color:#65716b; }
.transcript>div { display:flex; align-items:center; gap:8px; min-width:0; }
.transcript>div small { color:var(--muted); }
.transcript-person { min-width:0; padding:0; overflow:hidden; color:var(--blue); text-overflow:ellipsis; white-space:nowrap; font-weight:750; text-align:left; background:none; border:0; }
.transcript-person:hover { text-decoration:underline; }
.transcript-archive { flex:0 0 auto; margin-left:auto; padding:6px 9px; color:var(--muted); background:#091221; border:1px solid var(--line); border-radius:6px; }
.transcript-archive:hover { color:#fff; border-color:var(--blue); }
.transcript-preview { min-width:0; overflow:hidden; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.transcript-preview.empty { display:grid; place-items:center; color:var(--muted); }
.transcript-preview iframe { display:block; width:100%; height:100%; min-height:calc(100vh - 132px); background:#fff; border:0; }
.logs { display:grid; gap:16px; }
.log-toolbar { display:flex; justify-content:flex-end; }
.log-toolbar select { padding:10px 12px; color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:8px; }
.log-table { overflow:hidden; background:var(--panel); border:1px solid var(--line); border-radius:10px; }
.log-row { display:grid; grid-template-columns:180px 180px 160px minmax(240px,1fr); gap:12px; padding:13px 15px; border-bottom:1px solid var(--line); align-items:center; }
.log-row:last-child { border-bottom:0; }
.log-head { color:var(--muted); background:var(--panel2); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.settings form { display:grid; gap:16px; }
.parameter-tabs{display:flex;gap:10px;margin-bottom:20px}.parameter-tabs button{padding:11px 15px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px}.parameter-tabs button:hover,.parameter-tabs button.active{color:var(--text);border-color:var(--blue);background:var(--panel2)}
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.settings fieldset { min-width:0; margin:0; padding:18px; background:var(--panel); border:1px solid var(--line); border-radius:10px; }
.settings legend { padding:0 7px; font-size:16px; font-weight:700; }
.settings label { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:49px; border-bottom:1px solid var(--line); }
.settings label:last-child { border-bottom:0; }
.settings input,.settings select { accent-color:var(--blue); }
.settings input[type="checkbox"] { width:19px; height:19px; }
.settings input[type="number"],.settings select { width:145px; padding:8px 10px; color:var(--text); background:#091221; border:1px solid var(--line); border-radius:7px; }
.settings input[type="color"] { width:50px; height:32px; padding:2px; background:transparent; border:1px solid var(--line); border-radius:6px; }
.settings input[type="range"] { width:110px; }
.settings output { min-width:38px; color:var(--muted); text-align:right; }
.settings-actions { display:flex; justify-content:flex-end; align-items:center; gap:15px; }
.settings-actions span { color:var(--muted); }
.settings-actions button { padding:11px 15px; color:#fff; font-weight:700; background:var(--blue); border:0; border-radius:8px; }
.appearance-form{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-form textarea{width:240px;max-width:55%;min-height:70px;padding:8px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px;resize:vertical}.appearance-form .settings-actions{grid-column:1/-1}.appearance-form #nav-order{margin-top:14px}@media(max-width:1200px){.appearance-form{grid-template-columns:1fr 1fr}}@media(max-width:850px){.appearance-form{grid-template-columns:1fr}.appearance-form textarea{max-width:60%}}
.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.member-card{display:grid;gap:10px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.member-card header,.member-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.member-card header>div,.member-card>div:first-child{display:flex;align-items:center;gap:9px}.member-card small{color:var(--muted)}.permission-grid{display:grid;gap:7px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.permission-grid label{display:flex;justify-content:space-between;align-items:center;gap:10px}.permission-grid select,.member-card button,.order-item button,.settings input[type="text"],.settings input:not([type]){padding:8px 10px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}.member-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important}.member-card button{cursor:pointer}.member-card button:hover{border-color:var(--blue)}.member-card button.danger{border-color:var(--danger);color:#ff8990}.badge.blocked{color:#ff737b}.order-list{display:grid;gap:7px}.order-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:7px}.settings input[name^="design-"]{max-width:240px;padding:8px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}
.answers{display:grid;gap:10px;margin:18px 0}.answer{padding:13px;background:#091221;border:1px solid var(--line);border-radius:8px}.answer strong{color:var(--blue);font-size:12px}.answer p{margin:7px 0 0;line-height:1.5;white-space:pre-wrap}.decision-form{display:grid;gap:12px;margin-top:auto}.decision-form label,.question-card label{display:grid;gap:7px;color:var(--muted)}.decision-form textarea,.question-card input,.question-card select{width:100%;padding:11px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.decision-form textarea{min-height:75px;resize:vertical}.decision-form>div,.editor-toolbar{display:flex;align-items:center;gap:10px}.decision-form button,.editor-toolbar button,.question-card button{padding:10px 13px;color:#fff;background:var(--blue);border:0;border-radius:8px;cursor:pointer}.decision-form button.danger,.question-card button.danger{background:var(--danger)}.archive-grid,.question-editor{display:grid;gap:14px}.archive-card,.question-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.archive-card summary{display:flex;justify-content:space-between;cursor:pointer}.archive-meta{display:flex;flex-wrap:wrap;gap:14px;margin:15px 0;color:var(--muted);font-size:12px}.editor-toolbar{justify-content:flex-end;margin-bottom:16px}.editor-toolbar span{margin-right:auto;color:var(--muted)}.question-card{display:grid;gap:13px}.question-head{display:flex;justify-content:space-between;align-items:center}.question-head>div{display:flex;gap:6px}.question-head button{padding:7px 10px}.question-head button:disabled{opacity:.35;cursor:not-allowed}
.home-hero{display:flex;align-items:center;gap:26px;padding:26px;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:15px}.home-hero img{width:145px;height:145px;object-fit:contain}.home-hero span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.18em}.home-hero h2{margin:9px 0 12px;font-size:28px}.home-hero p{margin:14px 0 0;color:var(--muted)}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.home-cards button{display:grid;gap:12px;padding:20px;color:var(--text);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:11px;cursor:pointer}.home-cards button:hover{border-color:var(--blue);transform:translateY(-2px)}.home-cards button span{color:var(--muted)}.home-cards button strong{color:var(--blue);font-size:25px}.home-activity{margin-top:22px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.home-activity h2{margin-top:0}.home-activity article{display:grid;grid-template-columns:170px 160px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.home-activity article:last-child{border-bottom:0}.home-activity article span,.home-activity article p{margin:0;color:var(--muted)}
.citizen-file>.detail-head{order:0}.citizen-file>.citizen-summary{order:1}.citizen-file>.trust-panel{order:2}.citizen-file>.citizen-notes{order:3}.citizen-file>.citizen-audit{order:4}.citizen-file>details{order:5}
.citizen-file>.citizen-info{order:4}.citizen-file>.citizen-audit{order:5}.citizen-file>.citizen-sanctions{order:6}.citizen-file>details:not(.citizen-info):not(.citizen-audit):not(.citizen-sanctions){order:7}
.citizen-settings-actions .name-change-active{color:#ffd86b;background:#4a3508;border-color:#f5b82e;box-shadow:0 0 0 1px #f5b82e33 inset}
.citizen-stats .danger-stat,.ticket.see-staff{border-color:#ef4444;box-shadow:0 0 0 1px #ef444422 inset}.citizen-stats .danger-stat strong,.see-staff-badge{color:#ff6868}.see-staff-badge{font-size:11px;font-weight:800;letter-spacing:.06em}.citizen-settings-actions .see-staff-active{color:#ff777d;background:#3d1015;border-color:#ef4444}
.citizen-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.citizen-stats article{min-width:0;padding:13px}.citizen-stats span{overflow-wrap:anywhere}
.citizen-request-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.citizen-request-tabs button{padding:10px 13px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px}.citizen-request-tabs button.active{color:var(--text);border-color:var(--blue);background:var(--panel2)}.request-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.request-review-card{display:grid;gap:10px;padding:18px;color:var(--text);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:11px}.request-review-card:hover{border-color:var(--blue)}.request-review-card p{margin:0;color:var(--muted)}.request-review-card .status{color:var(--blue)}.request-review-card.approved{border-color:#28c978}.request-review-card.refused{border-color:var(--danger)}.request-review-detail{display:grid;gap:12px}.request-review-detail textarea{width:100%;min-height:110px;padding:10px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}.request-review-detail .actions{flex-wrap:wrap}.request-review-detail [data-request-status="approved"]{background:#188956}.request-review-detail [data-request-status="refused"]{background:var(--danger)}
.management-head{display:flex;justify-content:flex-end;margin-bottom:14px}.management-head select,.form-tabs button,.management-tabs button{padding:10px 13px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px}.management-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.management-stats article{display:grid;gap:9px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.management-stats span{color:var(--muted)}.management-stats strong{color:var(--blue);font-size:24px}.management-tabs,.form-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.management-tabs button.active,.form-tabs button.active{border-color:var(--blue);background:var(--panel2)}.form-tabs button{display:grid;gap:4px;text-align:left}.form-tabs small{color:var(--muted);font-size:9px}.fixed-questions{display:grid;gap:7px;margin-bottom:14px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.fixed-questions span{color:var(--muted)}.active-toggle{display:flex;align-items:center;gap:6px}.management-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-panel,.management-settings-grid>div{display:grid;gap:13px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.settings-panel label,.management-settings-grid>div>label{display:grid;gap:7px;color:var(--muted)}.settings-panel input,.settings-panel textarea,#intro-editor{width:100%;padding:10px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}.settings-panel textarea,#intro-editor{min-height:100px;resize:vertical}.settings-panel button,.intro-preview button{padding:11px;color:#fff;background:var(--blue);border:0;border-radius:8px}.intro-preview{margin-top:14px;padding:18px;background:#091221;border:1px solid var(--line);border-radius:10px}.intro-preview>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.15em}.intro-preview>div{max-height:260px;margin:13px 0;overflow:auto;color:var(--muted);line-height:1.6;white-space:pre-wrap}
.member-tabs{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:24px}.member-tabs button{min-height:92px;padding:22px;color:var(--muted);font-size:15px;font-weight:700;background:var(--panel);border:1px solid var(--line);border-radius:11px;cursor:pointer}.member-tabs button:hover,.member-tabs button.active{color:var(--text);background:var(--panel2);border-color:var(--blue);box-shadow:0 0 14px #3b82f633}.compact-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.compact-member{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:112px;padding:22px;color:var(--text);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px}.compact-member[type="button"]{cursor:pointer}.compact-member[type="button"]:hover{border-color:var(--blue);transform:translateY(-1px)}.compact-member strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.compact-member small{grid-column:1/-1;font-size:12px}.compact-member .allowed{color:#54ef91}.compact-member .denied{color:#ff6b73}.manage-members{display:grid;gap:11px}.manage-members article{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.manage-members article>div{display:grid;gap:7px}.manage-members button,.member-modal button{padding:9px 12px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px;cursor:pointer}.manage-members .danger,.member-modal .danger{color:#ff8990;border-color:var(--danger)}.manage-pending{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.manage-pending h2{margin:0 0 16px}.pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.member-modal{position:relative;width:min(680px,calc(100vw - 32px));max-height:86vh;padding:26px;color:var(--text);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px}.member-modal::backdrop{background:#020712cc;backdrop-filter:blur(4px)}.member-modal h2{margin:0 0 10px}.modal-close{position:absolute;top:14px;right:14px;width:35px;height:35px;padding:0!important;font-size:23px}.modal-meta{display:grid;gap:6px;margin:18px 0;color:var(--muted);font-size:12px}
.member-tabs{grid-template-columns:repeat(2,minmax(180px,1fr))}.member-group{margin-bottom:30px}.member-group h2{margin:0 0 14px;padding-bottom:10px;color:var(--muted);font-size:15px;border-bottom:1px solid var(--line)}.pending-person{gap:9px}.pending-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin-top:5px}.pending-actions .approve{color:#fff;background:#168a4d;border-color:#28c978}.pending-actions .danger{color:#fff;background:#a92f3c;border-color:#ef5968}
.question-main{display:grid;grid-template-columns:1fr 210px;gap:12px}.question-main input,.question-main select,.option-row input,.form-question textarea{width:100%;padding:11px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.option-editor{display:grid;gap:8px}.option-row{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.option-row input[type="radio"]{width:19px;height:19px}.form-question .active-toggle,.form-question .expected-toggle{display:flex!important;align-items:center;justify-content:flex-start;gap:9px;width:max-content;min-height:auto}.form-question .active-toggle input,.form-question .expected-toggle input{flex:0 0 auto;width:18px;height:18px;margin:0}.citizen-toolbar{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.citizen-search{flex:1}.citizen-search input{width:100%;padding:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px}.citizen-toolbar button{padding:13px 16px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:9px}.citizen-toolbar span{align-self:center;color:var(--muted)}.citizen-layout{display:grid;grid-template-columns:minmax(280px,32%) 1fr;gap:16px}.citizen-layout>#citizen-list{display:grid;align-content:start;gap:9px}.citizen-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.citizen-summary article{display:grid;gap:7px;padding:15px;background:#091221;border:1px solid var(--line);border-radius:9px}.citizen-summary span{color:var(--muted)}.citizen-file details,.trust-panel,.citizen-notes{margin-top:14px;padding:16px;background:#091221;border:1px solid var(--line);border-radius:9px}.citizen-application{display:grid;gap:7px;margin-top:12px;padding:13px;background:var(--panel);border-radius:8px}.trust-buttons{display:flex;gap:8px}.trust-buttons button,.citizen-file button,.citizen-notes button{padding:9px 12px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:7px}.citizen-notes form{display:grid;grid-template-columns:1fr auto;gap:8px}.citizen-notes textarea{min-height:70px;padding:10px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px}.citizen-notes article{margin-top:9px;padding:11px;background:var(--panel);border-radius:7px}.answer-score{margin:12px 0;padding:12px;color:var(--blue);background:var(--panel2);border-radius:8px}.answer.correct{border-color:#28c978}.answer.incorrect{border-color:#ef5968}.answer.manual{border-color:#d9a62e}
.citizen-audit>summary{cursor:pointer;font-weight:700}.citizen-audit-list{display:grid;gap:0;margin-top:14px;padding-top:4px;border-top:1px solid var(--line)}.citizen-audit article{position:relative;display:grid;grid-template-columns:11px minmax(0,1fr);gap:10px;padding:10px 0}.citizen-audit article:not(:last-child){border-bottom:1px solid var(--line)}.citizen-audit i{width:9px;height:9px;margin-top:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 8px #3b82f688}.citizen-audit p{margin:3px 0;color:var(--muted)}.citizen-audit small{color:var(--muted)}
.nav-group{display:contents}.nav-submenu{display:none;margin:-4px 0 4px 18px;border-left:1px solid var(--line)}.nav-group.expanded .nav-submenu{display:grid}.nav-submenu button{padding:8px 12px!important;font-size:13px!important;background:transparent!important;border:0!important;border-radius:0!important}.nav-group>button i{margin-left:auto;font-style:normal;transition:transform .2s}.nav-group.expanded>button i{transform:rotate(90deg)}
.ticket.permanent-ban{border-color:#ef4444;background:linear-gradient(135deg,#2d1018,var(--panel))}.permanent-ban-badge{margin-left:auto;color:#ff6b72;font-size:11px;font-weight:800}.citizen-info,.citizen-sanctions{padding:14px;border:1px solid var(--line);border-radius:9px}.citizen-info>summary,.citizen-sanctions>summary{cursor:pointer;font-weight:700}.citizen-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.citizen-info-grid article{display:grid;gap:5px;padding:12px;background:#091221;border:1px solid var(--line);border-radius:8px}.citizen-info-grid span,.citizen-info-grid small{color:var(--muted);font-size:12px}.citizen-info-grid .ip-warning{border-color:#ef4444;color:#ff737a}.ip-match-list{margin-top:10px;padding:10px;border-left:3px solid #ef4444;background:#2d1018}.citizen-sanction-list{display:grid;gap:10px;margin-top:14px}.citizen-sanction-list article{display:grid;gap:6px;padding:12px;background:#091221;border:1px solid var(--line);border-radius:8px}.citizen-sanction-list article.active{border-color:#f59e0b}.citizen-sanction-list p,.citizen-sanction-list small{margin:0;color:var(--muted)}.citizen-application.revoked{opacity:.55}
.sanction-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 14px}.sanction-actions button{padding:11px 15px;color:#fff;background:var(--blue);border:0;border-radius:8px}.sanction-actions button:nth-child(2),.sanction-actions button:nth-child(4){background:#b4232f}#sanction-search{width:100%;margin-bottom:14px;padding:12px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.sanction-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px}.sanction-layout>section,.sanction-layout>aside{padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.sanction-layout h2{margin-top:0}.sanction-card{display:grid;gap:7px;margin-bottom:10px;padding:13px;background:#091221;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px}.sanction-card.game_ban{border-left-color:#ef4444}.sanction-card.warning{border-left-color:#f59e0b}.sanction-card.see_staff{border-left-color:#fb7185}.sanction-card>div{display:flex;justify-content:space-between;gap:10px}.sanction-card p,.sanction-card small{margin:0;color:var(--muted)}.sanction-card button{justify-self:end}.member-modal form{display:grid;gap:12px}.member-modal form label{display:grid;gap:6px;color:var(--muted)}.member-modal form input,.member-modal form select,.member-modal form textarea{width:100%;padding:11px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.member-modal form textarea{min-height:90px}.member-modal .inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center}.member-modal .inline-check input{width:auto}.sanction-form-actions{display:flex;gap:10px}.sanction-form-actions .danger{background:#b4232f}
@media(max-width:900px){.sanction-layout{grid-template-columns:1fr}}
.sanction-citizen-label{display:flex;align-items:center;justify-content:space-between}.sanction-citizen-label button{display:grid;width:28px;height:28px;padding:0;place-items:center;color:#fff;background:var(--blue);border:0;border-radius:7px;font-size:20px;line-height:1}.sanction-citizen-rows{display:grid;gap:9px}.sanction-citizen-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.sanction-citizen-search{position:relative}.sanction-citizen-results{position:absolute;z-index:30;top:calc(100% + 5px);right:0;left:0;max-height:260px;overflow-y:auto;padding:6px;background:#08111f;border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 35px #0009}.sanction-citizen-results button{display:grid;width:100%;gap:3px;padding:10px;text-align:left;color:var(--text);background:transparent;border:0;border-radius:6px}.sanction-citizen-results button:hover{background:#17263d}.sanction-citizen-results small{color:var(--muted)}.sanction-citizen-results p{margin:8px;color:var(--muted)}.sanction-remove-citizen{width:42px;height:42px;padding:0!important;color:#ff737a!important;background:#2d1018!important;border:1px solid #7c2932!important;font-size:20px}
.sanction-duration-fields{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(120px,1.2fr);gap:8px}.sanction-duration-fields.disabled{opacity:.45}.sanction-permanent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;margin-top:8px;padding:12px;background:#091221;border:1px solid var(--line);border-radius:9px;cursor:pointer}.sanction-permanent:has(input:checked){border-color:#ef4444;background:#2d1018}.sanction-permanent input{width:18px!important;height:18px}.sanction-permanent span{display:grid;gap:2px}.sanction-permanent small{color:var(--muted);font-size:12px}@media(max-width:520px){.sanction-duration-fields{grid-template-columns:1fr}}
.sanction-card.clickable{cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.sanction-card.clickable:hover,.sanction-card.clickable:focus-visible{transform:translateY(-1px);background:#122039;border-color:var(--blue);outline:none}.sanction-detail{display:grid;gap:16px}.sanction-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sanction-detail>header span,.sanction-detail article>span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sanction-detail h2{margin:5px 0 0;font-size:30px}.sanction-detail-status{padding:7px 10px;border-radius:999px;background:#17263d}.sanction-detail-status.active{color:#fbbf24;background:#3a2b0a}.sanction-detail-status.cancelled,.sanction-detail-status.expired{color:#aebbd0}.sanction-detail-person{padding:15px;background:#091221;border:1px solid var(--line);border-radius:10px}.sanction-detail-person h3,.sanction-detail-person p{margin:0}.sanction-detail-person p{margin-top:5px;color:var(--muted)}.sanction-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sanction-detail-grid article,.sanction-detail-reason{display:grid;gap:6px;padding:13px;background:#091221;border:1px solid var(--line);border-radius:9px}.sanction-detail-grid small{color:var(--muted)}.sanction-detail-reason p{margin:0;white-space:pre-wrap;line-height:1.55}.sanction-revisions{display:grid;gap:8px}.sanction-revisions h3{margin-bottom:2px}.sanction-revisions article{display:grid;gap:5px;padding:12px;border-left:3px solid var(--blue);background:#091221}.sanction-revisions p,.sanction-revisions small{margin:0;color:var(--muted)}@media(max-width:600px){.sanction-detail-grid{grid-template-columns:1fr}.sanction-detail>header{align-items:flex-start;flex-direction:column}}
.citizen-stats{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:18px}.citizen-stats article{display:grid;gap:8px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.citizen-stats span{color:var(--muted);font-size:12px}.citizen-stats strong{font-size:22px}.citizen-stats .warning{border-color:#d9a62e}.citizen-toolbar select{padding:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px}.ticket.watched{border-color:#d9a62e}.ticket>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.watch-badge,.watch-notice{color:#ffc34d}.citizen-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.citizen-settings-actions button,.citizen-nickname input{padding:11px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.citizen-settings-actions .danger{color:#ff8990;border-color:var(--danger)}.citizen-nickname{display:grid;gap:8px;margin-top:20px;color:var(--muted)}
@media(max-width:1100px){.citizen-stats{grid-template-columns:repeat(3,1fr)}.citizen-toolbar{flex-wrap:wrap}.citizen-layout,.role-permissions-grid{grid-template-columns:1fr}}
.access-comment{padding:11px;background:#091221;border:1px solid var(--line);border-radius:8px}.access-comment strong{font-size:12px;color:var(--blue)}.access-comment p{margin:7px 0 0;color:var(--muted);line-height:1.45;white-space:pre-wrap}
.admin-delete{display:flex;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.admin-delete button{padding:10px 14px;color:#ff8990;background:#091221;border:1px solid var(--danger);border-radius:8px;cursor:pointer}.admin-delete button:hover{color:#fff;background:var(--danger)}
.ui-dialog{width:min(480px,calc(100vw - 32px));padding:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 80px #000a}.ui-dialog::backdrop{background:#020712cc;backdrop-filter:blur(5px)}.ui-dialog form{display:grid;gap:14px;padding:24px}.ui-dialog h2,.ui-dialog p{margin:0}.ui-dialog p{color:var(--muted);line-height:1.5;white-space:pre-wrap}.ui-dialog textarea{min-height:110px;padding:12px;color:var(--text);resize:vertical;background:#091221;border:1px solid var(--line);border-radius:8px}.ui-dialog-actions{display:flex;justify-content:flex-end;gap:9px}.ui-dialog-actions button{padding:10px 15px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.ui-dialog-actions .primary{color:#fff;background:var(--blue);border-color:var(--blue)}
.permission-grid{display:grid;gap:10px;margin-top:14px}.permission-section{display:grid;gap:2px;margin-top:14px;padding:14px;background:#091221;border:1px solid var(--line);border-radius:10px}.permission-grid .permission-section{margin-top:0}.permission-section h3{margin:0;color:var(--blue);font-size:13px}.permission-section summary{padding:2px 0;color:var(--blue);font-size:13px;font-weight:750;cursor:pointer}.permission-section[open] summary{margin-bottom:8px}.permission-switch{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:14px;min-height:45px;border-bottom:1px solid var(--line)}.permission-switch:last-child{border-bottom:0}.permission-switch input{position:absolute;opacity:0;pointer-events:none}.permission-switch i{position:relative;flex:0 0 46px;width:46px;height:26px;background:#536075;border-radius:20px;transition:.2s}.permission-switch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s}.permission-switch input:checked+i{background:var(--blue)}.permission-switch input:checked+i::after{transform:translateX(20px)}.permission-switch input:disabled+i{opacity:.45}.permission-switch:not(:has(input:disabled)){cursor:pointer}
.role-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.role-permission-card{align-self:start;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.role-permission-card h2{margin:0 0 5px}.role-permission-card .permission-section{margin-top:9px}.role-permission-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.role-permission-head small{color:var(--muted)}.role-permission-head label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.role-permission-head input{width:42px;height:32px;padding:2px;background:transparent;border:1px solid var(--line);border-radius:6px}
@media(max-width:1100px){.role-permissions-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.role-moderator{animation:none}}
@media(max-width:850px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}.workspace,.transcript-layout,.settings-grid,.management-settings-grid{grid-template-columns:1fr}.transcript-preview iframe{min-height:70vh}.content{padding:20px}.log-table{overflow-x:auto}.log-row{min-width:760px}.member-tabs{grid-template-columns:1fr}.manage-members article{align-items:flex-start;flex-direction:column}}
/* Member access panel: keep grouped permissions and actions comfortably aligned. */
@media (min-width:760px){.member-modal{width:min(900px,calc(100vw - 32px))}.member-actions{gap:8px}}
.mobile-menu-toggle,.mobile-menu-backdrop{display:none}
@media(max-width:850px){body:has(.mobile-menu-open){overflow:hidden}.mobile-menu-toggle{position:fixed;z-index:1201;top:14px;left:14px;display:grid;place-content:center;gap:4px;width:44px;height:44px;padding:0;background:#0b1422;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0007}.mobile-menu-toggle span{display:block;width:21px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.shell>aside{position:fixed;z-index:1200;inset:0 auto 0 0;width:min(82vw,300px);height:100dvh;padding-top:72px;overflow-y:auto;transform:translateX(-105%);box-shadow:18px 0 45px #0009;transition:transform .22s ease}.mobile-menu-open>aside{transform:translateX(0)}.mobile-menu-backdrop{position:fixed;z-index:1199;inset:0;display:block;width:100%;height:100%;padding:0;background:#020712b8;border:0;opacity:0;pointer-events:none;transition:opacity .22s}.mobile-menu-open>.mobile-menu-backdrop{opacity:1;pointer-events:auto}.content{padding-top:72px}.content>header{padding-left:48px}}
@media(max-width:850px){html,body,.shell{max-width:100%;overflow-x:hidden}.content{width:100%;min-width:0;padding:72px 14px 20px}.content>header{align-items:flex-start;gap:10px;margin-bottom:18px;padding-left:48px}.content>header>div{min-width:0}.content>header h1{font-size:24px;overflow-wrap:anywhere}.content>header>button{flex:0 0 auto;padding:8px 10px}.log-table{width:100%;overflow:visible}.log-head{display:none}.log-row{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:14px}.log-row>span:first-child{font-size:12px}.log-row>strong{text-align:right}.log-row>.badge{justify-self:start}.log-row>span:last-child{grid-column:1/-1;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.home-hero{align-items:flex-start;flex-direction:column}.home-hero img{width:96px;height:96px}.home-activity article{grid-template-columns:1fr}.cards,.compact-members,.pending-grid{grid-template-columns:minmax(0,1fr)}.question-main,.citizen-summary,.citizen-notes form,.composer{grid-template-columns:1fr}.citizen-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member-modal{width:calc(100vw - 20px);padding:20px}.member-actions{gap:8px}.trust-buttons,.citizen-settings-actions{flex-wrap:wrap}.form-tabs,.management-tabs{overflow-wrap:anywhere}}
.account-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.account-actions button{font-size:11px}.dev-mode-banner{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:14px;margin:-34px -34px 24px;padding:11px 34px;color:#ffe6a6;background:#6b3e06;border-bottom:1px solid #f59e0b}.dev-mode-banner strong{letter-spacing:.08em}.dev-mode-banner span{font-size:12px}.dev-mode-active .logo img{cursor:move;touch-action:none;filter:drop-shadow(0 0 10px #f59e0b)}.discord-log-toolbar{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr) auto;gap:10px;margin-bottom:16px}.discord-log-toolbar select,.discord-log-toolbar input,.discord-log-toolbar button,.dev-panel select,.dev-panel input,.dev-panel button,.dev-head button{padding:11px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px}.discord-log-list{display:grid;gap:12px}.discord-log-card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.discord-log-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.discord-log-card>header>div{display:flex;align-items:center;gap:10px}.discord-log-card header img{width:36px;height:36px;border-radius:50%}.discord-log-card header small,.discord-log-card header>span{display:block;color:var(--muted);font-size:11px}.discord-log-content{white-space:pre-wrap;overflow-wrap:anywhere}.discord-embed{display:grid;gap:8px;margin-top:10px;padding:14px;background:#091221;border-left:4px solid var(--embed-color);border-radius:5px}.discord-embed h3,.discord-embed p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.discord-embed small{color:var(--muted)}.discord-embed-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.discord-embed-fields div{display:grid;gap:4px}.discord-embed-fields span{white-space:pre-wrap}.discord-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.discord-attachments a{color:var(--blue)}.dev-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px;background:linear-gradient(135deg,#422706,var(--panel));border:1px solid #f59e0b;border-radius:12px}.dev-head span{color:#fbbf24;font-size:11px;font-weight:800;letter-spacing:.15em}.dev-head h2,.dev-head p,.dev-panel h2,.dev-panel p{margin:7px 0}.dev-head p,.dev-panel p{color:var(--muted)}.dev-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.dev-health article{display:grid;gap:7px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.dev-health article.healthy{border-color:#1f8a50}.dev-health article.unhealthy{border-color:var(--danger)}.dev-health span,.dev-health small{color:var(--muted)}.dev-health strong{color:#54ef91}.dev-health .unhealthy strong{color:#ff8990}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dev-panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.dev-panel>select,.dev-panel>button{margin:8px 8px 0 0}.logo-position-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.logo-position-controls label{display:grid;gap:6px;color:var(--muted)}.dev-panel-actions,.dev-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.dev-section-editor{display:grid;gap:10px;margin-top:14px}.dev-section-editor article{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(170px,1fr) minmax(240px,1.5fr) 120px;align-items:center;gap:12px;padding:12px;background:#091221;border:1px solid var(--line);border-radius:9px}.dev-section-editor article>div,.dev-section-editor label{display:grid;gap:5px}.dev-section-editor small,.dev-section-editor label{color:var(--muted);font-size:11px}
@media(max-width:850px){.dev-mode-banner{align-items:flex-start;flex-direction:column;margin:-72px -14px 18px;padding:72px 14px 12px}.discord-log-toolbar,.dev-grid,.logo-position-controls,.dev-section-editor article{grid-template-columns:1fr}.discord-log-card>header,.dev-head{align-items:flex-start;flex-direction:column}.discord-log-card header>span{overflow-wrap:anywhere}.dev-section-editor .permission-switch{width:100%}}
.dev-category-name{display:grid;gap:6px;max-width:420px;margin-top:14px;color:var(--muted)}
.home-section-title{margin:24px 0 12px;font-size:16px}.master-health{margin-bottom:4px}.discord-log-toolbar{grid-template-columns:minmax(220px,1fr) auto}.discord-log-layout{display:grid;grid-template-columns:220px minmax(300px,380px) minmax(0,1fr);gap:12px;min-height:calc(100vh - 160px)}.discord-log-sections,.discord-log-events,.discord-log-preview{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:11px}.discord-log-sections{display:flex;flex-direction:column;align-content:stretch;gap:5px;padding:9px;overflow:auto}.discord-log-sections button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:11px;color:var(--muted);text-align:left;background:transparent;border:1px solid transparent;border-radius:8px}.discord-log-sections button:hover,.discord-log-sections button.active{color:var(--text);background:var(--panel2);border-color:var(--line)}.discord-log-sections button span{min-width:0;padding:0;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap;background:none;border-radius:0;font-size:13px}.discord-log-sections button b{min-width:25px;padding:2px 6px;text-align:center;background:#091221;border-radius:12px;font-size:11px}.discord-log-sections button i,.discord-log-event>i{position:absolute;width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 8px var(--blue)}.discord-log-sections button i{top:6px;right:6px}.discord-log-events{display:flex;flex-direction:column;gap:1px;overflow:auto}.discord-log-event{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;padding:13px;color:var(--text);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line)}.discord-log-event:hover,.discord-log-event.active{background:var(--panel2)}.discord-log-event img,.discord-log-avatar{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--blue);border-radius:50%;object-fit:cover;font-weight:800}.discord-log-event div{display:grid;gap:4px;min-width:0}.discord-log-event div>span,.discord-log-event small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.discord-log-event strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-log-event>i{top:12px;right:9px}.discord-log-preview{padding:20px;overflow:auto}.discord-log-preview.empty{display:grid;place-items:center;color:var(--muted)}.discord-log-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.discord-log-preview>header>div{display:flex;align-items:flex-start;gap:11px}.discord-log-preview>header>div:last-child{justify-content:flex-end;flex-wrap:wrap}.discord-log-preview header img{width:44px;height:44px;border-radius:50%}.discord-log-preview h2{margin:5px 0;font-size:19px;overflow-wrap:anywhere}.discord-log-preview header span,.discord-log-preview header small{color:var(--muted)}.discord-log-preview header button,.discord-log-back{padding:8px 10px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}.discord-log-back{display:none;margin-bottom:12px}
@media(max-width:1200px){.discord-log-layout{grid-template-columns:190px minmax(270px,340px) minmax(0,1fr)}}
@media(max-width:850px){.master-health{grid-template-columns:repeat(2,minmax(0,1fr))}.discord-log-toolbar{grid-template-columns:minmax(0,1fr) auto}.discord-log-layout{display:flex;flex-direction:column;min-height:0}.discord-log-sections{flex-direction:row;overflow-x:auto}.discord-log-sections button{flex:0 0 auto;width:auto;min-width:130px}.discord-log-events{max-height:none}.discord-log-preview{display:none}.discord-log-detail-open .discord-log-sections,.discord-log-detail-open .discord-log-events{display:none}.discord-log-detail-open .discord-log-preview{display:block}.discord-log-back{display:block}.discord-log-preview>header{flex-direction:column}.discord-log-preview>header>div:last-child{justify-content:flex-start}.discord-log-event strong{white-space:normal}.discord-log-event div>span,.discord-log-event small{white-space:normal}}
.discord-log-layout{grid-template-columns:220px minmax(0,1fr)}.discord-log-feed{min-width:0;padding:8px 22px 24px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:11px}.discord-day{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:11px;font-weight:700}.discord-day::before,.discord-day::after{content:"";height:1px;flex:1;background:var(--line)}.discord-feed-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:9px 7px;border-radius:7px}.discord-feed-message:hover{background:#ffffff08}.discord-feed-message>img,.discord-feed-message>.discord-log-avatar{width:42px;height:42px}.discord-feed-message>div{min-width:0}.discord-feed-message header{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.discord-feed-message header strong{font-size:14px}.discord-feed-message header span,.discord-feed-message header em{color:var(--muted);font-size:11px;font-style:normal}.discord-feed-message header em{padding:2px 6px;background:#091221;border-radius:9px}.discord-feed-message .discord-embed{max-width:720px}.discord-message-actions{display:flex;gap:7px;margin-top:8px;opacity:0;transition:opacity .15s}.discord-feed-message:hover .discord-message-actions{opacity:1}.discord-message-actions button{padding:6px 8px;color:var(--muted);background:#091221;border:1px solid var(--line);border-radius:6px;font-size:11px}.dev-draggable{cursor:grab}.dev-draggable::before{content:"⋮⋮";margin-right:7px;color:#f59e0b;letter-spacing:-3px}.dev-draggable.dragging{opacity:.4;border-color:#f59e0b!important}.dev-mode-active #sidebar>nav{padding:7px;border:1px dashed #f59e0b55;border-radius:10px}
#discord-logs-view:not(.hidden){display:flex;flex-direction:column;height:calc(100vh - 110px);min-height:420px;overflow:hidden}.discord-log-toolbar{flex:0 0 auto}.discord-log-layout{flex:1;min-height:0;height:auto}.discord-log-sections,.discord-log-feed{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#38557c transparent}.discord-log-feed::-webkit-scrollbar,.discord-log-sections::-webkit-scrollbar{width:7px}.discord-log-feed::-webkit-scrollbar-track,.discord-log-sections::-webkit-scrollbar-track{background:transparent}.discord-log-feed::-webkit-scrollbar-thumb,.discord-log-sections::-webkit-scrollbar-thumb{background:#38557c;border-radius:10px}.discord-log-feed::-webkit-scrollbar-thumb:hover,.discord-log-sections::-webkit-scrollbar-thumb:hover{background:#4b70a1}
@media(max-width:850px){.discord-log-layout{display:flex}.discord-log-feed{padding:5px 8px 18px}.discord-feed-message{grid-template-columns:36px minmax(0,1fr)}.discord-feed-message>img,.discord-feed-message>.discord-log-avatar{width:36px;height:36px}.discord-feed-message .discord-embed{max-width:100%}.discord-message-actions{opacity:1}}
.visual-editor-toolbar,.design-pipeline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.visual-editor-toolbar{justify-content:space-between;margin-bottom:12px}.visual-editor-toolbar>div{display:flex;gap:7px}.visual-editor-toolbar button,.design-pipeline button{padding:9px 13px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.visual-editor-toolbar button.active,.visual-editor-toolbar button:hover{border-color:var(--blue);background:var(--panel2)}.visual-editor{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:650px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.design-inspector{position:static;width:auto;height:auto;padding:12px;background:#091221;border-right:1px solid var(--line);overflow:auto;transition:width .2s,padding .2s}.design-inspector.collapsed{width:0;padding:0;border:0;overflow:hidden}.design-inspector form{display:grid;gap:9px}.design-inspector details{padding:0 12px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.design-inspector summary{padding:14px 0;color:var(--blue);font-weight:800;cursor:pointer}.design-inspector label{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--line)}.design-inspector input,.design-inspector select,.design-inspector textarea{width:100%;padding:9px;color:var(--text);background:#07101d;border:1px solid var(--line);border-radius:7px}.design-inspector textarea{min-height:70px;resize:vertical}.design-media-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 0}.design-media-library button{display:grid;gap:4px;min-width:0;padding:6px;color:var(--muted);background:#07101d;border:1px solid var(--line);border-radius:7px}.design-media-library img{width:100%;height:70px;object-fit:contain}.design-media-library span{overflow:hidden;text-overflow:ellipsis;font-size:10px}.design-stage-wrap{display:grid;place-items:center;min-width:0;padding:24px;overflow:auto;background:#050912}.design-stage{position:relative;width:min(1050px,100%);height:590px;overflow:hidden;color:var(--editor-text);background:var(--editor-bg);border:1px solid var(--line);border-radius:12px;font:var(--editor-font-size)/1.45 var(--editor-font);box-shadow:0 25px 70px #0008}.design-stage.mobile{width:390px;height:700px}.design-stage h1{font:800 var(--editor-title-size)/1.1 var(--editor-title-font)}.editor-sidebar{position:absolute;inset:0 auto 0 0;display:grid;align-content:start;gap:18px;width:190px;padding:25px 18px;background:color-mix(in srgb,var(--editor-panel) 94%,transparent);border-right:1px solid #ffffff18}.editor-sidebar img{width:85px;height:85px;object-fit:contain;touch-action:none;cursor:grab}.editor-sidebar span{color:var(--editor-muted)}.editor-login-card,.editor-dashboard-page,.editor-douane-page{position:absolute;background:color-mix(in srgb,var(--editor-panel) 92%,transparent);border:1px solid #ffffff22;border-radius:16px}.editor-login-card{top:115px;left:calc(50% - 145px);width:360px;padding:35px;touch-action:none;cursor:move}.editor-login-card small,.editor-dashboard-page small,.editor-douane-page small{color:var(--editor-primary);font-weight:800;letter-spacing:.14em}.editor-login-card p,.editor-douane-page p{color:var(--editor-muted)}.editor-login-card button,.editor-douane-page>button{width:100%;padding:12px;color:#fff;background:var(--editor-primary);border:0;border-radius:8px}.editor-dashboard-page,.editor-douane-page{inset:34px 34px 34px 224px;padding:28px}.editor-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.editor-cards i{height:120px;background:#ffffff09;border:1px solid #ffffff18;border-radius:10px}.editor-question{display:grid;gap:12px;margin:35px 0;padding:22px;background:#ffffff09;border:1px solid #ffffff18;border-radius:10px}.editor-question input{padding:12px;background:#07101d;border:1px solid #ffffff20;border-radius:7px}.design-stage:not(.page-login) .editor-login-card,.design-stage:not(.page-dashboard) .editor-dashboard-page,.design-stage:not(.page-douane) .editor-douane-page{display:none}.design-stage.page-login .editor-sidebar{display:none}.design-stage.mobile .editor-sidebar{width:78px;padding:18px 10px}.design-stage.mobile .editor-sidebar strong,.design-stage.mobile .editor-sidebar span{display:none}.design-stage.mobile .editor-sidebar img{width:58px;height:58px}.design-stage.mobile .editor-dashboard-page,.design-stage.mobile .editor-douane-page{inset:20px 14px 20px 92px;padding:18px}.design-stage.mobile .editor-cards{grid-template-columns:1fr}.design-stage.mobile .editor-login-card{left:30px;width:330px}.design-pipeline{justify-content:flex-end;margin-top:12px}.design-pipeline span{margin-right:auto;color:var(--muted)}.design-pipeline .primary{background:var(--blue);border-color:var(--blue)}.design-pipeline .danger{color:#ff8990;border-color:var(--danger)}
@media(max-width:1000px){.visual-editor{grid-template-columns:1fr}.design-inspector{max-height:520px;border-right:0;border-bottom:1px solid var(--line)}.design-inspector.collapsed{width:auto;height:0}.design-stage-wrap{padding:12px}.visual-editor-toolbar{align-items:flex-start;flex-direction:column}.design-pipeline{justify-content:flex-start}.design-pipeline span{width:100%;margin:0}}
#design-view:fullscreen,#design-view.editor-full-window{display:flex!important;flex-direction:column;width:100vw;height:100vh;padding:12px;background:var(--bg);overflow:hidden}#design-view.editor-full-window{position:fixed;z-index:1000;inset:0}#design-view:fullscreen>.parameter-tabs,#design-view.editor-full-window>.parameter-tabs{display:none}#design-view:fullscreen .visual-editor-toolbar,#design-view.editor-full-window .visual-editor-toolbar{flex:0 0 auto;margin-bottom:8px}#design-view:fullscreen .visual-editor,#design-view.editor-full-window .visual-editor{flex:1;min-height:0}#design-view:fullscreen .design-inspector,#design-view.editor-full-window .design-inspector{height:100%;max-height:none}#design-view:fullscreen .design-stage-wrap,#design-view.editor-full-window .design-stage-wrap{height:100%;padding:12px}#design-view:fullscreen .design-stage.desktop,#design-view.editor-full-window .design-stage.desktop{width:min(1500px,100%);height:min(850px,100%)}#design-view:fullscreen .design-stage.mobile,#design-view.editor-full-window .design-stage.mobile{height:min(820px,100%)}#design-view:fullscreen .design-pipeline,#design-view.editor-full-window .design-pipeline{flex:0 0 auto;margin-top:8px}
.design-text-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:8px;padding:8px;background:var(--panel2);border:1px solid var(--blue);border-radius:9px;box-shadow:0 8px 30px #0007}.design-text-toolbar input,.design-text-toolbar select,.design-text-toolbar button{height:36px;padding:7px 9px;color:var(--text);background:#07101d;border:1px solid var(--line);border-radius:6px}.design-text-toolbar #design-text-content{flex:1 1 240px}.design-text-toolbar input[type=number]{width:78px}.design-text-toolbar input[type=color]{width:46px;padding:3px}.design-text-toolbar button.active{color:#fff;background:var(--blue);border-color:var(--blue)}#design-custom-elements{position:absolute;z-index:10;inset:0;pointer-events:none}.custom-design-text{position:absolute;min-height:28px;padding:4px;white-space:pre-wrap;overflow-wrap:anywhere;cursor:move;pointer-events:auto;touch-action:none;border:1px dashed transparent}.custom-design-text:hover,.custom-design-text.selected{border-color:#54a0ff;background:#3b82f619;box-shadow:0 0 0 2px #3b82f633}.editor-copyright{position:absolute;z-index:3;right:18px;bottom:12px;max-width:80%;color:var(--editor-muted);font-size:11px;text-align:right}.design-stage.mobile .editor-copyright{right:10px;bottom:8px;max-width:92%}#published-custom-elements{position:absolute;z-index:20;top:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none}#published-custom-elements>div{position:absolute;white-space:pre-wrap;overflow-wrap:anywhere}
.design-stage.desktop{width:var(--canvas-width,1440px)!important;height:var(--canvas-height,900px)!important;flex:0 0 var(--canvas-width,1440px)}.design-stage.mobile{width:390px!important;height:844px!important;flex:0 0 390px}.design-stage-wrap{align-items:flex-start;justify-items:center;overflow:auto}.design-stage iframe{position:absolute;z-index:1;inset:0;width:100%;height:100%;background:var(--bg);border:0;pointer-events:none}.editor-copyright{z-index:12;right:auto;max-width:calc(100% - 24px);cursor:move;pointer-events:auto;touch-action:none;overflow-wrap:anywhere}.appearance-preview-page .copyright,.appearance-preview-page #published-custom-elements{display:none!important}.appearance-preview-page #mobile-menu-toggle{display:none!important}
.role-preview-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:14px 0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.role-preview-toolbar label{display:grid;gap:6px}.role-preview-toolbar select,.role-preview-toolbar button{padding:9px 12px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}.role-preview-toolbar button:hover{border-color:var(--blue)}#role-preview-banner{position:fixed;z-index:1200;top:12px;left:50%;display:flex;align-items:center;gap:14px;padding:10px 14px;color:#fff;background:#9a6700;border:1px solid #f59e0b;border-radius:9px;box-shadow:0 12px 35px #0009;transform:translateX(-50%)}#role-preview-banner button{padding:6px 9px;color:#fff;background:#07101d;border:1px solid #ffffff55;border-radius:6px}
.citizen-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.citizen-stats article{min-width:0;padding:13px}.citizen-stats span{overflow-wrap:anywhere}
@media(max-width:850px){.citizen-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1101px){.content:has(#citizens-view:not(.hidden)){display:flex;flex-direction:column;height:100vh;overflow:hidden}.content:has(#citizens-view:not(.hidden))>header{flex:0 0 auto}#citizens-view:not(.hidden){display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}#citizens-view .citizen-stats,#citizens-view .citizen-toolbar{flex:0 0 auto}#citizens-view .citizen-layout{flex:1;min-height:0;overflow:hidden}#citizen-list,#citizen-detail{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}}
.citizen-settings-actions .reevaluation-active{color:#ffb45e;background:#402407;border-color:#f97316}.voice-douane-toolbar{display:flex;gap:10px;margin-bottom:12px}.voice-douane-toolbar button,.voice-actions button,.reevaluation-list button,.voice-question-group header button{padding:10px 14px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px}.voice-douane-modal{width:min(960px,calc(100vw - 30px));max-height:92vh;overflow:auto}.voice-progress{display:flex;gap:8px;margin-bottom:18px}.voice-progress span{display:grid;place-items:center;width:32px;height:32px;color:var(--muted);background:#091221;border:1px solid var(--line);border-radius:50%}.voice-progress .active,.voice-progress .done{color:#fff;background:var(--blue);border-color:var(--blue)}#voice-douane-content>label,.voice-form-grid label{display:grid;gap:6px;color:var(--muted)}#voice-douane-content input,#voice-douane-content select,#voice-douane-content textarea{width:100%;padding:11px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px}.voice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voice-form-grid label:nth-last-child(-n+2){grid-column:auto}.voice-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.voice-actions .approve{color:#fff;background:#16864d;border-color:#24b96b}.voice-actions .danger{color:#fff;background:#a52c36;border-color:#e45e64}.voice-question-group{margin-top:16px}.voice-question-group header{display:flex;align-items:center;justify-content:space-between}.voice-question{display:grid;gap:10px;margin-top:9px;padding:13px;background:#091221;border:1px solid var(--line);border-radius:9px}.voice-question>div{display:flex;flex-wrap:wrap;gap:7px}.voice-question button{padding:7px 10px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:7px}.voice-question.correct,.voice-question button[data-result="correct"].selected{border-color:#27b96b;color:#61e49a}.voice-question.incorrect,.voice-question button[data-result="incorrect"].selected{border-color:#e45e64;color:#ff848a}.voice-question.unrated,.voice-question button[data-result="unrated"].selected{border-color:#8796aa;color:#c7d1df}.voice-score{display:flex;align-items:center;gap:12px;margin:15px 0;padding:16px;border:1px solid;border-radius:10px}.voice-score strong{font-size:30px}.voice-score.good{color:#54df91;border-color:#1f8a50}.voice-score.low{color:#ff767d;border-color:#e45e64}.voice-warning{color:#ffb45e}.reevaluation-list{display:grid;gap:10px}.reevaluation-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;background:#091221;border:1px solid #f97316;border-radius:10px}.reevaluation-list article div{display:grid;gap:4px}.reevaluation-list p{margin:4px 0;color:var(--muted)}
@media(max-width:720px){.voice-form-grid{grid-template-columns:1fr}.reevaluation-list article{align-items:flex-start;flex-direction:column}}
.archive-card.low-score-archive{border-color:#ef4444;background:linear-gradient(135deg,#351016,var(--panel))}.answer-score.low-score{color:#ff767d;background:#321118;border:1px solid #ef4444}
.ticket.reevaluation{border-color:#f5b82e;box-shadow:0 0 0 1px #f5b82e22 inset}.reevaluation-badge{color:#ffd35c;font-size:11px;font-weight:850;letter-spacing:.06em}
.voice-douane-toolbar{grid-column:1/-1;margin-bottom:0}
#douanes-view{grid-template-rows:auto minmax(0,1fr)}#douanes-view>.voice-douane-toolbar{align-self:start;align-items:center;height:max-content;min-height:0;padding:0;background:transparent;border:0}#douanes-view>.voice-douane-toolbar button{flex:0 0 auto;height:42px;padding:0 16px;font-weight:700}#douanes-view>#douane-list,#douanes-view>#douane-detail{height:100%;min-height:520px}
.question-card{display:block;padding:0;overflow:hidden}.question-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;list-style:none}.question-summary::-webkit-details-marker{display:none}.question-summary strong{white-space:nowrap}.question-summary span{padding:11px 13px;background:#091221;border:1px solid var(--line);border-radius:8px;font-weight:700}.question-summary i{color:var(--muted);font-size:24px;font-style:normal;transition:transform .18s}.question-card[open]>.question-summary{border-bottom:1px solid var(--line)}.question-card[open]>.question-summary i{transform:rotate(90deg)}.question-card-body{display:grid;gap:13px;padding:18px}.question-card:not([open]) .question-card-body{display:none}@media(max-width:700px){.question-summary{grid-template-columns:1fr auto}.question-summary span{grid-column:1/-1;grid-row:2}.question-head{align-items:flex-start;flex-direction:column}.question-head>div{flex-wrap:wrap}}
.sanction-layout>aside{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 245px);overflow:hidden}.sanction-layout>aside>h2{flex:0 0 auto}.sanction-layout #sanction-history{flex:1;min-height:0;padding-right:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#38557c transparent}.sanction-layout #sanction-history::-webkit-scrollbar{width:6px}.sanction-layout #sanction-history::-webkit-scrollbar-track{background:transparent}.sanction-layout #sanction-history::-webkit-scrollbar-thumb{background:#38557c;border-radius:10px}.sanction-layout #sanction-history::-webkit-scrollbar-thumb:hover{background:#4b70a1}@media(max-width:900px){.sanction-layout>aside{max-height:60vh}}
.trust-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.trust-panel-head h3{margin:0}.trust-history{display:grid;gap:10px;margin-top:14px}.trust-log{display:grid;gap:6px;padding:13px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px}.trust-log.recommendation{border-left-color:#a78bfa}.trust-log>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.trust-log p,.trust-log small{margin:0;color:var(--muted)}.trust-log small{display:block}
.request-review-detail label:has(#trust-adjust-amount){display:grid;gap:7px}.request-review-detail #trust-adjust-amount{width:100%;min-height:46px;padding:11px 14px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px;font-size:15px}
.trust-amount-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.trust-amount-options button{min-height:44px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px;font-weight:700}.trust-amount-options button:hover,.trust-amount-options button.active{color:#fff;background:var(--blue);border-color:var(--blue)}#trust-recommendation-amount{width:100%;min-height:46px;padding:11px 14px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:8px;font-size:15px}@media(max-width:650px){.trust-amount-options{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-amount-options button:last-child{grid-column:1/-1}}
#preprod-search{width:100%;padding:10px;color:var(--text);background:#091221;border:1px solid var(--line);border-radius:7px}#preprod-list{max-height:45vh;overflow:auto;margin-top:12px}.preprod-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.preprod-row span{display:grid;gap:4px}.preprod-row small{color:var(--muted)}#preprod-status{white-space:pre-line}