:root {
            --bg-color: #050505;
            --panel-bg: #121212;
            --text-color: #e0e0e0;
            --primary: #d32f2f;
            --border: #222;
            --highlight: #1a1a1a;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: var(--bg-color);
            /* O ../ avisa pro HTML voltar uma pasta e entrar na static! */
            background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85)), url('/static/ring.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            color: var(--text-color);
            margin: 0;
            padding: 15px;
            height: 100vh;
            box-sizing: border-box;
        }
        /* OVERLAY DE LOGIN / REGISTRO */

        #auth-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.95);
            z-index: 3000;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .auth-box {
            background: var(--panel-bg);
            border: 2px solid var(--primary);
            border-radius: 10px;
            padding: 30px;
            width: 400px;
            box-shadow: 0 0 30px rgba(211, 47, 47, 0.4);
        }

        .auth-tabs {
            display: flex;
            margin-bottom: 20px;
            border-bottom: 1px solid #333;
        }

        .auth-tab {
            flex: 1;
            text-align: center;
            padding: 10px;
            cursor: pointer;
            color: #888;
            text-transform: uppercase;
            font-weight: bold;
        }

        .auth-tab.active {
            color: var(--primary);
            border-bottom: 2px solid var(--primary);
        }
        /* Grid 3 Colunas (Escondido até logar) */

        .dashboard-container {
            display: none;
            grid-template-columns: 300px 1fr 300px;
            gap: 20px;
            max-width: 1600px;
            margin: 0 auto;
            height: auto;
        }

        .coluna {
            display: flex;
            flex-direction: column;
            gap: 15px;
            overflow-y: visible;
            padding-right: 5px;
        }

        .coluna::-webkit-scrollbar {
            width: 5px;
        }

        .coluna::-webkit-scrollbar-thumb {
            background: #333;
            border-radius: 4px;
        }

        .card {
            flex-shrink: 0;
            background-color: var(--panel-bg);
            border: 1px solid var(--border);
            border-radius: 10px;
            padding: 20px;
            position: relative;
            overflow: hidden;
        }

        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, transparent, var(--primary), transparent);
        }

        .arena-central {
            background: radial-gradient(circle, #2a2a2a 0%, #0a0a0a 100%);
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        h2 {
            margin-top: 0;
            font-size: 16px;
            border-bottom: 1px solid #333;
            padding-bottom: 8px;
            text-transform: uppercase;
            color: #fff;
        }

        label {
            display: block;
            margin-top: 12px;
            font-weight: 600;
            font-size: 12px;
            color: #888;
            text-transform: uppercase;
        }

        select,
        input {
            width: 100%;
            padding: 10px;
            margin-top: 5px;
            background: #000;
            border: 1px solid #333;
            color: #fff;
            border-radius: 6px;
            box-sizing: border-box;
        }

        button {
            width: 100%;
            padding: 12px;
            margin-top: 15px;
            border: none;
            border-radius: 6px;
            background: linear-gradient(135deg, #d32f2f, #9a0007);
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            text-transform: uppercase;
            box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);
        }

        button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(211, 47, 47, 0.6);
        }

        #mensagem-alerta {
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            padding: 15px 30px;
            border-radius: 8px;
            font-weight: bold;
            z-index: 4000;
            display: none;
            text-transform: uppercase;
        }

        .var-container {
            flex-grow: 1;
            overflow-y: auto;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 8px;
            padding: 15px;
            margin-top: 15px;
            border: 1px inset #222;
        }

        /* RESPONSIVIDADE */
        @media (max-width: 1100px) {
            body { height: auto; min-height: 100vh; }
            .dashboard-container {
                grid-template-columns: 1fr;
                height: auto;
            }
            .coluna { overflow: visible; }
        }

        @media (max-width: 600px) {
            body { padding: 8px; }
            .auth-box { width: min(400px, calc(100vw - 36px)); padding: 20px; }
            #auth-screen h1 { font-size: 30px !important; text-align: center; }
            .card { padding: 14px; }
            #lobby-screen { margin: 15px auto !important; padding: 8px !important; }
        }

        @media (max-width: 850px) {
            #office-modules {
                grid-template-columns: 1fr !important;
            }
        }

        /* ====================================================
           6.1 — ACABAMENTO VISUAL FINAL
           ==================================================== */
        :root {
            --surface-1: rgba(17,17,17,.96);
            --surface-2: rgba(24,24,24,.94);
            --muted: #8c939d;
            --gold: #ffd54f;
            --focus: #64b5f6;
            --radius: 12px;
        }

        * {
            scrollbar-color: #3a3a3a #101010;
        }

        body {
            line-height: 1.35;
        }

        .card {
            background: linear-gradient(155deg, var(--surface-2), var(--surface-1));
            border-color: rgba(255,255,255,.08);
            box-shadow: 0 10px 28px rgba(0,0,0,.24);
            transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
        }

        .card:hover {
            transform: translateY(-1px);
            border-color: rgba(255,255,255,.14);
            box-shadow: 0 14px 32px rgba(0,0,0,.30);
        }

        button {
            transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
        }

        button:active {
            transform: translateY(0) scale(.985);
        }

        button:disabled {
            cursor: not-allowed;
            opacity: .48;
            filter: grayscale(.45);
            transform: none !important;
        }

        button:focus-visible,
        select:focus-visible,
        input:focus-visible {
            outline: 2px solid var(--focus);
            outline-offset: 2px;
        }

        #mensagem-alerta {
            max-width: min(720px, calc(100vw - 30px));
            box-sizing: border-box;
            box-shadow: 0 12px 40px rgba(0,0,0,.45);
            animation: toastIn .22s ease-out;
        }

        @keyframes toastIn {
            from { opacity: 0; transform: translate(-50%, -10px) scale(.97); }
            to { opacity: 1; transform: translate(-50%, 0) scale(1); }
        }

        @keyframes arenaFlash {
            0%,100% { filter: brightness(1); }
            50% { filter: brightness(1.2); }
        }

        @keyframes pulseGold {
            0%,100% { box-shadow: 0 0 0 rgba(255,213,79,0); }
            50% { box-shadow: 0 0 26px rgba(255,213,79,.22); }
        }

        .pulse-gold {
            animation: pulseGold 1.4s ease-in-out 2;
        }

        #game-toolbar {
            position: fixed;
            right: 14px;
            bottom: 14px;
            z-index: 2600;
            display: flex;
            gap: 7px;
            padding: 7px;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 12px;
            background: rgba(5,5,5,.88);
            backdrop-filter: blur(12px);
            box-shadow: 0 12px 30px rgba(0,0,0,.38);
        }

        #game-toolbar button {
            width: auto;
            min-width: 42px;
            margin: 0;
            padding: 8px 10px;
            font-size: 11px;
            box-shadow: none;
            background: #202020;
            border: 1px solid #333;
        }

        #game-toolbar button:hover {
            background: #292929;
        }

        .quality-badge {
            display:inline-flex;
            align-items:center;
            gap:4px;
            font-size:8px;
            border-radius:999px;
            padding:3px 7px;
            background:#151515;
            border:1px solid #333;
            color:#bbb;
        }

        .loading-shimmer {
            border-radius: 6px;
            min-height: 28px;
            background:
                linear-gradient(90deg, #111 25%, #1b1b1b 37%, #111 63%);
            background-size: 400% 100%;
            animation: shimmer 1.35s ease infinite;
        }

        @keyframes shimmer {
            0% { background-position: 100% 0; }
            100% { background-position: -100% 0; }
        }

        .reduzir-fx *, .reduzir-fx *::before, .reduzir-fx *::after {
            animation-duration: .001ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: .001ms !important;
        }

        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: .001ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .001ms !important;
            }
        }

