/* Campus · „Pădure și mentă”: how the skin (#cpz) and the live app (#campusV6App) share the page. */
body.cpz-on{background:#0E3B29!important}
/* the skin's menu replaces the live sidebar, the phone header and the phone tab bar */
body.cpz-on #campusV6App .cb-sidebar,
body.cpz-on #campusV6App .cb-mobile-header,
body.cpz-on #campusV6App .cb-bottom-nav{display:none!important}
body.cpz-on #campusV6App .cb-workspace{margin-left:0!important}
/* a screen drawn by the skin hides its live view; the live view stays in the page so its buttons keep working */
body[data-cpz-view="today"] #campusV6App .cb-view[data-view="today"],
body[data-cpz-view="prima"] #campusV6App .cb-view[data-view="today"],
body[data-cpz-view="gata"] #campusV6App .cb-view[data-view="today"],
body[data-cpz-view="progress"] #campusV6App .cb-view[data-view="progress"],
body[data-cpz-view="patterns"] #campusV6App .cb-view[data-view="patterns"],
body[data-cpz-view="flashcards"] #campusV6App .cb-view[data-view="flashcards"],
body[data-cpz-view="tests"] #campusV6App .cb-view[data-view="tests"],
body[data-cpz-view="reviews"] #campusV6App .cb-view[data-view="reviews"]{display:none!important}
/* ...and the (hidden) live workspace must not add an empty screen below it */
body[data-cpz-view] #campusV6App .cb-workspace{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
body[data-cpz-view] #campusV6App{min-height:0!important}
/* on screens that are not ported yet only the skin's menu shows, above the live view */
#cpz:not(.on-skin){min-height:0!important;background:none!important}
#cpz:not(.on-acasa) #hero,#cpz:not(.on-acasa) #row,#cpz:not(.on-acasa) #subsW{display:none!important}
#cpz .mk .cpz-mark,#cpz .flcl .cpz-mark{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:84% auto;background-position:center 46%;border-radius:inherit}
#cpz [data-cpz][role="button"]{cursor:pointer}
@media (max-width:899px){body.cpz-on:not([data-cpz-view]) #campusV6App .cb-workspace{padding-bottom:96px!important}}
/* only the front of the next card is known, so the Flashcarduri card must not turn over */
#cpz .flfan.cpz-noflip .flcard,#cpz .flfan.cpz-noflip:hover .flcard{transform:none!important}
#cpz .flfan.cpz-noflip .flbk{display:none!important}

/* Codex QA03 (26 Oct.): phone tap targets of at least 44px */
@media(max-width:899px){
 #cpz #tt .sw b{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 #cpz #tt .av{min-width:44px;min-height:44px}
 #cpz .tzar button{min-width:44px!important;min-height:44px!important}
 #cpz .tzteo{min-width:44px!important}
 body.cpz-on #campusV6App[data-campus-design] #cv8Overlay.is-question #cv8OverlayContent .cv45-paper-toggle{display:flex!important;align-items:center;min-height:44px!important}
 body.cpz-on #campusV6App[data-campus-design] #cv8Overlay.is-open #cv20ResultLater{min-height:44px!important;display:inline-flex!important;align-items:center!important}
 body.cpz-on #campusV6App[data-campus-design] #cv8Overlay.is-open #cv20DiagnosticNext{min-height:44px!important}
}
/* Codex QA05: white labels on Subiectul I green were 4.39:1 and 3.52:1; a darker green passes */
#cpz .pcol.s1 .prows .prow .pe{background:#156B35!important;color:#fff!important}
#cpz .ppri .ppr.s1 .pe{background:#105A2E!important;color:#fff!important}

/* search in Învață: the live patterns page shows the results; its pale sheet goes and the results sit on the forest like the other choosers */
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cv54-foaie-on .cv33-a-sheet{background:transparent!important;box-shadow:none!important;border:0!important;padding-left:0!important;padding-right:0!important}
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cv54-foaie-on .cb-pattern-home-section-head small{color:#A7F0C4!important}
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cv54-foaie-on .cb-pattern-home-section-head h2{color:#fff!important}
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cv54-foaie-on .cb-pattern-home-section-head p{color:rgba(255,255,255,.72)!important}
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cv54-foaie-on .cb-pattern-route-card{border:0!important;border-radius:22px!important;box-shadow:0 18px 34px -24px rgba(0,0,0,.7)!important}
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cb-pattern-search-wrap{border-radius:999px!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
body.cpz-on #campusV6App[data-campus-design] .cb-view[data-view="patterns"] .cv54-fh-theory{border-radius:999px!important}
/* phone: when the live page shows (search, Admitere) the skin is only the header, so its sticky tab bar would sit under it; pin it to the bottom */
@media(max-width:899px){
 #cpz:not(.on-skin) .tb{position:fixed!important;left:0;right:0;bottom:0;z-index:60}
 #cpz.a-b:not(.on-skin) .tb{left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 #cpz:not(.on-skin) ~ #campusV6App .cb-workspace{padding-bottom:110px!important}
}
/* the skin header already has BAC / Admitere; hide the live copy on the Admitere page (the skin still clicks it) */
body.cpz-on #campusV6App .cv34-area-switch{display:none!important}
/* the tutor circle (Kajabi header block) lifts itself above the live .cb-bottom-nav, which the skin hides; on the phone it would
   cover the skin's tab bar (76px), so it starts above it. No !important: inside an exercise the tutor's inline bottom still wins. */
@media(max-width:899px){body.cpz-on .ct-fab{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}

/* Codex Q1F01: the prototype hides „Teste de antrenament” under 900px and the tab bar has no Tests, so on the phone Tests had no way in */
@media(max-width:899px){body.cpz-on #cpz .lk .lk-teste{display:inline-flex;min-height:44px;align-items:center}}
/* Codex Q1F02/R1F02: the studio's back button and tabs at 44px on the phone, like the other tap targets
   (the studio sets its own heights with !important, so these need it too) */
@media(max-width:899px){body.cpz-on #campusV6App[data-campus-design] #cv8Overlay .cv54-t1-hero .cv54-ib{min-height:44px!important;min-width:44px!important}body.cpz-on #campusV6App[data-campus-design] #cv8Overlay .cv54-t1-hero .cv54-seg button{min-height:44px!important}}
/* Codex R3 shots: with real counts („330 de carduri de lucrat”, „Nimic de lucrat acum”) the Flashcarduri label ran under the card fan
   at 390–412px; the label now wraps on every phone width, as it already did under 380px */
@media(max-width:899px){body.cpz-on #cpz .sc.big a .tx b{white-space:normal!important;overflow-wrap:anywhere}}
/* Codex L2 (audit with real STAGING counts, 2026-10-26) */
/* F01: under 380px a three digit counter ran into the FLASHCARDURI label; keep the number's full width */
@media(max-width:379px){body.cpz-on #cpz .sc.big a strong{flex:0 0 auto!important;min-width:max-content!important}body.cpz-on #cpz .sc.big a .tx{min-width:0!important}}
/* F02: on laptop widths the a) b) c) chips of the 15p rows ran over „N din M lucrate”; they go on their own line there
   (measured: overlap from 1180 to 1440px, none at 1024 or from 1500px) */
@media(min-width:1025px) and (max-width:1499px){body.cpz-on #cpz .ivm{flex-wrap:wrap!important}body.cpz-on #cpz .ivabc{position:static!important;flex-basis:100%!important;margin-top:7px!important}}
/* F03: the end of the answer feedback stayed under the fixed two-row action bar on the phone */
@media(max-width:899px){body.cpz-on #campusV6App[data-campus-design] #cv8Overlay#cv8Overlay:is(.is-question,.is-diagnostic) #cv8OverlayContent{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important}}
/* F04: the manual toolbar controls at the phone target size */
@media(max-width:899px){body.cpz-on #campusV6App[data-campus-design] #cv8Overlay#cv8Overlay.cm-book-view #cv8OverlayContent .cm-book-calm .cm-book-toolbar :is(button,select,a){min-width:44px!important;min-height:44px!important}}
/* F05: on the live pages (Admitere, search) the page painted over the skin's tab bar, so taps on the bar opened „Repetă cardurile”;
   the skin header and tab bar stay above the page (the live modals sit at z-index 99999, still above) */
body.cpz-on #cpz:not(.on-skin){position:relative;z-index:100}
/* F07: Admitere subject switch and the chapter „Deschide tiparul” / „Carduri” buttons at 44px on the phone
   (Codex proposed every Admitere button; narrowed to the ones it measured below 44px) */
@media(max-width:899px){body.cpz-on #campusV6App#campusV6App[data-campus-area="admitere"] :is(.cv34-subject-switch button,button.cv34-secondary){min-width:44px!important;min-height:44px!important}}