/* LVL V1.19.9I — Studio Compact Pro Visual-only/admin-only restructuring. Core Course Builder behavior is intentionally untouched. */ #view-admin.studio-compact-v1199i{ --studio-i-bg:#0a0d13; --studio-i-panel:#0e121a; --studio-i-panel-2:#111621; --studio-i-line:#222938; --studio-i-line-soft:rgba(130,143,170,.14); --studio-i-muted:#788195; --studio-i-text:#f3f5fb; --studio-i-purple:#a755ff; --studio-i-purple-2:#7b36dc; --studio-i-green:#52d59b; max-width:1460px; margin:0 auto; padding-bottom:26px; } /* Header: one compact command row instead of a tall hero. */ #view-admin.studio-compact-v1199i .admin-studio-heading{ margin:4px 0 10px!important; padding:12px 14px!important; min-height:68px; display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center!important; gap:12px!important; border:1px solid var(--studio-i-line); border-radius:16px; background: radial-gradient(circle at 88% 18%,rgba(153,72,244,.10),transparent 26%), linear-gradient(145deg,#0f131c,#0b0e14); box-shadow:0 18px 48px rgba(0,0,0,.20); } #view-admin.studio-compact-v1199i .admin-studio-title{min-width:0} #view-admin.studio-compact-v1199i .admin-studio-title .eyebrow{ display:block; margin-bottom:3px; color:#9e6be0; font-size:7px; letter-spacing:.14em; } #view-admin.studio-compact-v1199i .admin-studio-title h2{ margin:0!important; font-size:20px!important; line-height:1.05; letter-spacing:-.025em!important; color:var(--studio-i-text); } #view-admin.studio-compact-v1199i .admin-studio-title p{ margin:4px 0 0!important; color:var(--studio-i-muted)!important; font-size:9px!important; line-height:1.35; } #view-admin.studio-compact-v1199i .admin-heading-actions{ width:auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; flex-wrap:nowrap!important; } #view-admin.studio-compact-v1199i .admin-heading-actions .btn, #view-admin.studio-compact-v1199i .admin-heading-actions .save-indicator{ min-height:32px!important; height:32px; border-radius:9px!important; padding:0 10px!important; font-size:7px!important; line-height:1; white-space:nowrap; } #view-admin.studio-compact-v1199i .admin-heading-actions .btn.primary{ min-width:104px; box-shadow:0 8px 26px rgba(131,50,224,.18)!important; } #view-admin.studio-compact-v1199i .admin-heading-actions .save-indicator{ gap:5px; color:#7e8798; background:#0c1017; border-color:#202735; } #view-admin.studio-compact-v1199i .admin-heading-actions .save-indicator i{width:5px;height:5px} #view-admin.studio-compact-v1199i .admin-test-quick{ min-height:32px!important; color:#b8c0d0!important; border-color:#2a3140!important; background:#0d1118!important; } #view-admin.studio-compact-v1199i .admin-test-quick.active{ color:#f6c45a!important; border-color:rgba(245,158,11,.34)!important; background:rgba(245,158,11,.07)!important; } #view-admin.studio-compact-v1199i .admin-novice-quick{color:#aeb7c8!important} /* Dense metrics: same live IDs/data, much less vertical space. */ #view-admin.studio-compact-v1199i .admin-overview-strip{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; margin:0 0 8px!important; } #view-admin.studio-compact-v1199i .admin-overview-strip article{ min-height:52px!important; padding:8px 10px!important; gap:8px!important; border-radius:12px!important; border-color:#202735!important; background:linear-gradient(145deg,#0f131a,#0b0f15)!important; box-shadow:none!important; } #view-admin.studio-compact-v1199i .admin-overview-strip article:after{display:none!important} #view-admin.studio-compact-v1199i .admin-overview-icon, #view-admin.studio-compact-v1199i .studio-live-dot{ width:29px!important;height:29px!important;flex:0 0 29px!important;border-radius:9px!important; } #view-admin.studio-compact-v1199i .studio-live-dot:before{width:7px;height:7px} #view-admin.studio-compact-v1199i .admin-overview-strip article>div{min-width:0;gap:0!important} #view-admin.studio-compact-v1199i .admin-overview-strip small{font-size:6px!important;letter-spacing:.11em!important} #view-admin.studio-compact-v1199i .admin-overview-strip strong{font-size:15px!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #view-admin.studio-compact-v1199i .admin-overview-strip em{font-size:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Three-section command rail. It only navigates existing admin areas. */ #view-admin.studio-compact-v1199i .studio-compact-nav{ display:flex; align-items:center; gap:5px; margin:0 0 8px; padding:4px; width:max-content; max-width:100%; border:1px solid #202735; border-radius:11px; background:#0b0f15; overflow:auto; scrollbar-width:none; } #view-admin.studio-compact-v1199i .studio-compact-nav::-webkit-scrollbar{display:none} #view-admin.studio-compact-v1199i .studio-compact-nav button{ appearance:none;border:0;min-height:30px;padding:0 10px;border-radius:8px; display:inline-flex;align-items:center;gap:6px;background:transparent;color:#7f889a; font:800 8px/1 inherit;letter-spacing:.02em;cursor:pointer;white-space:nowrap; } #view-admin.studio-compact-v1199i .studio-compact-nav button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8} #view-admin.studio-compact-v1199i .studio-compact-nav button:hover{color:#cdd3df;background:#111620} #view-admin.studio-compact-v1199i .studio-compact-nav button.active{color:#d9b6ff;background:rgba(139,66,222,.13);box-shadow:inset 0 0 0 1px rgba(160,89,242,.18)} /* Advanced tools become compact drawers instead of permanent full cards. */ #view-admin.studio-compact-v1199i .studio-compact-drawer{ margin:0 0 8px; border:1px solid #202735; border-radius:13px; background:#0b0f15; overflow:hidden; } #view-admin.studio-compact-v1199i .studio-compact-drawer>summary{ list-style:none; min-height:42px; display:grid; grid-template-columns:28px minmax(0,1fr) auto 14px; gap:8px; align-items:center; padding:6px 10px; cursor:pointer; user-select:none; } #view-admin.studio-compact-v1199i .studio-compact-drawer>summary::-webkit-details-marker{display:none} #view-admin.studio-compact-v1199i .studio-drawer-icon{ width:27px;height:27px;border-radius:8px;display:grid;place-items:center; color:#b272fa;background:rgba(139,66,222,.10);border:1px solid rgba(160,89,242,.16); } #view-admin.studio-compact-v1199i .studio-drawer-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.9} #view-admin.studio-compact-v1199i .studio-drawer-copy{min-width:0;display:grid;gap:1px} #view-admin.studio-compact-v1199i .studio-drawer-copy strong{font-size:9px;color:#dce1ea} #view-admin.studio-compact-v1199i .studio-drawer-copy small{font-size:7px;color:#6f788b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #view-admin.studio-compact-v1199i .studio-drawer-status{font-size:7px;color:#8e97aa;border:1px solid #272e3b;border-radius:999px;padding:4px 7px;white-space:nowrap} #view-admin.studio-compact-v1199i .studio-drawer-chevron{width:12px;height:12px;color:#667084;transition:transform .18s ease} #view-admin.studio-compact-v1199i details[open]>summary .studio-drawer-chevron{transform:rotate(180deg)} #view-admin.studio-compact-v1199i .studio-compact-drawer[open]{border-color:rgba(151,77,232,.24);background:#0d1118} #view-admin.studio-compact-v1199i .studio-compact-drawer[open]>summary{border-bottom:1px solid #202735} #view-admin.studio-compact-v1199i .studio-compact-drawer #adminTestingPanel, #view-admin.studio-compact-v1199i .studio-compact-drawer .journey-admin-panel{ margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important; } #view-admin.studio-compact-v1199i .studio-compact-drawer #adminTestingPanel{padding:12px!important;background:transparent!important} #view-admin.studio-compact-v1199i .studio-compact-drawer #adminTestingPanel>.panel-head{display:none!important} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-tool-row{gap:12px;padding:8px 0} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-tool-row+ .admin-test-tool-row{border-top:1px solid #1d2430} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-tool-row strong{font-size:10px} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-tool-row p{margin:3px 0!important;font-size:8px!important;line-height:1.4!important} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-tool-row small{font-size:7px!important;line-height:1.4!important} /* Course Builder shell becomes the primary workspace. */ #view-admin.studio-compact-v1199i .builder-studio-shell{ min-height:560px!important; margin:0!important; border-radius:14px!important; border-color:#202735!important; background:#090d13!important; box-shadow:0 18px 60px rgba(0,0,0,.22)!important; } #view-admin.studio-compact-v1199i .builder-rail{ padding:10px 8px!important; border-right-color:#1d2430!important; background:linear-gradient(180deg,#0b0f15,#090c12)!important; } #view-admin.studio-compact-v1199i .builder-library-head{padding:0 3px 8px!important} #view-admin.studio-compact-v1199i .builder-library-head .eyebrow{font-size:6px!important} #view-admin.studio-compact-v1199i .builder-library-head strong{font-size:10px!important} #view-admin.studio-compact-v1199i .builder-library-head>small{width:22px!important;height:22px!important;font-size:7px!important} #view-admin.studio-compact-v1199i .builder-search-fake{ height:30px!important;margin-bottom:7px!important;padding:0 8px!important;border-radius:8px!important; } #view-admin.studio-compact-v1199i .builder-search-fake em{font-size:7px!important} #view-admin.studio-compact-v1199i .builder-course-list{gap:4px!important} #view-admin.studio-compact-v1199i .builder-course-item{ min-height:47px!important;padding:6px!important;gap:7px!important;border-radius:9px!important; grid-template-columns:30px minmax(0,1fr) auto!important; } #view-admin.studio-compact-v1199i .builder-mini-icon{ width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;font-size:9px!important; } #view-admin.studio-compact-v1199i .builder-course-copy strong{font-size:9px!important} #view-admin.studio-compact-v1199i .builder-course-copy small{font-size:6px!important} #view-admin.studio-compact-v1199i .builder-course-state{font-size:5px!important} #view-admin.studio-compact-v1199i .builder-rail-foot{padding:10px 4px 2px!important} #view-admin.studio-compact-v1199i .builder-course-head{ min-height:64px!important;padding:9px 12px!important;gap:10px!important; } #view-admin.studio-compact-v1199i .builder-course-avatar{width:34px!important;height:34px!important;border-radius:9px!important;font-size:9px!important} #view-admin.studio-compact-v1199i .builder-title-group .eyebrow{font-size:6px!important} #view-admin.studio-compact-v1199i .builder-inline-title{gap:6px!important} #view-admin.studio-compact-v1199i .builder-inline-title input{ width:min(42vw,470px)!important;font-size:15px!important;padding:2px 0!important; } #view-admin.studio-compact-v1199i .builder-course-subline{font-size:6px!important;margin-top:2px!important} #view-admin.studio-compact-v1199i .draft-pill{padding:3px 5px!important;font-size:5px!important} #view-admin.studio-compact-v1199i .builder-toolbar{gap:5px!important} #view-admin.studio-compact-v1199i .builder-toolbar .btn, #view-admin.studio-compact-v1199i .builder-toolbar .icon-danger{ min-height:30px!important;height:30px!important;padding:0 8px!important;border-radius:8px!important;font-size:7px!important; } #view-admin.studio-compact-v1199i .builder-toolbar .icon-danger{width:30px!important;padding:0!important;font-size:13px!important} /* Course metadata is still there, but behind one compact disclosure. */ #view-admin.studio-compact-v1199i .studio-course-details{ border-bottom:1px solid #1d2430; background:#0c1017; } #view-admin.studio-compact-v1199i .studio-course-details>summary{ min-height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px; list-style:none;cursor:pointer;color:#8993a5;font-size:7px;font-weight:850;letter-spacing:.045em; } #view-admin.studio-compact-v1199i .studio-course-details>summary::-webkit-details-marker{display:none} #view-admin.studio-compact-v1199i .studio-course-details>summary span{display:inline-flex;align-items:center;gap:6px} #view-admin.studio-compact-v1199i .studio-course-details>summary span:before{content:"";width:5px;height:5px;border-radius:50%;background:#9651e6;box-shadow:0 0 9px rgba(150,81,230,.4)} #view-admin.studio-compact-v1199i .studio-course-details>summary b{font-size:10px;color:#6e7789;font-weight:600;transition:transform .18s ease} #view-admin.studio-compact-v1199i .studio-course-details[open]>summary b{transform:rotate(180deg)} #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid{ margin:0!important;padding:10px 12px!important;gap:6px!important;border:0!important;background:#0e1219!important; } #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid label span{font-size:6px!important} #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid input, #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid select{padding:7px 8px!important;font-size:8px!important;border-radius:8px!important} #view-admin.studio-compact-v1199i .curriculum-head{ min-height:45px!important;margin:0!important;padding:8px 12px!important; } #view-admin.studio-compact-v1199i .curriculum-head .eyebrow{font-size:6px!important} #view-admin.studio-compact-v1199i .curriculum-head h3{font-size:12px!important;margin:2px 0 0!important} #view-admin.studio-compact-v1199i .curriculum-head .btn{min-height:28px!important;padding:0 8px!important;font-size:7px!important} /* Mobile structure/editor switch; eliminates the giant stacked tree + editor page. */ #view-admin.studio-compact-v1199i .studio-builder-tabs{ display:none; min-height:39px; padding:4px 8px; gap:4px; border-top:1px solid #1b222e; border-bottom:1px solid #1b222e; background:#0a0e14; } #view-admin.studio-compact-v1199i .studio-builder-tabs button{ flex:1;min-height:30px;border:0;border-radius:8px;background:transparent;color:#747e91; font:850 8px/1 inherit;cursor:pointer; } #view-admin.studio-compact-v1199i .studio-builder-tabs button.active{ color:#d8b7ff;background:rgba(137,63,218,.12);box-shadow:inset 0 0 0 1px rgba(158,83,238,.15); } #view-admin.studio-compact-v1199i .builder-workspace{min-height:430px!important} #view-admin.studio-compact-v1199i .curriculum-tree{padding:9px!important;gap:5px!important} #view-admin.studio-compact-v1199i .curriculum-module{border-radius:9px!important} #view-admin.studio-compact-v1199i .curriculum-module-top{padding:7px 8px!important} #view-admin.studio-compact-v1199i .curriculum-module-top small{font-size:5px!important} #view-admin.studio-compact-v1199i .curriculum-module-top strong{font-size:8px!important} #view-admin.studio-compact-v1199i .curriculum-lessons{padding:3px!important} #view-admin.studio-compact-v1199i .curriculum-lesson{padding:6px!important;gap:6px!important} #view-admin.studio-compact-v1199i .curriculum-lesson>span{width:19px!important;height:19px!important;font-size:6px!important} #view-admin.studio-compact-v1199i .curriculum-lesson strong{font-size:7px!important} #view-admin.studio-compact-v1199i .curriculum-lesson small{font-size:5px!important} #view-admin.studio-compact-v1199i .curriculum-add-lesson{min-height:30px!important;font-size:7px!important} #view-admin.studio-compact-v1199i .lesson-editor{min-width:0} #view-admin.studio-compact-v1199i .editor-card{padding:14px!important} #view-admin.studio-compact-v1199i .lesson-editor-head h3{font-size:15px!important;margin:3px 0!important} #view-admin.studio-compact-v1199i .lesson-editor-head small{font-size:7px!important} #view-admin.studio-compact-v1199i .lesson-fields{gap:6px!important;margin:10px 0!important} #view-admin.studio-compact-v1199i .lesson-fields input{padding:7px 8px!important;font-size:8px!important} #view-admin.studio-compact-v1199i .blocks-head{margin:10px 0 7px!important} #view-admin.studio-compact-v1199i .block-editor{padding:10px!important;border-radius:10px!important;margin-bottom:7px!important} /* Journey is advanced configuration: keep its existing engine, make the outside shell quiet. */ #view-admin.studio-compact-v1199i #studioJourneyDrawer .journey-admin-panel{padding:10px!important;background:transparent!important} #view-admin.studio-compact-v1199i #studioJourneyDrawer .journey-admin-card{border-radius:12px!important;padding:10px!important;margin-bottom:8px!important} #view-admin.studio-compact-v1199i #studioJourneyDrawer .journey-admin-grid{gap:6px!important} @media(max-width:1180px){ #view-admin.studio-compact-v1199i .builder-studio-shell{grid-template-columns:210px minmax(0,1fr)!important} #view-admin.studio-compact-v1199i .admin-overview-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:920px){ #view-admin.studio-compact-v1199i{padding-bottom:18px} #view-admin.studio-compact-v1199i .admin-studio-heading{ min-height:0!important;padding:10px!important;grid-template-columns:1fr!important;gap:9px!important; } #view-admin.studio-compact-v1199i .admin-studio-title h2{font-size:18px!important} #view-admin.studio-compact-v1199i .admin-studio-title p{font-size:8px!important} #view-admin.studio-compact-v1199i .admin-heading-actions{ width:100%!important;display:grid!important;grid-template-columns:auto auto 1fr auto!important;gap:5px!important; } #view-admin.studio-compact-v1199i .admin-heading-actions .save-indicator{justify-self:stretch;justify-content:center;min-width:0} #view-admin.studio-compact-v1199i .admin-heading-actions .btn.primary{min-width:92px!important} #view-admin.studio-compact-v1199i .admin-novice-quick{width:auto!important;order:0!important} #view-admin.studio-compact-v1199i .admin-overview-strip{grid-template-columns:repeat(4,minmax(92px,1fr))!important;overflow-x:auto;padding-bottom:2px;scrollbar-width:none} #view-admin.studio-compact-v1199i .admin-overview-strip::-webkit-scrollbar{display:none} #view-admin.studio-compact-v1199i .admin-overview-strip article{min-width:92px!important} #view-admin.studio-compact-v1199i .studio-compact-nav{width:100%} #view-admin.studio-compact-v1199i .studio-compact-nav button{flex:1;justify-content:center} #view-admin.studio-compact-v1199i .builder-studio-shell{grid-template-columns:1fr!important;min-height:0!important} #view-admin.studio-compact-v1199i .builder-rail{border-right:0!important;border-bottom:1px solid #1d2430!important;padding:7px!important} #view-admin.studio-compact-v1199i .builder-library-head{padding:0 2px 6px!important} #view-admin.studio-compact-v1199i .builder-search-fake{display:none!important} #view-admin.studio-compact-v1199i .builder-course-list{ display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(142px,46vw)!important; gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 2px!important;scroll-snap-type:x proximity; } #view-admin.studio-compact-v1199i .builder-course-item{scroll-snap-align:start;min-height:43px!important} #view-admin.studio-compact-v1199i .builder-course-state{font-size:0!important;width:7px;height:7px} #view-admin.studio-compact-v1199i .builder-course-state i{width:6px!important;height:6px!important} #view-admin.studio-compact-v1199i .builder-rail-foot{display:none!important} #view-admin.studio-compact-v1199i .builder-course-head{padding:8px 9px!important;min-height:58px!important;align-items:flex-start!important} #view-admin.studio-compact-v1199i .builder-course-identity{gap:7px!important;min-width:0;flex:1} #view-admin.studio-compact-v1199i .builder-course-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important} #view-admin.studio-compact-v1199i .builder-inline-title input{width:100%!important;min-width:0!important;font-size:13px!important} #view-admin.studio-compact-v1199i .builder-inline-title{min-width:0} #view-admin.studio-compact-v1199i .draft-pill{display:none!important} #view-admin.studio-compact-v1199i .builder-toolbar{width:auto!important;flex-wrap:nowrap!important;justify-content:flex-end!important} #view-admin.studio-compact-v1199i .builder-toolbar .btn{padding:0 6px!important;font-size:6px!important;width:auto!important;min-width:0!important;white-space:nowrap} #view-admin.studio-compact-v1199i .builder-toolbar .btn span{font-size:8px!important;margin-right:3px!important} #view-admin.studio-compact-v1199i .studio-course-details>summary{min-height:34px;padding:0 9px} #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid{grid-template-columns:1fr 1fr!important;padding:8px 9px!important} #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid .span-2{grid-column:1/-1!important} #view-admin.studio-compact-v1199i .curriculum-head{display:none!important} #view-admin.studio-compact-v1199i .studio-builder-tabs{display:flex!important} #view-admin.studio-compact-v1199i .builder-workspace{display:block!important;min-height:390px!important;border-top:0!important} #view-admin.studio-compact-v1199i .builder-workspace.studio-mobile-tab-tree .lesson-editor{display:none!important} #view-admin.studio-compact-v1199i .builder-workspace.studio-mobile-tab-editor .curriculum-tree{display:none!important} #view-admin.studio-compact-v1199i .builder-workspace.studio-mobile-tab-editor .lesson-editor{display:block!important} #view-admin.studio-compact-v1199i .curriculum-tree{border-right:0!important;min-height:390px!important} #view-admin.studio-compact-v1199i .lesson-editor{min-height:390px!important} #view-admin.studio-compact-v1199i .editor-card{padding:10px!important} #view-admin.studio-compact-v1199i .lesson-editor-head{align-items:flex-start!important;gap:8px!important} #view-admin.studio-compact-v1199i .lesson-editor-head .btn{min-height:28px!important;font-size:7px!important;padding:0 7px!important} #view-admin.studio-compact-v1199i .studio-compact-drawer>summary{grid-template-columns:26px minmax(0,1fr) auto 12px;padding:5px 8px;min-height:40px} #view-admin.studio-compact-v1199i .studio-drawer-copy small{max-width:54vw} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-tool-row{align-items:stretch!important;flex-direction:column!important;gap:7px!important} #view-admin.studio-compact-v1199i .studio-compact-drawer .admin-test-toggle{align-self:flex-start!important} #view-admin.studio-compact-v1199i #studioJourneyDrawer .journey-admin-grid{grid-template-columns:1fr 1fr!important} } @media(max-width:520px){ #view-admin.studio-compact-v1199i .admin-heading-actions{grid-template-columns:32px 32px 1fr 94px!important} #view-admin.studio-compact-v1199i .admin-heading-actions .admin-novice-quick, #view-admin.studio-compact-v1199i .admin-heading-actions .admin-test-quick{width:32px!important;min-width:32px!important;padding:0!important;font-size:0!important;justify-content:center!important} #view-admin.studio-compact-v1199i .admin-heading-actions .admin-novice-quick:before{content:"N";font-size:8px!important;font-weight:950} #view-admin.studio-compact-v1199i .admin-heading-actions .admin-test-quick .admin-test-dot{margin:0!important} #view-admin.studio-compact-v1199i .admin-heading-actions .admin-test-quick #adminLessonBypassQuickLabel{display:none!important} #view-admin.studio-compact-v1199i .admin-heading-actions .save-indicator{font-size:6px!important;padding:0 6px!important} #view-admin.studio-compact-v1199i .admin-overview-strip{grid-template-columns:repeat(4,100px)!important} #view-admin.studio-compact-v1199i .studio-compact-nav button{font-size:7px!important;padding:0 6px!important} #view-admin.studio-compact-v1199i .builder-course-list{grid-auto-columns:minmax(132px,61vw)!important} #view-admin.studio-compact-v1199i .builder-course-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important} #view-admin.studio-compact-v1199i .builder-course-subline{display:none!important} #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid{grid-template-columns:1fr!important} #view-admin.studio-compact-v1199i .studio-course-details .builder-settings-grid .span-2{grid-column:auto!important} #view-admin.studio-compact-v1199i #studioJourneyDrawer .journey-admin-grid{grid-template-columns:1fr!important} } @media(prefers-reduced-motion:reduce){ #view-admin.studio-compact-v1199i *{scroll-behavior:auto!important;transition:none!important} } /* LVL V1.19.9J — Studio Preview Compact Scope: Admin > Access > Preview configurável. No Access logic is changed. */ #view-admin.studio-preview-compact-v1199j .studio-preview-config-card{ padding:10px!important; margin-top:8px!important; border-radius:12px!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-config-card>h4{ margin:0 0 2px!important; font-size:11px!important; line-height:1.2!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-config-card>p{ margin:0 0 7px!important; font-size:7px!important; line-height:1.35!important; color:#747d8f!important; } /* One course selector replaces a tall stack of preview editors. */ #view-admin.studio-preview-compact-v1199j .studio-preview-compact-toolbar{ min-height:38px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:6px; padding:5px 6px; border:1px solid rgba(148,86,230,.18); border-radius:9px; background:linear-gradient(145deg,rgba(138,65,224,.07),rgba(12,16,23,.72)); } #view-admin.studio-preview-compact-v1199j .studio-preview-course-picker{ min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:6px; } #view-admin.studio-preview-compact-v1199j .studio-preview-course-picker>span{ color:#767f91; font-size:6px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } #view-admin.studio-preview-compact-v1199j .studio-preview-course-picker select{ width:100%!important; min-width:0!important; height:27px!important; padding:0 24px 0 7px!important; margin:0!important; border-radius:7px!important; border:1px solid rgba(255,255,255,.08)!important; background:#0b0f16!important; color:#e8ebf3!important; font-size:8px!important; font-weight:750!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-status, #view-admin.studio-preview-compact-v1199j .studio-preview-count{ height:23px; display:inline-flex; align-items:center; justify-content:center; padding:0 7px; border-radius:999px; white-space:nowrap; font-size:6px; font-weight:900; letter-spacing:.035em; } #view-admin.studio-preview-compact-v1199j .studio-preview-status{ color:#9aa3b4; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); } #view-admin.studio-preview-compact-v1199j .studio-preview-status[data-active="1"]{ color:#69d6a9; border-color:rgba(82,213,155,.20); background:rgba(82,213,155,.07); } #view-admin.studio-preview-compact-v1199j .studio-preview-count{ color:#b98bf1; border:1px solid rgba(167,85,255,.16); background:rgba(167,85,255,.06); } #view-admin.studio-preview-compact-v1199j .access-preview-list.studio-preview-compact-list{ display:block!important; margin:6px 0 0!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item{ display:none!important; margin:0!important; padding:0!important; overflow:hidden; border-radius:9px!important; border:1px solid rgba(255,255,255,.055)!important; background:#0b0f15!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item.is-selected{display:block!important} #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header{ min-height:34px!important; margin:0!important; padding:5px 7px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:7px!important; border-bottom:0!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header>div{ min-width:0; display:flex; align-items:baseline; gap:4px; overflow:hidden; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header small{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#5f6878!important; font-size:5px!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header label{ display:inline-flex!important; align-items:center!important; gap:4px!important; margin:0!important; color:#8b94a5!important; white-space:nowrap; font-size:6px!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header input[type="checkbox"]{ width:14px!important; height:14px!important; margin:0!important; accent-color:#9a50ed; } #view-admin.studio-preview-compact-v1199j .studio-preview-edit-toggle{ width:100%; min-height:28px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 8px; border:0; border-top:1px solid rgba(255,255,255,.045); background:rgba(255,255,255,.015); color:#7f899a; font:850 6px/1 inherit; cursor:pointer; } #view-admin.studio-preview-compact-v1199j .studio-preview-edit-toggle b{ color:#9a5fe1; font-size:9px; font-weight:600; transition:transform .16s ease; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item.editing .studio-preview-edit-toggle b{transform:rotate(180deg)} #view-admin.studio-preview-compact-v1199j .studio-preview-edit-body{ display:none; padding:6px 7px 7px; border-top:1px solid rgba(255,255,255,.045); background:#0d1118; } #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item.editing .studio-preview-edit-body{display:grid;gap:5px} #view-admin.studio-preview-compact-v1199j .studio-preview-edit-body textarea{ width:100%!important; box-sizing:border-box!important; min-height:76px!important; max-height:150px!important; margin:0!important; padding:7px!important; resize:vertical!important; border-radius:7px!important; background:#080c12!important; font-size:7px!important; line-height:1.35!important; } #view-admin.studio-preview-compact-v1199j .studio-preview-edit-body [data-preview-save]{ justify-self:end; width:auto!important; min-height:27px!important; height:27px!important; margin:0!important; padding:0 9px!important; border-radius:7px!important; font-size:6px!important; } @media(max-width:700px){ #view-admin.studio-preview-compact-v1199j .studio-preview-config-card{padding:7px!important;margin-top:6px!important} #view-admin.studio-preview-compact-v1199j .studio-preview-config-card>h4{font-size:10px!important} #view-admin.studio-preview-compact-v1199j .studio-preview-config-card>p{display:none!important} #view-admin.studio-preview-compact-v1199j .studio-preview-compact-toolbar{ min-height:34px; grid-template-columns:minmax(0,1fr) auto; padding:4px; gap:4px; } #view-admin.studio-preview-compact-v1199j .studio-preview-course-picker{grid-template-columns:1fr} #view-admin.studio-preview-compact-v1199j .studio-preview-course-picker>span{display:none} #view-admin.studio-preview-compact-v1199j .studio-preview-course-picker select{height:26px!important;font-size:7px!important} #view-admin.studio-preview-compact-v1199j .studio-preview-count{display:none} #view-admin.studio-preview-compact-v1199j .studio-preview-status{height:22px;padding:0 6px;font-size:5px} #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header{min-height:31px!important;padding:4px 6px!important} #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header strong{font-size:7px!important} #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header small{display:none!important} #view-admin.studio-preview-compact-v1199j .studio-preview-compact-item>header label{font-size:5px!important} #view-admin.studio-preview-compact-v1199j .studio-preview-edit-toggle{min-height:25px;padding:0 6px;font-size:5px} #view-admin.studio-preview-compact-v1199j .studio-preview-edit-body{padding:5px 6px 6px} #view-admin.studio-preview-compact-v1199j .studio-preview-edit-body textarea{min-height:68px!important;font-size:7px!important} } @media(prefers-reduced-motion:reduce){ #view-admin.studio-preview-compact-v1199j *{transition:none!important} } /* V1.19.9K performance/resume additions */ #view-admin.studio-compact-v1199i .studio-resume-restoring{scroll-behavior:auto!important} @media(max-width:920px){ #view-admin.studio-compact-v1199i .studio-compact-nav, #view-admin.studio-compact-v1199i .builder-course-list{overscroll-behavior-inline:contain;touch-action:pan-x} #view-admin.studio-compact-v1199i .studio-preview-course-picker select, #view-admin.studio-compact-v1199i .studio-builder-tabs button, #view-admin.studio-compact-v1199i .studio-compact-nav button{touch-action:manipulation} } /* ======================================================================== LVL DESIGN LAW — V1.19.9L Browser-native dropdown/picker UI must never be exposed to the user. Native