/* Accessible controls and narrow screens. */
:focus-visible {outline: 3px solid #80cbc4; outline-offset: 3px;}
button, input, select {min-height: 40px;}
button[aria-busy="true"] {opacity: .65; cursor: progress;}
[hidden] {display: none !important;}
.skip-link {position:fixed;left:12px;top:-80px;z-index:99999;background:#fff;color:#111;padding:12px;}
.skip-link:focus {top:12px;}
@media (max-width: 680px) {
  body {padding:8px !important; overflow-x:hidden;}
  #dashboard {grid-template-columns:minmax(0,1fr) !important; width:100% !important;}
  #lobby-screen, #auth-screen {max-width:100%; box-sizing:border-box;}
  .panel, .card {min-width:0; max-width:100%; box-sizing:border-box;}
  input, select {max-width:100%; font-size:16px;}
  canvas, img {max-width:100%;}
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important;}
}

/* Keep the fighter and broadcast first on a narrow screen. */
@media (max-width:680px) {
  [style*="font-size:8px"], [style*="font-size: 8px"],
  [style*="font-size:9px"], [style*="font-size: 9px"],
  [style*="font-size:10px"], [style*="font-size: 10px"] {font-size:12px !important;}
}

/* Spacious office and fighter workspaces. The page owns vertical scrolling. */
#live-center {margin:32px 0 48px; scroll-margin-top:24px;}
#live-center > .section-heading {margin-bottom:24px;}
.live-top {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;align-items:start;}
#live-center .card {padding:24px;min-width:0;line-height:1.6;}
#live-center h3 {margin:12px 0;font-size:18px;}
#live-center p, #live-center li {font-size:14px;}
.live-kicker {font-size:12px !important;letter-spacing:1px;text-transform:uppercase;color:#90caf9;font-weight:700;}
.live-explainer {color:#b2bcc7;line-height:1.7;font-size:13px !important;}
.live-events {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px;margin:20px 0;}
#live-center .event-card {display:flex;flex-direction:column;background:linear-gradient(145deg,#111f2c,#0c131b);--primary:#64b5f6;}
.event-card h3 {font-size:17px !important;}
.trainer-card {--primary:#66bb6a;}
.trainer-steps {padding-left:20px;}
.trainer-steps li {margin:12px 0;}
.trainer-steps button {width:auto;margin:0 0 0 12px;padding:6px 12px;min-height:36px;}
#live-center button {font-size:13px;min-height:44px;line-height:1.4;}
#live-center summary {cursor:pointer;padding:12px 0;font-weight:600;color:#b3d9fa;}
.event-news {padding:0;list-style:none;}
.event-news li {padding:12px 0;border-bottom:1px solid #29323d;}
.event-news small {display:block;color:#96a4b3;margin-top:6px;}
.event-result {display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #303943;padding:16px 0;}
.event-result button {width:auto;flex-shrink:0;}
.event-replay-scroll {overflow-x:auto;}
.event-replay-scroll table {width:100%;border-collapse:collapse;font-size:13px;}
.event-replay-scroll th,.event-replay-scroll td {text-align:left;border-bottom:1px solid #34404c;padding:12px;}
.trainer-strip {grid-column:1/-1;order:-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #315743;border-radius:12px;padding:18px 22px;background:#101e17;}
.trainer-strip p {margin:6px 0 0;color:#bbd5c5;font-size:14px;}
.trainer-strip button {width:auto;margin:0;background:#28503c;box-shadow:none;}
.trainer-focus {outline:3px solid #7dc895;outline-offset:5px;scroll-margin:24px;}
@media(max-width:850px) {.live-top {grid-template-columns:minmax(0,1fr);} .trainer-strip {flex-wrap:wrap;}}
@media(max-width:480px) {#live-center .card {padding:18px;} .event-result {display:block;} .trainer-strip button {width:100%;} .event-replay-scroll th,.event-replay-scroll td {padding:8px;}}
body {height:auto; min-height:100vh; padding:24px;}
#lobby-screen, #dashboard {width:100%; max-width:1440px !important; margin:0 auto !important; padding:0 0 88px !important;}
#lobby-screen > .card:first-child {padding:28px; gap:24px; flex-wrap:wrap;}
#lobby-plantel {grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)) !important; gap:24px !important;}
#lobby-plantel > .card {max-width:640px;}
#office-modules {display:flex; flex-direction:column; gap:48px; margin:32px 0;}
.office-section {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; scroll-margin-top:24px;}
.section-heading {grid-column:1/-1; margin:0;}
.section-heading h2 {font-size:20px; text-transform:none; letter-spacing:.2px; padding-bottom:12px; margin:0 0 8px; border-color:#34404c;}
.section-heading p, .fighter-navigation p {margin:0; font-size:14px; line-height:1.65; color:#a7b2bf;}
.office-navigation {display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 8px;}
.office-navigation a {display:block; color:#c7def3; text-decoration:none; padding:12px 18px; border:1px solid #354758; border-radius:8px; background:#101b25; font-size:14px; font-weight:600;}
.office-navigation a:hover {background:#1b3246; border-color:#64b5f6;}
#mod-promotor, #mod-mundo {grid-column:1/-1;}
#lista-contratos-luta {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:18px; margin-top:20px;}
#lista-contratos-luta > div {padding:18px !important; margin:0 !important; min-width:0;}
#office-modules .card, #dashboard .card {padding:26px; border-radius:14px; min-width:0; box-sizing:border-box; line-height:1.55;}
#office-modules .card h2, #dashboard .card h2 {line-height:1.4; margin-bottom:20px; padding-bottom:12px;}
#office-modules button, #dashboard button {min-height:44px; white-space:normal; line-height:1.4; padding:12px 16px;}
#office-modules select, #dashboard select {min-height:44px;}
#office-modules [style*="font-size:8px"], #office-modules [style*="font-size: 8px"],
#office-modules [style*="font-size:9px"], #office-modules [style*="font-size: 9px"],
#office-modules [style*="font-size:10px"], #office-modules [style*="font-size: 10px"],
#office-modules [style*="font-size:11px"], #office-modules [style*="font-size: 11px"],
#dashboard [style*="font-size:8px"], #dashboard [style*="font-size: 8px"],
#dashboard [style*="font-size:9px"], #dashboard [style*="font-size: 9px"],
#dashboard [style*="font-size:10px"], #dashboard [style*="font-size: 10px"],
#dashboard [style*="font-size:11px"], #dashboard [style*="font-size: 11px"] {font-size:12px !important;}
#dashboard {grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start;}
#dashboard > .coluna {min-width:0; overflow:visible; padding:0; gap:24px; order:0;}
#dashboard > .fighter-overview {grid-column:1/-1; order:-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); align-items:start;}
.fighter-overview > .card:first-child {flex-wrap:wrap;}
.fighter-overview > .card:first-child > div:last-child {min-width:0; flex-basis:240px;}
.fighter-overview > .card:first-child > div:last-child > div:first-child {flex-wrap:wrap; gap:16px;}
.fighter-overview .arena-central {height:auto; min-height:360px;}
.fighter-overview .var-container {min-height:160px; max-height:560px; overflow-y:auto;}
.fighter-navigation {grid-column:1/-1; order:-2; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0 8px;}
.fighter-navigation h1 {margin:4px 0 8px; font-size:32px;}
.fighter-navigation button {width:auto; margin:0; background:#183b5b; box-shadow:none; flex-shrink:0;}
.eyebrow {font-size:11px; font-weight:700; letter-spacing:2px; color:#78b8ee;}
@media (max-width:1100px) {
  #dashboard > .fighter-overview {grid-template-columns:minmax(0,1fr);}
}
@media (max-width:850px) {
  body {padding:16px;}
  .office-section, #dashboard {grid-template-columns:minmax(0,1fr) !important;}
  #dashboard > .fighter-preparation {order:0;}
  #dashboard > .fighter-training {order:1;}
  #office-modules {gap:36px;}
  #office-modules .card, #dashboard .card {padding:22px;}
}
@media (max-width:480px) {
  body {padding:12px !important;}
  #lobby-screen, #dashboard {padding:0 0 92px !important;}
  #office-modules .card, #dashboard .card {padding:18px;}
  #lobby-screen > .card:first-child {padding:20px;}
  #lobby-screen [style*="min-width:270px"], #lobby-screen [style*="min-width:260px"] {min-width:0 !important; width:100%;}
  .fighter-navigation {align-items:flex-start; flex-direction:column; gap:14px;}
  .fighter-navigation h1 {font-size:27px;}
  .fighter-navigation button {width:100%;}
  .office-navigation {gap:8px;}
  .office-navigation a {flex:1 1 120px; text-align:center; font-size:12px; padding:12px;}
  #atributos-box {font-size:12px !important; gap:8px !important;}
  .arena-central > div:first-of-type {flex-wrap:wrap;}
}


/* ============================================================
   7.0 — COCKPIT DO MANAGER / TELA LIMPA
   Mantém a paleta original: preto, grafite, vermelho e dourado.
   ============================================================ */
#dashboard {
    max-width: 1720px;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: calc(100vh - 30px);
}
#dashboard > .fighter-navigation,
#dashboard > .trainer-strip { grid-column: 1 / -1; }
#dashboard > .fighter-overview,
#dashboard > .fighter-preparation,
#dashboard > .fighter-training { display:none !important; }

.boxing-cockpit {
    display:grid;
    grid-template-columns: 112px minmax(560px, 1fr) 290px;
    gap:12px;
    min-height:calc(100vh - 170px);
    width:100%;
}
.cockpit-rail {
    background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(7,7,7,.98));
    border:1px solid #272727;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 18px 42px rgba(0,0,0,.32);
}
.rail-brand {
    min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    border-bottom:1px solid #272727;background:linear-gradient(180deg,#211010,#0b0b0b);
}
.rail-brand span{font-size:24px}.rail-brand strong{font-size:11px;letter-spacing:1.5px;color:#fff}.rail-brand small{font-size:7px;color:#d32f2f;letter-spacing:2px}
.cockpit-menu{display:flex;flex-direction:column;padding:8px;gap:5px}
.cockpit-menu button {
    width:100%;margin:0;min-height:56px;padding:7px 4px;background:#111;border:1px solid #242424;
    box-shadow:none;border-radius:8px;color:#aaa;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:3px;font-size:9px;text-transform:none;
}
.cockpit-menu button span{font-size:18px;line-height:1}.cockpit-menu button b{font-size:8px;font-weight:700}
.cockpit-menu button:hover,.cockpit-menu button.active{background:#241010;border-color:#7d2525;color:#fff;transform:none;box-shadow:inset 3px 0 #d32f2f}
.cockpit-stage {
    min-width:0;border:1px solid #2a2a2a;border-radius:12px;padding:12px;
    background:radial-gradient(circle at 50% 20%,#222 0,#101010 48%,#080808 100%);
    box-shadow:0 20px 60px rgba(0,0,0,.38);display:flex;flex-direction:column;gap:10px;
}
.stage-topline {height:26px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:9px;padding:0 5px}
.stage-live{font-weight:900;color:#ddd;letter-spacing:.8px}.stage-live i{display:inline-block;width:7px;height:7px;background:#d32f2f;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #d32f2f}
.cockpit-tv-slot{flex:1;min-height:420px;display:flex}
.cockpit-tv-slot > .arena-central {width:100%;margin:0;padding:16px;justify-content:flex-start}
.cockpit-tv-slot #ringue-canvas{max-height:48vh;object-fit:contain}
.cockpit-profile-slot > .card {margin:0;padding:10px 14px}
.cockpit-profile-slot > .card > div:first-child {width:70px !important;height:70px !important}
.cockpit-profile-slot #atributos-box{grid-template-columns:repeat(4,1fr) !important}
.cockpit-rail-right{padding-bottom:8px}
.task-center{border-bottom:1px solid #2a2a2a;background:#0c0c0c}
.task-center header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #222}
.task-center header div{display:flex;flex-direction:column}.task-center header small{font-size:7px;color:#d32f2f;letter-spacing:.8px}.task-center header strong{font-size:12px;color:#fff}
#task-count{min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d32f2f;color:#fff;font-size:10px;font-weight:900}
.manager-task-list{padding:8px;max-height:280px;overflow:auto}
.manager-task{position:relative;padding:9px 8px 9px 28px;margin-bottom:6px;background:#141414;border:1px solid #252525;border-radius:8px;cursor:pointer}
.manager-task:hover{border-color:#444;background:#181818}.manager-task::before{content:'';position:absolute;left:10px;top:13px;width:8px;height:8px;border-radius:50%;background:#777}
.manager-task.urgent::before{background:#ef5350;box-shadow:0 0 9px #ef5350}.manager-task.attention::before{background:#ffca28}.manager-task.ready::before{background:#66bb6a}
.manager-task strong{display:block;color:#eee;font-size:9px;margin-bottom:2px}.manager-task small{display:block;color:#777;font-size:8px;line-height:1.25}
.task-empty{font-size:9px;color:#666;padding:10px;text-align:center}
.cockpit-menu-right{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cockpit-menu-right button{min-height:52px}

.cockpit-modal[hidden]{display:none!important}
.cockpit-modal{position:fixed;inset:0;z-index:2800;display:grid;place-items:center;padding:22px}
.cockpit-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px);box-shadow:none}
.cockpit-modal-window{position:relative;z-index:1;width:min(850px,92vw);max-height:84vh;display:flex;flex-direction:column;background:linear-gradient(155deg,#181818,#090909);border:1px solid #3a3a3a;border-top:3px solid var(--module-color,#d32f2f);border-radius:13px;box-shadow:0 30px 90px rgba(0,0,0,.75);overflow:hidden}
.cockpit-modal-window > header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #2b2b2b;background:#101010}
.cockpit-modal-window > header small{font-size:7px;color:#777;letter-spacing:1px}.cockpit-modal-window > header h2{border:0;margin:2px 0 0;padding:0;font-size:16px}
.cockpit-close{width:36px;height:36px;margin:0;padding:0;background:#242424;border:1px solid #444;box-shadow:none;border-radius:50%}
#cockpit-modal-content{padding:15px;overflow:auto}
#cockpit-modal-content > .card{margin:0;border:0;background:transparent;box-shadow:none;padding:5px;overflow:visible}
body.cockpit-modal-open{overflow:hidden}
.cockpit-placeholder{display:none!important}

@media(max-width:1050px){
  .boxing-cockpit{grid-template-columns:82px minmax(0,1fr) 220px}
  .cockpit-menu button b{font-size:7px}.cockpit-tv-slot{min-height:360px}
}
@media(max-width:760px){
  body{padding:7px}
  .boxing-cockpit{grid-template-columns:1fr;min-height:auto}
  .cockpit-rail-left,.cockpit-rail-right{order:2}
  .cockpit-stage{order:1;min-height:480px}
  .cockpit-menu,.cockpit-menu-right{display:grid;grid-template-columns:repeat(4,1fr)}
  .rail-brand{display:none}.manager-task-list{max-height:180px}
  .cockpit-tv-slot{min-height:320px}
  .cockpit-modal{padding:8px}.cockpit-modal-window{width:96vw;max-height:92vh}
}

/* OFFICE 8.0 — cenário original pixel-art, interface escura/vermelha/dourada */
#lobby-screen.office-page {max-width:1900px!important;width:100%;padding:0 0 35px!important;margin:0 auto!important}
#lobby-screen.office-page > :not(.office-shell):not(#office-plantel-modal){display:none!important}
#lobby-screen.office-page .office-shell{display:grid;grid-template-columns:205px minmax(0,1fr) 270px;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:calc(100vh - 30px);color:#eee}
.office-topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;background:linear-gradient(180deg,#171717,#080808);border:1px solid #a77d32;border-radius:12px;min-height:68px;box-shadow:0 8px 26px #0009}
.office-logo{display:flex;flex-direction:column;min-width:180px;font-size:15px;line-height:1.2;color:#fff}.office-logo small{font-size:9px;color:#f4bf50;letter-spacing:2px;padding-left:26px}
.office-top-stat{display:flex;flex-direction:column;min-width:90px}.office-top-stat small{font-size:9px;color:#b3a28a}.office-top-stat strong{font-size:14px;color:#fff}
.office-top-actions{display:flex;gap:6px}.office-top-actions button{width:34px;height:34px;padding:0;margin:0;background:#1b1b1b;border:1px solid #444;box-shadow:none}
.office-left,.office-right{background:linear-gradient(180deg,#151515,#090909);border:1px solid #6b5126;border-radius:12px;min-width:0;overflow:hidden}
.office-left{display:flex;flex-direction:column}.office-side-nav{padding:8px 0;display:flex;flex-direction:column;gap:2px}.office-side-nav button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;margin:0;padding:11px 13px;min-height:39px;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:12px;text-transform:none;color:#ddd}
.office-side-nav button:hover,.office-side-nav button.selected{transform:none;background:linear-gradient(90deg,#a71b1b,#3a0b0b);border-left:3px solid #f2c46a;box-shadow:none;color:#fff}
.office-motto{margin:auto 10px 15px;padding:16px 0 0;text-align:center;color:#b5a995;border-top:1px solid #45351c;letter-spacing:2px;font-size:11px;line-height:1.6}
.office-main{min-width:0;display:flex;flex-direction:column;gap:9px}
.office-scene{flex:1;min-height:490px;position:relative;border:2px solid #a77d32;border-radius:13px;background:#12100f url('/static/escritorio.png') center center/cover no-repeat;box-shadow:inset 0 0 40px #0008,0 12px 30px #0007}
.office-scene-badge{position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:5px;background:#080808c9;color:#e7bd66;font-size:10px;letter-spacing:1px}
.office-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px}.office-summary{min-width:0;border:1px solid #92702c;border-radius:10px;background:linear-gradient(140deg,#191919,#080808);padding:13px 16px}.office-summary small{font-size:10px;color:#f0c267;font-weight:900}.office-summary h3{margin:7px 0;color:#fff;font-size:18px}.office-summary #office-fighter-meta{font-size:11px;color:#bbb;min-height:20px}.office-summary button{width:auto;margin:9px 0 0;padding:7px 11px;font-size:10px;background:#75201a;box-shadow:none}.office-metrics{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.office-metrics span{display:flex;flex-direction:column;font-size:10px;color:#aaa}.office-metrics strong{font-size:17px;color:#f5cc70}
.office-right{padding:9px;display:flex;flex-direction:column;gap:10px}.office-tasks,.office-next-event{border:1px solid #5c482c;border-radius:10px;background:#121212;padding:11px}.office-tasks header{display:flex;justify-content:space-between;align-items:center}.office-tasks h2,.office-next-event h2{font-size:12px;border-bottom:1px solid #333;padding-bottom:9px;margin:0;color:#fff}.office-tasks header span{background:#aa2020;color:#fff;border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center;font-size:11px}.office-task-tabs{display:flex;align-items:center;justify-content:space-between;gap:2px;border-bottom:1px solid #4e2020;padding:7px 0;font-size:9px;color:#ffb9a9}.office-task-tabs button{width:auto;margin:0;padding:3px;background:none;box-shadow:none;font-size:9px;color:#aaa}
#office-task-list{max-height:410px;overflow:auto}.office-task-row{padding:11px 6px 11px 22px;position:relative;border-bottom:1px solid #272727;cursor:pointer}.office-task-row:before{content:'';position:absolute;left:5px;top:16px;width:9px;height:9px;background:#e0ac45;border-radius:50%}.office-task-row.urgent:before{background:#e33}.office-task-row.ready:before{background:#4c6}.office-task-row strong{display:block;font-size:11px;color:#eee}.office-task-row small{display:block;font-size:9px;color:#aaa;margin-top:4px}.office-task-row:hover{background:#282018}.office-outline,.office-next-event button{font-size:10px;margin:10px 0 0;padding:8px;background:#252525;border:1px solid #55442a;box-shadow:none}.office-next-event strong{display:block;color:#e6b84d;margin:10px 0 0;font-size:12px}.office-next-event p{color:#aaa;font-size:10px}
#office-plantel-modal{display:none!important}#cockpit-modal-content > #office-plantel-modal{display:block!important}#cockpit-modal-content > #live-center{display:block!important}#cockpit-modal-content > .office-section{display:block!important}
#cockpit-modal-content > .office-section .section-heading{display:none}#cockpit-modal-content > .office-section > .card{margin-bottom:12px}
#cockpit-modal-content > #office-plantel-modal #lobby-plantel{display:grid!important}
/* fighter uses the same gold/red frame; image under sprites, canvas stays 68x61 frame-compatible */
#dashboard .cockpit-stage{border-color:#94702e;background:radial-gradient(circle at top,#281c14,#080808 65%)}
#dashboard .cockpit-rail{border-color:#71552b}#dashboard .cockpit-menu button.active{border-color:#e6b64e}
#dashboard .cockpit-tv-slot>.arena-central{border:1px solid #a77d32;background:linear-gradient(#07070750,#070707bd),url('/static/ring.png') center center/cover no-repeat}
#dashboard #ringue-canvas{background:transparent!important;border-color:#ad8032!important}
#dashboard .cockpit-tv-slot>.arena-central h2{color:#e7c36f!important;border-color:#a77d32!important}
@media(max-width:1050px){#lobby-screen.office-page .office-shell{grid-template-columns:150px minmax(0,1fr) 215px}.office-side-nav button{font-size:10px;padding:10px 7px}.office-top-stat strong{font-size:11px}.office-scene{min-height:380px}}
@media(max-width:760px){#lobby-screen.office-page .office-shell{grid-template-columns:1fr;grid-template-rows:auto}.office-topbar{flex-wrap:wrap}.office-logo{min-width:100%}.office-left{order:2}.office-main{order:1}.office-right{order:3}.office-side-nav{display:grid;grid-template-columns:repeat(3,1fr)}.office-side-nav button{font-size:10px}.office-scene{min-height:310px}.office-bottom{grid-template-columns:1fr}.office-top-stat{min-width:70px}}

/* BOX Cash 1.0 */
#boxcash-dashboard{display:none!important}#cockpit-modal-content > #boxcash-dashboard{display:block!important}#boxcash-dashboard{color:#f5f0df;padding:16px;background:#141414;border:1px solid #c6a451;border-radius:12px}#boxcash-dashboard h2,#boxcash-dashboard h3{color:#e8c36c;margin:18px 0 10px}#boxcash-dashboard label{display:block;margin:10px 0;color:#f2e2c1}#boxcash-dashboard input,#boxcash-dashboard select{max-width:100%;width:100%;padding:9px;background:#202020;color:white;border:1px solid #80652e;border-radius:5px}#boxcash-dashboard button{padding:9px 13px;margin:5px;background:#8c2222;color:white;border:1px solid #d7b867;border-radius:5px;cursor:pointer}#boxcash-dashboard button:disabled{opacity:.45;cursor:not-allowed}#boxcash-dashboard li{padding:7px;border-bottom:1px solid #333;overflow-wrap:anywhere}.boxcash-sandbox{color:#ffd06d;font-weight:bold}.boxcash-real{color:#75db9e;font-weight:bold}#boxcash-admin{border-top:2px solid #d7b867;margin-top:25px;padding-top:12px}#boxcash-admin[hidden]{display:none!important}

/* 9.1 — ficha técnica acessível em qualquer ambiente */
#btn-manual{position:fixed;bottom:18px;left:16px;z-index:900;padding:9px 13px;background:#161616;color:#edc66c;border:1px solid #a77d32;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0008}
.manual-backdrop[hidden]{display:none!important}
.manual-backdrop{position:fixed;inset:0;z-index:10050;background:#000d;display:flex;align-items:center;justify-content:center;padding:16px}
.manual-window{width:min(100%,1020px);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;border:2px solid #ad8032;border-radius:14px;background:#111;color:#eee;box-shadow:0 25px 70px #000}
.manual-header,.manual-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#1c1813;border-bottom:1px solid #715423}
.manual-header small{color:#d3ad61;font-size:10px;letter-spacing:2px}.manual-header h2{margin:5px 0;color:#f0cf86;font-size:21px}.manual-header button,.manual-footer button{background:#812020;color:white;border:1px solid #be693f;border-radius:7px;padding:8px 14px;cursor:pointer}
.manual-index{display:flex;gap:7px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #715423}.manual-index a{color:#eac982;text-decoration:none;border:1px solid #5e4927;border-radius:6px;padding:6px 9px;font-size:12px}.manual-index a:hover{background:#51301c}
.manual-body{overflow-y:auto;scroll-behavior:smooth;padding:8px 22px 24px}.manual-body section{padding:12px 0;border-bottom:1px solid #403321;scroll-margin-top:10px}.manual-body h3{color:#f0c36d;font-size:19px}.manual-body p{color:#ddd;line-height:1.65;font-size:14px}.manual-body code{color:#ffc783;overflow-wrap:anywhere}
.manual-footer{border-top:1px solid #715423;border-bottom:0;justify-content:flex-end}
@media(max-width:650px){#btn-manual{bottom:8px;left:8px;font-size:11px}.manual-body{padding:8px 12px}.manual-header h2{font-size:17px}}

/* =====================================================
   LENDA DO BOXE — CORREÇÃO DEFINITIVA DO CADASTRO MOBILE
   Atua somente na tela de login e cadastro.
   ===================================================== */

@media (max-width: 768px) {

    #auth-screen {
        height: 100vh;
        height: 100dvh;
        width: 100%;
        padding: 12px;
        box-sizing: border-box;

        /* Permite alcançar o final do formulário */
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;

        /* Não corta o início nem o fim do cadastro */
        justify-content: flex-start;
        align-items: center;
    }

    #auth-screen .auth-box {
        width: 100%;
        max-width: 400px;
        height: auto;
        flex-shrink: 0;
        padding: 18px;
        margin: auto 0;
        box-sizing: border-box;
    }

    #auth-screen input,
    #auth-screen select,
    #auth-screen button {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Espaço para o último botão não ficar colado à borda */
    #auth-screen #form-registro {
        padding-bottom: 16px;
    }
}