/* LC Carreiras Policiais — layout premium inspirado no novo cronograma */
#app{font-size:12px;background:#f5f8fc;color:#0f2142}
#app .sidebar{width:210px;background:linear-gradient(180deg,#0a1830 0%,#0d2342 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(15,23,42,.08)}
#app .brand.side{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
#app .brand.side strong{font-size:13px;color:#fff;letter-spacing:.01em}
#app .brand.side span{font-size:10px;color:#8fb2de}
#app .brand.side .logo{border-radius:10px;background:linear-gradient(145deg,#f6d27c,#c8922d);color:#0b1b32;box-shadow:0 8px 20px rgba(206,151,46,.22)}
#app #nav{padding:12px 8px;display:grid;gap:4px}
#app #nav .nav-btn{min-height:39px;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:750;color:#e7eef8;border:1px solid transparent;transition:.18s ease;background:transparent}
#app #nav .nav-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.05)}
#app #nav .nav-btn.active{background:linear-gradient(90deg,rgba(194,137,31,.34),rgba(194,137,31,.18));border-color:rgba(221,177,81,.2);color:#ffd778;box-shadow:inset 3px 0 0 #d3a23e}
#app .side-bottom{padding:12px 12px 14px;border-top:1px solid rgba(255,255,255,.07)}
#app .side-bottom .user{padding:10px 8px;border-radius:11px;background:rgba(255,255,255,.045)}
#app .side-bottom .user strong{font-size:11px;color:#fff}.side-bottom .user span{font-size:9px;color:#9db5d2}
#app #logout{min-height:35px;margin-top:8px;border-radius:9px;font-size:11px;color:#e8eef8;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
#app #main-content{margin-left:210px;min-height:100vh;background:linear-gradient(180deg,#f7f9fd 0%,#ffffff 44%,#f8fafc 100%)}
#app .topbar{position:sticky;top:0;z-index:60;min-height:68px;padding:12px 24px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e4eaf2;box-shadow:0 5px 18px rgba(15,23,42,.04)}
#app .topbar #menu{border-radius:9px;color:#15345e}
#app .topbar .eyebrow{font-size:9px;letter-spacing:.13em;font-weight:900;color:#9a6b19;text-transform:uppercase}
#app .topbar #title{font-size:24px;line-height:1.05;color:#0d1f3e;font-weight:900;letter-spacing:-.025em}
#app .topbar .date{font-size:10px;color:#27456d;font-weight:700}
#app .theme-toggle{min-height:34px;padding:6px 10px;border-radius:10px;font-size:10px;font-weight:800;border:1px solid #d8e2ef;background:#fff;color:#1c365d;box-shadow:0 3px 10px rgba(15,23,42,.04)}
#app .content{width:min(100%,1280px);margin:0 auto;padding:18px 22px 34px}
#app .panel,#app .card,#app .stat,#app .toolbar,#app .filter-card,#app .student-card,#app .question-card,#app .sim-card,#app .material-card{border-radius:13px;border:1px solid #dfe7f1;background:#fff;box-shadow:0 5px 17px rgba(30,64,175,.045)}
#app h1,#app h2,#app h3,#app h4{color:#10213f}
#app h3{font-size:15px}#app h4{font-size:13px}
#app p,#app label,#app input,#app select,#app textarea,#app button,#app table,#app td,#app th{font-size:12px}
#app input,#app select,#app textarea{min-height:37px;border-radius:9px;border:1px solid #d7e1ec;background:#fff;color:#152a4b;padding:8px 10px;box-shadow:inset 0 1px 2px rgba(15,23,42,.025)}
#app textarea{min-height:92px}
#app .btn{min-height:36px;border-radius:9px;font-size:11px;font-weight:850;padding:8px 12px}
#app .btn.primary{background:linear-gradient(90deg,#0d63ea,#1f6dff);border-color:#0d63ea;color:#fff;box-shadow:0 7px 16px rgba(29,104,255,.18)}
#app .btn.secondary,#app .btn.ghost{background:#fff;border-color:#d7e2ef;color:#17345d}
#app table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border-radius:11px;border:1px solid #e1e7ef}
#app th{background:#f5f8fc;color:#334e74;font-weight:850}#app th,#app td{padding:9px 10px;border-bottom:1px solid #e9eef5}
#app .badge,#app .pill,#app .chip{border-radius:999px;font-size:9px;font-weight:850}
#app .schedule-board{grid-template-columns:1fr!important;gap:12px!important;margin-top:14px!important}
#app .schedule-card{border-radius:15px!important;border:1px solid #dce5ef!important;border-left:4px solid #c99531!important;background:#fff!important;box-shadow:0 6px 20px rgba(15,23,42,.04)!important;color:#1c3150!important;padding:16px!important}
#app .schedule-card h3{font-size:15px!important;color:#9f741f!important}
#app .schedule-card .muted,#app .schedule-card small{font-size:10px!important}
#app .lc-confirm-block{border-radius:12px!important;border:1px solid #e1e8f1!important;background:#f9fbfe!important;padding:12px!important}
#app .lc-confirm-block button{font-size:10px!important}
#app #lc-smart-study-map{font-size:12px!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(15,23,42,.12)!important}
#app #lc-smart-study-map h3{font-size:19px!important}
#app #lc-smart-study-map p,#app #lc-smart-study-map span,#app #lc-smart-study-map strong,#app #lc-smart-study-map small,#app #lc-smart-study-map button{font-size:12px}
#app #lc-smart-study-map small,.lc-map-caption{font-size:10px!important}
#app .modal-card{border-radius:15px;border:1px solid #dce5ef;box-shadow:0 24px 60px rgba(15,23,42,.22)}
#app .modal-head{border-bottom:1px solid #e5ebf3}

