/* Ajustes de fidelidade ao mockup aprovado da página pública. */
.public-page {
  background-image: linear-gradient(90deg, rgba(2, 8, 15, .38), rgba(4, 13, 22, .1) 60%, rgba(2, 7, 12, .24)), url('/assets/forest-night.png');
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}
.public-page:before { display: none; }
.topbar { height: 80px; background: rgba(2, 9, 16, .72); border-bottom-color: rgba(184, 206, 218, .12); }
.topbar .brand { font-family: 'Arial Narrow', 'Segoe UI', Arial, sans-serif; font-size: 1.9rem; font-stretch: condensed; letter-spacing: -.035em; }
.brand .slashes { font-family: Georgia, serif; color: #ee3444; font-weight: 900; font-size: 2.1rem; letter-spacing: -.32em; transform: skew(-12deg); margin-right: 15px; }
.topbar nav a { font-weight: 500; color: #edf1f5; }
.topbar nav .outline { min-width: 130px; background: rgba(2, 9, 16, .55); border-color: #e13947; font-weight: 700; }
.hero { max-width: 1510px; min-height: 545px; padding: 76px 22px 28px; gap: 4vw; grid-template-columns: 46% 54%; }
.hero-copy .eyebrow { font-size: .78rem; letter-spacing: .34em; color: #d9e1e9; }
.hero-copy h1 { font-family: 'Segoe UI Variable Display','Segoe UI',Arial,sans-serif; font-weight: 900; font-size: clamp(4.2rem, 5.25vw, 6.7rem); line-height: .98; letter-spacing: -.055em; margin: 24px 0 26px; text-shadow: 0 3px 4px #0006; }
.hero-copy h1 em { color: #ed3946; }
.hero-copy p { font-size: clamp(1.15rem, 1.45vw, 1.48rem); max-width: 625px; line-height: 1.5; color: #e4e8ed; }
.hero-copy .big { min-width: 342px; min-height: 64px; font-size: 1.1rem; border: 1px solid #ff4f5c; box-shadow: 0 0 24px rgba(222, 36, 51, .4); }
.sample-card { grid-template-columns: 47% 1fr; background: rgba(5, 14, 23, .92); border-color: #5a6b79; border-radius: 9px; gap: 14px; padding: 16px; transform: rotate(1deg); }
.sample-card>.eyebrow { letter-spacing: 0; font-size: 1rem; font-weight: 700; color: #edf1f5; padding: 0 0 3px 16px; border-left: 3px solid #ee3442; }
.sample-scene { min-height: 320px; background: linear-gradient(0deg, rgba(3, 8, 13, .14), rgba(3, 8, 13, .14)), url('/assets/forest-night.png') center/cover; border-color: #355065; }
.sample-mark { display: none; }
.sample-rows { gap: 10px; }
.sample-rows div { min-height: 96px; padding: 18px 15px 15px 70px; position: relative; border-color: #2c3d4a; background: rgba(14, 27, 38, .96); }
.sample-rows div:before { content: '◈'; position: absolute; left: 15px; top: 18px; width: 42px; height: 42px; display: grid; place-items: center; font-size: 1.45rem; color: #f1f4f7; background: #201e2b; border: 1px solid #a63846; border-radius: 6px; }
.sample-rows div:nth-child(2):before { content: '◇'; color: #dc82ec; }
.sample-rows div:nth-child(3):before { content: '▤'; color: #c5d3dd; }
.sample-rows strong { font-size: .96rem; }
.sample-rows small { font-size: .8rem; line-height: 1.38; }
.steps { max-width: 1320px; padding-top: 8px; padding-bottom: 42px; }
.steps article { text-align: center; border-top: 0; padding: 9px 30px; position: relative; }
.steps article:not(:last-child):after { content: ''; position: absolute; top: 48px; right: -16%; width: 33%; height: 1px; background: #852b38; }
.steps article span { display: inline-grid; place-items: center; width: 76px; height: 76px; border: 2px solid #e63846; border-radius: 50%; color: #e63846; font-family: 'Segoe UI',Arial,sans-serif; font-size: 1.25rem; }
.steps h2 { font-family: 'Segoe UI Variable Display','Segoe UI',Arial,sans-serif; font-size: 1.3rem; letter-spacing: -.025em; margin: 15px 0 11px; }
.steps p { max-width: 270px; margin: auto; font-size: .96rem; }
.public-page footer { border-top: 0; background: rgba(2, 8, 15, .34); font-size: .82rem; }
.login-page { background-image: linear-gradient(90deg, rgba(3, 8, 15, .55), rgba(3, 8, 15, .78)), url('/assets/forest-night.png'); background-size: cover; background-position: center; }
.login-page:before { display: none; }
.app-page h1,.app-page h2,.app-page h3 { font-family: 'Arial Narrow','Segoe UI',Arial,sans-serif; font-stretch: condensed; font-weight: 800; letter-spacing: -.01em; }
.app-page .brand { font-family: 'Arial Narrow','Segoe UI',Arial,sans-serif; }
@media(max-width: 950px) {
  .hero { grid-template-columns: 1fr; padding-top: 52px; }
  .hero-copy h1 { font-size: clamp(3.5rem, 8vw, 5.3rem); }
  .sample-card { max-width: 730px; transform: none; }
  .public-page { background-attachment: scroll; }
}
@media(max-width: 650px) {
  .topbar .brand { font-size: 1.45rem; }
  .hero { padding: 48px 20px 28px; }
  .hero-copy h1 { font-size: clamp(3.4rem, 12vw, 4.7rem); }
  .hero-copy p { font-size: 1.12rem; }
  .hero-copy .big { min-width: 0; width: 100%; }
  .sample-card { grid-template-columns: 1fr; }
  .sample-scene { min-height: 170px; }
  .steps article:not(:last-child):after { display: none; }
}

/* Painel privado — direção visual baseada na referência aprovada. */
.app-page{grid-template-columns:238px minmax(0,1fr);background:#060d12;color:#e4e9ed;--line:#26343c;--muted:#96a6b4;font-size:14px;line-height:1.5}
.app-page button,.app-page input,.app-page textarea{font-size:13px}.app-page h1,.app-page h2,.app-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.025em;line-height:1.2}
.app-page h2{font-size:24px}.app-page h3{font-size:18px}.app-page .muted{color:var(--muted)}
.app-page .sidebar{position:sticky;top:0;height:100vh;padding:30px 16px 24px;gap:10px;border-right:1px solid #30434a;background:linear-gradient(180deg,#0610188c 0%,#03090cd9 40%,#07131b33 75%,#020609ee 100%),url('/assets/forest-night.png') 39% center/auto 100%;box-shadow:12px 0 50px #0003;z-index:2}
.tactical-brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:8px 0 24px;border-bottom:1px solid #43515c40;margin-bottom:15px}.brand-lockup{display:flex;align-items:center;font:900 58px/1 Georgia,serif;letter-spacing:-5px;color:#e9eceb;text-shadow:1px 2px 0 #6b7783,0 5px 15px #000}.tally-mark{color:#ca252d;display:block;font:bold 53px/1 Georgia,serif;letter-spacing:-20px;transform:rotate(-12deg);margin-left:10px;margin-right:20px}.tactical-brand>strong{color:#e63b3b;font:700 22px/1.3 'Segoe UI',sans-serif;letter-spacing:9px;margin:10px 0 0 9px}
.app-page .nav-label{font:600 9px/1.5 'Segoe UI',sans-serif;letter-spacing:2px;color:#6e8592;margin:13px 13px 7px}.app-page .nav-label.second{margin-top:25px}.app-page .sidebar [data-view]{padding:13px 12px 13px 42px;position:relative;font-weight:500;color:#a8b6c3;border-radius:3px;margin:4px 0;letter-spacing:0;transition:background .18s,color .18s}.app-page .sidebar [data-view]:before{content:'◇';position:absolute;left:12px;top:10px;font-size:21px;line-height:24px;color:#8299a8}.app-page .sidebar [data-view=analysis]:before{content:'▧'}.app-page .sidebar [data-view=matches]:before{content:'▥'}.app-page .sidebar [data-view=files]:before{content:'▱'}.app-page .sidebar [data-view=users]:before{content:'♙'}.app-page .sidebar [data-view=account]:before{content:'⚙'}
.app-page .sidebar [data-view].active{border-left-color:#ef383e;background:linear-gradient(90deg,#b4242c26,#65152226);color:#fff}.app-page .sidebar [data-view].active:before{color:#f14950}.app-page .sidebar [data-view]:hover{background:#19242caa;color:#fff}.app-page .sidebar .account-nav{margin-top:13px}.sidebar-motto{margin-top:auto;text-align:center;font:600 10px/2 Georgia,serif;letter-spacing:3px;color:#a0afbb;text-shadow:0 2px 4px #000}.sidebar-motto i{display:block;width:27px;height:2px;background:#e73236;margin:13px auto 0}
.app-page .workspace{position:relative;padding:28px 26px 30px;min-height:100vh;background:linear-gradient(180deg,#07101833 0,#050d13e8 250px,#050c11fa 650px),url('/assets/forest-night.png') center top/cover fixed;isolation:isolate}.workspace:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#02070b77,transparent 65%);pointer-events:none}.app-page .workspace-top{margin:0;align-items:center;min-height:68px}.app-page .workspace-top h1{font-size:clamp(30px,3vw,43px);margin:0;color:#e3e7e9;text-shadow:0 4px 20px #000}.app-page #area-label{font-size:9px;letter-spacing:3px;color:#c9b9b8;display:block;margin-bottom:7px}.app-page .user-actions{gap:10px;align-self:flex-start;padding-top:10px}.app-page #user-badge{font-size:12px;color:#becbd3;max-width:160px;overflow:hidden;text-overflow:ellipsis}.app-page #user-badge:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#37c97c;margin-right:8px;box-shadow:0 0 12px #2dba6655}.app-page #logout{min-height:30px;padding:5px 12px;border-color:#46545e70;font-weight:400;background:#091219a6}
.mission-intro{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:6px 0 23px}.mission-intro p{margin:0;max-width:550px;color:#a7b7c6;font-size:14px;line-height:1.6}.live-status{font-size:10px;white-space:nowrap;color:#b3c5cc;border:1px solid #38544975;background:#09251c77;padding:7px 12px;border-radius:20px}.live-status.ready:before{content:'';display:inline-block;width:7px;height:7px;background:#3edb8b;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #37d38244}
.app-page .panel{background:linear-gradient(125deg,#0a151bd9,#060e13ed);border:1px solid #253a447a;border-radius:10px;box-shadow:0 10px 30px #0002,inset 0 1px #ffffff03;padding:19px;margin-bottom:18px;min-width:0}.tactical-grid{gap:14px;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}.tactical-grid>.panel{margin-bottom:16px}.panel-kicker{display:flex;justify-content:space-between;gap:10px;margin:0 0 15px;font:600 9px/1.5 'Segoe UI',sans-serif;letter-spacing:2px;color:#8d9ca8}.panel-kicker>span:last-child{letter-spacing:1px;color:#627d8b}
.app-page .upload-zone{padding:29px 15px 25px;border:1px dashed #385363;border-radius:7px;background:linear-gradient(0deg,#071017c7,#11212d44),url('/assets/forest-night.png') center 65%/cover;text-align:center;transition:border-color .2s,background-color .2s;min-height:276px;position:relative;overflow:hidden}.app-page .upload-zone.dragging{border-color:#ed3d46;background-color:#6b232a}.upload-symbol{font:200 50px/.9 'Segoe UI',sans-serif;color:#93a9b9;margin-bottom:18px}.app-page .upload-zone h2{font-size:24px;margin:0 0 10px;text-shadow:0 2px 12px #000}.app-page .upload-zone p{color:#9caebb;font-size:12px;margin-bottom:17px}.app-page .upload-zone>small{display:block;font-size:10px;color:#738c9b;margin-top:12px}.app-page .primary{background:linear-gradient(135deg,#d32e34,#9d171f);border:1px solid #f0414655;border-radius:5px;min-height:39px;padding:9px 17px;font-weight:600;box-shadow:0 4px 18px #aa1e2522}.app-page .primary:hover{background:linear-gradient(135deg,#ed3b42,#b12029);filter:none}.app-page .primary:disabled{background:#2c2026;border-color:#463139;color:#a59198;opacity:.7;box-shadow:none}.upload-zone .primary{min-width:190px;gap:18px}.app-page .secondary{border-color:#3d505a77;background:#111e2780;min-height:36px;font-size:11px;padding:7px 12px;border-radius:5px;font-weight:500}.app-page .secondary:hover{background:#23323d}.app-page button:focus-visible,.app-page a:focus-visible{outline:2px solid #e6545d;outline-offset:4px}.app-page .text-button{font-size:11px;padding:5px 0;color:#ed5557;text-decoration:none}.app-page .text-button:hover{text-decoration:underline}.icon-button{background:transparent;color:#a1b1c1;font-size:23px;padding:5px 10px}
.app-page .upload-zone.compact{min-height:0;padding:14px;display:flex;gap:12px;align-items:center;justify-content:space-between}.upload-zone.compact .upload-symbol,.upload-zone.compact h2,.upload-zone.compact p,.upload-zone.compact>small{display:none}.upload-zone.compact .primary{width:100%;min-width:0}.capture-preview{margin-top:16px;background:#02070b;border:1px solid #2c414d;border-radius:5px;overflow:hidden;display:grid;place-items:center}.capture-preview img{display:block;max-width:100%;max-height:240px;object-fit:contain}.app-page .capture-time{display:grid;gap:7px;font-size:11px;color:#9dafbb;margin:15px 0 6px}.capture-time input{padding:8px 10px}.app-page #capture-fields>small{display:block;font-size:10px}.app-page input,.app-page textarea,.app-page select{background:#050e15b3;border-color:#334854a6;border-radius:4px;font-size:12px}.app-page textarea{line-height:1.65;resize:vertical}.app-page .recent-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.recent-heading h3{font-size:15px;margin:0}.recent-empty{padding:18px 15px;border:1px solid #293d4866;color:#8399a8;border-radius:5px;font-size:11px;text-align:center;background:#07111855}.recent-print{display:flex;align-items:center;gap:12px;border:1px solid #2e414b8c;border-radius:5px;padding:8px;background:#06101766}.recent-print img{width:92px;height:58px;object-fit:cover;border:1px solid #48566266;border-radius:4px}.recent-print>div{flex:1;min-width:0}.recent-print strong,.recent-print small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-print strong{font-size:11px;font-weight:600;color:#cbd5dc}.recent-print small{font-size:10px;color:#8a9ba9;margin:3px 0 5px}
.reading-panel{display:flex;flex-direction:column}.reading-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3d4670;padding-bottom:13px;margin-bottom:16px}.reading-heading h2{margin:0;display:flex;align-items:center;gap:11px;white-space:nowrap}.title-mark{color:#ef3b41;font-family:'Segoe UI',sans-serif;font-weight:400}.mini-label{color:#7f96a4;font:500 8px/1.5 'Segoe UI',sans-serif;letter-spacing:1.1px;text-align:right}.build-empty{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:242px;padding:10px 25px 20px}.scan-emblem{display:grid;place-items:center;width:58px;height:58px;color:#a8bdc9;font:40px/1 Georgia;border:1px solid #41546577;transform:rotate(45deg);margin:10px 0 24px;background:linear-gradient(145deg,#22314299,#101a2344);box-shadow:0 0 40px #506f8e12}.build-empty h3{font-size:23px;line-height:1.35;margin-bottom:12px;color:#d2dce3}.build-empty p{max-width:330px;font-size:12px;color:#8fa4b3;line-height:1.7;margin-bottom:22px}.scan-steps{display:flex;gap:13px;align-items:center;color:#829baa;font-size:10px;letter-spacing:.2px}.scan-steps b{font-weight:400;color:#6b353e}.ocr-editor{border:1px solid #34454f73;border-radius:5px;margin:0 0 14px;background:#101d2733}.ocr-editor summary{padding:11px 13px;cursor:pointer;font-size:11px;color:#bccad4;list-style:none;display:flex;justify-content:space-between;align-items:center}.ocr-editor summary::-webkit-details-marker{display:none}.ocr-editor summary span{font-size:17px;color:#859cab}.ocr-editor[open] summary{border-bottom:1px solid #2d404a88}.ocr-editor label{display:block;margin:12px 12px 6px;font-size:10px;color:#849ba9}.ocr-editor textarea{width:calc(100% - 24px);margin:0 12px;padding:10px}.ocr-editor p{color:#8396a4;font-size:10px;line-height:1.5;padding:0 12px;margin:8px 0 12px}.strategy-button{width:100%;justify-content:space-between;margin-top:auto}.strategy-button>span:first-child{font-size:20px}.strategy-button>span:last-child{font-size:20px;font-weight:400}.reading-foot{color:#69818f;text-align:center;font-size:9px;letter-spacing:.3px;margin-top:10px}.killer-card{border:1px solid #31414d77;border-radius:6px;background:linear-gradient(90deg,#12212a99,#0b151d33);padding:12px;display:flex;gap:14px;align-items:center}.killer-emblem{width:61px;height:67px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,#1f303e,#080c14);border:1px solid #53616f99;color:#c4cbd9;font:48px Georgia}.killer-card small{font-size:10px;color:#91a7b6}.killer-card h3{font-size:24px;color:#e5e7ec;margin:3px 0}.killer-card p{font-size:10px;color:#8198a8;margin:0}.detected-tag{font-size:8px;color:#ee8589;background:#741d293d;border:1px solid #a63c4544;border-radius:4px;padding:4px 7px;margin-left:auto}.build-label{font-size:11px;font-weight:600;color:#c5d0da;margin:17px 0 12px}.perk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-bottom:1px solid #273e4866;padding:4px 0 18px}.perk-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;min-width:0}.perk-diamond{width:43px;height:43px;display:grid;place-items:center;transform:rotate(45deg);background:linear-gradient(135deg,#34214b,#21172e);border:1px solid #8e83a7;box-shadow:inset 0 0 0 3px #0b101a,inset 0 0 0 4px #4b355f,0 0 14px #5b3b691a}.perk-diamond i{transform:rotate(-45deg);font:30px Georgia;color:#d2bfe1}.perk-item strong{font-size:9px;font-weight:500;color:#bfc7d4;overflow-wrap:anywhere}.survivor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}.survivor-item{display:grid;grid-template-columns:30px 1fr;gap:0 8px;align-items:center;min-width:0}.survivor-item>span{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#20323e;color:#95a9b9;border:1px solid #42556388}.survivor-item strong{font-size:10px;font-weight:600;overflow-wrap:anywhere}.survivor-item small{font-size:9px;color:#8295a4;line-height:1.5;overflow-wrap:anywhere}
.library-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.library-heading h2{margin:0 0 4px;display:flex;gap:12px;align-items:center}.library-heading p{margin:0 0 0 31px;color:#8fa2b2;font-size:12px}.privacy-note{border:1px solid #33454f75;border-radius:6px;padding:10px 13px;display:flex;align-items:center;gap:12px;max-width:330px;background:#14212b44}.privacy-note>span{color:#9eb4c6;font-size:28px}.privacy-note strong{display:block;color:#aac4d5;font-size:10px;font-weight:600}.privacy-note small{color:#7e94a5;font-size:9px;display:block;margin-top:2px}.tactical-table{min-width:590px}.tactical-table th{padding:8px 12px;font-size:9px;letter-spacing:.6px;font-weight:500;background:#13202a77;color:#94a9bc;border-top:1px solid #2a3d49;border-bottom:1px solid #2a3d49}.tactical-table td{padding:10px 12px;font-size:10px;color:#9db0c0;border-bottom:1px solid #293b454f}.tactical-table tbody tr:hover{background:#1a29364d}.file-cell{display:flex;gap:12px;align-items:center}.file-cell img{width:62px;height:39px;object-fit:cover;border:1px solid #3c505e;border-radius:3px}.file-cell>div{min-width:0}.file-cell strong{display:block;font-size:11px;color:#c4d2dc;font-weight:500;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-cell small{display:block;font-size:9px;color:#718a9c;margin-top:2px}.file-status{display:inline-flex;gap:6px;align-items:center;font-size:9px;color:#bba58b;background:#47322055;border:1px solid #6f573230;border-radius:4px;padding:4px 7px}.file-status i{width:5px;height:5px;background:#bca171;border-radius:50%}.file-status.done{background:#14392d66;color:#6fd69a;border-color:#376f5033}.file-status.done i{background:#3ddc86;box-shadow:0 0 7px #3cd78644}.library-empty{text-align:center;padding:32px;color:#8198a7;border:1px solid #233a4577;border-radius:6px;background:#06101744}.library-empty>span{font-size:36px;color:#556e7f}.library-empty h3{font-size:19px;color:#b8c8d2;margin:7px 0}.library-empty p{font-size:11px;margin:0}.app-page .strategy-panel{border-color:#4b363e}.strategy-panel h3{font-size:20px;color:#dbe2e8;line-height:1.5}.strategy-panel ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:tips;list-style:none;padding:0}.strategy-panel li{counter-increment:tips;border:1px solid #3a474f70;background:#11202b55;border-radius:6px;padding:17px 17px 17px 48px;position:relative;font-size:12px;color:#c2cdd7;line-height:1.7}.strategy-panel li:before{content:counter(tips,decimal-leading-zero);position:absolute;left:14px;top:17px;color:#e75559;font:600 15px Georgia}.app-page .note{font-size:11px;line-height:1.6;border-left-width:2px;background:#4c22252b;color:#cba9ad;border-radius:0 4px 4px 0}.app-page .dialog{background:#09141ded;border-color:#3f505c;backdrop-filter:blur(18px)}.app-page .panel h2+.muted{font-size:12px}.app-page .form-grid{margin-top:20px}
@media(min-width:1600px){.app-page .workspace{padding:36px 38px}.tactical-grid{gap:20px}.app-page .panel{padding:23px}.upload-zone{min-height:320px}.build-empty{min-height:290px}}
@media(max-width:1150px){.app-page{grid-template-columns:200px 1fr}.app-page .workspace{padding:24px 18px}.brand-lockup{font-size:48px}.tally-mark{font-size:44px}.tactical-brand>strong{font-size:18px}.mission-intro{align-items:flex-start;flex-direction:column;gap:10px}.tactical-grid{grid-template-columns:1fr 1fr}.reading-heading{flex-wrap:wrap}.reading-heading h2{font-size:21px}.privacy-note{max-width:250px}.file-cell strong{max-width:200px}}
@media(max-width:950px){.app-page{grid-template-columns:1fr}.app-page .sidebar{position:relative;height:auto;display:flex!important;flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px 18px;gap:8px;background:linear-gradient(90deg,#07121aee,#07121ac9),url('/assets/forest-night.png') center 30%/cover;border-right:0;border-bottom:1px solid #354a55}.tactical-brand{padding:0 18px 0 0;margin:0;border-bottom:0;flex-direction:row;gap:8px}.brand-lockup{font-size:28px;letter-spacing:-2px}.tally-mark{display:none}.tactical-brand>strong{font-size:11px;letter-spacing:2px;margin:0}.sidebar-motto{display:none}.app-page .sidebar #owner-nav{display:flex;gap:3px;flex:1}.app-page .sidebar .nav-label{display:none}.app-page .sidebar [data-view]{width:auto;padding:9px 10px;border-left:0;border-bottom:2px solid transparent;font-size:11px;margin:0}.app-page .sidebar [data-view]:before{display:none}.app-page .sidebar [data-view].active{border-left:0;border-bottom-color:#e64045}.app-page .sidebar .account-nav{margin:0!important}.app-page .workspace{padding:23px}.mission-intro{flex-direction:row}.tactical-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-page .workspace-top h1{font-size:36px}}
@media(max-width:700px){.app-page .workspace{padding:20px 14px}.tactical-grid{grid-template-columns:1fr}.app-page .workspace-top{flex-direction:row;align-items:center;gap:8px}.app-page .workspace-top h1{font-size:29px}.app-page .user-actions{padding:0;align-self:center}.app-page #user-badge{display:none}.mission-intro{flex-direction:column;gap:10px;margin-bottom:18px}.mission-intro p{font-size:12px}.app-page .panel{padding:16px}.app-page .upload-zone{min-height:250px}.app-page .upload-zone.compact{min-height:0}.library-heading{align-items:flex-start;flex-direction:column}.privacy-note{max-width:none;width:100%;padding:8px 12px}.library-heading p{font-size:11px}.app-page .sidebar #owner-nav{order:2;flex-basis:100%;overflow:auto;flex-wrap:nowrap}.app-page .sidebar [data-view]{white-space:nowrap;font-size:11px}.app-page .sidebar .account-nav{margin-left:auto!important}.app-page .strategy-panel ol{grid-template-columns:1fr}.app-page .sidebar{padding:12px}.app-page .table-wrap{margin:0 -4px}.reading-heading{flex-wrap:nowrap}.mini-label{max-width:130px}.reading-panel .build-empty{min-height:250px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


.app-page .tally-mark{display:block;width:52px;height:61px;flex:0 0 52px;margin:0 0 0 8px;transform:rotate(-5deg);fill:none;stroke:#c92f35;stroke-width:5;stroke-linecap:square}.brand-lockup{font-size:51px;letter-spacing:-3px;justify-content:center;width:100%;overflow:visible}.app-page .tactical-brand{overflow:hidden}.app-page .workspace-top h1{font-weight:600}.app-page .upload-zone h2{font-weight:600}.app-page .tactical-brand>strong{font-size:20px}.app-page .library-heading p{margin-left:31px}
@media(max-width:1150px){.app-page .tally-mark{width:42px;height:51px;flex-basis:42px}.brand-lockup{font-size:44px}}
@media(max-width:950px){.app-page .tally-mark{display:none}.brand-lockup{font-size:28px;width:auto}.app-page .tactical-brand>strong{font-size:11px}}

.app-page .sidebar [data-view]:before{display:none}.app-page .sidebar [data-view]{display:flex;align-items:center;gap:13px;padding:13px 12px}.sidebar [data-view] svg{width:21px;height:21px;flex-shrink:0;color:#8ca2b2}.sidebar [data-view].active svg{color:#ef3d45}.upload-symbol svg{width:47px;height:47px}.upload-symbol{line-height:1}.strategy-panel #strategy-result>h3{font-size:18px}.strategy-panel #strategy-result>p{line-height:1.7;color:#bdcdd8}.app-page .sidebar .account-nav{margin-top:16px}
@media(max-width:950px){.app-page .sidebar [data-view]{padding:9px;gap:6px}.sidebar [data-view] svg{width:16px;height:16px}}
@media(max-width:950px){.app-page{grid-template-columns:minmax(0,1fr)}.app-page .sidebar{min-width:0;max-width:100%}.app-page .sidebar #owner-nav,.app-page .sidebar #guest-nav{min-width:0;max-width:100%}.app-page .workspace{width:100%;min-width:0}.app-page .mission-intro{min-width:0}.mission-intro p{overflow-wrap:anywhere}}
@media(max-width:700px){.tactical-grid{grid-template-columns:minmax(0,1fr)}.app-page .reading-heading h2{font-size:20px}.app-page .upload-zone h2{font-size:22px}.app-page .workspace-top h1{font-size:28px}.app-page .privacy-note{min-width:0}.app-page .reading-heading{gap:5px}.mini-label{font-size:7px}}
@media(max-width:700px){.app-page .sidebar #owner-nav{scrollbar-width:none}.app-page .sidebar #owner-nav::-webkit-scrollbar{display:none}}
