/* DICK publishing and administration surfaces — shared visual language. */
.console-admin,
.console-submit {
    --studio-bg: #090b10;
    --studio-panel: rgba(17, 21, 29, .76);
    --studio-panel-strong: rgba(20, 25, 34, .90);
    --studio-line: rgba(196, 214, 234, .12);
    --studio-text: #e5eaf0;
    --studio-muted: #8793a2;
    --studio-accent: #94acc5;
    background:
        linear-gradient(145deg, rgba(84, 108, 136, .055), transparent 34%),
        var(--studio-bg) !important;
    color: var(--studio-text);
}
[data-theme="light"] .console-admin,
[data-theme="light"] .console-submit {
    --studio-bg: #edf0f3;
    --studio-panel: rgba(255,255,255,.70);
    --studio-panel-strong: rgba(255,255,255,.90);
    --studio-line: rgba(48, 63, 81, .12);
    --studio-text: #202832;
    --studio-muted: #66717f;
    --studio-accent: #526f8d;
}
.console-eyebrow {
    display:block;
    margin-bottom:10px;
    color:var(--studio-accent);
    font-size:.66rem;
    font-weight:750;
    letter-spacing:.2em;
    text-transform:uppercase;
}

/* AdministratorPower */
.console-admin .ambient { opacity:.32; }
.console-admin .login-card {
    max-width:460px;
    padding:44px 40px;
    border-radius:18px;
    background:var(--studio-panel-strong);
    border-color:var(--studio-line);
    box-shadow:0 36px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
}
.console-admin .login-card h1 { color:var(--studio-text); font-family:Inter,system-ui,sans-serif; font-size:1.75rem; letter-spacing:-.04em; }
.console-admin .login-card .sub { max-width:310px; margin:8px auto 28px; line-height:1.6; }
.console-admin .field label { color:var(--studio-muted); letter-spacing:.02em; }
.console-admin .field input,
.console-admin .toolbar input,
.console-admin .editor-area textarea {
    background:rgba(0,0,0,.20);
    border-color:var(--studio-line);
    border-radius:10px;
}
[data-theme="light"] .console-admin .field input,
[data-theme="light"] .console-admin .toolbar input,
[data-theme="light"] .console-admin .editor-area textarea { background:rgba(244,247,250,.82); }
.console-admin .btn-primary { background:#718ca8; box-shadow:0 10px 28px rgba(50,69,91,.22); }
.console-admin .topbar {
    height:68px;
    padding:0 24px;
    background:var(--studio-panel);
    border-color:var(--studio-line);
    backdrop-filter:blur(24px) saturate(132%);
}
.console-admin .topbar .logo { color:var(--studio-text); font-family:Inter,system-ui,sans-serif; letter-spacing:-.025em; }
.console-status { display:inline-flex; align-items:center; gap:7px; color:var(--studio-muted); font-size:.69rem; letter-spacing:.08em; text-transform:uppercase; }
.console-status i { width:6px; height:6px; border-radius:50%; background:#7eaa91; box-shadow:0 0 0 4px rgba(126,170,145,.1); }
.console-admin .sidebar { top:68px; width:248px; padding:18px 14px; background:var(--studio-panel); border-color:var(--studio-line); }
.console-admin .sidebar .nav-item { min-height:43px; padding:11px 14px; border-radius:9px; color:var(--studio-muted); }
.console-admin .sidebar .nav-item.active { color:var(--studio-text); background:rgba(132,158,184,.13); border-color:rgba(148,172,197,.18); }
.console-admin .main { margin-left:248px; padding:96px 34px 50px; }
.console-admin .section h2 { font-family:Inter,system-ui,sans-serif; font-size:1.55rem; letter-spacing:-.035em; }
.console-admin :is(.card,.stat,.modal-card) { background:var(--studio-panel); border-color:var(--studio-line); border-radius:13px; box-shadow:0 18px 46px rgba(0,0,0,.13); }
.console-admin th { color:var(--studio-muted); }

/* Submission desk */
.console-submit .submit-nav {
    min-height:68px;
    padding:10px max(24px,calc((100vw - 1240px)/2));
    background:var(--studio-panel);
    border-color:var(--studio-line);
    backdrop-filter:blur(24px) saturate(132%);
}
.console-submit .submit-nav .logo { color:var(--studio-text); font-family:Inter,system-ui,sans-serif; font-size:1rem; letter-spacing:.12em; }
.console-submit .container { max-width:1240px; padding:34px 28px; }
.submit-intro { max-width:760px; padding:24px 2px 28px; }
.submit-intro h1 { margin:0 0 10px; color:var(--studio-text); font:600 clamp(1.8rem,3vw,3rem)/1.08 Inter,system-ui,sans-serif; letter-spacing:-.052em; }
.submit-intro p { max-width:620px; color:var(--studio-muted); font-size:.94rem; line-height:1.7; }
.console-submit :is(.card,.auth-card,.confirm-dialog,.palette-panel) {
    background:var(--studio-panel);
    border-color:var(--studio-line);
    border-radius:14px;
    box-shadow:0 20px 55px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(22px) saturate(125%);
}
.console-submit .card { padding:28px; margin-bottom:18px; }
.console-submit .card h3 { font-size:.74rem; color:var(--studio-muted); letter-spacing:.12em; text-transform:uppercase; }
.console-submit .tips-box { background:rgba(125,151,178,.07); border-color:rgba(148,172,197,.14); border-radius:11px; }
.console-submit :is(.form-row input,.form-row textarea,.form-row select,.preview-pane,.file-upload-zone) {
    background:rgba(0,0,0,.19);
    border-color:var(--studio-line);
    border-radius:10px;
}
[data-theme="light"] .console-submit :is(.form-row input,.form-row textarea,.form-row select,.preview-pane,.file-upload-zone) { background:rgba(248,250,252,.76); }
.console-submit :is(.theme-toggle,.palette-btn,.lang-trigger,.btn-logout) { background:rgba(255,255,255,.035); border-color:var(--studio-line); }
.console-submit .toggle-group .toggle-btn { border-radius:9px; background:rgba(0,0,0,.14); border-color:var(--studio-line); }
.console-submit .toggle-group .toggle-btn.active { background:rgba(126,151,178,.14); border-color:rgba(148,172,197,.42); color:var(--studio-accent); }
.console-submit .btn-primary { background:#718ca8; border-radius:9px; box-shadow:0 10px 28px rgba(50,69,91,.20); }
.console-submit .btn-secondary { border-color:var(--studio-line); border-radius:9px; }
@media (max-width:900px) {
    .console-admin .main { margin-left:0; padding:88px 18px 36px; }
    .console-admin .sidebar { width:min(86vw,270px); }
    .console-status { display:none; }
    .console-submit .container { padding:24px 16px; }
    .submit-intro { padding-top:14px; }
}