html[data-theme='dark'] #app{background:#07111f;color:#e4edf8}
html[data-theme='dark'] #app #main-content{background:linear-gradient(180deg,#08111f,#0d1727 55%,#0a1321)}
html[data-theme='dark'] #app .topbar{background:rgba(8,17,31,.94);border-bottom-color:#203047}
html[data-theme='dark'] #app .topbar #title,html[data-theme='dark'] #app h1,html[data-theme='dark'] #app h2,html[data-theme='dark'] #app h3,html[data-theme='dark'] #app h4{color:#f3f7fc}
html[data-theme='dark'] #app .content{color:#dce7f4}
html[data-theme='dark'] #app .panel,html[data-theme='dark'] #app .card,html[data-theme='dark'] #app .stat,html[data-theme='dark'] #app .toolbar,html[data-theme='dark'] #app .filter-card,html[data-theme='dark'] #app .student-card,html[data-theme='dark'] #app .question-card,html[data-theme='dark'] #app .sim-card,html[data-theme='dark'] #app .material-card,html[data-theme='dark'] #app .schedule-card{background:#0f1d31!important;border-color:#263850!important;color:#e4edf8!important}
html[data-theme='dark'] #app input,html[data-theme='dark'] #app select,html[data-theme='dark'] #app textarea{background:#0c1828;color:#edf3fb;border-color:#2b405b}
html[data-theme='dark'] #app .lc-confirm-block{background:#0b1728!important;border-color:#273a53!important}
html[data-theme='dark'] #app th{background:#132238;color:#c9d8eb}html[data-theme='dark'] #app td{border-bottom-color:#27374d}

@media(max-width:900px){#app .sidebar{width:240px}#app #main-content{margin-left:0}.sidebar:not(.open){transform:translateX(-105%)}#app .content{padding:14px 12px 28px}#app .topbar{padding:10px 12px}#app .topbar #title{font-size:20px}}
@media(max-width:600px){#app{font-size:12px}#app .content{padding:12px 9px 24px}#app .topbar .date{display:none}#app .topbar{gap:8px}#app .topbar #title{font-size:19px}#app .schedule-card{padding:13px!important}}