:root{--pp-bg:#06090f;--pp-panel:#0b111c;--pp-card:#0d1522;--pp-line:#1c2940;--pp-cyan:#53e0ff;--pp-blue:#53e0ff;--pp-violet:#a78bfa;--pp-green:#b8f34d;--pp-text:#e6edf6;--pp-muted:#7d8ca3}
.pp-shell{position:fixed;inset:0;z-index:10000;flex-direction:row!important;overflow:hidden;color:var(--pp-text);font-family:'Space Grotesk',sans-serif;background:var(--pp-bg);isolation:isolate}
.pp-shell::before{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(900px 580px at 78% -12%,rgba(67,98,255,.20),transparent 67%),radial-gradient(620px 520px at 42% 110%,rgba(20,208,180,.08),transparent 65%),linear-gradient(145deg,#050814,#080e1f 58%,#060a16)}
.pp-shell::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
.pp-data-field{position:absolute;top:-12%;right:-8%;width:62%;height:112%;z-index:-2;opacity:.72;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%)}
.pp-header{position:relative;z-index:2;width:252px;min-width:252px;height:100%;display:flex;flex-direction:column;gap:0;padding:24px 16px 18px;border-right:1px solid rgba(143,166,255,.13);background:rgba(6,10,23,.80);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:24px 0 70px rgba(0,0,0,.18)}
.pp-header::after{content:"";position:absolute;left:22px;right:22px;bottom:82px;height:1px;background:linear-gradient(90deg,transparent,rgba(130,160,255,.2),transparent)}
.pp-brand-block{display:flex;align-items:center;gap:13px;padding:2px 8px 27px}
.pp-brand-mark{position:relative;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:none;font-size:22px;color:#fff;background:linear-gradient(145deg,#2a7f8f,#53e0ff);box-shadow:0 12px 34px rgba(83,224,255,.3),inset 0 1px rgba(255,255,255,.4)}
.pp-brand-mark::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(100,205,255,.18);border-radius:20px}
.pp-brand-copy{display:grid;line-height:1.12}.pp-brand-copy>span{font-size:8px;font-weight:900;letter-spacing:.24em;color:#66dfff}.pp-brand-copy>strong{margin-top:3px;font:900 15px 'Space Grotesk',sans-serif;color:#fff}.pp-brand-copy>small{margin-top:5px;color:#65779f;font-size:9px;text-transform:capitalize}
.pp-nav{display:flex;flex-direction:column;gap:5px;min-height:0;padding:7px 0;overflow-y:auto;scrollbar-width:none}.pp-nav::-webkit-scrollbar{display:none}
.pp-tab-btn{position:relative;width:100%;min-height:45px!important;justify-content:flex-start!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#7f90b5!important;font-size:12px!important;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease!important}
.pp-tab-btn::before{content:"";position:absolute;left:-1px;width:3px;height:0;border-radius:0 5px 5px 0;background:var(--pp-cyan);box-shadow:0 0 14px var(--pp-cyan);transition:height .22s ease}.pp-tab-btn:hover{color:#dce5ff!important;background:rgba(255,255,255,.035)!important;transform:translateX(2px)}.pp-tab-btn.active{color:#fff!important;border-color:rgba(83,224,255,.28)!important;background:linear-gradient(100deg,rgba(83,224,255,.15),rgba(83,224,255,.03))!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}.pp-tab-btn.active::before{height:24px}
.pp-header-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:auto;padding-top:24px}.pp-icon-action{height:40px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;border:1px solid rgba(125,166,255,.15);border-radius:11px;background:rgba(255,255,255,.025);color:#8798bc;font:800 10px 'Space Grotesk',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:.2s}.pp-icon-action:hover{transform:translateY(-2px);color:#fff;border-color:rgba(125,166,255,.38);background:rgba(125,166,255,.09)}.pp-icon-action iconify-icon{font-size:15px}.pp-icon-action.success{color:#5ee7b2;border-color:rgba(52,211,153,.21)}.pp-icon-action.danger{color:#fda4af;border-color:rgba(251,113,133,.18)}
.pp-body{position:relative;z-index:1;flex:1;min-width:0;height:100%;overflow-y:auto;scrollbar-color:#263a67 transparent;scrollbar-width:thin}.pp-content{width:min(1440px,100%);margin:0 auto;padding:34px clamp(22px,3vw,46px) 90px!important}
.pp-command-hero{position:relative;min-height:300px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;overflow:hidden;margin-bottom:20px;padding:clamp(28px,4vw,54px);border:1px solid #1c2940;border-radius:20px;background:linear-gradient(160deg,#0b111c,#0a0f18);box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04)}
.pp-command-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(137,164,255,.045) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(137,164,255,.04) 50%,transparent 50.2%);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 34%,#000)}
.pp-command-hero::after{content:"";position:absolute;width:540px;height:540px;right:-150px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(69,224,255,.13),rgba(94,85,255,.06) 42%,transparent 70%);filter:blur(1px)}
.pp-command-copy{position:relative;z-index:2;max-width:720px}.pp-live-label{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#53e0ff;font-size:9px;font-weight:700;letter-spacing:.18em;font-family:'JetBrains Mono',monospace}.pp-live-label i{width:7px;height:7px;border-radius:50%;background:#48e7ab;box-shadow:0 0 0 5px rgba(72,231,171,.09),0 0 18px #48e7ab}.pp-live-label span{color:#43557d}.pp-command-copy h1{margin:0;max-width:700px;font:900 clamp(33px,4.2vw,61px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:#fff}.pp-command-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#53e0ff,#b8f34d);background-clip:text;-webkit-background-clip:text}.pp-command-copy p{max-width:590px;margin:20px 0 26px;color:#9eadd0;font-size:14px;line-height:1.7}.pp-command-actions{display:flex;gap:10px;flex-wrap:wrap}.pp-primary-action,.pp-secondary-action{position:relative;height:46px;padding:0 17px;display:inline-flex;align-items:center;gap:8px;border-radius:13px;font:900 11px 'Space Grotesk',sans-serif;cursor:pointer;overflow:hidden}.pp-primary-action{border:0;color:#0a1206;background:linear-gradient(135deg,#8fd94a,#b8f34d);box-shadow:0 12px 30px rgba(184,243,77,.22)}.pp-secondary-action{border:1px solid rgba(137,165,255,.25);color:#dce5ff;background:rgba(255,255,255,.045)}
.pp-command-orbit{position:relative;z-index:2;width:min(290px,90%);aspect-ratio:1;margin:auto}.pp-orbit-ring{position:absolute;inset:12%;border:1px solid rgba(100,205,255,.18);border-radius:50%;box-shadow:inset 0 0 50px rgba(67,96,255,.04)}.pp-orbit-ring.r2{inset:25%;border-style:dashed;border-color:rgba(144,112,255,.30)}.pp-orbit-ring.r3{inset:38%;border-color:rgba(80,227,170,.28)}.pp-orbit-core{position:absolute;inset:39%;display:grid;place-items:center;border-radius:50%;font-size:27px;color:#06121a;background:radial-gradient(circle at 35% 30%,#8ff0ff,#2a7f8f 58%,#0a2028);box-shadow:0 0 0 9px rgba(83,224,255,.09),0 0 55px rgba(83,224,255,.42);animation:ringpulse 2.6s ease-out infinite}.pp-orbit-node{position:absolute;min-width:76px;padding:9px 11px;border:1px solid rgba(132,162,255,.22);border-radius:13px;background:rgba(8,15,35,.82);box-shadow:0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.pp-orbit-node b{display:block;color:#fff;font:900 15px 'Space Grotesk'}.pp-orbit-node span{display:block;margin-top:2px;color:#7185ad;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.pp-orbit-node.n1{top:2%;left:5%}.pp-orbit-node.n2{right:-2%;top:37%}.pp-orbit-node.n3{left:4%;bottom:3%}
.pp-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.pp-stat-card{--pp-accent:#53e0ff;position:relative;overflow:hidden;min-height:112px;border-color:#1c2940!important;background:linear-gradient(160deg,#0b111c,#0a0f18)!important;box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);transition:transform .24s ease,border-color .24s ease}.pp-stat-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--pp-accent),transparent 72%);opacity:.7}.pp-stat-card::after{content:"";position:absolute;width:120px;height:120px;right:-54px;top:-62px;border-radius:50%;background:var(--pp-accent);opacity:.10;filter:blur(4px)}.pp-stat-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pp-accent) 55%,transparent)!important}
.pp-interactive-card{transform-style:preserve-3d;will-change:transform}.pp-focus-card{background:linear-gradient(120deg,rgba(20,37,92,.94),rgba(24,47,115,.82) 50%,rgba(13,25,62,.92))!important;box-shadow:0 22px 56px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.04)}.pp-overview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;align-items:start}.pp-performance-card,.pp-ranking-card{box-shadow:0 20px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}
.pp-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.pp-section-heading h2{margin:3px 0 5px;font:900 clamp(27px,3vw,39px) 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#fff}.pp-section-heading p{margin:0;color:#91a7d5;font-size:13px}.pp-eyebrow{font-size:9px;font-weight:900;letter-spacing:.24em;color:#63d8ff}.pp-freq-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pp-freq-legend span{padding:7px 10px;border:1px solid rgba(125,166,255,.16);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;font-weight:900}.pp-freq-legend .p{color:#34d399}.pp-freq-legend .a{color:#fb7185}.pp-freq-legend .v{color:#7c8db3}
.pp-freq-scroll{overflow-x:auto}.pp-freq-scroll>div{min-width:680px}.pp-freq-mark{width:31px;height:31px;border:1px solid transparent;border-radius:9px;display:grid;place-items:center;font-size:13px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pp-freq-mark:hover{transform:scale(1.12)}.pp-freq-mark.is-present{border-color:rgba(52,211,153,.35);box-shadow:0 0 0 3px rgba(52,211,153,.05)}.pp-freq-mark.is-absent{border-color:rgba(251,113,133,.35)}.pp-freq-mark.is-empty{border-color:rgba(125,166,255,.12)}
.pp-soft-action{height:33px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(52,211,153,.28);border-radius:9px;background:rgba(52,211,153,.08);color:#5ee7b2;font:800 10px 'Space Grotesk',sans-serif;cursor:pointer}.pp-soft-action.danger{border-color:rgba(251,191,36,.25);background:rgba(251,191,36,.07);color:#fcd065}.pp-preview-student{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(45,212,191,.3);border-radius:9px;background:rgba(45,212,191,.09);color:#5eead4;font:800 11px 'Space Grotesk',sans-serif;cursor:pointer;white-space:nowrap}.pp-student-row{min-width:0;box-shadow:0 12px 35px rgba(0,0,0,.12)}.pp-student-actions,.pp-student-status{flex-shrink:0}
#professorPreviewBar{position:fixed;z-index:20000;left:50%;top:12px;transform:translateX(-50%);width:min(920px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px 11px 16px;border:1px solid rgba(251,191,36,.45);border-radius:14px;background:rgba(35,27,8,.96);color:#fde7a2;box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(14px);font:600 12px 'Space Grotesk',sans-serif}#professorPreviewBar span{display:flex;align-items:center;gap:7px}#professorPreviewBar iconify-icon{font-size:17px;color:#fbbf24}#professorPreviewBar button{padding:9px 13px;border:0;border-radius:9px;background:#fbbf24;color:#382807;font-weight:900;cursor:pointer;white-space:nowrap}
@media(max-width:1180px){.pp-header{width:218px;min-width:218px}.pp-content{padding:26px 22px 70px!important}.pp-command-hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.pp-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){.pp-shell{flex-direction:column!important}.pp-header{width:100%;min-width:0;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-right:0;border-bottom:1px solid rgba(143,166,255,.13)}.pp-header::after{display:none}.pp-brand-block{padding:0}.pp-brand-copy>small{display:none}.pp-nav{grid-column:1/-1;grid-row:2;flex-direction:row;overflow-x:auto;padding:4px}.pp-tab-btn{width:auto;min-width:max-content;justify-content:center!important;padding:0 13px!important}.pp-tab-btn::before{left:50%;bottom:-4px;width:0;height:2px!important;transform:translateX(-50%);transition:width .2s}.pp-tab-btn.active::before{width:24px}.pp-header-actions{display:flex;margin:0;padding:0}.pp-icon-action{width:38px;padding:0}.pp-icon-action span{display:none}#painelSyncIndicator{font-size:0}.pp-body{height:auto}.pp-command-hero{grid-template-columns:1fr;min-height:0}.pp-command-orbit{position:absolute;right:-72px;bottom:-85px;width:300px;opacity:.36}.pp-command-copy{max-width:88%}.pp-overview-grid{grid-template-columns:1fr}}
@media(max-width:620px){.pp-brand-mark{width:42px;height:42px;border-radius:14px}.pp-brand-copy{display:none}.pp-content{padding:16px 10px 55px!important}.pp-command-hero{padding:28px 22px;border-radius:21px}.pp-command-copy{max-width:100%}.pp-command-copy h1{font-size:34px}.pp-command-copy p{font-size:12.5px}.pp-command-actions{align-items:stretch;flex-direction:column}.pp-primary-action,.pp-secondary-action{justify-content:center;width:100%}.pp-command-orbit{display:none}.pp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-stats-grid>.pp-stat-card:last-child{grid-column:1/-1}.pp-focus-grid{grid-template-columns:1fr!important}.pp-section-heading{align-items:flex-start;flex-direction:column}.pp-freq-legend{justify-content:flex-start}.pp-student-row{align-items:flex-start!important;flex-wrap:wrap}.pp-student-info{min-width:0!important;flex-basis:calc(100% - 62px)!important}.pp-student-status{margin-left:58px}.pp-student-actions{width:auto;min-width:0;flex:0 1 calc(100% - 58px);margin-left:58px;overflow-x:auto;padding-bottom:2px}#professorPreviewBar{top:7px;align-items:flex-start;flex-direction:column}#professorPreviewBar button{width:100%}}
.pp-eyebrow{font-family:'JetBrains Mono',monospace!important}
@media(prefers-reduced-motion:reduce){.pp-stat-card,.pp-icon-action,.pp-freq-mark,.pp-tab-btn{transition:none!important}.pp-orbit-core{animation:none!important}*{scroll-behavior:auto!important}}
@keyframes ringpulse{0%{box-shadow:0 0 0 0 rgba(83,224,255,.35),0 0 55px rgba(83,224,255,.42)}100%{box-shadow:0 0 0 22px rgba(83,224,255,0),0 0 55px rgba(83,224,255,.42)}}
/* --- v2: barra superior + ticker de notícias --- */
.pp-topbar{position:absolute;top:0;left:252px;right:0;height:52px;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #16202f;background:rgba(7,11,18,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:'JetBrains Mono',monospace}
.pp-crumb{font-size:10px;letter-spacing:2.5px;color:#7d8ca3;text-transform:uppercase}
.pp-topbar-right{display:flex;align-items:center;gap:18px}
.pp-ollama-ind{font-size:10px;letter-spacing:1px;color:#7d8ca3}.pp-ollama-ind span{color:#3d4c66}.pp-ollama-ind.on span{color:#b8f34d}
.pp-clock{font-size:15px;font-weight:700;color:#53e0ff;letter-spacing:1px}
.pp-body{padding-top:52px!important}
.pp-ticker{position:fixed;bottom:0;left:252px;right:0;height:38px;z-index:6;background:#070b12;border-top:1px solid #1c2940;display:flex;align-items:center;overflow:hidden}
.pp-ticker-badge{position:relative;z-index:2;flex-shrink:0;height:100%;display:flex;align-items:center;padding:0 16px;background:#0d1522;border-right:1px solid #1c2940;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:#ffc247}
.pp-ticker-track{position:relative;z-index:1;display:flex;width:max-content;white-space:nowrap;animation:tickmove 42s linear infinite;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#8a99b0}
.pp-ticker-track a{padding:0 28px;color:#8a99b0;text-decoration:none}.pp-ticker-track a b{color:#53e0ff;font-weight:400}.pp-ticker:hover .pp-ticker-track{animation-play-state:paused}
@keyframes tickmove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1180px){.pp-topbar,.pp-ticker{left:218px}}
@media(max-width:900px){.pp-topbar,.pp-ticker{display:none}.pp-body{padding-top:0!important}}
@keyframes blink{0%,60%{opacity:1}61%,100%{opacity:.15}}
@keyframes shimmer{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@keyframes scan{from{top:-20%}to{top:120%}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* ===== SHELL DO DESIGNER (op-*) — transplante fiel do mockup v2 ===== */
/* NÃO forçar display/position: o .pp-shell já posiciona; display:none/flex inline abre/fecha */
.pp-shell.op-shell{background:#06090f!important;background-image:linear-gradient(rgba(83,224,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(83,224,255,.028) 1px,transparent 1px)!important;background-size:48px 48px!important;color:#e6edf6;font-family:'Space Grotesk',sans-serif}
.pp-shell.op-shell::before,.pp-shell.op-shell::after{display:none!important}
.op-side{width:236px;min-width:236px;flex-shrink:0;border-right:1px solid #16202f;background:rgba(7,11,18,.85);display:flex;flex-direction:column;position:relative;z-index:2;height:100%}
.op-side-brand{padding:22px 20px 18px;border-bottom:1px solid #16202f;display:flex;align-items:center;gap:12px}
.op-brand-mark{width:38px;height:38px;background:#0d1522;border:1px solid #2a3b57;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);animation:ringpulse 2.6s ease-out infinite}
.op-brand-eyebrow{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:#53e0ff}
.op-brand-name{font-weight:700;font-size:15px;letter-spacing:-.2px;color:#fff}
.op-side-nav{padding:14px 12px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;scrollbar-width:none}.op-side-nav::-webkit-scrollbar{display:none}
.op-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-left:2px solid transparent;transition:background .15s;background:transparent}
.op-nav-item:hover{background:rgba(83,224,255,.06)}
.op-nav-item.active{border-left-color:#53e0ff;background:rgba(83,224,255,.08)}
.op-nav-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:#5b6a82}
.op-nav-item.active .op-nav-num{color:#53e0ff}
.op-nav-label{font-size:13.5px;font-weight:600;letter-spacing:.2px;color:#8a99b0;white-space:nowrap}
.op-nav-item.active .op-nav-label{color:#fff}
.op-mobile-nav{display:none}
.op-side-foot{padding:14px 16px 16px;border-top:1px solid #16202f;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;color:#7d8ca3;display:flex;flex-direction:column;gap:9px}
.op-foot-actions{display:flex;gap:6px}
.op-foot-btn{flex:1;height:30px;display:grid;place-items:center;background:#0d1522;border:1px solid #22314b;color:#8a99b0;font-size:14px;cursor:pointer;text-decoration:none;transition:.15s;clip-path:polygon(0 0,100% 0,100% 74%,86% 100%,0 100%)}
#painelSyncIndicator{font-size:0;overflow:hidden}#painelSyncIndicator::before{content:'↻';font:400 14px 'JetBrains Mono',monospace}#painelSyncIndicator iconify-icon{display:none}
.op-foot-btn:hover{border-color:#53e0ff;color:#53e0ff}
.op-foot-btn.danger:hover{border-color:#ff5d73;color:#ff5d73}
.op-foot-status{display:flex;align-items:center;gap:8px;color:#b8f34d}.op-foot-status span{width:6px;height:6px;background:#b8f34d;border-radius:50%;animation:blink 1.6s infinite;display:inline-block}
.op-main{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.op-topbar{height:52px;flex-shrink:0;border-bottom:1px solid #16202f;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,11,18,.7);font-family:'JetBrains Mono',monospace}
.op-topbar-right{display:flex;align-items:center;gap:18px}
.op-main-pad{flex:1;min-height:0;padding:0;overflow-y:auto;scrollbar-color:#263a67 transparent;scrollbar-width:thin}
.op-shell .pp-ticker{left:236px}
@media(max-width:1180px){.op-shell .pp-ticker{left:236px}}
.pp-repo-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #16202f;background:#080d15}
.pp-repo-title{display:flex;align-items:center;gap:10px}.pp-repo-title>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #b8f34d;color:#b8f34d;font:700 16px 'JetBrains Mono',monospace}.pp-repo-title b{display:block;color:#b8f34d;font:700 9px 'JetBrains Mono',monospace;letter-spacing:1.7px}.pp-repo-title small{display:block;margin-top:3px;color:#65758e;font-size:10.5px}
.pp-repo-control{display:flex;gap:7px}.pp-repo-control input{height:34px;padding:0 9px;border:1px solid #263752;border-radius:0;background:#0b111c;color:#dce7f6;color-scheme:dark;font:600 11px 'JetBrains Mono',monospace}.pp-repo-control button{height:34px;padding:0 13px;border:1px solid #b8f34d;border-radius:0;background:rgba(184,243,77,.08);color:#b8f34d;font:700 9px 'JetBrains Mono',monospace;letter-spacing:.8px;cursor:pointer}.pp-repo-control button:hover{background:#b8f34d;color:#081006}
.pp-repo-list{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.pp-repo-list>span{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #334322;color:#cbd6e5;background:#0d1413;font:600 9px 'JetBrains Mono',monospace}.pp-repo-list b{color:#b8f34d}.pp-repo-list button{width:17px;height:17px;padding:0;border:0;background:transparent;color:#ff7588;font-size:15px;line-height:1;cursor:pointer}.pp-freq-date.is-repo{background:rgba(184,243,77,.045);box-shadow:inset 0 2px #b8f34d}.pp-freq-legend .r{color:#b8f34d}.pp-freq-class-card,.pp-freq-class-card button,.pp-freq-class-card input{border-radius:0!important}
@media(max-width:900px){.op-shell{flex-direction:column!important}.op-side{width:100%;min-width:0;height:auto;flex-direction:row;align-items:center;overflow:visible;border-right:0;border-bottom:1px solid #16202f;background:rgba(6,10,17,.96);backdrop-filter:blur(16px)}.op-side-brand,.op-side-foot{display:none}.op-side-nav{width:100%;flex:none;display:block;padding:8px 10px;overflow:visible}.op-side-nav>.op-nav-item{display:none}.op-mobile-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;align-items:stretch;width:100%}.op-mobile-arrow{min-height:48px;border:1px solid #263752;background:#0b121e;color:#53e0ff;font:700 19px 'JetBrains Mono',monospace;cursor:pointer}.op-mobile-arrow:disabled{color:#3d4b60;border-color:#182333;cursor:default}.op-mobile-select-wrap{position:relative;min-width:0;padding:6px 34px 6px 12px;border:1px solid rgba(83,224,255,.42);background:linear-gradient(100deg,rgba(83,224,255,.11),rgba(83,224,255,.025));box-shadow:inset 3px 0 #53e0ff}.op-mobile-select-wrap::after{content:'⌄';position:absolute;right:12px;top:50%;transform:translateY(-45%);color:#53e0ff;font:700 18px 'JetBrains Mono',monospace;pointer-events:none}.op-mobile-select-wrap>span{display:block;margin-bottom:2px;color:#65758e;font:700 8px 'JetBrains Mono',monospace;letter-spacing:1.5px}.op-mobile-select{display:block;width:100%;min-width:0;border:0;outline:0;appearance:none;-webkit-appearance:none;background:transparent;color:#fff;font:700 14px 'Space Grotesk',sans-serif}.op-mobile-select option{background:#0b121e;color:#fff}.op-main{height:auto}.op-shell .pp-ticker,.op-topbar{display:none}.op-hero,.op-two,.op-three{grid-template-columns:1fr!important}.op-stats{grid-template-columns:repeat(2,1fr)!important}.op-fin4{grid-template-columns:repeat(2,1fr)!important}.op-main-pad .pp-content{padding:18px 16px 70px!important}.pp-repo-panel{grid-template-columns:1fr}.pp-repo-list{grid-column:1}.pp-repo-control{justify-content:flex-start}}
@media(max-width:560px){.op-stats,.op-fin4{grid-template-columns:1fr!important}.op-main-pad .pp-content{padding:14px 10px 60px!important}.pp-repo-control{align-items:stretch;flex-direction:column}.pp-repo-control input,.pp-repo-control button{width:100%}}

/* Auditoria responsiva 2026-07: controles realmente utilizáveis no celular. */
@media(max-width:620px){
  .op-main-pad,.op-main-pad .pp-content{min-width:0;max-width:100%;box-sizing:border-box}
  .op-main-pad .pp-content{overflow-wrap:anywhere}
  .op-main-pad .pp-content *{box-sizing:border-box}
  .op-stats,.op-fin4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .op-stats>.pp-stat-card:last-child:nth-child(odd){grid-column:1/-1}
  .pp-analytics-split,.pp-plan-grid,.pp-excel-steps{grid-template-columns:1fr!important}
  .pp-plan-grid{padding:15px 13px!important;gap:18px!important}
  .pp-filter-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  .pp-filter-bar>button{width:100%;min-width:0;justify-content:center;padding-inline:8px!important}
  .pp-page-heading{align-items:stretch!important}
  .pp-page-heading>div:first-child{width:100%}
  .pp-fin-month{width:100%;justify-content:space-between}
  .pp-fin-month>div{min-width:0!important;flex:1}
  .pp-fin-month>button{width:44px!important;height:44px!important;flex:none}
  .pp-fin-row{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center!important;gap:8px 12px!important;padding:13px!important}
  .pp-fin-row>div:first-child{grid-column:1;grid-row:1/3}
  .pp-fin-info{grid-column:2/-1;grid-row:1;min-width:0!important}
  .pp-fin-value{grid-column:2;grid-row:2;font-size:15px!important}
  .pp-fin-status{grid-column:3;grid-row:2;max-width:100%}
  .pp-fin-action{grid-column:1/-1;grid-row:3}
  .pp-fin-action>button{width:100%;justify-content:center}
  .pp-student-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:calc(100% - 58px)!important;overflow:visible!important}
  .pp-student-actions>button{width:100%!important;min-width:44px;justify-content:center!important}
  .pp-class-member{align-items:flex-start!important;flex-wrap:wrap}
  .pp-class-member>select{width:calc(100% - 43px);margin-left:43px;min-height:44px}
  .pp-new-student-grid{grid-template-columns:1fr!important}
  #_painelBody button:not(.pp-freq-mark){min-height:42px}
  #_painelBody input,#_painelBody textarea,#_painelBody select{max-width:100%;font-size:16px!important}
  .pp-soft-action{height:auto;white-space:normal;text-align:left}
  .pp-freq-scroll{padding-inline:12px!important;scrollbar-width:thin;overscroll-behavior-inline:contain}
  .pp-data-field{display:none}
}
