/* Content Studio — UI-first prototype */ .admin-role{display:flex;align-items:center;gap:11px;margin:18px 7px 3px;padding:12px;background:rgba(255,255,255,.07);border-radius:15px}.admin-role>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#6b5bf1;color:#fff;font-weight:900}.admin-role p{display:grid;margin:0;min-width:0}.admin-role strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role small{font-size:11px;color:#aeb4d3}.admin-nav-label{display:block;padding:18px 14px 6px;color:#707897;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.admin-sidebar nav>.admin-nav-label:first-child{padding-top:2px}.admin-secure{font-size:13px} .editor-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:22px}.admin-welcome{min-height:330px;border-radius:28px;padding:42px;background:linear-gradient(135deg,#302678,#6657ed 62%,#7885f3);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(54,43,136,.22)}.admin-welcome:before,.admin-welcome:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.12);border-radius:50%}.admin-welcome:before{width:220px;height:220px;right:-80px;bottom:-100px}.admin-welcome:after{width:75px;height:75px;left:48%;top:-35px}.admin-welcome>div{position:relative;z-index:1;max-width:530px}.admin-welcome .eyebrow{color:#dcd8ff}.admin-welcome h2{font-size:clamp(34px,3.2vw,50px);line-height:1.08;margin:10px 0 16px}.admin-welcome p{color:#deddf3;font-size:18px;line-height:1.6;margin:0 0 28px}.admin-welcome__art{width:145px;height:145px;border-radius:42px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:42px;transform:rotate(7deg);position:relative}.admin-welcome__art b{position:absolute;font-size:54px;transform:rotate(-7deg)}.admin-welcome__art i{position:absolute;right:-15px;bottom:-8px;width:50px;height:50px;border-radius:16px;background:#ffcf64;color:#6b4b00;display:grid;place-items:center;font-style:normal}.editor-tasks a{min-height:95px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid #edf0f5;text-decoration:none;color:var(--navy)}.editor-tasks a>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:20px}.editor-tasks span.orange{background:#fff0d7;color:#d87800}.editor-tasks span.purple{background:#eeeaff;color:#6755ec}.editor-tasks p{display:grid;margin:0}.editor-tasks small{color:var(--muted);margin-top:5px}.editor-tasks b{color:var(--purple);font-size:21px} .studio-hero{min-height:255px;border-radius:30px;padding:38px 42px;background:linear-gradient(125deg,#f1efff,#f8fbff 55%,#e5faf2);border:1px solid #dfddf2;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.studio-hero:after{content:"";position:absolute;width:230px;height:230px;border:45px solid rgba(101,86,235,.07);border-radius:50%;right:-70px;top:-95px}.studio-hero h2{font-size:clamp(38px,4vw,58px);line-height:1.05;margin:9px 0 14px}.studio-hero p{font-size:18px;color:#6f758c;max-width:590px;line-height:1.55}.studio-hero__meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1;min-width:330px}.studio-hero__meta>span{background:rgba(255,255,255,.8);border:1px solid #e4e2f0;border-radius:18px;padding:17px;display:grid}.studio-hero__meta strong{font-size:30px;color:var(--purple)}.studio-hero__meta small{color:#7d8296}.studio-hero__meta .btn{grid-column:1/-1;min-height:50px}.studio-toolbar{margin:22px 0 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.studio-search{height:52px;max-width:560px;flex:1;background:#fff;border:1px solid #dfe2ec;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 15px}.studio-search span{font-size:24px;color:#878ca0}.studio-search input{border:0;outline:0;font:inherit;width:100%;font-size:16px}.studio-toolbar>div:last-child{display:flex;background:#ebeef5;border-radius:14px;padding:4px}.studio-toolbar>div:last-child button{border:0;background:transparent;padding:11px 14px;border-radius:11px;font-weight:800;color:#747a90;cursor:pointer}.studio-toolbar>div:last-child button.active{background:#fff;color:var(--purple);box-shadow:0 4px 12px rgba(30,35,75,.09)} .studio-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.studio-course-card{background:#fff;border:1px solid #e2e5ee;border-radius:25px;overflow:hidden;box-shadow:0 12px 32px rgba(25,30,70,.06);transition:.2s}.studio-course-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(25,30,70,.1)}.studio-course-card__cover{height:145px;padding:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,#32863c,#51ad5a);color:#fff}.studio-course-card__cover.theme-blue{background:linear-gradient(135deg,#0874c9,#4b9be3)}.studio-course-card__cover.theme-orange{background:linear-gradient(135deg,#e98120,#f6b24f)}.studio-course-card__cover>span{font-weight:900;letter-spacing:.08em}.studio-course-card__cover>b{position:absolute;width:78px;height:78px;border-radius:24px;background:rgba(255,255,255,.9);color:#39415a;right:30px;bottom:23px;display:grid;place-items:center;font-size:37px;transform:rotate(-6deg);box-shadow:12px 12px 0 rgba(255,255,255,.12)}.studio-course-card__cover>i{position:absolute;right:125px;top:35px;color:#ffd46d;font-size:25px;font-style:normal}.studio-course-card__body{padding:22px}.studio-course-card__body>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-course-card__body>div:first-child small{color:#9a9fb0}.studio-course-card h3{font-size:23px;line-height:1.3;margin:17px 0 9px}.studio-course-card p{color:#747b91;line-height:1.55;height:50px;overflow:hidden;margin:0}.studio-course-card dl{display:flex;gap:25px;margin:22px 0;padding:18px 0;border-top:1px solid #eceef4;border-bottom:1px solid #eceef4}.studio-course-card dl div{display:grid}.studio-course-card dt{font-size:21px;font-weight:900}.studio-course-card dd{margin:2px 0 0;color:#8b91a4;font-size:12px}.studio-course-card__body>a{display:flex;justify-content:space-between;color:var(--purple);text-decoration:none;font-weight:900;min-height:44px;align-items:center}.studio-course-card__body>a span{font-size:24px}.status-review{background:#e8f3ff;color:#0874ce} .studio-back{display:inline-flex;min-height:44px;align-items:center;color:#6253e6;text-decoration:none;font-weight:900;margin-bottom:14px}.studio-course-head,.lesson-studio-head{background:#fff;border:1px solid #e3e5ee;border-radius:26px;padding:30px 32px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:20px}.studio-course-head>div:first-child>span:not(.status-pill){color:#7a8094;margin-left:10px}.studio-course-head h2,.lesson-studio-head h2{font-size:34px;margin:12px 0 7px}.studio-course-head p,.lesson-studio-head p{margin:0;color:#72798f;font-size:17px}.studio-course-head>div:last-child,.lesson-studio-head>div:last-child{display:flex;gap:10px}.studio-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.studio-outline{background:#fff;border:1px solid #e3e5ee;border-radius:25px;padding:26px}.studio-outline>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.studio-outline h2{font-size:26px;margin:5px 0 0}.studio-outline>header button,.studio-chapter__head>button{border:0;border-radius:12px;background:#eeebff;color:#5d4ce2;min-height:44px;padding:0 15px;font-weight:900;cursor:pointer}.studio-chapter{border:1px solid #e2e4ed;border-radius:20px;margin-top:15px;overflow:hidden}.studio-chapter__head{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:18px 19px;background:#f8f8fc}.studio-chapter__head>span:first-child{width:48px;height:48px;border-radius:15px;background:#6756ed;color:#fff;display:grid;place-items:center;font-weight:900}.studio-chapter__head h3{font-size:20px;margin:0}.studio-chapter__head p{margin:4px 0 0;color:#81879a;font-size:13px}.studio-chapter__head>button{padding:0;width:44px}.studio-chapter__items{padding:5px 17px 13px}.studio-chapter__items>a{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;min-height:70px;border-bottom:1px dashed #e1e4ec;text-decoration:none;color:var(--navy);padding:8px}.studio-chapter__items>a:hover{background:#faf9ff}.studio-item-icon{width:42px;height:42px;border-radius:13px;background:#eeebff;color:#6554e9;display:grid;place-items:center;font-weight:900}.studio-chapter__items a.is-quiz .studio-item-icon{background:#fff0d6;color:#d97800}.studio-chapter__items p{display:grid;margin:0}.studio-chapter__items p small{color:#858b9e;margin-top:4px}.studio-chapter__items em{font-size:12px;color:#777d91;font-style:normal;min-width:82px}.studio-chapter__items>a>b{color:var(--purple);font-size:20px}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot--published{background:#17a37e}.status-dot--draft{background:#e69a26}.status-dot--review{background:#2188d8}.studio-add-item{width:100%;min-height:48px;border:1px dashed #cfc9f7;border-radius:12px;background:#faf9ff;color:#6252df;font-weight:900;margin-top:10px;cursor:pointer} .studio-quality{position:sticky;top:22px;background:linear-gradient(150deg,#26205f,#5848d6);border-radius:25px;padding:28px;color:#fff;box-shadow:0 16px 36px rgba(38,32,95,.2)}.studio-quality__score{width:92px;height:92px;border-radius:50%;border:8px solid rgba(255,255,255,.23);border-top-color:#68ddbc;display:grid;place-items:center;font-size:29px;font-weight:900}.studio-quality__score small{font-size:13px}.studio-quality h3{font-size:24px;margin:20px 0 8px}.studio-quality p{color:#d4d1ec;line-height:1.5}.studio-quality ul{list-style:none;padding:18px 0;margin:18px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);display:grid;gap:13px;color:#bebada}.studio-quality li.done{color:#fff}.studio-quality .btn{border-color:rgba(255,255,255,.5);color:#fff}.studio-empty{text-align:center;padding:60px 20px}.studio-empty>span{font-size:38px;color:#6655ec}.studio-empty h3{font-size:25px;margin:12px} .lesson-studio{display:grid;grid-template-columns:190px minmax(390px,.85fr) minmax(390px,1.15fr);gap:18px;align-items:start}.block-library,.block-canvas,.lesson-live-preview{background:#fff;border:1px solid #e1e4ed;border-radius:22px;padding:20px}.block-library{position:sticky;top:20px}.block-library h3{font-size:21px;margin:5px 0 18px}.block-library>button{width:100%;min-height:54px;border:1px solid #e6e3f2;background:#faf9ff;border-radius:14px;margin-bottom:8px;display:flex;align-items:center;gap:10px;padding:8px 10px;font-weight:800;color:#3e4357;cursor:pointer;text-align:left}.block-library>button span{width:34px;height:34px;border-radius:10px;background:#ebe7ff;color:#5f4ee3;display:grid;place-items:center}.block-canvas>header,.lesson-live-preview>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.block-canvas h3{font-size:22px;margin:5px 0}.block-canvas>header>span{color:#9297a9;font-size:12px}.lesson-block{display:grid;grid-template-columns:auto auto 1fr auto;gap:11px;align-items:start;border:1.5px solid #e3e5ed;border-radius:16px;padding:15px 12px;margin-bottom:10px}.lesson-block.active{border-color:#7766ef;box-shadow:0 0 0 3px #efedff}.block-drag,.lesson-block>button:last-child{border:0;background:transparent;color:#9297aa;min-width:34px;min-height:38px;cursor:pointer}.block-type{width:38px;height:38px;border-radius:12px;background:#eeeaff;color:#6655e9;display:grid;place-items:center;font-weight:900}.lesson-block>div{display:grid}.lesson-block small{color:#6655e9;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.lesson-block strong{font-size:17px;margin-top:4px}.lesson-block p{font-size:13px;color:#777e91;line-height:1.45;margin:5px 0 0}.block-add{width:100%;min-height:54px;border:1.5px dashed #cfcaf2;border-radius:14px;background:#faf9ff;color:#5f4ee1;font-weight:900;cursor:pointer} .lesson-live-preview{background:#e8eaf3;position:sticky;top:20px;padding:15px}.lesson-live-preview>header{padding:0 4px}.lesson-live-preview>header>div{display:flex;align-items:center;gap:8px;font-weight:900}.lesson-live-preview header i{width:9px;height:9px;border-radius:50%;background:#14aa80}.lesson-live-preview header button{border:0;background:#fff;width:38px;height:38px;border-radius:11px;cursor:pointer}.preview-device{background:#fffaf3;border-radius:18px;padding:26px;max-height:660px;overflow:auto;box-shadow:0 12px 30px rgba(30,35,70,.12)}.preview-tag{display:inline-flex;background:#ece8ff;color:#5d4adb;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:900}.preview-device>h2{font-size:29px;line-height:1.2;margin:14px 0 8px}.preview-device>p{color:#737a90;line-height:1.5}.preview-block{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:18px;margin-top:14px;background:#fff;border:1px solid #e8e2da;border-radius:15px}.preview-block>span{width:34px;height:34px;border-radius:10px;background:#fff0d9;color:#d97800;display:grid;place-items:center;font-weight:900}.preview-block h3{font-size:17px;margin:0 0 6px}.preview-block p{font-size:13px;line-height:1.5;color:#676d7f;margin:0}.preview-tip{display:flex;gap:10px;margin-top:14px;padding:17px;border-left:4px solid #ff8a22;border-radius:0 14px 14px 0;background:#fff2e8}.preview-tip strong{font-size:15px}.preview-tip p{font-size:12px;color:#6d645e;margin:5px 0 0;line-height:1.5} /* Simplified interactive lesson workbench */ .studio-save-state{color:#12896d;font-weight:800}.lesson-basics{background:#fff;border:1px solid #e2e4ed;border-radius:20px;margin-bottom:18px;overflow:hidden}.lesson-basics>button{width:100%;min-height:72px;border:0;background:#fff;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.lesson-basics>button span{display:grid;gap:4px}.lesson-basics>button small{color:#8175e9;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.lesson-basics>button strong{font-size:18px}.lesson-basics>button b{color:#6252e1}.lesson-basics__form{padding:4px 22px 22px;border-top:1px solid #eceef4;display:grid;grid-template-columns:1.2fr 1.8fr .55fr;gap:14px}.lesson-basics__form[hidden]{display:none}.lesson-basics__form label,.block-editor-form label{display:grid;gap:7px;font-size:13px;font-weight:900;color:#4b5165}.lesson-basics__form input,.lesson-basics__form textarea,.block-editor-form input,.block-editor-form textarea,.block-editor-form select{width:100%;border:1.5px solid #dfe1eb;border-radius:13px;padding:12px 13px;background:#fff;font:inherit;resize:vertical}.lesson-basics__form input:focus,.lesson-basics__form textarea:focus,.block-editor-form input:focus,.block-editor-form textarea:focus,.block-editor-form select:focus{outline:3px solid #edeaff;border-color:#7564eb}.lesson-workbench{display:grid;grid-template-columns:255px minmax(360px,.9fr) minmax(390px,1.1fr);gap:18px;align-items:start}.block-outline-panel,.block-editor-panel,.lesson-workbench>.lesson-live-preview{background:#fff;border:1px solid #e1e4ed;border-radius:22px;padding:18px}.block-outline-panel{position:sticky;top:18px}.block-outline-panel>header,.block-editor-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.block-outline-panel h3,.block-editor-panel h3{font-size:21px;margin:4px 0}.block-outline-panel>header>span,.block-editor-panel>header>span{width:36px;height:36px;border-radius:11px;background:#eeeaff;color:#6251e4;display:grid;place-items:center;font-weight:900}.block-outline-panel>p{color:#858b9e;font-size:12px;margin:8px 0 14px}.block-outline-item{width:100%;min-height:65px;border:1.5px solid transparent;border-bottom-color:#eceef3;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:13px;text-align:left;cursor:pointer}.block-outline-item:hover{background:#faf9ff}.block-outline-item.active{background:#f0edff;border-color:#8070ed}.block-outline-item>span{width:34px;height:34px;border-radius:10px;background:#f1eff8;color:#6655e8;display:grid;place-items:center;font-weight:900}.block-outline-item.active>span{background:#6655e8;color:#fff}.block-outline-item p{display:grid;margin:0;min-width:0}.block-outline-item small{color:#8175e9;font-size:10px;font-weight:900;text-transform:uppercase}.block-outline-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.block-outline-item>b{font-size:22px;color:#918fa4}.block-add-main{width:100%;min-height:48px;border:1.5px dashed #bfb8f1;border-radius:13px;background:#faf9ff;color:#5e4ddc;font-weight:900;margin-top:13px;cursor:pointer}.block-palette{display:grid;gap:6px;margin-top:10px}.block-palette[hidden]{display:none}.block-palette>button{border:1px solid #e3e1ed;background:#fff;border-radius:12px;padding:9px;display:grid;grid-template-columns:auto 1fr;gap:9px;text-align:left;cursor:pointer}.block-palette>button:hover{border-color:#7969e9;background:#faf9ff}.block-palette>button>span{width:34px;height:34px;border-radius:10px;background:#eeeaff;color:#6251e4;display:grid;place-items:center;font-weight:900}.block-palette p{display:grid;margin:0}.block-palette small{font-size:10px;color:#878da0;margin-top:2px}.block-editor-panel{min-height:540px}.block-editor-form{display:grid;gap:16px;margin-top:20px}.block-editor-form label>small{text-align:right;color:#9499aa;font-weight:600}.block-editor-panel>footer{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #eceef4}.block-editor-panel>footer div{display:flex;gap:7px}.block-editor-panel>footer button{min-height:42px;border:0;border-radius:11px;background:#efedff;color:#5d4cda;padding:0 12px;font-weight:900;cursor:pointer}.block-editor-panel>footer button:disabled{opacity:.38;cursor:not-allowed}.block-editor-panel>footer button.danger{background:#fff0ef;color:#c84438}.block-editor-empty{min-height:460px;display:grid;place-items:center;align-content:center;text-align:center;color:#858b9d}.block-editor-empty>span{font-size:38px;color:#6655eb}.block-editor-empty h3{font-size:23px;color:var(--navy);margin:12px 0 5px}.block-editor-empty p{margin:0}.media-placeholder{min-height:130px;border:1.5px dashed #bfb9ed;border-radius:15px;background:#faf9ff;display:grid;place-items:center;align-content:center;gap:3px;color:#6251db;cursor:pointer}.media-placeholder>span{font-size:27px}.media-placeholder small{color:#9297a8}.lesson-workbench>.lesson-live-preview{background:#e8eaf3}.lesson-workbench>.lesson-live-preview>header>span{font-size:11px;color:#7b8295}.preview-content-blocks{display:grid;gap:0} .block-palette{position:absolute;z-index:5;left:18px;right:18px;bottom:72px;display:grid;gap:6px;max-height:360px;overflow:auto;padding:10px;background:#fff;border:1px solid #ddd9f3;border-radius:16px;box-shadow:0 18px 45px rgba(30,25,90,.2)} /* 2026 refresh: compact warm admin visual system */ .admin-shell{--admin-purple:#604b91;--admin-purple-dark:#493670;--admin-ink:#282431;--admin-muted:#77717d;--admin-line:#e8e1d8;--admin-bg:#f8f5ef;grid-template-columns:228px minmax(0,1fr);background:var(--admin-bg);color:var(--admin-ink)} .admin-shell label,.admin-shell input,.admin-shell select,.admin-shell textarea{margin:0}.admin-shell input,.admin-shell select,.admin-shell textarea{min-width:0;box-sizing:border-box} .admin-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}.admin-sidebar{background:#fdfbf7;color:var(--admin-ink);padding:18px 13px;border-right:1px solid #e5ddd3;box-shadow:6px 0 24px rgba(65,50,35,.025)}.admin-brand{color:var(--admin-purple-dark);padding:4px 8px 17px;border-bottom:1px solid var(--admin-line);gap:10px}.admin-brand>span{width:39px;height:39px;border-radius:11px;background:var(--admin-purple);color:#fff}.admin-brand>span .admin-icon{width:20px;height:20px}.admin-brand strong{font-size:17px}.admin-brand small{color:#847d87;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.admin-role{margin:13px 4px 0;padding:9px;background:#f3eee7;border:1px solid #e8e0d6;border-radius:12px}.admin-role>span{width:34px;height:34px;border-radius:10px;background:#e6def3;color:var(--admin-purple);font-size:14px}.admin-role strong{color:#37313e;font-size:13px}.admin-role small{color:#8c858e}.admin-sidebar nav{gap:3px;margin-top:12px}.admin-nav-label{padding:15px 11px 5px;color:#a099a0;font-size:9px}.admin-sidebar nav a{color:#5f5964;min-height:44px;padding:0 11px;border-radius:10px;font-size:13px;font-weight:800;gap:10px}.admin-sidebar nav a>span{width:22px;font-size:0}.admin-sidebar nav a>span .admin-icon{width:19px;height:19px}.admin-sidebar nav a:hover{background:#f2eee9;color:var(--admin-purple-dark)}.admin-sidebar nav a.active{background:var(--admin-purple);color:#fff;box-shadow:0 7px 16px rgba(78,56,122,.17)}.admin-back{color:#746d78;padding:11px;margin-top:auto;font-size:12px;font-weight:800;border-top:1px solid var(--admin-line)} .admin-main{padding:0 24px 28px;min-width:0}.admin-topbar{min-height:82px;margin:0 -24px 18px;padding:12px 24px;background:rgba(253,251,247,.93);border-bottom:1px solid var(--admin-line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.admin-topbar .eyebrow{font-size:9px;color:#918a92}.admin-topbar h1{font-size:27px;line-height:1.15;margin:3px 0 0;color:var(--admin-purple-dark)}.admin-secure{display:flex;align-items:center;gap:7px;background:#f0ebe4;color:#655c68;padding:8px 11px;border-radius:10px;font-size:11px}.admin-secure .admin-icon{width:16px;height:16px;color:var(--admin-purple)} .admin-stats{gap:11px;margin-bottom:16px}.admin-stats article{border-color:var(--admin-line);border-radius:15px;padding:13px 14px;gap:11px;box-shadow:0 5px 16px rgba(54,43,35,.035)}.admin-stats article>span{width:42px;height:42px;border-radius:12px}.admin-stats article>span .admin-icon{width:20px;height:20px}.admin-stats strong{font-size:23px}.admin-stats small{font-size:11px;font-weight:800}.admin-stats em{font-size:10px}.admin-card{border-color:var(--admin-line);border-radius:17px;padding:18px;box-shadow:0 7px 22px rgba(54,43,35,.04)}.admin-card__head{margin-bottom:14px}.admin-card__head h2{font-size:21px}.admin-activity>div{padding:11px 3px}.admin-content-grid{gap:14px;grid-template-columns:minmax(0,1fr) 315px}.admin-table td{padding:12px 10px}.admin-create{top:96px} .studio-hero{min-height:188px;border-radius:20px;padding:25px 29px;background:linear-gradient(120deg,#eee8f6 0%,#fbf8f3 57%,#eaf5ef 100%);border-color:#e3dce5}.studio-hero:after{width:180px;height:180px;border-width:34px}.studio-hero h2{font-size:clamp(34px,3.1vw,47px);margin:6px 0 9px}.studio-hero p{font-size:15px;margin:0}.studio-hero__meta{min-width:300px;gap:8px}.studio-hero__meta>span{border-color:#e6dfd7;border-radius:13px;padding:11px 13px}.studio-hero__meta strong{font-size:25px;color:var(--admin-purple)}.studio-hero__meta small{font-size:11px}.studio-hero__meta .btn{min-height:43px}.studio-toolbar{margin:14px 0 12px}.studio-search{height:45px;border-color:#e3ddd4;border-radius:12px}.studio-toolbar>div:last-child{border-radius:11px;background:#ede8e2}.studio-toolbar>div:last-child button{padding:8px 11px;border-radius:8px;font-size:12px}.studio-course-grid{gap:14px}.studio-course-card{border-color:var(--admin-line);border-radius:17px;box-shadow:0 6px 20px rgba(54,43,35,.045)}.studio-course-card__cover{height:112px;padding:17px;background:linear-gradient(135deg,#3d7e55,#67a875)}.studio-course-card__cover>b{width:61px;height:61px;border-radius:18px;right:24px;bottom:17px;font-size:29px}.studio-course-card__cover>i{right:102px;top:25px}.studio-course-card__body{padding:16px}.studio-course-card h3{font-size:19px;margin:12px 0 6px}.studio-course-card p{font-size:13px;height:42px}.studio-course-card dl{gap:19px;margin:14px 0;padding:12px 0}.studio-course-card dt{font-size:18px}.studio-course-card__body>a{font-size:13px}.status-pill{padding:5px 8px;font-size:10px} .studio-search{height:46px;margin:0;color:#8d8795}.studio-search .admin-icon{width:20px;height:20px;flex:0 0 auto}.studio-search input{height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.studio-search input:focus{border:0;outline:0;box-shadow:none}.studio-hero__meta .btn{min-height:44px}.studio-toolbar>div:last-child button{min-height:44px} .studio-back{min-height:34px;margin-bottom:8px;font-size:12px;color:var(--admin-purple)}.studio-course-head,.lesson-studio-head{border-color:var(--admin-line);border-radius:17px;padding:18px 21px;margin-bottom:13px}.studio-course-head h2,.lesson-studio-head h2{font-size:27px;margin:7px 0 4px}.studio-course-head p,.lesson-studio-head p{font-size:13px}.studio-detail-grid{gap:14px;grid-template-columns:minmax(0,1fr) 285px}.studio-outline{border-color:var(--admin-line);border-radius:17px;padding:18px}.studio-outline>header{margin-bottom:13px}.studio-outline h2{font-size:21px}.studio-chapter{border-color:var(--admin-line);border-radius:14px;margin-top:10px}.studio-chapter__head{padding:12px 14px;background:#faf7f2}.studio-chapter__head>span:first-child{width:39px;height:39px;border-radius:11px;background:var(--admin-purple)}.studio-chapter__head h3{font-size:17px}.studio-chapter__items{padding:3px 12px 9px}.studio-chapter__items>a{min-height:58px}.studio-item-icon{width:36px;height:36px}.studio-quality{top:96px;border-radius:17px;padding:20px;background:linear-gradient(150deg,#47366f,#69539b)}.studio-quality__score{width:74px;height:74px;border-width:6px;font-size:24px}.studio-quality h3{font-size:20px;margin:14px 0 5px}.studio-quality p,.studio-quality li{font-size:12px}.studio-quality ul{margin:13px 0;padding:13px 0;gap:9px} .lesson-basics{border-color:var(--admin-line);border-radius:14px;margin-bottom:12px}.lesson-basics>button{min-height:58px;padding:10px 16px}.lesson-basics>button small{font-size:9px}.lesson-basics>button strong{font-size:15px}.lesson-basics__form{padding:4px 16px 16px}.lesson-workbench{gap:12px;grid-template-columns:230px minmax(350px,.9fr) minmax(390px,1.1fr)}.block-outline-panel,.block-editor-panel,.lesson-workbench>.lesson-live-preview{border-color:var(--admin-line);border-radius:15px;padding:14px}.block-outline-panel{top:96px}.block-outline-panel h3,.block-editor-panel h3{font-size:18px}.block-outline-item{min-height:54px;border-radius:10px}.block-outline-item>span{width:29px;height:29px}.block-outline-item small{font-size:8px}.block-outline-item strong{font-size:12px}.block-add-main{min-height:44px}.block-editor-panel{min-height:470px}.block-editor-form{gap:12px;margin-top:14px}.block-editor-form input,.block-editor-form textarea,.block-editor-form select{border-color:#e3ddd4;border-radius:10px;padding:10px 11px}.block-editor-panel>footer{margin-top:13px;padding-top:12px}.block-editor-panel>footer button{min-height:44px}.lesson-workbench>.lesson-live-preview{background:#eeeae5}.preview-device{border-radius:13px;padding:20px;max-height:590px}.preview-device>h2{font-size:25px}.preview-block{padding:14px;margin-top:10px;border-radius:11px}.preview-tip{margin-top:10px;padding:14px}.block-palette{border-color:#ddd5cb;border-radius:13px;box-shadow:0 16px 35px rgba(57,43,35,.17)} /* Content Studio home */ .studio-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.studio-overview article{min-height:76px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--admin-line);border-radius:14px;background:#fff}.studio-overview article>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#efe9f7;color:var(--admin-purple)}.studio-overview article:nth-child(2)>span{background:#fff0d7;color:#c66d00}.studio-overview article:nth-child(3)>span{background:#e2f7ef;color:#087f68}.studio-overview article:nth-child(4)>span{background:#e7f2ff;color:#1674bd}.studio-overview .admin-icon{width:20px;height:20px}.studio-overview p{display:grid;margin:0}.studio-overview strong{font-size:22px;line-height:1}.studio-overview small{margin-top:5px;color:#87818c;font-size:11px;font-weight:700}.studio-library-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:14px;align-items:start}.studio-library{min-width:0}.studio-library>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:5px 2px 12px}.studio-library>header h2{margin:3px 0 0;font-size:21px}.studio-library>header>span{color:#89828d;font-size:12px;font-weight:800}.studio-library .studio-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-course-card[hidden],.question-row[hidden]{display:none}.studio-no-result,.question-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;border:1.5px dashed #d8d0c7;border-radius:16px;background:#fbf8f3;color:#8b8490;text-align:center}.studio-no-result[hidden],.question-empty[hidden]{display:none}.studio-no-result>span{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#eee8f6;color:var(--admin-purple)}.studio-no-result strong,.question-empty strong{color:var(--admin-ink)}.studio-focus{position:sticky;top:96px;padding:18px;border:1px solid var(--admin-line);border-radius:17px;background:linear-gradient(155deg,#fff,#f3edf8);box-shadow:0 8px 24px rgba(54,43,35,.04)}.studio-focus h2{margin:4px 0 12px;font-size:20px}.studio-focus>a{min-height:69px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e8e0ea;color:var(--admin-ink);text-decoration:none}.studio-focus>a:last-of-type{border-bottom:0}.studio-focus>a p{display:grid;margin:0}.studio-focus>a strong{font-size:13px}.studio-focus>a small{margin-top:4px;color:#89828e;font-size:10px;line-height:1.35}.studio-focus>a>b{color:var(--admin-purple);font-size:18px}.focus-number{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:17px;font-weight:900}.focus-number.orange{background:#fff0d7;color:#c66d00}.focus-number.purple{background:#ece5f6;color:var(--admin-purple)}.focus-number.green{background:#e1f7ef;color:#07806a}.studio-flow{margin-top:14px;padding:13px;border-radius:13px;background:#fff;border:1px solid #e7e0d9}.studio-flow>small{color:#8b8490;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.studio-flow p{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:11px;font-weight:800}.studio-flow p span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eee8f6;color:var(--admin-purple);font-size:10px} /* Question bank prototype */ .question-hero{min-height:174px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;border:1px solid #e1d9e4;border-radius:20px;background:linear-gradient(120deg,#f3edf8,#fbf8f3 58%,#e8f5f0);position:relative;overflow:hidden}.question-hero:after{content:"?";position:absolute;right:32%;bottom:-52px;color:rgba(96,75,145,.055);font-size:180px;font-weight:900;transform:rotate(9deg)}.question-hero>div{position:relative;z-index:1}.question-hero h2{margin:5px 0 7px;color:var(--admin-ink);font-size:clamp(31px,3vw,44px);line-height:1.05}.question-hero p{margin:0;color:#77717d;font-size:14px}.question-hero__stats{min-width:350px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.question-hero__stats article{display:grid;padding:11px 12px;border:1px solid #e4ddd6;border-radius:12px;background:rgba(255,255,255,.82)}.question-hero__stats strong{color:var(--admin-purple);font-size:23px}.question-hero__stats small{margin-top:3px;color:#85808a;font-size:10px;font-weight:800}.question-hero__stats .btn{grid-column:1/-1;min-height:44px}.question-overview{display:grid;grid-template-columns:repeat(3,minmax(140px,190px)) minmax(260px,1fr);gap:9px;margin:12px 0}.question-overview article{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--admin-line);border-radius:13px;background:#fff}.question-overview article>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px}.question-overview article>span.purple{background:#eee8f6;color:var(--admin-purple)}.question-overview article>span.green{background:#e1f7ef;color:#07806a}.question-overview article>span.orange{background:#fff0d7;color:#c66d00}.question-overview article p{display:grid;margin:0}.question-overview article strong{font-size:19px}.question-overview article small{color:#88818c;font-size:10px}.question-api-note{display:flex;align-items:center;margin:0;padding:10px 13px;border-radius:13px;background:#eee9e2;color:#706976;font-size:11px}.question-api-note strong{margin:0 3px;color:var(--admin-purple)}.question-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 150px 160px;gap:9px;margin-bottom:12px}.question-search,.question-toolbar>label:not(.question-search){min-height:46px;display:flex;align-items:center;margin:0;border:1px solid #e1dad1;border-radius:12px;background:#fff}.question-search{gap:9px;padding:0 13px;color:#8a8490}.question-search .admin-icon{width:19px;height:19px;flex:0 0 auto}.question-search input{height:44px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.question-search input:focus{border:0;box-shadow:none}.question-toolbar>label:not(.question-search){position:relative;padding:0 9px}.question-toolbar>label:not(.question-search)>span{position:absolute;left:11px;top:5px;color:#9a939c;font-size:8px;font-weight:900;text-transform:uppercase}.question-toolbar select{height:44px;min-height:0;padding:13px 28px 0 2px;border:0;background-color:transparent;font-size:12px;font-weight:800;box-shadow:none}.question-toolbar select:focus{border:0;box-shadow:none}.question-bank-layout{display:grid;grid-template-columns:minmax(430px,1fr) minmax(350px,.72fr);gap:13px;align-items:start}.question-list-panel,.question-side-panel{border:1px solid var(--admin-line);border-radius:17px;background:#fff}.question-list-panel{padding:16px;min-width:0}.question-list-panel>header{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:0 3px 12px}.question-list-panel h2{margin:3px 0 0;font-size:20px}.question-list-panel>header>strong{color:#8b8490;font-size:11px}.question-list{display:grid;gap:6px}.question-row{width:100%;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:9px;border:1.5px solid transparent;border-bottom-color:#eee8e1;border-radius:12px;background:#fff;color:var(--admin-ink);text-align:left;cursor:pointer}.question-row:hover{background:#fbf8f4}.question-row.active{border-color:#8b75b2;background:#f4eff9;box-shadow:0 5px 14px rgba(74,53,111,.08)}.question-code{width:46px;height:43px;display:grid;place-items:center;border-radius:11px;background:#eee8f6;color:var(--admin-purple);font-size:10px;font-weight:900}.question-row.active .question-code{background:var(--admin-purple);color:#fff}.question-row p{display:grid;margin:0;min-width:0}.question-row strong{overflow:hidden;color:var(--admin-ink);font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.question-row small{margin-top:5px;color:#8a8490;font-size:10px}.question-use{padding:5px 7px;border-radius:8px;background:#f1ede7;color:#756e78;font-size:9px;font-weight:800;white-space:nowrap}.question-row>b{color:#8a8192;font-size:20px}.question-side-panel{position:sticky;top:96px;padding:17px;box-shadow:0 8px 24px rgba(54,43,35,.04)}.question-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.question-preview-head h2{margin:3px 0 0;font-size:21px}.question-preview-head>button{width:38px;height:38px;border:0;border-radius:10px;background:#f0ebe5;color:#6d6570;font-size:22px;cursor:pointer}.question-preview-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.question-preview-meta span{padding:5px 8px;border-radius:99px;background:#eee9f5;color:var(--admin-purple);font-size:9px;font-weight:900}.question-preview-card{padding:16px;border:1px solid #e7e0d8;border-radius:14px;background:#fbf8f4}.question-preview-card>small{color:#928b95;font-size:9px;font-weight:900;text-transform:uppercase}.question-preview-card h3{margin:8px 0 14px;font-size:18px;line-height:1.4}.question-preview-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.question-preview-options>span{min-height:42px;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #e5dfd7;border-radius:10px;background:#fff;font-size:11px;font-weight:700}.question-preview-options>span>b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#f0ece6;color:#685f6b}.question-preview-options>span.correct{border-color:#70bba7;background:#e9f8f2;color:#08765f}.question-preview-options>span.correct>b{background:#11886f;color:#fff}.question-preview-options>span>i{margin-left:auto;font-style:normal;font-weight:900}.question-explanation{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:10px;padding:12px;border-left:3px solid #d78316;border-radius:0 11px 11px 0;background:#fff3df}.question-explanation>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#c46c00}.question-explanation strong{font-size:11px}.question-explanation p{margin:4px 0 0;color:#726b72;font-size:10px;line-height:1.5}.question-usage{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.question-usage>div{padding:10px;border-radius:10px;background:#f1ede8}.question-usage dt{font-size:14px;font-weight:900}.question-usage dd{margin-top:3px;color:#8a838b;font-size:9px}.question-preview-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.question-preview-actions .btn{min-height:44px;padding:0 10px}.question-create-view[hidden],.question-side-panel>[hidden]{display:none}.question-create-form{display:grid;gap:11px;margin-top:14px}.question-create-form label{display:grid;gap:5px;color:#4c4550;font-size:11px;font-weight:900}.question-create-form input,.question-create-form select,.question-create-form textarea{width:100%;padding:9px 10px;border:1px solid #ded7cf;border-radius:10px;background:#fff;font-size:12px;resize:vertical}.question-create-form input,.question-create-form select{min-height:42px}.question-form-row{display:grid;grid-template-columns:.7fr .7fr 1.4fr;gap:7px}.question-create-form fieldset{margin:0;padding:11px;border:1px solid #e3dcd4;border-radius:12px}.question-create-form legend{padding:0 5px;color:#4c4550;font-size:11px;font-weight:900}.question-option-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.question-option-fields label{position:relative}.question-option-fields label>span{position:absolute;left:7px;top:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#eee8f6;color:var(--admin-purple)}.question-option-fields input{padding-left:38px}.question-empty{margin-top:7px}.question-empty .admin-icon{width:35px;height:35px;color:var(--admin-purple)} @media(max-width:1550px){.lesson-workbench{grid-template-columns:235px minmax(390px,1fr)}.lesson-workbench>.lesson-live-preview{grid-column:1/-1;position:static}.lesson-workbench>.lesson-live-preview .preview-device{max-width:760px;margin:auto}.lesson-studio{grid-template-columns:155px minmax(360px,1fr)}.lesson-live-preview{grid-column:1/-1;position:static}.editor-dashboard{grid-template-columns:1fr}.admin-welcome{min-height:280px}} @media(max-width:1250px){.studio-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1100px){.studio-detail-grid{grid-template-columns:1fr}.studio-quality{position:static}.studio-hero{align-items:flex-start;flex-direction:column}.studio-hero__meta{width:100%}.lesson-studio-head,.studio-course-head{align-items:flex-start;flex-direction:column}.lesson-basics__form{grid-template-columns:1fr 1fr}.lesson-basics__form label:nth-child(2){grid-column:1/-1;grid-row:2}} @media(max-width:760px){.admin-nav-label{grid-column:1/-1}.admin-welcome{padding:28px}.admin-welcome__art{display:none}.studio-hero{padding:28px 22px}.studio-hero__meta{min-width:0}.studio-toolbar{align-items:stretch;flex-direction:column}.studio-toolbar>div:last-child{overflow:auto}.studio-course-grid{grid-template-columns:1fr}.studio-course-head>div:last-child,.lesson-studio-head>div:last-child{width:100%}.studio-course-head .btn,.lesson-studio-head .btn{flex:1}.studio-outline{padding:16px}.studio-outline>header{align-items:flex-start;gap:12px}.studio-chapter__head{grid-template-columns:auto 1fr auto}.studio-chapter__head>.status-pill{display:none}.studio-chapter__items>a{grid-template-columns:auto 1fr auto}.studio-chapter__items em,.studio-chapter__items .status-dot{display:none}.lesson-studio{grid-template-columns:1fr}.block-library,.lesson-live-preview{position:static}.block-library{display:grid;grid-template-columns:1fr 1fr;gap:8px}.block-library>.eyebrow,.block-library>h3{grid-column:1/-1}.block-library>button{margin:0}.lesson-live-preview{grid-column:auto}.lesson-block{grid-template-columns:auto auto 1fr}.lesson-block>button:last-child{display:none}.lesson-workbench{grid-template-columns:1fr}.block-outline-panel{position:static}.lesson-basics__form{grid-template-columns:1fr}.lesson-basics__form label:nth-child(2){grid-column:auto;grid-row:auto}.block-editor-panel{min-height:0}.block-editor-panel>footer{flex-direction:column}.block-editor-panel>footer>div{display:grid;grid-template-columns:1fr 1fr}.lesson-workbench>.lesson-live-preview{grid-column:auto}} .preview-block--visual{background:linear-gradient(135deg,#eef8ff,#fff)}.preview-visual-sequence{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.preview-visual-sequence b{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ded9f5;border-radius:10px;background:#fff;color:#5949c7;font-size:16px;box-shadow:0 4px 10px rgba(59,48,112,.08)} @media(min-width:761px) and (max-width:900px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-sidebar{padding:14px 9px}.admin-brand{padding:4px 5px 14px}.admin-brand>span{width:35px;height:35px}.admin-brand strong{font-size:15px}.admin-brand small{font-size:8px}.admin-role{margin:11px 2px 0;padding:8px}.admin-role>span{width:31px;height:31px}.admin-role strong{font-size:12px}.admin-role small{font-size:10px}.admin-sidebar nav a{padding:0 9px;font-size:12px}.admin-main{padding:0 14px 24px}.admin-topbar{margin:0 -14px 14px;padding:10px 14px}.admin-topbar h1{font-size:24px}.admin-secure{display:none}.studio-hero{padding:22px}.studio-hero__meta{min-width:0}.studio-toolbar{align-items:stretch;flex-direction:column;gap:9px}.studio-search{width:100%;max-width:none}.studio-toolbar>div:last-child{width:100%;overflow:auto}.studio-toolbar>div:last-child button{flex:1;white-space:nowrap}.studio-course-grid{grid-template-columns:1fr}.lesson-workbench{grid-template-columns:1fr}.block-outline-panel{position:static}.lesson-workbench>.lesson-live-preview{grid-column:auto}.lesson-basics__form{grid-template-columns:1fr}.lesson-basics__form label:nth-child(2){grid-column:auto;grid-row:auto}.block-editor-panel{min-height:0}.studio-course-head>div:last-child,.lesson-studio-head>div:last-child{width:100%}.studio-course-head .btn,.lesson-studio-head .btn{flex:1}} @media(max-width:1250px){.studio-library-layout{grid-template-columns:minmax(0,1fr) 255px}.studio-library .studio-course-grid{grid-template-columns:1fr}.question-bank-layout{grid-template-columns:minmax(400px,1fr) 350px}} @media(max-width:1100px){.studio-library-layout,.question-bank-layout{grid-template-columns:1fr}.studio-focus,.question-side-panel{position:static}.studio-library .studio-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-overview{grid-template-columns:repeat(3,1fr)}.question-api-note{grid-column:1/-1}.question-hero{align-items:flex-start;flex-direction:column}.question-hero__stats{width:100%;min-width:0}.question-toolbar{grid-template-columns:minmax(250px,1fr) 145px 155px}} @media(min-width:761px) and (max-width:900px){.studio-overview{grid-template-columns:1fr 1fr}.studio-library .studio-course-grid{grid-template-columns:1fr}.question-overview{grid-template-columns:1fr 1fr}.question-overview article:nth-child(3){grid-column:1/-1}.question-toolbar{grid-template-columns:1fr 1fr}.question-search{grid-column:1/-1}.question-hero__stats{grid-template-columns:repeat(3,1fr)}.question-row{grid-template-columns:auto minmax(0,1fr) auto auto}.question-use{display:none}} @media(max-width:760px){.studio-overview{grid-template-columns:1fr 1fr}.studio-overview article{padding:10px}.studio-library .studio-course-grid{grid-template-columns:1fr}.studio-library>header{align-items:flex-start;flex-direction:column;gap:5px}.question-hero{padding:22px}.question-hero__stats{grid-template-columns:1fr 1fr}.question-hero__stats article:nth-child(3){grid-column:1/-1}.question-overview{grid-template-columns:1fr 1fr}.question-overview article:nth-child(3),.question-api-note{grid-column:1/-1}.question-toolbar{grid-template-columns:1fr 1fr}.question-search{grid-column:1/-1}.question-row{grid-template-columns:auto minmax(0,1fr) auto}.question-use,.question-row>.status-dot{display:none}.question-preview-options,.question-option-fields{grid-template-columns:1fr}.question-preview-actions{grid-template-columns:1fr}.question-form-row{grid-template-columns:1fr 1fr}.question-form-row label:last-child{grid-column:1/-1}} /* Admin custom validation */ .admin-shell .is-invalid{border-color:#cf5147!important;background:#fff8f7!important;box-shadow:0 0 0 3px rgba(207,81,71,.1)!important}.admin-shell .field-error{display:flex;align-items:center;gap:5px;margin:2px 0 0;color:#b83c34;font-size:10px;font-weight:800;line-height:1.4}.admin-shell .field-error:before{content:"!";width:16px;height:16px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#ffe2df;color:#b83c34;font-size:9px}.admin-shell .field-hint{color:#96909a;font-size:9px;font-weight:600}.admin-shell .form-message:not([hidden]){display:block;margin:0;padding:10px 12px;border:1px solid #efbbb6;border-radius:10px;background:#fff0ef;color:#a9332c;font-size:11px;font-weight:800} /* Create course modal prototype */ .modal-open{overflow:hidden}.admin-modal[hidden]{display:none}.admin-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px}.admin-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(31,25,39,.58);backdrop-filter:blur(6px);cursor:pointer}.admin-modal__dialog{position:relative;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #e7dfd6;border-radius:22px;background:#fbf8f3;box-shadow:0 28px 90px rgba(32,24,43,.3)}.admin-modal__dialog>header{position:sticky;z-index:5;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 22px 16px;border-bottom:1px solid #e7dfd6;background:rgba(253,251,247,.96);backdrop-filter:blur(10px)}.admin-modal__dialog>header h2{margin:3px 0 4px;color:var(--admin-purple-dark);font-size:27px}.admin-modal__dialog>header p{margin:0;color:#827b86;font-size:12px}.admin-modal__dialog>header>button{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:11px;background:#efe9e2;color:#6d6570;font-size:25px;cursor:pointer}.course-create-modal form{padding:18px 22px 0}.course-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;align-items:start}.course-create-fields{display:grid;gap:13px;padding:17px;border:1px solid #e7dfd6;border-radius:16px;background:#fff}.form-section-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #eee7df}.form-section-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eee8f6;color:var(--admin-purple)}.form-section-title>div{display:grid}.form-section-title strong{font-size:15px}.form-section-title small{margin-top:3px;color:#918a94;font-size:10px}.course-create-fields>label,.course-create-row>label{display:grid;gap:6px;color:#4b4550;font-size:11px;font-weight:900}.course-create-fields input,.course-create-fields select,.course-create-fields textarea{width:100%;padding:10px 11px;border:1.5px solid #dfd8d0;border-radius:11px;background:#fff;color:var(--admin-ink);font-size:12px;resize:vertical}.course-create-fields input,.course-create-fields select{min-height:44px}.course-create-fields input:focus,.course-create-fields select:focus,.course-create-fields textarea:focus{outline:0;border-color:#806aa6;box-shadow:0 0 0 3px #eee8f6}.course-create-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.course-create-preview{position:sticky;top:104px;padding:16px;border:1px solid #e6ded5;border-radius:16px;background:linear-gradient(150deg,#fff,#f0eaf6)}.course-create-preview>article{margin-top:10px;overflow:hidden;border:1px solid #e2dad2;border-radius:15px;background:#fff;box-shadow:0 8px 23px rgba(58,45,34,.07)}.course-preview-cover{height:130px;position:relative;padding:16px;background:linear-gradient(135deg,#4a9160,#6eb47c);color:#fff}.course-preview-cover>span{font-size:13px;font-weight:900}.course-preview-cover>b{position:absolute;right:20px;bottom:18px;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.9);color:#3d8152;font-size:27px;transform:rotate(-4deg)}.course-preview-cover>i{position:absolute;right:92px;top:28px;color:#ffd06a;font-size:22px;font-style:normal}.course-create-preview>article>div:last-child{padding:14px}.course-create-preview>article small{display:inline-flex;padding:5px 8px;border-radius:99px;background:#fff1d8;color:#a96600;font-size:9px;font-weight:900}.course-create-preview h3{min-height:43px;margin:10px 0 5px;font-size:17px;line-height:1.3}.course-create-preview article p{min-height:48px;margin:0;color:#817b87;font-size:10px;line-height:1.5}.course-create-preview article footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #eee7df;color:#8c858e;font-size:10px}.course-create-preview article footer b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eee8f6;color:var(--admin-purple);font-size:16px}.course-next-steps{margin-top:11px;padding:13px;border:1px solid #e4dcd4;border-radius:13px;background:#fff}.course-next-steps>strong{font-size:11px}.course-next-steps p{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:#77707b;font-size:10px;font-weight:800}.course-next-steps p span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eee8f6;color:var(--admin-purple);font-size:9px}.admin-modal__actions{position:sticky;z-index:4;bottom:0;display:flex;justify-content:flex-end;gap:9px;margin:17px -22px 0;padding:14px 22px;border-top:1px solid #e7dfd6;background:rgba(253,251,247,.96);backdrop-filter:blur(10px)}.admin-modal__actions .btn{min-width:140px;min-height:44px} @media(max-width:1000px){.course-create-layout{grid-template-columns:1fr}.course-create-preview{position:static}.course-create-preview>article{max-width:440px}.admin-modal__dialog{width:min(760px,100%)}} @media(max-width:760px){.admin-modal{padding:8px}.admin-modal__dialog{max-height:calc(100vh - 16px);border-radius:17px}.admin-modal__dialog>header{padding:15px}.admin-modal__dialog>header h2{font-size:23px}.course-create-modal form{padding:13px 13px 0}.course-create-fields{padding:13px}.course-create-row{grid-template-columns:1fr}.admin-modal__actions{margin:14px -13px 0;padding:12px 13px}.admin-modal__actions .btn{min-width:0;flex:1}} .course-preview-cover.is-blue{background:linear-gradient(135deg,#1672c4,#45a0df)}.course-preview-cover.is-orange{background:linear-gradient(135deg,#e68a22,#f5b24b)}.course-preview-cover.is-blue>b{color:#1672c4}.course-preview-cover.is-orange>b{color:#c16a00} /* Compact Content Studio header: context first, decoration second */ .studio-hero{min-height:132px;padding:20px 24px;border-radius:19px;gap:22px}.studio-hero:after{width:135px;height:135px;border-width:25px;right:-42px;top:-61px}.studio-hero>div:first-child{min-width:0}.studio-hero .eyebrow{font-size:10px}.studio-hero h2{margin:4px 0 6px;font-size:clamp(27px,2.25vw,35px);line-height:1.12}.studio-hero p{margin:0;font-size:13px;line-height:1.45}.studio-hero__meta{display:flex;align-items:stretch;gap:8px;min-width:0}.studio-hero__meta>span{min-width:88px;padding:9px 12px;border-radius:12px;align-content:center}.studio-hero__meta strong{font-size:22px;line-height:1}.studio-hero__meta small{margin-top:5px;font-size:10px;white-space:nowrap}.studio-hero__meta .btn{grid-column:auto;min-height:44px;padding-inline:18px;white-space:nowrap} @media(max-width:1100px){.studio-hero{align-items:center;flex-direction:row}.studio-hero__meta{width:auto}} @media(max-width:900px){.studio-hero{align-items:flex-start;flex-direction:column;gap:14px}.studio-hero__meta{width:100%}.studio-hero__meta .btn{margin-left:auto}} @media(max-width:560px){.studio-hero{padding:18px}.studio-hero h2{font-size:26px}.studio-hero p{font-size:12px}.studio-hero__meta{display:grid;grid-template-columns:1fr 1fr}.studio-hero__meta>span{min-width:0}.studio-hero__meta .btn{grid-column:1/-1;width:100%;margin:0}} /* Compact Question Bank header — same density and hierarchy as Content Studio */ .question-hero{min-height:132px;padding:20px 24px;border-radius:19px;gap:22px}.question-hero:after{right:37%;bottom:-38px;font-size:112px}.question-hero>div:first-child{min-width:0}.question-hero .eyebrow{font-size:10px}.question-hero h2{margin:4px 0 6px;font-size:clamp(27px,2.25vw,35px);line-height:1.12}.question-hero p{font-size:13px;line-height:1.45}.question-hero__stats{display:flex;align-items:stretch;gap:8px;min-width:0}.question-hero__stats article{min-width:80px;padding:9px 11px;border-radius:12px;align-content:center}.question-hero__stats strong{font-size:22px;line-height:1}.question-hero__stats small{margin-top:5px;font-size:9px;white-space:nowrap}.question-hero__stats .btn{grid-column:auto;min-height:44px;padding-inline:18px;white-space:nowrap} @media(max-width:1100px){.question-hero{align-items:center;flex-direction:row}.question-hero__stats{width:auto}} @media(max-width:900px){.question-hero{align-items:flex-start;flex-direction:column;gap:14px}.question-hero__stats{width:100%}.question-hero__stats .btn{margin-left:auto}} @media(max-width:560px){.question-hero{padding:18px}.question-hero h2{font-size:26px}.question-hero p{font-size:12px}.question-hero__stats{display:grid;grid-template-columns:repeat(3,1fr)}.question-hero__stats article{min-width:0}.question-hero__stats small{white-space:normal}.question-hero__stats .btn{grid-column:1/-1;width:100%;margin:0}} /* Admin overview */ .dashboard-intro{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:20px 24px;border:1px solid #e1d9e4;border-radius:19px;background:linear-gradient(120deg,#f2edf8,#fbf8f3 58%,#e8f5f0);overflow:hidden}.dashboard-intro h2{margin:4px 0 6px;font-size:clamp(26px,2.2vw,34px);line-height:1.12}.dashboard-intro p{margin:0;color:#77717d;font-size:13px}.dashboard-intro>span{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;background:#e1f7ef;color:#08765f;font-size:11px;font-weight:900;white-space:nowrap}.dashboard-intro>span .admin-icon{width:19px;height:19px}.dashboard-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.6fr);gap:14px;margin-bottom:14px}.dashboard-quick>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-quick a,.dashboard-priority>a{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid #e9e2db;border-radius:13px;background:#fbf9f6;color:var(--admin-ink);text-decoration:none}.dashboard-quick a:hover,.dashboard-priority>a:hover{border-color:#bcaed0;background:#f5f0f9}.dashboard-quick a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eee8f6;color:var(--admin-purple)}.dashboard-quick a>span .admin-icon{width:20px;height:20px}.dashboard-quick p,.dashboard-priority p{display:grid;margin:0}.dashboard-quick small,.dashboard-priority small{margin-top:4px;color:#8c8590;font-size:10px}.dashboard-quick b,.dashboard-priority b{color:var(--admin-purple)}.dashboard-priority{display:grid;gap:7px}.dashboard-priority .admin-card__head{margin-bottom:3px}.dashboard-priority>a{min-height:67px;border:0;border-bottom:1px solid #eee7df;border-radius:10px;background:#fff}.dashboard-priority>a>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-weight:900}.dashboard-priority .orange{background:#fff0d7;color:#c66d00}.dashboard-priority .purple{background:#eee8f6;color:var(--admin-purple)}.dashboard-priority .green{background:#e1f7ef;color:#07806a}.dashboard-activity .admin-activity{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.dashboard-activity .admin-activity>div{min-width:0} /* Exam and document managers */ .resource-hero{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;border:1px solid #e1d9e4;border-radius:19px;background:linear-gradient(120deg,#f3edf8,#fbf8f3 58%,#e8f5f0);position:relative;overflow:hidden}.resource-hero:after{content:"";position:absolute;width:125px;height:125px;border:24px solid rgba(96,75,145,.055);border-radius:50%;right:-38px;top:-55px}.resource-hero--document{background:linear-gradient(120deg,#eef5ff,#fbf8f3 58%,#e6f7f1)}.resource-hero>div{position:relative;z-index:1}.resource-hero h2{margin:4px 0 6px;font-size:clamp(27px,2.25vw,35px);line-height:1.12}.resource-hero p{margin:0;color:#77717d;font-size:13px}.resource-hero__stats{display:flex;align-items:stretch;gap:8px}.resource-hero__stats article{min-width:80px;display:grid;align-content:center;padding:9px 11px;border:1px solid #e4ddd6;border-radius:12px;background:rgba(255,255,255,.84)}.resource-hero__stats strong{color:var(--admin-purple);font-size:22px;line-height:1}.resource-hero__stats small{margin-top:5px;color:#85808a;font-size:9px;font-weight:800;white-space:nowrap}.resource-hero__stats .btn{min-height:44px;padding-inline:18px;white-space:nowrap}.resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 12px}.resource-toolbar>label{height:46px;max-width:560px;display:flex;align-items:center;gap:9px;flex:1;padding:0 13px;border:1px solid #e1dad1;border-radius:12px;background:#fff;color:#8a8490}.resource-toolbar>label .admin-icon{width:19px;height:19px;flex:0 0 auto}.resource-toolbar input{width:100%;height:44px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.resource-toolbar input:focus{border:0;outline:0;box-shadow:none}.resource-toolbar>div{display:flex;padding:4px;border-radius:11px;background:#ede8e2}.resource-toolbar>div button{min-height:38px;padding:7px 11px;border:0;border-radius:8px;background:transparent;color:#79727c;font-size:11px;font-weight:900;cursor:pointer}.resource-toolbar>div button.active{background:#fff;color:var(--admin-purple);box-shadow:0 3px 10px rgba(54,43,35,.08)}.resource-manager{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:13px;align-items:start}.resource-list-panel,.resource-detail-panel{border:1px solid var(--admin-line);border-radius:17px;background:#fff}.resource-list-panel{min-width:0;padding:16px}.resource-list-panel>header{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:0 3px 12px}.resource-list-panel h2{margin:3px 0 0;font-size:20px}.resource-list-panel>header>strong{color:#8b8490;font-size:11px}.resource-list{display:grid;gap:6px}.resource-row[hidden]{display:none}.resource-row{border:1.5px solid transparent;border-bottom-color:#eee8e1;border-radius:12px;background:#fff}.resource-row:hover{background:#fbf8f4}.resource-row.active{border-color:#8b75b2;background:#f4eff9;box-shadow:0 5px 14px rgba(74,53,111,.08)}.resource-row>button{width:100%;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:9px;border:0;background:transparent;color:var(--admin-ink);text-align:left;cursor:pointer}.resource-row__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eee8f6;color:var(--admin-purple)}.resource-row__icon .admin-icon{width:23px;height:23px}.resource-hero--document~.resource-toolbar+.resource-manager .resource-row__icon{background:#e5f4ff;color:#1476be}.resource-row p{display:grid;margin:0;min-width:0}.resource-row p strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.resource-row p small{margin-top:5px;overflow:hidden;color:#8a8490;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.resource-row>button>b{color:#8a8192;font-size:18px}.resource-detail-panel{position:sticky;top:96px;padding:17px;box-shadow:0 8px 24px rgba(54,43,35,.04)}.resource-detail[hidden]{display:none}.resource-detail>header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.resource-detail__icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:#eee8f6;color:var(--admin-purple)}.resource-detail__icon .admin-icon{width:25px;height:25px}.resource-detail header h2{margin:8px 0 4px;font-size:20px;line-height:1.3}.resource-detail header small{color:#88818c;font-size:10px}.resource-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.resource-detail dl>div{min-width:0;padding:10px;border-radius:10px;background:#f3efe9}.resource-detail dt{color:#918a94;font-size:8px;font-weight:900;text-transform:uppercase}.resource-detail dd{margin:5px 0 0;overflow:hidden;font-size:11px;font-weight:900;text-overflow:ellipsis}.resource-detail__check{padding:13px;border:1px solid #e7e0d8;border-radius:12px;background:#fbf8f4}.resource-detail__check>strong{font-size:11px}.resource-detail__check p{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:#77707b;font-size:10px;font-weight:800}.resource-detail__check p span{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#e1f7ef;color:#07806a}.resource-detail>footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.resource-detail>footer .btn{min-height:42px;padding:0 9px}.resource-archive{grid-column:1/-1;min-height:36px;border:0;background:transparent;color:#b9473f;font-size:10px;font-weight:900;cursor:pointer}.resource-empty,.resource-first-empty,.resource-detail-placeholder{min-height:190px;display:grid;place-items:center;align-content:center;gap:7px;color:#8b8490;text-align:center}.resource-empty[hidden]{display:none}.resource-empty .admin-icon,.resource-first-empty .admin-icon,.resource-detail-placeholder .admin-icon{width:35px;height:35px;color:var(--admin-purple)}.resource-first-empty small,.resource-detail-placeholder p{margin:0;font-size:10px}.resource-create-modal .admin-modal__dialog{width:min(850px,100%)}.resource-create-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px 20px 0}.resource-form-section{display:grid;align-content:start;gap:12px;padding:15px;border:1px solid #e7dfd6;border-radius:15px;background:#fff}.resource-form-section:last-of-type:nth-child(3){grid-column:1/-1}.resource-create-form label{display:grid;gap:6px;color:#4b4550;font-size:11px;font-weight:900}.resource-create-form input,.resource-create-form select,.resource-create-form textarea{width:100%;min-height:43px;padding:9px 10px;border:1.5px solid #dfd8d0;border-radius:10px;background:#fff;color:var(--admin-ink);font-size:12px}.resource-create-form select[multiple]{min-height:128px}.resource-create-form input:focus,.resource-create-form select:focus,.resource-create-form textarea:focus{outline:0;border-color:#806aa6;box-shadow:0 0 0 3px #eee8f6}.resource-create-form>.form-message{grid-column:1/-1}.resource-file-drop{min-height:145px!important;display:grid!important;place-items:center;align-content:center!important;gap:5px!important;border:1.5px dashed #cfc4bb;border-radius:12px;background:#fbf8f4;text-align:center;cursor:pointer}.resource-file-drop .admin-icon{width:31px;height:31px;color:var(--admin-purple)}.resource-file-drop small{color:#8f8892;font-size:9px}.resource-file-drop input{min-height:0;margin-top:8px;padding:6px;background:#fff}.resource-create-form .admin-modal__actions{grid-column:1/-1} @media(max-width:1100px){.dashboard-workspace{grid-template-columns:1fr}.resource-hero{align-items:flex-start;flex-direction:column;gap:14px}.resource-hero__stats{width:100%}.resource-hero__stats .btn{margin-left:auto}.resource-manager{grid-template-columns:1fr}.resource-detail-panel{position:static}} @media(max-width:760px){.dashboard-intro{align-items:flex-start;flex-direction:column;padding:18px}.dashboard-intro>span{white-space:normal}.dashboard-quick>div:last-child,.dashboard-activity .admin-activity{grid-template-columns:1fr}.resource-hero{padding:18px}.resource-hero h2{font-size:26px}.resource-hero p{font-size:12px}.resource-hero__stats{display:grid;grid-template-columns:repeat(3,1fr)}.resource-hero__stats article{min-width:0}.resource-hero__stats small{white-space:normal}.resource-hero__stats .btn{grid-column:1/-1;width:100%;margin:0}.resource-toolbar{align-items:stretch;flex-direction:column}.resource-toolbar>label{width:100%;max-width:none}.resource-toolbar>div{overflow:auto}.resource-toolbar>div button{flex:1;white-space:nowrap}.resource-row>button{grid-template-columns:auto minmax(0,1fr) auto}.resource-row .status-pill{display:none}.resource-create-form{grid-template-columns:1fr;padding:13px 13px 0}.resource-form-section:last-of-type:nth-child(3){grid-column:auto}.resource-create-form>.form-message,.resource-create-form .admin-modal__actions{grid-column:auto}} .resource-file-drop.has-file{border-color:#58a58e;background:#eefaf5}.resource-file-drop.has-file strong{color:#08765f}.resource-create-form label.check{display:flex;align-items:center;gap:9px}.resource-create-form label.check input{width:18px;height:18px;min-height:18px} .resource-toolbar>div button{min-height:44px}.resource-create-modal .admin-modal__dialog>header>button{width:44px;height:44px} /* Resource manager readability pass */ .resource-hero p{font-size:15px}.resource-hero__stats strong{font-size:26px}.resource-hero__stats small{font-size:11px}.resource-hero__stats .btn{font-size:14px}.resource-toolbar>label{font-size:15px}.resource-toolbar input{font-size:15px}.resource-toolbar>div button{font-size:13px}.resource-list-panel>header .eyebrow{font-size:11px}.resource-list-panel h2{font-size:23px}.resource-list-panel>header>strong{font-size:13px}.resource-row>button{min-height:84px;gap:13px;padding:11px}.resource-row__icon{width:52px;height:52px;border-radius:14px}.resource-row__icon .admin-icon{width:26px;height:26px}.resource-row p strong{font-size:16px;line-height:1.35}.resource-row p small{margin-top:6px;font-size:13px}.resource-row .status-pill{font-size:11px}.resource-detail-panel{padding:20px}.resource-detail__icon{width:56px;height:56px}.resource-detail__icon .admin-icon{width:28px;height:28px}.resource-detail header h2{font-size:24px}.resource-detail header small{font-size:13px}.resource-detail dl{gap:9px;margin:18px 0}.resource-detail dl>div{padding:13px}.resource-detail dt{font-size:10px}.resource-detail dd{font-size:13px;line-height:1.35}.resource-detail__check{padding:16px}.resource-detail__check>strong{font-size:14px}.resource-detail__check p{gap:10px;margin-top:11px;font-size:13px}.resource-detail__check p span{width:24px;height:24px}.resource-detail>footer{gap:9px;margin-top:15px}.resource-detail>footer .btn{min-height:46px;font-size:13px}.resource-detail>footer .btn .admin-icon,.resource-preview-action .admin-icon{width:17px;height:17px}.resource-preview-action{grid-column:1/-1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ddd4ca;border-radius:11px;background:#f8f4ef;color:#5e5662;font-size:13px;font-weight:900;cursor:pointer}.resource-archive{font-size:12px}.resource-create-form label{font-size:13px}.resource-create-form input,.resource-create-form select,.resource-create-form textarea{font-size:14px}.resource-create-form .field-hint{font-size:11px}.resource-form-section{gap:14px;padding:18px}.resource-form-section .form-section-title strong{font-size:16px}.resource-form-section .form-section-title small{font-size:12px}.resource-create-modal .admin-modal__dialog>header p,.resource-edit-modal .admin-modal__dialog>header p{font-size:13px} /* Full edit prototype for exams and documents */ .resource-edit-modal .admin-modal__dialog{width:min(980px,100%)}.resource-edit-modal .admin-modal__dialog>header>button{width:44px;height:44px}.resource-edit-form{grid-template-columns:1fr 1fr;padding:18px 22px 0}.resource-edit-form .resource-form-section--wide{grid-column:1/-1}.edit-question-search{height:46px!important;display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;padding:0 12px;border:1.5px solid #dfd8d0;border-radius:11px}.edit-question-search .admin-icon{width:20px;height:20px;color:#8a8490}.edit-question-search input{height:42px;min-height:0;padding:0;border:0}.edit-question-search input:focus{border:0;box-shadow:none}.edit-question-list{max-height:270px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;padding:2px}.edit-question-list>label{min-height:64px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:9px;border:1.5px solid #e4ddd5;border-radius:11px;background:#fbf9f6;cursor:pointer}.edit-question-list>label:hover{border-color:#aa9ac3}.edit-question-list>label:has(input:checked){border-color:#806aa6;background:#f2edf8}.edit-question-list input{width:19px;height:19px;min-height:19px}.edit-question-list>label>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eee8f6;color:var(--admin-purple);font-size:11px;font-weight:900}.edit-question-list p{display:grid;margin:0;min-width:0}.edit-question-list p strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.edit-question-list p small{margin-top:4px;color:#8b8490;font-size:10px}.resource-form-section--wide>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:3px}.resource-form-section--wide>footer>span{font-size:12px}.resource-form-section--wide>footer>span strong{color:var(--admin-purple);font-size:17px}.resource-form-section--wide>footer>button{min-height:42px;padding:0 13px;border:0;border-radius:10px;background:#eee8f6;color:var(--admin-purple);font-size:12px;font-weight:900;cursor:pointer}.current-file{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid #d9e7e1;border-radius:12px;background:#eef8f4}.current-file>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#07806a}.current-file>span .admin-icon{width:22px;height:22px}.current-file p{display:grid;margin:0}.current-file p strong{font-size:13px}.current-file p small{margin-top:4px;color:#74847e;font-size:10px}.current-file>b{padding:5px 8px;border-radius:99px;background:#d9f2e8;color:#08765f;font-size:10px}.resource-file-drop--compact{min-height:112px!important}.resource-permission-grid{grid-template-columns:.7fr .7fr 1.6fr}.permission-switch{display:grid!important;grid-template-columns:auto auto 1fr;align-items:center;gap:11px!important;padding:12px;border:1px solid #e5ddd5;border-radius:12px;background:#fbf9f6;cursor:pointer}.permission-switch>input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0}.permission-switch>span{width:46px;height:26px;padding:3px;border-radius:99px;background:#cbc6c0;transition:.2s}.permission-switch>span b{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.permission-switch>input:checked+span{background:#168b71}.permission-switch>input:checked+span b{transform:translateX(20px)}.permission-switch p{display:grid;margin:0}.permission-switch p strong{font-size:13px}.permission-switch p small{margin-top:3px;color:#817a84;font-size:11px}.edit-save-state{display:flex;align-items:center;gap:7px;margin-right:auto;color:#817a84;font-size:11px;font-weight:800}.edit-save-state .admin-icon{width:17px;height:17px;color:#07806a}.resource-edit-form .admin-modal__actions{display:flex;align-items:center} .edit-reset-button{min-height:44px;padding:0 10px;border:0;background:transparent;color:#8a6570;font-size:11px;font-weight:900;cursor:pointer}.edit-reset-button:hover{color:#b33e38;text-decoration:underline} @media(max-width:900px){.resource-edit-form{grid-template-columns:1fr}.resource-edit-form .resource-form-section--wide{grid-column:auto}.edit-question-list{grid-template-columns:1fr}.edit-save-state{width:100%;margin:0 0 4px}.resource-edit-form .admin-modal__actions{flex-wrap:wrap}} @media(max-width:560px){.resource-row p strong{font-size:15px}.resource-row p small{font-size:12px}.resource-detail header h2{font-size:21px}.resource-permission-grid{grid-template-columns:1fr 1fr}.resource-permission-grid label:last-child{grid-column:1/-1}.resource-form-section--wide>footer{align-items:flex-start;flex-direction:column}.resource-form-section--wide>footer>button{width:100%}} /* Admin typography contract — one source of truth for every admin screen */ .admin-shell{ --admin-font-overline:12px; --admin-font-caption:13px; --admin-font-body:15px; --admin-font-control:15px; --admin-font-label:13px; --admin-font-title-sm:19px; --admin-font-title-md:clamp(22px,2vw,25px); --admin-font-title-lg:clamp(30px,3vw,36px); --admin-font-page:clamp(28px,2.6vw,32px); --admin-leading-body:1.55; --admin-control-height:48px; --admin-textarea-min-height:112px; } /* Defaults automatically cover future Overview, Studio, Question and resource components. */ .admin-shell .admin-main{font-size:var(--admin-font-body)} .admin-shell .admin-main :is(p,li,dd){font-size:var(--admin-font-body);line-height:var(--admin-leading-body)} .admin-shell .admin-main small{font-size:var(--admin-font-caption);line-height:1.45} .admin-shell .admin-main :is(label,legend){font-size:var(--admin-font-label)} .admin-shell .admin-main :is(input,select,textarea),.admin-shell .admin-main button:not([aria-label]){font-size:var(--admin-font-control)} .admin-shell .admin-main .eyebrow{font-size:var(--admin-font-overline);line-height:1.35} .admin-shell .admin-main h1{font-size:var(--admin-font-page)} .admin-shell .admin-main h2{font-size:var(--admin-font-title-md)} .admin-shell .admin-main h3{font-size:var(--admin-font-title-sm)} .admin-shell .admin-main :is(dt,em,.field-hint,.field-error){font-size:var(--admin-font-overline)} .admin-shell .admin-main .status-pill{font-size:var(--admin-font-overline)} .admin-shell .admin-main .admin-secure{font-size:var(--admin-font-overline)} .admin-shell .admin-main .dashboard-intro>span{font-size:var(--admin-font-caption)} .admin-shell .admin-main .studio-flow p span{font-size:var(--admin-font-overline)} .admin-shell .admin-main :is(.studio-hero,.question-hero,.resource-hero,.dashboard-intro) h2{font-size:var(--admin-font-title-lg)} .admin-shell .admin-main :is(.studio-hero,.question-hero,.resource-hero,.dashboard-intro)>div>p{font-size:var(--admin-font-body)} /* Shared list/detail hierarchy: the same roles always have the same size. */ .admin-shell .admin-main :is(.studio-course-card,.question-row,.resource-row) p>strong{font-size:16px;line-height:1.4} .admin-shell .admin-main :is(.studio-course-card,.question-row,.resource-row) p>small{font-size:var(--admin-font-caption)} .admin-shell .admin-main :is(.studio-library,.question-list-panel,.resource-list-panel)>header h2{font-size:var(--admin-font-title-md)} .admin-shell .admin-main :is(.studio-library,.question-list-panel,.resource-list-panel)>header>strong{font-size:var(--admin-font-caption)} .admin-shell .admin-main :is(.question-code,.question-use,.question-preview-meta span){font-size:var(--admin-font-overline)} .admin-shell .admin-main :is(.studio-course-card__body>a,.studio-focus>a strong,.dashboard-quick a strong,.dashboard-priority>a strong){font-size:var(--admin-font-control)} .admin-shell .admin-main :is(.studio-focus>a small,.dashboard-quick small,.dashboard-priority small,.studio-flow p){font-size:var(--admin-font-caption)} /* Forms and preview content must remain readable on touch devices. */ .admin-shell .admin-main :is(.question-create-form,.resource-create-form,.course-create-fields,.block-editor-form,.lesson-basics__form) :is(input,select,textarea){font-size:var(--admin-font-control)} .admin-shell .admin-main :is(.question-create-form,.resource-create-form,.course-create-fields,.block-editor-form,.lesson-basics__form) label{font-size:var(--admin-font-label)} .admin-shell .admin-main .question-preview-card>small{font-size:var(--admin-font-overline)} .admin-shell .admin-main .question-preview-card h3{font-size:var(--admin-font-title-sm)} .admin-shell .admin-main .question-preview-options>span{font-size:14px} .admin-shell .admin-main .question-explanation strong{font-size:14px} .admin-shell .admin-main .question-explanation p{font-size:var(--admin-font-caption)} .admin-shell .admin-main .question-usage dd{font-size:var(--admin-font-overline)} .admin-shell .admin-main .edit-question-list p strong{font-size:14px} .admin-shell .admin-main .edit-question-list p small{font-size:var(--admin-font-overline)} .admin-shell .admin-main .permission-switch p strong{font-size:14px} .admin-shell .admin-main .permission-switch p small{font-size:var(--admin-font-caption)} .admin-shell .admin-main .edit-save-state,.admin-shell .admin-main .edit-reset-button{font-size:var(--admin-font-overline)} /* Navigation has a compact but independently controlled scale. */ .admin-shell .admin-sidebar nav a{font-size:14px} .admin-shell .admin-sidebar .admin-nav-label{font-size:11px} .admin-shell .admin-sidebar .admin-brand small,.admin-shell .admin-sidebar .admin-role small{font-size:12px} .admin-shell .admin-sidebar .admin-role strong{font-size:14px} .admin-shell .admin-sidebar .admin-back{font-size:13px} /* 44px is the minimum touch target; text size does not shrink on iPad. */ .admin-shell .admin-main :is(button:not([aria-label]),input,select){min-height:44px} /* Shared form geometry — controls never stretch to the height of a sibling textarea. */ .admin-shell .admin-main :is(form,.lesson-basics__form) label{align-self:start;align-content:start;grid-auto-rows:max-content} .admin-shell .admin-main :is(form,.lesson-basics__form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select:not([multiple])){ height:var(--admin-control-height); min-height:var(--admin-control-height); max-height:var(--admin-control-height); align-self:start; line-height:1.25; } .admin-shell .admin-main :is(form,.lesson-basics__form) textarea{ height:auto; min-height:var(--admin-textarea-min-height); align-self:start; line-height:1.5; resize:vertical; } .admin-shell .admin-main :is(form,.lesson-basics__form) select[multiple]{height:auto;align-self:start} .admin-shell .admin-main :is(form,.lesson-basics__form) :is(input[type="checkbox"],input[type="radio"]){align-self:center} .admin-shell .admin-main form .edit-question-search{height:var(--admin-control-height)!important} .admin-shell .admin-main form .edit-question-search input{height:44px;min-height:44px;max-height:44px} @media(max-width:760px){ .admin-shell{--admin-font-title-lg:30px;--admin-font-page:27px} .admin-shell .admin-main :is(p,li,dd){line-height:1.5} } /* Course outline rows share one geometry whether they navigate or open an editor. */ .studio-chapter__items>:is(a,button.is-quiz){ width:100%; min-height:58px; display:grid; grid-template-columns:auto minmax(0,1fr) auto minmax(82px,auto) auto; align-items:center; gap:12px; padding:8px; border:0; border-bottom:1px dashed #e1e4ec; background:transparent; color:var(--navy); font:inherit; text-align:left; text-decoration:none; cursor:pointer; } .studio-chapter__items>:is(a,button.is-quiz):hover{background:#faf9ff} .studio-chapter__items button.is-quiz .studio-item-icon{background:#fff0d6;color:#d97800} .studio-chapter__items>:is(a,button.is-quiz) p{min-width:0} .studio-chapter__items>:is(a,button.is-quiz) p strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .studio-chapter__items>:is(a,button.is-quiz) em{white-space:nowrap} .studio-chapter__items>:is(a,button.is-quiz)>b{color:var(--purple);white-space:nowrap} .studio-chapter__items>button.is-quiz>b{font-size:14px} @media(max-width:760px){ .studio-chapter__items>:is(a,button.is-quiz){grid-template-columns:auto minmax(0,1fr) auto} .studio-chapter__items>:is(a,button.is-quiz) :is(em,.status-dot){display:none} .studio-chapter__items>button.is-quiz>b{font-size:0} .studio-chapter__items>button.is-quiz>b::after{content:"Sửa";font-size:13px} } /* System administration workspaces: Categories, Users and Audit */ .system-hero{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:24px 28px;border:1px solid #e2d9e9;border-radius:22px;background:linear-gradient(115deg,#f1ebf8 0%,#fbf7f1 53%,#edf8f3 100%);overflow:hidden;position:relative}.system-hero:after{content:"";width:150px;height:150px;position:absolute;right:-48px;top:-76px;border:30px solid rgba(107,88,151,.07);border-radius:50%;pointer-events:none}.system-hero>div:first-child{max-width:760px;position:relative;z-index:1}.system-hero h2{margin:5px 0 4px;color:#171d36;font-size:var(--admin-font-title-lg);line-height:1.08;letter-spacing:-.035em}.system-hero p{max-width:690px;margin:0;color:#72788e}.system-hero__stats{display:flex;align-items:stretch;justify-content:flex-end;gap:9px;position:relative;z-index:1}.system-hero__stats article{min-width:104px;display:grid;align-content:center;gap:2px;padding:12px 14px;border:1px solid rgba(114,95,151,.18);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 9px 22px rgba(47,38,74,.06)}.system-hero__stats strong{color:var(--admin-purple);font-size:25px;line-height:1}.system-hero__stats small{color:#7f8291;font-weight:800}.system-hero__stats>.btn{min-width:164px;align-self:stretch;padding:0 18px;white-space:nowrap} .system-toolbar{min-height:64px;display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:9px 11px;border:1px solid #e6ddd5;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(44,35,65,.04)}.system-toolbar>label:first-child{min-width:260px;flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 13px;border:1.5px solid #ddd5cd;border-radius:12px;background:#fbfaf8}.system-toolbar>label:first-child:focus-within{border-color:#9078b8;box-shadow:0 0 0 3px rgba(128,106,166,.1)}.system-toolbar>label:first-child .admin-icon{width:21px;height:21px;color:#85808f}.system-toolbar>label:first-child input{width:100%;min-height:44px;padding:0;border:0;background:transparent;outline:0}.system-toolbar>div{display:flex;align-items:center;gap:6px}.system-toolbar>div button{min-height:44px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#77717d;font-weight:900;cursor:pointer}.system-toolbar>div button:hover{background:#f4f0f7;color:var(--admin-purple)}.system-toolbar>div button.active{background:#eee8f6;color:var(--admin-purple)}.system-select-filter{min-width:145px;display:grid;position:relative}.system-select-filter>span{position:absolute;left:12px;top:5px;z-index:1;color:#89828d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.system-select-filter select{min-height:48px;padding:17px 34px 3px 12px;border:1.5px solid #ddd5cd;border-radius:12px;background:#fbfaf8;color:#28283b;font-weight:800}.system-toolbar--users>.btn{min-height:48px;padding:0 14px}.audit-toolbar .system-select-filter{min-width:190px} .system-manager{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:18px}.system-list-panel,.system-detail-panel{border:1px solid #e5ddd5;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(48,39,66,.055)}.system-list-panel{min-width:0;overflow:hidden}.system-list-panel>header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 19px;border-bottom:1px solid #ede6df}.system-list-panel>header h2{margin:3px 0 0;color:#1c2238}.system-list-panel>header>strong{padding:6px 10px;border-radius:99px;background:#f1edf6;color:var(--admin-purple);white-space:nowrap}.system-list{display:grid;padding:8px}.system-row[hidden],.system-detail[hidden]{display:none}.system-row{border-bottom:1px solid #eee8e2}.system-row:last-child{border-bottom:0}.system-row>button{width:100%;min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:10px 11px;border:1.5px solid transparent;border-radius:14px;background:transparent;color:#20253b;text-align:left;cursor:pointer}.system-row>button:hover{background:#faf8fb}.system-row.active>button{border-color:#aa98c7;background:#f3eef8;box-shadow:0 6px 15px rgba(91,70,130,.07)}.system-row__icon,.user-avatar-small{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#eee8f7;color:var(--admin-purple)}.system-row__icon .admin-icon{width:24px;height:24px}.system-row p{min-width:0;display:grid;margin:0}.system-row p strong{overflow:hidden;color:#20253b;font-size:16px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.system-row p small{overflow:hidden;margin-top:5px;color:#7c8193;text-overflow:ellipsis;white-space:nowrap}.system-row>button>b{color:#9a91a6;font-size:19px}.system-row .status-pill{white-space:nowrap}.user-avatar-small{border-radius:50%;background:linear-gradient(145deg,#725be1,#8f74ec);color:#fff;font-size:14px;font-weight:900;letter-spacing:.03em}.audit-row time{max-width:145px;color:#777b8b;font-size:12px;font-weight:800;text-align:right} .system-detail-panel{min-height:340px;position:sticky;top:18px;padding:18px}.system-detail>header{display:flex;align-items:center;gap:13px}.system-detail__icon,.user-avatar-large{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#eee8f7;color:var(--admin-purple);flex:0 0 auto}.system-detail__icon .admin-icon{width:28px;height:28px}.system-detail>header>div{min-width:0}.system-detail>header h2{overflow:hidden;margin:5px 0 2px;color:#1b2036;line-height:1.15;text-overflow:ellipsis}.system-detail>header small{display:block;overflow:hidden;color:#7a7f91;text-overflow:ellipsis}.system-detail__description{margin:17px 0;padding:13px 14px;border-left:3px solid #9b83c1;border-radius:0 11px 11px 0;background:#f8f5fa;color:#676c7e}.system-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.system-detail dl>div{min-width:0;padding:11px;border:1px solid #eae3dc;border-radius:11px;background:#fbfaf8}.system-detail dt{color:#9093a1;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.system-detail dd{overflow:hidden;margin:5px 0 0;color:#24283d;font-weight:900;text-overflow:ellipsis}.system-guidance,.user-access-card,.audit-metadata{display:grid;gap:9px;margin-top:16px;padding:15px;border:1px solid #e7dfd8;border-radius:14px;background:#faf8f5}.system-guidance>strong{font-size:14px}.system-guidance p{display:flex;align-items:center;gap:9px;margin:0;color:#656a7b}.system-guidance p span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eee8f7;color:var(--admin-purple);font-size:11px;font-weight:900}.system-detail>footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.system-detail>footer .btn{padding:0 11px}.system-detail>footer .btn .admin-icon{width:17px;height:17px}.system-danger{grid-column:1/-1;min-height:40px;border:0;background:transparent;color:#a25050;font-weight:900;cursor:pointer}.system-danger:hover{text-decoration:underline}.system-first-empty,.system-empty{display:grid;place-items:center;gap:7px;color:#898591;text-align:center}.system-first-empty{min-height:300px}.system-empty{min-height:180px;padding:24px}.system-empty .admin-icon{width:34px;height:34px;color:#aaa2b0} .system-modal .admin-modal__dialog{width:min(720px,100%)}.system-modal .admin-modal__dialog>header>button,.user-confirm-modal .admin-modal__dialog>header>button{width:44px;height:44px}.system-form{padding:18px 22px 0}.system-form>section{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px;border:1px solid #e8e0d9;border-radius:16px;background:#fbf9f6}.system-form .form-section-title,.system-form label:nth-of-type(3){grid-column:1/-1}.system-form label{display:grid;gap:7px;color:#4f4b57;font-weight:900}.system-form input,.system-form textarea{width:100%;padding:11px 12px;border:1.5px solid #ddd5cd;border-radius:11px;background:#fff;color:#22263b}.system-form input:focus,.system-form textarea:focus{border-color:#8d75b3;box-shadow:0 0 0 3px rgba(128,106,166,.1);outline:0}.system-form input[readonly]{background:#f0ede9;color:#77717b;cursor:not-allowed}.system-form .field-hint{color:#8a8590;font-weight:600}.system-form .form-message{margin:12px 22px 0}.system-form .admin-modal__actions{margin-left:-22px;margin-right:-22px} .user-avatar-large{border-radius:50%;background:linear-gradient(145deg,#725be1,#8f74ec);color:#fff;font-size:18px;font-weight:900;letter-spacing:.035em}.user-access-card .form-section-title{margin-bottom:2px}.user-access-card>label{display:grid;gap:6px;color:#56515d;font-weight:900}.user-access-card select{width:100%;padding:0 12px;border:1.5px solid #dcd4cc;border-radius:11px;background:#fff}.btn--full{width:100%}.user-confirm-modal .admin-modal__dialog{width:min(560px,100%)}.user-confirm-body{display:flex;align-items:center;gap:14px;margin:20px 22px 0;padding:17px;border:1px solid #dfd4eb;border-radius:15px;background:#f5f0fa}.user-confirm-body>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--admin-purple)}.user-confirm-body>span .admin-icon{width:25px;height:25px}.user-confirm-body p{display:grid;margin:0}.user-confirm-body p strong{font-size:16px}.user-confirm-body p small{margin-top:4px;color:#777183}.audit-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px!important}.audit-metadata{max-height:270px;overflow:auto}.audit-metadata>p{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:10px;margin:0;padding:8px 0;border-bottom:1px solid #e9e2dc}.audit-metadata>p:last-child{border-bottom:0}.audit-metadata>p span{color:#7c7f8c;font-size:12px;font-weight:900}.audit-metadata>p strong{overflow-wrap:anywhere;color:#292d40;font-size:12px}.audit-empty-meta{display:block!important;color:#85808d}.audit-retention-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:11px;border-radius:11px;background:#eef8f4;color:#24735e}.audit-retention-note .admin-icon{width:19px;height:19px;flex:0 0 auto} .user-self-note{display:flex;align-items:flex-start;gap:8px;margin:15px 0 0;padding:11px;border-radius:11px;background:#fff6dc;color:#765813}.user-self-note .admin-icon{width:19px;height:19px;flex:0 0 auto}.user-detail :is(button,select):disabled{cursor:not-allowed;opacity:.55} .system-select-filter>span{top:4px;font-size:12px;letter-spacing:.05em}.system-select-filter select,.system-toolbar--users>.btn{min-height:50px}.system-select-filter select{padding-top:19px}.audit-row time{font-size:13px}.audit-code{font-size:13px!important}.audit-metadata>p :is(span,strong){font-size:13px} .category-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 22px 0}.category-impact article{display:grid;place-items:center;gap:4px;padding:14px;border:1px solid #e2d8ec;border-radius:13px;background:#faf7fc;text-align:center}.category-impact strong{color:var(--admin-purple);font-size:24px;line-height:1}.category-impact small{color:#777183;font-weight:800}.category-archive-modal .admin-modal__dialog{width:min(610px,100%)} /* Include system workspaces in the global typography contract. */ .admin-shell .admin-main .system-hero h2{font-size:var(--admin-font-title-lg)}.admin-shell .admin-main .system-hero>div>p{font-size:var(--admin-font-body)}.admin-shell .admin-main .system-row p>strong{font-size:16px}.admin-shell .admin-main .system-row p>small{font-size:var(--admin-font-caption)}.admin-shell .admin-main .system-list-panel>header h2{font-size:var(--admin-font-title-md)}.admin-shell .admin-main .system-list-panel>header>strong{font-size:var(--admin-font-caption)}.admin-shell .admin-main .system-form :is(input,textarea){font-size:var(--admin-font-control)}.admin-shell .admin-main .system-form label{font-size:var(--admin-font-label)} @media(max-width:1180px){.system-hero{align-items:flex-start;flex-direction:column}.system-hero__stats{width:100%;justify-content:flex-start;flex-wrap:wrap}.system-hero__stats article{flex:1}.system-hero__stats>.btn{min-height:58px;flex:1}.system-manager{grid-template-columns:minmax(0,1fr) 330px}} @media(max-width:980px){.system-manager{grid-template-columns:1fr}.system-detail-panel{position:static}.system-toolbar{align-items:stretch;flex-wrap:wrap}.system-toolbar>label:first-child{flex-basis:100%}.system-toolbar--users>.btn{flex:1}.system-select-filter{flex:1}.audit-toolbar .system-select-filter{min-width:150px}} @media(max-width:620px){.system-hero{padding:20px}.system-hero__stats{display:grid;grid-template-columns:1fr 1fr}.system-hero__stats>.btn{grid-column:1/-1}.system-toolbar>div{width:100%;overflow:auto}.system-toolbar>div button{flex:1;white-space:nowrap}.system-select-filter{min-width:calc(50% - 6px)}.system-toolbar--users>.btn{width:100%;flex-basis:100%}.system-row>button{grid-template-columns:auto minmax(0,1fr) auto}.system-row .status-pill,.audit-row time{display:none}.system-detail dl{grid-template-columns:1fr}.system-form>section{grid-template-columns:1fr}.system-form .form-section-title,.system-form label:nth-of-type(3){grid-column:auto}.system-detail>footer{grid-template-columns:1fr}.system-danger{grid-column:auto}.audit-metadata>p{grid-template-columns:1fr}.audit-metadata>p strong{margin-top:-4px}} @media(max-width:520px){.category-impact{grid-template-columns:1fr;margin-inline:18px}.category-impact article{grid-template-columns:auto 1fr;justify-items:start}.category-impact small{margin-left:8px}} /* Lesson basics: do not mix a tall textarea between single-line controls. */ .lesson-basics__form{ grid-template-columns:minmax(0,1fr) minmax(190px,240px); grid-template-areas: "lesson-title lesson-duration" "lesson-summary lesson-summary"; align-items:start; padding-top:16px; } .lesson-basics__form>label:nth-child(1){grid-area:lesson-title} .lesson-basics__form>label:nth-child(2){grid-area:lesson-summary} .lesson-basics__form>label:nth-child(3){grid-area:lesson-duration} .lesson-basics__form textarea{min-height:104px} @media(max-width:760px){ .lesson-basics__form{ grid-template-columns:1fr; grid-template-areas:"lesson-title" "lesson-duration" "lesson-summary"; } } /* Desktop operations contract — dense workspace, independent scrolling, actions always visible. */ @media(min-width:1101px){ .resource-hero{min-height:112px;padding:16px 20px}.resource-hero h2{font-size:30px}.resource-toolbar{margin:9px 0}.resource-manager{height:max(460px,calc(100vh - 290px));grid-template-columns:minmax(520px,1fr) minmax(390px,42%);align-items:stretch} .resource-list-panel,.resource-detail-panel{height:100%;min-height:0;overflow:hidden} .resource-list-panel{display:flex;flex-direction:column;padding:0} .resource-list-panel>header{flex:0 0 auto;padding:14px 16px;border-bottom:1px solid #ede6df} .resource-list{min-height:0;overflow:auto;padding:7px 9px} .resource-detail-panel{position:static;padding:0} .resource-detail{height:100%;overflow:auto} .resource-row>button{min-height:68px;padding:7px 9px}.resource-row__icon{width:43px;height:43px}.resource-row__icon .admin-icon{width:22px;height:22px} .system-manager{height:max(470px,calc(100vh - 325px));align-items:stretch}.system-list-panel,.system-detail-panel{height:100%;min-height:0;overflow:hidden}.system-list-panel{display:flex;flex-direction:column}.system-list{min-height:0;overflow:auto}.system-detail-panel{position:static;overflow:auto}.system-detail>footer{position:sticky;z-index:2;bottom:-18px;margin:16px -18px -18px;padding:12px 18px 16px;border-top:1px solid #e8e1da;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)} .question-bank-layout{height:max(470px,calc(100vh - 400px));align-items:stretch}.question-list-panel,.question-side-panel{height:100%;min-height:0;overflow:hidden}.question-list-panel{display:flex;flex-direction:column;padding:0}.question-list-panel>header{flex:0 0 auto;padding:14px 16px;border-bottom:1px solid #ede6df}.question-list{min-height:0;overflow:auto;padding:7px 9px}.question-side-panel{position:static;overflow:auto}.question-preview-actions{position:sticky;z-index:2;bottom:-17px;margin:10px -17px -17px;padding:11px 17px 17px;border-top:1px solid #e8e1da;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)} } .resource-detail__head{position:sticky!important;z-index:3;top:0;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;padding:15px 16px;border-bottom:1px solid #ece5de;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)} .resource-detail__title{min-width:0}.resource-detail__title h2{overflow:hidden;margin:5px 0 2px!important;font-size:20px!important;text-overflow:ellipsis;white-space:nowrap}.resource-detail__title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .resource-detail__actions{display:flex;align-items:center;gap:7px}.resource-detail__actions>.btn{min-height:40px!important;padding:0 11px!important;font-size:12px!important;white-space:nowrap}.resource-detail__actions>.btn .admin-icon{width:16px;height:16px}.resource-detail__actions details{position:relative}.resource-detail__actions summary{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ddd5cd;border-radius:10px;background:#faf8f5;color:#5f5863;font-size:18px;font-weight:900;cursor:pointer;list-style:none}.resource-detail__actions summary::-webkit-details-marker{display:none}.resource-detail__actions details>div{width:205px;position:absolute;z-index:5;right:0;top:46px;display:grid;padding:6px;border:1px solid #ded6cf;border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(40,31,48,.16)}.resource-detail__actions details button{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#504a55;font-weight:800;text-align:left;cursor:pointer}.resource-detail__actions details button:hover{background:#f5f1f7}.resource-detail__actions details button.danger{color:#ae443e}.resource-detail__actions details .admin-icon{width:17px;height:17px}.resource-detail__body{padding:0 16px 16px} /* Exam create/edit workbench. It deliberately uses almost the whole desktop viewport. */ .resource-create-modal--exam,.resource-edit-modal--exam{padding:10px} .resource-create-modal--exam .admin-modal__dialog,.resource-edit-modal--exam .admin-modal__dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:17px} .resource-create-modal--exam .admin-modal__dialog>header,.resource-edit-modal--exam .admin-modal__dialog>header{position:relative;padding:12px 18px 10px}.resource-create-modal--exam .admin-modal__dialog>header h2,.resource-edit-modal--exam .admin-modal__dialog>header h2{font-size:24px}.resource-create-modal--exam .admin-modal__dialog>header p,.resource-edit-modal--exam .admin-modal__dialog>header p{font-size:12px} .exam-resource-form{min-height:0;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;padding:8px 10px 0;overflow:hidden} .exam-resource-form>.resource-form-section{gap:8px;padding:10px 12px;border-radius:12px}.exam-resource-form>.resource-form-section .form-section-title{padding-bottom:7px}.exam-resource-form>.resource-form-section .form-section-title>span{width:32px;height:32px}.exam-resource-form>.resource-form-section .form-section-title strong{font-size:14px}.exam-resource-form>.resource-form-section .form-section-title small{font-size:10px}.exam-resource-form>.resource-form-section>label,.exam-resource-form>.resource-form-section .admin-form-row{gap:5px}.exam-resource-form>.resource-form-section textarea{min-height:72px}.exam-resource-form :is(input:not([type="checkbox"]):not([type="radio"]),select:not([multiple])){height:40px!important;min-height:40px!important;max-height:40px!important}.exam-resource-form>.form-message{grid-column:1/-1;margin:0!important}.exam-resource-form>.admin-modal__actions{grid-column:1/-1;position:relative;bottom:auto;margin:0 -10px;padding:9px 12px}.exam-resource-form>.admin-modal__actions .btn{min-height:40px}.exam-save-hint{display:flex;align-items:center;gap:7px;margin-right:auto;color:#66746f;font-size:12px;font-weight:800}.exam-save-hint .admin-icon{width:17px;height:17px;color:#08765f} .exam-question-workspace{min-height:0;position:relative;grid-column:1/-1;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #ddd5e7;border-radius:13px;background:#fff}.exam-question-workspace.is-invalid-group{border-color:#cf5147;box-shadow:0 0 0 3px rgba(207,81,71,.1)}.exam-question-workspace>header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border-bottom:1px solid #e8e1da}.exam-question-workspace>header .form-section-title{padding:0;border:0}.exam-question-workspace>header .form-section-title>span{width:34px;height:34px}.exam-question-workspace>header .form-section-title strong{font-size:15px}.exam-question-workspace>header .form-section-title small{font-size:10px}.exam-picker-total{padding:6px 10px;border-radius:99px;background:#eee8f6;color:#62508b;font-size:12px;font-weight:800;white-space:nowrap}.exam-picker-total strong{font-size:17px}.exam-picker-error{position:absolute;z-index:4;right:11px;top:55px;margin:0;padding:7px 10px;border-radius:8px;background:#b83c34;color:#fff;font-size:11px;font-weight:900;box-shadow:0 6px 16px rgba(120,35,30,.18)} .exam-question-picker{min-height:0;display:grid;grid-template-columns:205px minmax(420px,1fr) 285px}.exam-picker-filters,.exam-picker-selection{min-height:0;padding:10px;background:#faf8f5}.exam-picker-filters{display:grid;align-content:start;gap:8px;border-right:1px solid #e9e2db}.exam-picker-filters>strong{font-size:12px}.exam-picker-filters>label{gap:4px!important;font-size:11px!important}.exam-picker-filters select{padding-inline:9px!important}.exam-picker-search{height:40px!important;display:grid!important;grid-template-columns:auto 1fr;align-items:center;padding:0 9px;border:1.5px solid #ddd5cd;border-radius:9px;background:#fff}.exam-picker-search .admin-icon{width:17px;height:17px;color:#8b8490}.exam-picker-search input{height:36px!important;min-height:36px!important;padding:0!important;border:0!important;box-shadow:none!important}.exam-picker-random{display:grid;gap:5px;margin-top:3px;padding-top:9px;border-top:1px solid #e7e0d9}.exam-picker-random>strong{font-size:11px}.exam-picker-random>label{display:grid!important;grid-template-columns:55px 1fr;gap:5px!important}.exam-picker-random input{padding:0 7px!important}.exam-picker-random button,.exam-picker-results header button,.exam-picker-selection header button{min-height:38px;border:0;border-radius:8px;background:#eee8f6;color:#604b91;font-size:11px;font-weight:900;cursor:pointer} .exam-picker-results{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.exam-picker-results>header{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 9px;border-bottom:1px solid #eee7e0}.exam-picker-results>header span{font-size:12px}.exam-picker-results>header span strong{color:#604b91;font-size:17px}.exam-picker-results>header>div{display:flex;gap:5px}.exam-picker-results header button{min-height:34px;padding:0 9px}.exam-picker-results header button:last-child{background:#f2eee9;color:#766f78}.exam-picker-list{min-height:0;overflow:auto;padding:5px 7px}.exam-question-row[hidden]{display:none}.exam-question-row{min-height:54px!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr);align-items:center!important;gap:8px!important;padding:6px 7px;border:1.5px solid transparent;border-bottom-color:#eee8e2;border-radius:9px;cursor:pointer}.exam-question-row:hover{background:#faf8fc}.exam-question-row:has(input:checked){border-color:#9a84bd;background:#f3eef8}.exam-question-row input{width:18px!important;height:18px!important;min-height:18px!important}.exam-question-row>span{width:34px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eee8f6;color:#604b91;font-size:10px;font-weight:900}.exam-question-row p{min-width:0;display:grid;margin:0}.exam-question-row p strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.exam-question-row p small{overflow:hidden;margin-top:3px;color:#89838d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.exam-picker-empty{padding:18px;color:#89838d;text-align:center} .exam-picker-selection{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;border-left:1px solid #e9e2db;background:#f6f2f9}.exam-picker-selection>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.exam-picker-selection>header>div{display:grid}.exam-picker-selection>header small{color:#8c8490;font-size:9px;font-weight:900;letter-spacing:.08em}.exam-picker-selection>header strong{margin-top:2px;font-size:13px}.exam-picker-selection>header strong b{color:#604b91;font-size:19px}.exam-picker-selection>header button{min-height:32px;padding:0 8px;background:#fff;color:#a04a45}.exam-picker-selection dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.exam-picker-selection dl>div{display:grid;place-items:center;padding:7px 3px;border-radius:8px;background:#fff}.exam-picker-selection dt{color:#604b91;font-size:16px;font-weight:900}.exam-picker-selection dd{margin:2px 0 0;color:#85808a;font-size:9px}.exam-selected-list{min-height:0;display:grid;align-content:start;gap:4px;overflow:auto}.exam-selected-list>p{margin:14px 0;color:#918a94;font-size:11px;text-align:center}.exam-selected-list>button{min-height:39px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;border:1px solid #e2dae9;border-radius:8px;background:#fff;color:#3d3943;text-align:left;cursor:pointer}.exam-selected-list>button span{color:#7c6aa1;font-size:9px;font-weight:900}.exam-selected-list>button strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.exam-selected-list>button b{color:#a04a45;font-size:16px} @media(max-width:1250px){.exam-question-picker{grid-template-columns:180px minmax(360px,1fr) 240px}.resource-detail__actions>.btn:first-child{font-size:0!important}.resource-detail__actions>.btn:first-child .admin-icon{margin:0}} /* Exam picker controls must shrink inside the narrow filter column. */ .exam-picker-search{width:100%;min-width:0;grid-template-columns:18px minmax(0,1fr)!important;gap:7px!important;overflow:hidden;box-sizing:border-box} .exam-picker-search input{width:100%!important;min-width:0!important;max-width:100%!important;background:transparent!important;text-overflow:ellipsis} .exam-picker-random>label{min-width:0;grid-template-columns:55px minmax(0,1fr)!important} .exam-picker-random input,.exam-picker-random button{width:100%!important;min-width:0!important;box-sizing:border-box} /* Vertical allocation: exam configuration stays compact; question building is the primary workspace. */ .exam-resource-form{grid-template-rows:minmax(220px,245px) minmax(360px,1fr) auto auto} .exam-resource-form>.resource-form-section{height:100%;min-height:0;overflow:auto;box-sizing:border-box} .exam-resource-form textarea[name="internalNote"]{height:42px!important;min-height:42px!important;max-height:42px!important;resize:none} .exam-resource-form textarea[name="internalNote"]+.field-hint{display:none} .exam-resource-form .exam-question-workspace{height:100%;min-height:360px} @media(max-height:820px){ .exam-resource-form{grid-template-rows:minmax(190px,210px) minmax(290px,1fr) auto auto} .exam-resource-form>.resource-form-section{gap:6px;padding:8px 10px} .exam-resource-form>.resource-form-section .form-section-title small{display:none} .exam-resource-form .exam-question-workspace{min-height:290px} } /* One compact hero contract for every admin index screen. Metrics belong in the hero, never in a second overview row. */ .admin-topbar{min-height:68px;margin-bottom:12px;padding-block:9px} .admin-topbar h1{font-size:25px;margin-top:1px} .admin-compact-hero{min-height:118px!important;margin-bottom:12px;padding:16px 20px!important;gap:20px!important} .admin-compact-hero h2{margin:3px 0 5px!important;font-size:clamp(27px,2.2vw,34px)!important} .admin-compact-hero>div:first-child{min-width:0;max-width:680px} .admin-compact-hero>div:first-child>p{font-size:14px!important;line-height:1.4} .admin-hero-metrics{min-width:0!important;display:flex!important;align-items:stretch!important;justify-content:flex-end;gap:8px!important} .admin-hero-metrics>article,.admin-hero-metrics>span{min-width:86px!important;display:grid!important;align-content:center;padding:9px 11px!important;border:1px solid rgba(112,94,144,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.84)!important} .admin-hero-metrics strong{font-size:24px!important;line-height:1!important;color:var(--admin-purple)!important} .admin-hero-metrics small{margin-top:5px!important;color:#7f8291!important;font-size:11px!important;font-weight:800;line-height:1.2!important;white-space:nowrap} .admin-hero-metrics>.btn{min-height:46px!important;align-self:stretch;margin:0!important;padding-inline:18px!important;white-space:nowrap} .studio-hero__meta .btn{grid-column:auto} .studio-toolbar,.question-toolbar,.resource-toolbar,.system-toolbar{margin-top:10px!important} @media(min-width:1101px){ .question-bank-layout{height:max(510px,calc(100vh - 315px))} } @media(max-width:1180px){ .admin-compact-hero{align-items:flex-start!important;flex-direction:column!important} .admin-hero-metrics{width:100%!important;justify-content:flex-start;flex-wrap:wrap} .admin-hero-metrics>article,.admin-hero-metrics>span{flex:1} .admin-hero-metrics>.btn{margin-left:auto!important} } @media(max-width:700px){ .admin-hero-metrics{display:grid!important;grid-template-columns:1fr 1fr} .admin-hero-metrics>.btn{grid-column:1/-1;width:100%;margin:0!important} } /* Shared master-detail action contract: primary actions stay visible in the detail header on every module. */ .admin-detail-head{isolation:isolate} .question-preview-head.admin-detail-head,.system-detail>header.admin-detail-head{z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #ece5de;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)} .question-preview-head.admin-detail-head{position:sticky;top:-17px;margin:-17px -17px 14px;padding:14px 17px} .system-detail>header.admin-detail-head{position:sticky;top:-18px;margin:-18px -18px 16px;padding:14px 18px} .admin-detail-head>div:nth-child(2){min-width:0} .admin-detail-head>div:nth-child(2) h2,.admin-detail-head>div:nth-child(2) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .admin-detail-actions{justify-self:end} .question-preview-head .admin-detail-actions>.btn:first-child,.user-detail .admin-detail-actions>.btn:first-child{font-size:12px!important} .user-access-card{margin-top:12px} @media(min-width:1101px){ .system-manager{grid-template-columns:minmax(520px,1fr) minmax(430px,42%)} } @media(max-width:1250px){ .admin-detail-actions{gap:5px} .admin-detail-actions>.btn{padding-inline:9px!important} } @media(max-width:980px){ .question-preview-head.admin-detail-head,.system-detail>header.admin-detail-head{position:static;margin:-17px -17px 14px} } /* Exam editor uses two real workspaces: configuration first, question selection second. */ .exam-resource-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto} .exam-form-tabs{grid-column:1/-1;grid-row:1;display:flex;align-items:stretch;gap:6px;padding:0 2px;border-bottom:1px solid #e6ded7} .exam-form-tabs button{min-width:240px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:8px 14px 9px;border:0;border-bottom:3px solid transparent;background:transparent;color:#77717d;text-align:left;cursor:pointer} .exam-form-tabs button>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eee9e3;color:#77717d;font-size:12px;font-weight:900} .exam-form-tabs button>b{font-size:14px}.exam-form-tabs button>small{margin-top:2px;font-size:10px!important;font-weight:700} .exam-form-tabs button:hover{background:#faf7fc;color:#554476}.exam-form-tabs button.active{border-bottom-color:#6955a0;background:#f6f1fa;color:#554476}.exam-form-tabs button.active>span{background:#6955a0;color:#fff} .exam-tab-panel{min-width:0;min-height:0;grid-column:1/-1;grid-row:2} .exam-tab-panel[hidden]{display:none!important} .exam-info-tab:not(.exam-edit-schedule){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-content:start;overflow:auto;padding:4px 2px} .exam-info-tab>.resource-form-section{height:auto;min-height:0;gap:10px;padding:14px 16px} .resource-edit-form.exam-resource-form>.resource-form-section:first-of-type{grid-column:1;grid-row:2;height:auto;align-self:start;margin:4px 3px 0 2px;padding:14px 16px} .exam-edit-schedule{display:contents}.exam-edit-schedule[hidden]{display:none!important}.exam-edit-schedule>.resource-form-section{grid-column:2;grid-row:2;height:auto;align-self:start;margin:4px 2px 0 3px;padding:14px 16px} .resource-edit-form.exam-resource-form[data-exam-active-tab="questions"]>.resource-form-section:first-of-type{display:none} .exam-questions-tab{height:100%;overflow:hidden;padding:4px 2px} .exam-questions-tab .exam-question-workspace{height:100%;min-height:0} .exam-resource-form>.form-message{grid-row:3}.exam-resource-form>.admin-modal__actions{grid-row:4} @media(max-width:900px){ .exam-form-tabs button{min-width:0;flex:1} .exam-info-tab:not(.exam-edit-schedule){grid-template-columns:1fr} .resource-edit-form.exam-resource-form>.resource-form-section:first-of-type,.exam-edit-schedule>.resource-form-section{grid-column:1/-1} .resource-edit-form.exam-resource-form>.resource-form-section:first-of-type{grid-row:2} .exam-edit-schedule>.resource-form-section{grid-row:3} .exam-resource-form>.form-message{grid-row:4}.exam-resource-form>.admin-modal__actions{grid-row:5} } /* Question CSV import: template, validation summary and preview before committing to the API. */ .question-import-modal .admin-modal__dialog{width:min(1120px,calc(100vw - 32px));overflow:hidden} .question-import-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;padding:16px 20px 0} .question-import-guide{display:grid;align-content:start;gap:10px;padding:17px;border:1px solid #e2d9eb;border-radius:16px;background:linear-gradient(150deg,#f6f1fa,#fff)} .question-import-guide>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eee8f6;color:var(--admin-purple)}.question-import-guide>span .admin-icon{width:25px;height:25px}.question-import-guide h3{margin:2px 0 0;font-size:19px}.question-import-guide ol{display:grid;gap:9px;margin:4px 0 7px;padding:0;list-style:none}.question-import-guide li{display:flex;align-items:center;gap:9px;color:#626778;font-size:13px;font-weight:800}.question-import-guide li b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--admin-purple)}.question-import-guide>small{color:#85808e;font-size:11px!important;line-height:1.45} .question-import-workspace{min-width:0;display:grid;align-content:start;gap:10px}.question-import-drop{min-height:116px;display:grid!important;place-items:center;align-content:center;gap:5px;padding:14px;border:1.5px dashed #a995c8;border-radius:15px;background:#fbf9fd;color:#615172;text-align:center;cursor:pointer}.question-import-drop:hover{background:#f5f0fa}.question-import-drop>.admin-icon{width:29px;height:29px}.question-import-drop>small{color:#89828d;font-size:11px!important}.question-import-drop input{width:min(430px,100%);min-height:38px;margin-top:5px;padding:6px;border:1px solid #ddd5cd;border-radius:9px;background:#fff;font-size:12px} .question-import-status{min-height:35px;display:flex;align-items:center;padding:7px 10px;border-radius:10px;background:#f2eee9;color:#6f6973}.question-import-status p{margin:0;font-size:12px}.question-import-status .has-error{color:#b64038;font-weight:900} .question-import-preview{min-height:0;border:1px solid #e4ddd6;border-radius:14px;overflow:hidden;background:#fff}.question-import-preview>header{display:flex;gap:8px;padding:9px;border-bottom:1px solid #ebe4dd;background:#faf8f5}.question-import-preview>header>div{min-width:125px;display:grid;padding:8px 10px;border-radius:10px;background:#e5f7f0}.question-import-preview>header>div.has-error{background:#fff0ee}.question-import-preview>header strong{color:#08765f;font-size:21px;line-height:1}.question-import-preview>header .has-error strong{color:#bd453e}.question-import-preview>header small{margin-top:4px;font-size:10px!important;font-weight:800} .question-import-table{max-height:255px;overflow:auto}.question-import-table table{width:100%;border-collapse:collapse;table-layout:fixed}.question-import-table th,.question-import-table td{padding:9px 10px;border-bottom:1px solid #eee8e1;text-align:left;font-size:11px}.question-import-table th{position:sticky;z-index:1;top:0;background:#f7f4ef;color:#77717b;font-size:10px;text-transform:uppercase}.question-import-table th:nth-child(1){width:52px}.question-import-table th:nth-child(2){width:90px}.question-import-table th:nth-child(4){width:58px}.question-import-table th:nth-child(5){width:85px}.question-import-table td:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-import-table tr.is-valid td:last-child{color:#08765f;font-weight:900}.question-import-table tr.is-error td:last-child{color:#bd453e;font-weight:900} .question-import-errors{max-height:108px;overflow:auto;margin:0;padding:10px 13px 10px 30px;border-top:1px solid #efcbc7;background:#fff6f5;color:#a63d36}.question-import-errors li{margin:4px 0;font-size:11px;font-weight:800}.question-import-modal .admin-modal__actions{margin:16px 0 0}.question-import-modal [data-question-import-confirm]:disabled{cursor:not-allowed;opacity:.45} .question-hero__stats>.btn:first-of-type{margin-left:auto!important}.question-hero__stats>.btn:last-of-type{margin-left:0!important} @media(max-width:820px){.question-import-layout{grid-template-columns:1fr}.question-import-guide{grid-template-columns:auto 1fr}.question-import-guide>span{grid-row:1/3}.question-import-guide ol,.question-import-guide .btn,.question-import-guide>small{grid-column:1/-1}} /* Content Studio course library: compact list is the desktop default; cards remain available. */ .studio-toolbar-actions{display:flex!important;align-items:center;gap:8px;padding:0!important;background:transparent!important;border-radius:0!important} .studio-grade-filter{min-height:46px;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid #e2dad2;border-radius:11px;background:#fff;color:#77717b;font-size:12px;font-weight:900;white-space:nowrap} .studio-grade-filter select:not([multiple]){width:140px;min-height:36px!important;padding-top:6px!important;padding-bottom:6px!important;padding-left:10px!important;border:0!important;border-radius:8px!important;background-color:#f1edf7!important;color:var(--admin-purple);font-size:12px!important;font-weight:900;box-shadow:none!important} .studio-filter-tabs,.studio-view-switch{display:flex;align-items:center;padding:4px;border-radius:11px;background:#ede8e2} .studio-toolbar-actions .studio-filter-tabs button{min-height:38px;padding:7px 11px;border:0;border-radius:8px;background:transparent;color:#747080;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer} .studio-toolbar-actions .studio-filter-tabs button.active{background:#fff;color:var(--admin-purple);box-shadow:0 4px 12px rgba(55,42,35,.08)} .studio-view-switch{gap:2px;background:#eee9f3} .studio-toolbar-actions .studio-view-switch button{width:38px;height:38px;min-height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#8d8593;cursor:pointer} .studio-toolbar-actions .studio-view-switch button.active{background:#fff;color:var(--admin-purple);box-shadow:0 4px 12px rgba(55,42,35,.09)} .studio-view-switch .admin-icon{width:19px;height:19px} .studio-library .studio-course-grid.view-list{display:grid!important;grid-template-columns:1fr!important;gap:7px} .studio-course-grid.view-list .studio-course-card{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:112px;border-radius:14px;box-shadow:0 3px 12px rgba(54,43,35,.035);overflow:hidden} .studio-course-grid.view-list .studio-course-card:hover{transform:none;border-color:#cfc2dd;box-shadow:0 7px 18px rgba(54,43,35,.065)} .studio-course-grid.view-list .studio-course-card__cover{height:100%;min-height:112px;padding:11px 9px} .studio-course-grid.view-list .studio-course-card__cover>span{display:block;font-size:10px;line-height:1.25;letter-spacing:.04em;overflow-wrap:normal;word-break:normal} .studio-course-grid.view-list .studio-course-card__cover>b{right:15px;bottom:15px;width:47px;height:47px;border-radius:14px;font-size:22px;box-shadow:7px 7px 0 rgba(255,255,255,.12)} .studio-course-grid.view-list .studio-course-card__cover>i{display:none} .studio-course-grid.view-list .studio-course-card__body{min-width:0;display:grid;grid-template-columns:minmax(205px,1.35fr) minmax(210px,1fr) 220px 136px;grid-template-rows:auto auto;grid-template-areas:"meta description stats action" "title description stats action";align-items:center;column-gap:15px;row-gap:4px;padding:11px 12px 11px 15px} .studio-course-grid.view-list .studio-course-card__body>div:first-child{grid-area:meta;justify-content:flex-start;gap:9px;min-width:0} .studio-course-grid.view-list .studio-course-card__body>div:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px} .studio-course-grid.view-list .studio-course-card h3{grid-area:title;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.35} .studio-course-grid.view-list .studio-course-card p{grid-area:description;height:auto;max-height:43px;margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.45} .studio-course-grid.view-list .studio-course-card dl{grid-area:stats;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;border:0} .studio-course-grid.view-list .studio-course-card dl div{min-width:0;place-items:center;padding:8px 4px;border-radius:9px;background:#f7f4f9;text-align:center} .studio-course-grid.view-list .studio-course-card dt{font-size:16px;line-height:1} .studio-course-grid.view-list .studio-course-card dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px} .studio-course-action-label{font-size:inherit!important}.studio-course-action-icon{font-size:20px!important} .studio-course-grid.view-list .studio-course-card__body>a{grid-area:action;width:136px;height:42px;min-width:136px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:0 12px;border-radius:10px;background:#eee8f6;font-size:13px!important;line-height:1;color:var(--admin-purple);white-space:nowrap} .studio-course-grid.view-list .studio-course-action-label{display:inline;font-size:13px!important;line-height:1;white-space:nowrap} .studio-course-grid.view-list .studio-course-action-icon{display:inline-block;width:16px;line-height:1;text-align:center} @media(max-width:1380px){ .studio-course-grid.view-list .studio-course-card__body{grid-template-columns:minmax(200px,1fr) 205px 136px;grid-template-areas:"meta stats action" "title stats action"} .studio-course-grid.view-list .studio-course-card p{display:none} } @media(max-width:900px){ .studio-toolbar-actions{width:100%;justify-content:space-between;overflow:visible!important} .studio-grade-filter{flex:0 0 auto} .studio-filter-tabs{min-width:0;overflow:auto} .studio-course-grid.view-list .studio-course-card{grid-template-columns:78px minmax(0,1fr)} .studio-course-grid.view-list .studio-course-card__body{grid-template-columns:minmax(0,1fr) 126px;grid-template-rows:auto auto auto;grid-template-areas:"meta action" "title action" "stats stats";padding:9px 10px 9px 12px} .studio-course-grid.view-list .studio-course-card__body>a{width:126px;min-width:126px;padding-inline:9px} .studio-course-grid.view-list .studio-course-card dl{margin-top:4px} } @media(max-width:560px){ .studio-toolbar-actions{align-items:stretch;flex-direction:column} .studio-grade-filter{width:100%;justify-content:space-between} .studio-grade-filter select:not([multiple]){width:min(180px,60%)} .studio-view-switch{align-self:flex-end} .studio-course-grid.view-list .studio-course-card{grid-template-columns:66px minmax(0,1fr)} .studio-course-grid.view-list .studio-course-card__cover>b{right:10px;bottom:14px;width:38px;height:38px;font-size:18px} .studio-course-grid.view-list .studio-course-card dl{grid-template-columns:repeat(3,minmax(0,1fr))} .studio-course-grid.view-list .studio-course-card__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"meta" "title" "stats" "action"} .studio-course-grid.view-list .studio-course-card__body>a{width:100%;min-width:0;margin-top:3px} } /* PDF is the primary lesson source. YouTube and the block editor are optional. */ .lesson-pdf-editor{margin:0 0 12px;overflow:hidden;border:1px solid #d8d1f7;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(77,61,146,.05)} .lesson-pdf-editor>header{min-height:74px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(100deg,#f7f4ff,#fff 62%,#effaf6)} .lesson-pdf-editor>header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#6755e8;color:#fff;box-shadow:0 8px 18px rgba(103,85,232,.2)}.lesson-pdf-editor>header>span .admin-icon{width:23px;height:23px} .lesson-pdf-editor>header>div{min-width:0;display:grid}.lesson-pdf-editor>header small{color:#6553dc;font-size:10px!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lesson-pdf-editor>header strong{margin-top:2px;font-size:16px}.lesson-pdf-editor>header p{margin:2px 0 0;color:#817b88;font-size:12px!important}.lesson-pdf-editor>header>b{padding:7px 10px;border-radius:999px;background:#e7f8f2;color:#08775f;font-size:10px;white-space:nowrap} .lesson-pdf-editor__body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:14px 16px 16px;border-top:1px solid #ece5de;background:#fcfaf7} .lesson-pdf-fields{min-width:0;display:grid;align-content:start;gap:11px}.lesson-pdf-drop{min-height:92px;position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px!important;padding:13px 14px;border:1.5px dashed #bdb3e9;border-radius:12px;background:#f8f6ff;color:#6553dc;cursor:pointer}.lesson-pdf-drop:after{content:'Chọn PDF';min-height:36px;display:grid;place-items:center;padding:0 12px;border-radius:9px;background:#6755e8;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}.lesson-pdf-drop:hover{border-color:#6755e8;background:#f3f0ff}.lesson-pdf-drop>.admin-icon{width:30px;height:30px}.lesson-pdf-drop>span{min-width:0;display:grid}.lesson-pdf-drop strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#312a46;font-size:13px}.lesson-pdf-drop small{margin-top:3px;color:#85808a;font-size:10px!important}.lesson-pdf-drop input{position:absolute;width:1px!important;height:1px;overflow:hidden;opacity:0;pointer-events:none} .permission-switch{min-height:58px;display:grid!important;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:11px!important;padding:9px 11px;border:1px solid #e4ddd5;border-radius:11px;background:#fff;cursor:pointer}.permission-switch>input{position:absolute;opacity:0;pointer-events:none}.permission-switch>span{width:43px;height:24px;position:relative;border-radius:999px;background:#d8d1ca}.permission-switch>span b{width:18px;height:18px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(42,33,49,.22);transition:.2s}.permission-switch>input:checked+span{background:#159979}.permission-switch>input:checked+span b{transform:translateX(19px)}.permission-switch>p{display:grid;margin:0}.permission-switch strong{font-size:12px}.permission-switch small{margin-top:2px;color:#89838c;font-size:10px!important;font-weight:700} .lesson-pdf-remove{justify-self:start;min-height:38px;padding:0 12px;border:1px solid #f0c8c3;border-radius:9px;background:#fff6f5;color:#b64038;font-size:11px;font-weight:900;cursor:pointer}.lesson-pdf-remove:hover{background:#ffeceb} .lesson-pdf-preview{min-width:0;height:310px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid #ddd5ea;border-radius:12px;background:#eeeae5}.lesson-pdf-preview>iframe{width:100%;height:100%;min-height:0;display:block;border:0;background:#fff}.lesson-pdf-preview__toolbar{min-width:0;display:flex;align-items:center;gap:8px;padding:8px 9px;border-bottom:1px solid #ddd5ea;background:#fff}.lesson-pdf-preview__toolbar>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#655d6e;font-size:10px;font-weight:800}.lesson-pdf-preview__toolbar>small{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#e7f8f2;color:#08775f;font-size:9px!important;font-weight:900}.lesson-pdf-preview__toolbar>button{flex:0 0 auto;min-height:30px;padding:0 9px;border:0;border-radius:8px;background:#eee8f7;color:#5e49d8;font-size:10px;font-weight:900;cursor:pointer}.lesson-pdf-preview__toolbar>button:hover{background:#6755e8;color:#fff}.lesson-pdf-placeholder{height:100%;grid-row:1/-1;display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(145deg,#f1edfa,#fff);color:#766c88;text-align:center}.lesson-pdf-placeholder>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#6755e8;color:#fff}.lesson-pdf-placeholder .admin-icon{width:27px;height:27px}.lesson-pdf-placeholder small{font-size:10px!important} /* Keep long PDF names and their upload state readable without crowding the action. */ .lesson-pdf-preview__toolbar>span{display:grid;gap:2px;white-space:normal} .lesson-pdf-preview__toolbar>span>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lesson-pdf-preview__toolbar>span>small{color:#8a8390;font-size:9px!important;font-weight:800} .lesson-advanced-editor{margin-top:12px;border:1px solid var(--admin-line);border-radius:14px;background:#fff}.lesson-advanced-editor>summary{min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 14px;cursor:pointer;list-style:none}.lesson-advanced-editor>summary::-webkit-details-marker{display:none}.lesson-advanced-editor>summary>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eee8f6;color:var(--admin-purple)}.lesson-advanced-editor>summary>span .admin-icon{width:22px;height:22px}.lesson-advanced-editor>summary>div{min-width:0;display:grid}.lesson-advanced-editor>summary strong{font-size:15px}.lesson-advanced-editor>summary strong em{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#eee8f7;color:#6755e8;font-size:9px;font-style:normal;font-weight:900;vertical-align:middle}.lesson-advanced-editor>summary small{margin-top:2px;color:#88818c;font-size:10px!important}.lesson-advanced-editor>summary>b{color:#6654d8;font-size:11px;white-space:nowrap}.lesson-advanced-editor[open]>summary{border-bottom:1px solid #ece5de;background:#fcfaf7}.lesson-advanced-editor>.lesson-workbench{padding:14px} .lesson-pdf-fullscreen{z-index:1200;padding:10px}.lesson-pdf-fullscreen__dialog{position:relative;width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:none!important;display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(24,18,39,.32)}.lesson-pdf-fullscreen__dialog>header{min-width:0;min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 16px;border-bottom:1px solid #e7e0d9}.lesson-pdf-fullscreen__dialog>header>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#6755e8;color:#fff}.lesson-pdf-fullscreen__dialog>header>span .admin-icon{width:21px;height:21px}.lesson-pdf-fullscreen__dialog>header>div{min-width:0;display:grid}.lesson-pdf-fullscreen__dialog>header small{color:#8a838d;font-size:9px!important;font-weight:900;text-transform:uppercase}.lesson-pdf-fullscreen__dialog>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.lesson-pdf-fullscreen__dialog>header>.admin-modal__close{width:auto;height:40px;display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 13px;flex:0 0 auto;border:1px solid #ddd5cd;border-radius:10px;background:#fff;color:#514b57;font-size:11px;font-weight:900;cursor:pointer}.lesson-pdf-fullscreen__dialog>header>.admin-modal__close:hover{border-color:#6755e8;background:#eee8f7;color:#5e49d8}.lesson-pdf-fullscreen__dialog>header>.admin-modal__close b{font:inherit}.lesson-pdf-fullscreen__dialog>header>.admin-modal__close i{font-size:20px;font-style:normal;line-height:1}.lesson-pdf-fullscreen__viewer{min-width:0;min-height:0;position:relative;overflow:hidden;background:#e9e6e1}.lesson-pdf-fullscreen__viewer>iframe{width:100%;height:100%;position:absolute;inset:0;display:block;border:0;background:#e9e6e1} .preview-pdf-file{min-height:170px;display:grid;place-items:center;align-content:center;gap:6px;padding:20px;border:1px dashed #bdb3e9;border-radius:12px;background:linear-gradient(145deg,#f3efff,#fff);text-align:center}.preview-pdf-file>.admin-icon{width:34px;height:34px;color:#6553dc}.preview-pdf-file small{color:#847d8b;font-size:10px!important} /* Optional YouTube lesson source: complements the PDF, never gates learning. */ .lesson-video-editor{margin:0 0 12px;overflow:hidden;border:1px solid var(--admin-line);border-radius:14px;background:#fff} .lesson-video-editor>header{min-height:74px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px} .lesson-video-editor>header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eee8f6;color:var(--admin-purple)}.lesson-video-editor>header>span .admin-icon{width:23px;height:23px} .lesson-video-editor>header>div{min-width:0;display:grid}.lesson-video-editor>header small{color:var(--admin-purple);font-size:10px!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lesson-video-editor>header strong{margin-top:2px;font-size:16px}.lesson-video-editor>header p{margin:2px 0 0;color:#817b88;font-size:12px!important} .admin-switch{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer}.admin-switch input{position:absolute;opacity:0;pointer-events:none}.admin-switch>span{width:43px;height:24px;position:relative;border-radius:999px;background:#d8d1ca;transition:.2s}.admin-switch>span:after{content:"";width:18px;height:18px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(42,33,49,.22);transition:.2s}.admin-switch input:checked+span{background:#6755e8}.admin-switch input:checked+span:after{transform:translateX(19px)}.admin-switch>b{min-width:64px;color:#69636e;font-size:11px;white-space:nowrap} .lesson-video-editor__body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;padding:14px 16px 16px;border-top:1px solid #ece5de;background:#fcfaf7}.lesson-video-editor__body[hidden]{display:none} .lesson-video-fields{display:grid;align-content:start;gap:10px}.lesson-video-fields label{display:grid;gap:6px;color:#4d4752;font-size:12px;font-weight:900}.lesson-video-fields label>small{color:#85808a;font-size:10px!important;font-weight:700}.lesson-video-fields label>small.is-error{color:#bd453e}.lesson-video-fields input{width:100%;height:44px;min-height:44px;margin:0;padding:0 12px;border:1px solid #ddd5cd;border-radius:10px;background:#fff;font:inherit}.lesson-video-fields input:focus{outline:3px solid #eee8f7;border-color:#7562a3}.lesson-video-fields>div{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}.lesson-video-fields>p{margin:0;padding:9px 11px;border-radius:10px;background:#f1ecf6;color:#70677b;font-size:11px!important}.lesson-video-fields>p b{color:#554274} .lesson-video-preview{min-width:0;display:grid;align-content:start;gap:7px;padding:9px;border:1px solid #e2dbe8;border-radius:12px;background:#fff}.lesson-video-preview>small,.preview-video-caption{display:block;color:#797381;font-size:10px!important;line-height:1.4}.lesson-video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:9px;background:#1e1d27}.lesson-video-frame iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.lesson-video-placeholder{min-height:170px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed #cfc4dc;border-radius:9px;background:linear-gradient(145deg,#f5f0fa,#fff);color:#7b6b89;text-align:center}.lesson-video-placeholder>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#6755e8;color:#fff}.lesson-video-placeholder>small{font-size:10px!important} .preview-learning-tabs{display:flex;gap:5px;margin:15px 0 10px;padding:4px;border-radius:11px;background:#eeeae5}.preview-learning-tabs button{min-height:38px;flex:1;border:0;border-radius:8px;background:transparent;color:#77717d;font-size:11px;font-weight:900;cursor:pointer}.preview-learning-tabs button.active{background:#fff;color:#5c49d5;box-shadow:0 4px 12px rgba(44,35,52,.08)} .preview-device [data-preview-panel][hidden]{display:none}.preview-device .lesson-video-frame{margin-top:5px} @media(max-width:1100px){.lesson-pdf-editor__body{grid-template-columns:1fr 360px}.lesson-video-editor__body{grid-template-columns:1fr 300px}} @media(max-width:760px){.lesson-pdf-editor>header,.lesson-video-editor>header{grid-template-columns:42px minmax(0,1fr)}.lesson-pdf-editor>header>b,.lesson-video-editor>header .admin-switch{grid-column:1/-1;justify-self:end}.lesson-pdf-editor__body,.lesson-video-editor__body{grid-template-columns:1fr}.lesson-pdf-drop{grid-template-columns:38px minmax(0,1fr)}.lesson-pdf-drop:after{grid-column:1/-1}.lesson-pdf-preview{height:380px}.lesson-video-fields>div{grid-template-columns:1fr}.lesson-advanced-editor>summary{grid-template-columns:38px minmax(0,1fr)}.lesson-advanced-editor>summary>b{grid-column:2}} /* Question composer: desktop-first popup inspired by the fast flow of Google Forms. */ .question-create-modal .admin-modal__dialog{width:min(1240px,calc(100vw - 32px));height:min(900px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden} .question-create-modal .admin-modal__dialog>header{position:relative;padding:14px 20px 12px}.question-create-modal .admin-modal__dialog>header h2{font-size:25px}.question-create-modal .admin-modal__dialog>header p{font-size:12px} .question-create-modal .question-create-form{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;overflow:auto;margin:0;padding:14px 18px 0} .question-create-form>main{min-width:0;display:grid;align-content:start;gap:11px}.question-create-form>aside{display:grid;align-content:start;gap:11px}.question-create-form>aside>section,.question-compose-card,.question-answer-card{display:grid;align-content:start;gap:12px;padding:15px;border:1px solid #e5ddd5;border-radius:15px;background:#fff} .question-type-bar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #eee7df}.question-type-bar label{min-width:250px}.question-type-bar>span{padding-bottom:10px;color:#817a84;font-size:11px;font-weight:700} .question-create-form label{display:grid;gap:6px;color:#4c4550;font-size:13px;font-weight:900}.question-create-form :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea){width:100%;min-height:44px;padding:9px 11px;border:1.5px solid #ddd5cd;border-radius:11px;background:#fff;color:var(--admin-ink);font-size:14px;resize:vertical}.question-create-form :is(input,select,textarea):focus{outline:0;border-color:#806aa6;box-shadow:0 0 0 3px #eee8f6}.question-prompt-field textarea{min-height:112px;font-size:16px!important;line-height:1.5} .question-image-drop{min-height:66px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px!important;padding:10px 12px;border:1.5px dashed #cfc4bb;border-radius:12px;background:#fbf8f4;cursor:pointer}.question-image-drop>.admin-icon{width:25px;height:25px;color:var(--admin-purple)}.question-image-drop>span{display:grid}.question-image-drop strong{font-size:12px}.question-image-drop strong em{color:#938c96;font-size:10px;font-style:normal;font-weight:700}.question-image-drop small{margin-top:3px;color:#89828d;font-size:10px!important}.question-image-drop input{width:220px!important;min-height:38px!important;padding:5px!important;font-size:11px!important} .question-image-preview{position:relative;min-height:150px;overflow:hidden;border-radius:12px;background:#f2eee9}.question-image-preview img{width:100%;height:230px;display:block;object-fit:contain}.question-image-preview button{position:absolute;right:10px;top:10px;min-height:34px;padding:0 11px;border:0;border-radius:9px;background:rgba(35,29,42,.82);color:#fff;font-size:11px;font-weight:900;cursor:pointer} .question-answer-card>header{display:flex;align-items:center;justify-content:space-between}.question-answer-card>header>div{display:grid}.question-answer-card>header strong{font-size:16px}.question-answer-card>header small{margin-top:3px;color:#88818c;font-size:11px} .question-create-form .question-option-fields{display:grid;grid-template-columns:1fr;gap:7px}.question-option-row{min-height:52px;display:grid;grid-template-columns:30px 30px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:5px 6px;border:1.5px solid #e4ddd5;border-radius:11px;background:#fbf9f6}.question-option-row:focus-within{border-color:#9a85ba;background:#fff}.question-option-row>b{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eee8f6;color:var(--admin-purple);font-size:11px}.question-option-row>[name="optionText"]{min-height:40px!important;padding:0 8px!important;border:0!important;background:transparent!important;box-shadow:none!important}.question-option-row>[data-question-option-remove]{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#9a929a;font-size:20px;cursor:pointer}.question-option-row>[data-question-option-remove]:hover{background:#fff0ee;color:#bd453e} .question-correct-control{width:27px;height:27px;display:grid!important;place-items:center!important;position:relative;cursor:pointer}.question-correct-control input{position:absolute;width:1px;height:1px;opacity:0}.question-correct-control span{width:22px;height:22px;display:grid;place-items:center;border:2px solid #aaa3ab;border-radius:50%;background:#fff;color:transparent;font-size:12px}.question-correct-control input[type="checkbox"]+span{border-radius:6px}.question-correct-control input:checked+span{border-color:#6854df;background:#6854df;color:#fff}.question-correct-control input[type="radio"]:checked+span:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff} .question-add-option{justify-self:start;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:#eee8f6;color:var(--admin-purple);font-size:12px;font-weight:900;cursor:pointer}.question-fill-fields textarea{min-height:112px}.question-fill-fields small,.question-create-form .field-hint{color:#89828d;font-size:10px!important;font-weight:700;line-height:1.45} .question-create-form .question-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.question-create-form>.form-message{grid-column:1/-1;margin:0!important}.question-create-form>.admin-modal__actions{grid-column:1/-1;position:sticky;bottom:0;margin:0 -18px;padding:11px 18px}.question-create-form>.admin-modal__actions .btn{min-height:42px} .question-fill-answer{display:grid;gap:6px;padding:12px;border:1px solid #b9dfd3;border-radius:11px;background:#eaf8f3}.question-fill-answer small{color:#5f7f76;font-size:10px;font-weight:900;text-transform:uppercase}.question-fill-answer strong{color:#08765f;font-size:14px}.question-csv-template{border:0;background:transparent;color:var(--admin-purple);font-size:11px;font-weight:900;text-decoration:underline;cursor:pointer}.question-import-guide>a.btn{text-decoration:none} @media(max-width:960px){.question-create-modal .question-create-form{grid-template-columns:1fr}.question-create-form>aside{grid-template-columns:1fr 1fr}.question-create-form>.form-message,.question-create-form>.admin-modal__actions{grid-column:1}} @media(max-width:680px){.question-create-modal .admin-modal__dialog{width:100%;height:calc(100vh - 16px)}.question-create-modal .question-create-form{padding:10px 10px 0}.question-create-form>aside{grid-template-columns:1fr}.question-type-bar{align-items:stretch;flex-direction:column}.question-type-bar label{min-width:0}.question-type-bar>span{padding:0}.question-image-drop{grid-template-columns:34px 1fr}.question-image-drop input{grid-column:1/-1;width:100%!important}.question-create-form>.admin-modal__actions{margin:0 -10px;padding:10px;flex-wrap:wrap}.question-create-form>.admin-modal__actions .exam-save-hint{width:100%}} /* Modal action contract: action rows must stay in normal layout flow and never cover form fields. */ .admin-modal__actions{position:relative;inset:auto;flex:0 0 auto;backdrop-filter:none} .question-create-modal .question-create-form{overflow:hidden} .question-create-form>main,.question-create-form>aside{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px;padding-bottom:12px} .question-create-form>.admin-modal__actions{position:relative;inset:auto} @media(max-width:960px){ .question-create-modal .question-create-form{grid-template-rows:auto auto auto auto;overflow:auto} .question-create-form>main,.question-create-form>aside{min-height:auto;overflow:visible;scrollbar-gutter:auto} } /* Shared select affordance — keep every Admin select visually distinct from a text field. */ .admin-mode select:not([multiple]){ -webkit-appearance:none!important; appearance:none!important; cursor:pointer; padding-right:46px!important; background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='9' fill='%23EEE8F6'/%3E%3Cpath d='m10.5 12.5 4.5 4.5 4.5-4.5' fill='none' stroke='%23604B91' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 7px center!important; background-size:30px 30px!important; } .admin-mode select:not([multiple]):hover{border-color:#a694bd!important} .admin-mode select:not([multiple]):focus{border-color:#806aa6!important;box-shadow:0 0 0 3px #eee8f6!important} .admin-mode select:not([multiple]):disabled{cursor:not-allowed;opacity:.62} .admin-mode select[multiple]{background-image:none!important;padding-right:11px!important} /* Question scope and exam-scope filtering. */ .question-toolbar{grid-template-columns:minmax(280px,1fr) 180px 135px 155px} .question-shared-toggle{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px!important;padding:10px;border:1px solid #ddd5e7;border-radius:11px;background:#f6f2fa;cursor:pointer}.question-shared-toggle input{width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0}.question-shared-toggle>span{display:grid}.question-shared-toggle small{margin-top:2px;color:#827b88;font-size:10px!important;font-weight:700}.question-category-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;border:1px solid #e5ded6;border-radius:11px;background:#fbf9f6}.question-category-choices>strong{grid-column:1/-1;font-size:11px}.question-category-choices>label{min-height:36px;display:flex!important;align-items:center;gap:7px!important;margin:0;padding:6px 8px;border-radius:8px;background:#fff;cursor:pointer}.question-category-choices input{width:17px!important;height:17px!important;min-height:17px!important}.question-category-choices.is-disabled{opacity:.48}.question-category-choices.is-disabled>label{cursor:not-allowed} .exam-question-workspace{grid-template-rows:auto auto minmax(0,1fr)}.exam-scope-warning{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 11px;border-bottom:1px solid #efc7a2;background:#fff5e9;color:#71451c}.exam-scope-warning[hidden]{display:none}.exam-scope-warning>div{display:grid}.exam-scope-warning strong{font-size:12px}.exam-scope-warning small{margin-top:2px;font-size:10px}.exam-scope-warning>label{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:6px 9px;border:1px solid #e7bc91;border-radius:8px;background:#fff;font-size:10px!important;white-space:nowrap;cursor:pointer}.exam-scope-warning input{width:17px!important;height:17px!important;min-height:17px!important}.exam-picker-filters{overflow:auto}.exam-question-row.is-out-of-scope{border-color:#efb77f;background:#fff8ef}.exam-selected-list>button.is-out-of-scope{border-color:#e9ad72;background:#fff6e9}.exam-selected-list>button.is-out-of-scope>span{background:#f18a28;color:#fff} @media(max-width:1250px){.question-toolbar{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(125px,150px))}} /* Question Bank filter contract: Category → Grade → Difficulty → Type → Status. */ .question-toolbar{position:relative;z-index:4;grid-template-columns:minmax(250px,1.35fr) minmax(180px,.85fr) repeat(4,minmax(116px,.55fr)) 44px;align-items:stretch;overflow:visible} .question-category-filter{position:relative;min-width:0} .question-category-filter>button{width:100%;height:46px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:13px 20px;align-content:center;column-gap:8px;padding:4px 9px 3px 11px;border:1px solid #e1dad1;border-radius:12px;background:#fff;color:var(--admin-ink);text-align:left;cursor:pointer} .question-category-filter>button>span{grid-column:1;grid-row:1;color:#9a939c;font-size:8px;font-weight:900;line-height:1;text-transform:uppercase} .question-category-filter>button>strong{grid-column:1;grid-row:2;overflow:hidden;font-size:12px;line-height:20px;text-overflow:ellipsis;white-space:nowrap} .question-category-filter>button>b{width:30px;height:30px;grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;border-radius:9px;background:#eee8f6;color:#604b91;font-size:17px;transition:transform .18s} .question-category-filter>button[aria-expanded="true"]{border-color:#806aa6;box-shadow:0 0 0 3px #eee8f6}.question-category-filter>button[aria-expanded="true"]>b{transform:rotate(180deg)} .question-category-filter>[data-question-category-menu]{width:max(260px,100%);max-height:330px;position:absolute;z-index:30;left:0;top:52px;overflow:auto;padding:7px;border:1px solid #dcd2e5;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(51,39,62,.18)} .question-category-filter>[data-question-category-menu][hidden]{display:none} .question-category-filter>[data-question-category-menu]>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 7px 9px;border-bottom:1px solid #eee7e0}.question-category-filter>[data-question-category-menu]>header strong{font-size:12px}.question-category-filter>[data-question-category-menu]>header button{border:0;background:transparent;color:var(--admin-purple);font-size:10px;font-weight:900;cursor:pointer} .question-category-filter>[data-question-category-menu]>label{min-height:38px;display:flex;align-items:center;gap:9px;margin:3px 0;padding:6px 8px;border-radius:9px;color:#4f4854;font-size:12px;font-weight:800;cursor:pointer}.question-category-filter>[data-question-category-menu]>label:hover{background:#f5f1f8}.question-category-filter>[data-question-category-menu] input{width:18px;height:18px;flex:0 0 auto;accent-color:#6653df} .question-category-filter>[data-question-category-menu]>footer{padding:8px 7px 4px;color:#8b8490;font-size:9px;font-weight:700} .question-filter-reset{width:44px;height:46px;border:1px solid #e1dad1;border-radius:12px;background:#f4f0eb;color:#756d78;font-size:24px;line-height:1;cursor:pointer}.question-filter-reset:hover{border-color:#d5a9a4;background:#fff0ee;color:#b94a43} .question-row{min-height:80px}.question-row-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.question-row-tags>i{max-width:150px;overflow:hidden;padding:3px 6px;border-radius:999px;background:#ece6f5;color:#604b91;font-size:9px;font-style:normal;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.question-row-tags>i.is-empty{background:#f1ede8;color:#837b85}.question-row small{margin-top:3px} @media(max-width:1380px){.question-toolbar{grid-template-columns:minmax(240px,1.3fr) minmax(175px,.9fr) repeat(4,minmax(108px,.55fr)) 44px;gap:7px}} @media(max-width:1180px){.question-toolbar{grid-template-columns:minmax(260px,1.5fr) minmax(190px,1fr) repeat(2,minmax(130px,.7fr));}.question-filter-reset{width:100%}.question-category-filter>[data-question-category-menu]{width:280px}} @media(max-width:760px){.question-toolbar{grid-template-columns:1fr 1fr}.question-search{grid-column:1/-1}.question-filter-reset{width:100%}.question-category-filter>[data-question-category-menu]{width:min(300px,calc(100vw - 40px))}} /* Hidden-state contract: component display rules must never override native hidden state. */ .admin-shell [hidden]{display:none!important} /* Course library interaction: the existing detail link covers the whole card without nested controls. */ .studio-course-card{position:relative;cursor:pointer} .studio-course-card__body>a:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit} .studio-course-card:focus-within{border-color:#8b75b2;box-shadow:0 0 0 3px #eee8f6,0 9px 24px rgba(74,53,111,.1)} .studio-course-card__body>a:focus{outline:none} /* Keep the two authoring workspaces visually consistent and equally spacious. */ .question-create-modal{padding:10px} .question-create-modal .admin-modal__dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;border-radius:17px} /* Course authoring uses the same full workspace dimensions as Exam and Question authoring. */ .course-create-modal{padding:10px} .course-create-modal .admin-modal__dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:17px} .course-create-modal .admin-modal__dialog>header{position:relative} .course-create-modal form{min-height:0;overflow:auto} .course-create-modal .course-create-preview{top:0;align-self:start} /* Phase 3 completion: real Quiz Builder and revision history workspaces. */ .admin-modal__dialog--compact{width:min(680px,calc(100vw - 32px));overflow:hidden} .admin-form-stack{display:grid;gap:14px;padding:18px 22px 0} .admin-form-stack>label{display:grid;gap:7px;color:#4f4954;font-size:var(--admin-font-control);font-weight:850} .admin-form-stack input,.admin-form-stack textarea,.admin-form-stack select{width:100%;min-height:44px;padding:10px 12px;border:1.5px solid #ddd5cd;border-radius:11px;background:#fff;color:var(--admin-ink);font:inherit} .admin-form-stack input:focus,.admin-form-stack textarea:focus,.admin-form-stack select:focus{outline:0;border-color:#806aa6;box-shadow:0 0 0 3px #eee8f6} .quiz-builder-modal{padding:10px} .quiz-builder-modal .admin-modal__dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:17px} .quiz-builder-modal .admin-modal__dialog>header{position:relative;padding:13px 18px 11px} .quiz-builder-modal form{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden} .quiz-builder-info{display:grid;grid-template-columns:minmax(280px,1fr) 190px 190px;gap:10px;padding:12px 18px;border-bottom:1px solid #e8e0d8;background:#fff} .quiz-builder-info label{display:grid;gap:5px;color:#514b57;font-size:13px;font-weight:850} .quiz-builder-info input{width:100%;min-height:42px;padding:8px 11px;border:1.5px solid #ddd5cd;border-radius:10px;background:#fff;font-size:14px} .quiz-builder-info input:focus{outline:0;border-color:#806aa6;box-shadow:0 0 0 3px #eee8f6} .quiz-builder-workspace{min-height:0;display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(380px,.9fr);gap:0;overflow:hidden} .quiz-builder-workspace>section,.quiz-builder-workspace>aside{min-width:0;min-height:0;display:flex;flex-direction:column;padding:14px 18px;overflow:hidden} .quiz-builder-workspace>aside{border-left:1px solid #e5ddd5;background:#f7f2fa} .quiz-builder-workspace .studio-search{width:100%;max-width:none;flex:0 0 auto;margin-bottom:10px} .quiz-question-bank,[data-quiz-selected-list]{min-height:0;display:grid;align-content:start;gap:7px;overflow:auto;padding:2px 4px 12px 2px} .quiz-question-bank>label{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;border:1.5px solid #e4ddd5;border-radius:11px;background:#fff;cursor:pointer} .quiz-question-bank>label:hover{border-color:#aa9ac3}.quiz-question-bank>label:has(input:checked){border-color:#806aa6;background:#f2edf8} .quiz-question-bank input{width:20px;height:20px}.quiz-question-bank span{min-width:0;display:grid}.quiz-question-bank strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.quiz-question-bank small{margin-top:4px;color:#827c88;font-size:12px} .quiz-builder-workspace>aside>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd3e7}.quiz-builder-workspace>aside>header strong{font-size:16px}.quiz-builder-workspace>aside>header span{color:var(--admin-purple);font-weight:900} [data-quiz-selected-list]>article{display:grid;grid-template-columns:30px minmax(0,1fr) 80px auto;align-items:center;gap:9px;padding:9px;border:1px solid #ded4e8;border-radius:11px;background:#fff} [data-quiz-selected-list]>article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eee8f6;color:var(--admin-purple);font-size:11px;font-weight:900} [data-quiz-selected-list] p{min-width:0;display:grid;margin:0}[data-quiz-selected-list] p strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}[data-quiz-selected-list] p small{margin-top:3px;color:#89828d;font-size:11px} [data-quiz-selected-list] label{display:grid;gap:3px;font-size:10px;font-weight:900}[data-quiz-selected-list] input{width:100%;min-height:36px;padding:6px;border:1px solid #ddd5cd;border-radius:8px} [data-quiz-selected-list] article>div{display:flex;gap:3px}[data-quiz-selected-list] article>div button{width:34px;height:34px;border:0;border-radius:8px;background:#eee9f3;color:#63518f;font-weight:900;cursor:pointer}[data-quiz-selected-list] article>div button:last-child{color:#b7463f} .quiz-builder-modal .form-message{margin:8px 18px 0}.quiz-builder-modal .admin-modal__actions{margin:0;padding:11px 18px} .version-history-list{max-height:min(590px,calc(100vh - 230px));display:grid;align-content:start;gap:8px;overflow:auto;padding:16px 20px} .version-history-list>article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;padding:12px;border:1px solid #e4dce9;border-radius:13px;background:#fff} .version-history-list>article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eee8f6;color:var(--admin-purple);font-size:13px;font-weight:900} .version-history-list>article>div{display:grid;align-content:center}.version-history-list>article strong{font-size:14px}.version-history-list>article small{margin-top:4px;color:#837d89;font-size:11px} .version-history-list details{grid-column:1/-1}.version-history-list summary{color:var(--admin-purple);font-size:12px;font-weight:850;cursor:pointer}.version-history-list pre{max-height:240px;overflow:auto;padding:11px;border-radius:10px;background:#272331;color:#f7f4fb;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere} .resource-detail__actions details a{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:8px;color:#504a55;font-size:13px;font-weight:800;text-decoration:none}.resource-detail__actions details a:hover{background:#f5f1f7}.resource-detail__actions details a .admin-icon{width:17px;height:17px} @media(max-width:1450px) and (min-width:1181px){ .admin-compact-hero>div:first-child{max-width:390px} .admin-hero-metrics>article,.admin-hero-metrics>span{min-width:72px!important;padding-inline:8px!important} .admin-hero-metrics small{white-space:normal;text-align:left} .admin-hero-metrics>.btn{padding-inline:14px!important} } @media(max-width:900px){ .quiz-builder-info{grid-template-columns:1fr 1fr}.quiz-builder-info label:first-child{grid-column:1/-1} .quiz-builder-workspace{grid-template-columns:1fr}.quiz-builder-workspace>aside{border-top:1px solid #e5ddd5;border-left:0}.quiz-builder-workspace>section,.quiz-builder-workspace>aside{min-height:260px} } @media(max-width:620px){ .quiz-builder-info{grid-template-columns:1fr}.quiz-builder-info label:first-child{grid-column:auto} [data-quiz-selected-list]>article{grid-template-columns:30px minmax(0,1fr);}[data-quiz-selected-list] article>label,[data-quiz-selected-list] article>div{grid-column:2} } /* Chapter lifecycle actions stay available next to the status without hiding content. */ .studio-chapter__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content} .studio-chapter__actions button{min-height:34px;padding:0 11px;border:1px solid #d8cee5;border-radius:9px;background:#fff;color:var(--admin-purple);font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap} .studio-chapter__actions button:hover{border-color:#9e89bc;background:#f3eef8} .studio-chapter__actions button.danger{border-color:#ead4d1;color:#a8443e} .studio-chapter__actions button.danger:hover{border-color:#d7a39e;background:#fff0ee} .studio-chapter__actions button:disabled{cursor:wait;opacity:.55} .studio-chapter.is-archived{border-style:dashed}.studio-chapter.is-archived>.studio-chapter__head{background:#f1f0f3}.studio-chapter.is-archived>.studio-chapter__items{background:#fbfbfc}.status-dot--archived{background:#9a9ca7} .studio-lesson-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px dashed #e1e4ec;position:relative}.studio-lesson-row>a{min-width:0;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(82px,auto) auto;align-items:center;gap:12px;padding:8px;color:var(--navy);text-decoration:none}.studio-lesson-row:hover{background:#faf9ff}.studio-lesson-row.is-archived{background:#f8f8fa}.studio-lesson-row.is-archived>a{opacity:.78}.studio-lesson-row>a p{min-width:0}.studio-lesson-row>a p strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-lesson-row>a em{white-space:nowrap}.studio-lesson-row>a>b{color:var(--purple);font-size:20px} .studio-item-actions{position:relative;margin-right:5px}.studio-item-actions>summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ddd5e8;border-radius:9px;background:#fff;color:var(--admin-purple);font-weight:900;cursor:pointer;list-style:none}.studio-item-actions>summary::-webkit-details-marker{display:none}.studio-item-actions>div{min-width:160px;display:grid;position:absolute;right:0;top:39px;z-index:20;padding:6px;border:1px solid #ded5e7;border-radius:11px;background:#fff;box-shadow:0 14px 32px rgba(43,32,67,.16)}.studio-item-actions :is(a,button){min-height:36px;display:flex;align-items:center;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#393246;font:inherit;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap;cursor:pointer}.studio-item-actions :is(a,button):hover{background:#f2eef7}.studio-item-actions button.danger{color:#a8443e}.studio-item-actions button.danger:hover{background:#fff0ee} .content-delete-note{margin:0 24px 20px;padding:13px 15px;border:1px solid #efcfca;border-radius:12px;background:#fff5f3;color:#8f3b35}.content-delete-note strong{font-size:14px}.content-delete-note p{margin:4px 0 0;font-size:12px}.btn--danger{border-color:#ad4941!important;background:#ad4941!important;color:#fff!important}.btn--danger:hover{background:#963b35!important} /* Course titles are primary information: allow two readable lines instead of ellipsis. */ .studio-course-grid.view-list .studio-course-card{min-height:126px} .studio-course-grid.view-list .studio-course-card__cover{min-height:126px} .studio-course-grid.view-list .studio-course-card__body{grid-template-rows:auto minmax(42px,auto)} .studio-course-grid.view-list .studio-course-card h3{display:-webkit-box;max-height:45px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:clip} @media(max-width:1180px){ .studio-chapter__head{grid-template-columns:auto minmax(0,1fr) auto} .studio-chapter__actions{grid-column:2/-1} } @media(max-width:760px){.studio-lesson-row>a{grid-template-columns:auto minmax(0,1fr) auto}.studio-lesson-row>a :is(em,.status-dot){display:none}} /* Native PDF embed must own the full grid track; iframe-based Chrome viewers can collapse internally. */ .lesson-pdf-preview>embed{width:100%;height:100%;min-height:0;display:block;border:0;background:#fff} .lesson-pdf-fullscreen__viewer>embed{width:100%;height:100%;position:absolute;inset:0;display:block;border:0;background:#e9e6e1} /* The editor shows file state only; actual reading happens in the full-screen viewer. */ .lesson-pdf-preview{height:auto;min-height:92px;display:grid;grid-template-rows:1fr;background:#fff} .lesson-pdf-preview__toolbar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px;border:0} .lesson-pdf-preview__toolbar>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eee8f7;color:#6755e8} .lesson-pdf-preview__toolbar>span .admin-icon{width:22px;height:22px} .lesson-pdf-preview__toolbar>p{min-width:0;display:grid;gap:3px;margin:0} .lesson-pdf-preview__toolbar>p>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#312a46;font-size:12px} .lesson-pdf-preview__toolbar>p>small{color:#8a8390;font-size:9px!important;font-weight:800} .lesson-pdf-preview__toolbar>button{min-height:40px;padding:0 12px;background:#6755e8;color:#fff;font-size:11px} .lesson-pdf-preview__toolbar>button:hover{background:#5140ca} .lesson-pdf-placeholder{min-height:92px;height:auto;display:grid;grid-template-columns:42px minmax(0,1fr);place-items:center start;align-content:center;gap:10px;padding:13px;text-align:left} .lesson-pdf-placeholder>span{width:42px;height:42px;grid-row:1/3;border-radius:11px} .lesson-pdf-placeholder .admin-icon{width:23px;height:23px} .lesson-pdf-fullscreen__dialog{max-height:none!important} .lesson-pdf-fullscreen__viewer>iframe{width:100%!important;height:100%!important;min-height:0!important;position:absolute!important;inset:0!important;display:block!important;border:0!important;background:#e9e6e1} /* PDF.js canvas viewer: independent from the browser's height-limited PDF plugin. */ .lesson-pdf-canvas-viewer{position:relative!important;overflow:auto!important;overscroll-behavior:contain;background:#343434!important;scrollbar-gutter:stable} .lesson-pdf-pages{width:100%;display:grid;justify-items:center;gap:20px;padding:24px} .lesson-pdf-page{max-width:100%;overflow:hidden;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.32)} .lesson-pdf-page canvas{max-width:100%;height:auto!important;display:block;background:#fff} .lesson-pdf-loading,.lesson-pdf-error{min-height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;text-align:center} .lesson-pdf-loading>span{width:38px;height:38px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:lesson-pdf-spin .75s linear infinite} .lesson-pdf-error small{color:#d7d2d2;font-size:12px!important} @keyframes lesson-pdf-spin{to{transform:rotate(360deg)}} @media(max-width:760px){.lesson-pdf-pages{gap:12px;padding:12px}} .studio-save-state{color:#b36a00}.studio-save-state.is-published{color:#12896d} /* Shared confirmation dialog: consistent replacement for native browser confirms. */ .admin-confirm-modal{z-index:1400}.admin-confirm-modal .admin-modal__dialog{width:min(570px,calc(100vw - 32px));overflow:hidden}.admin-confirm-modal__body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;margin:20px 22px 2px;padding:17px;border:1px solid #dfd4eb;border-radius:15px;background:linear-gradient(135deg,#f7f2fb,#fff)}.admin-confirm-modal__body>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#fff;color:var(--admin-purple);box-shadow:0 7px 20px rgba(71,52,104,.1)}.admin-confirm-modal__body>span .admin-icon{width:27px;height:27px}.admin-confirm-modal__body>div{min-width:0}.admin-confirm-modal__body strong{display:block;overflow-wrap:anywhere;color:var(--admin-ink);font-size:16px;line-height:1.35}.admin-confirm-modal__body p{margin:5px 0 0;color:#77717d;font-size:13px;line-height:1.55}.admin-confirm-modal[data-tone="danger"] .admin-confirm-modal__body{border-color:#efd2ce;background:linear-gradient(135deg,#fff5f3,#fff)}.admin-confirm-modal[data-tone="danger"] .admin-confirm-modal__body>span{color:#b9473f}.admin-confirm-modal[data-tone="danger"] [data-admin-confirm-submit]{border-color:#b9473f;background:#b9473f;box-shadow:0 5px 0 #86342e}.admin-confirm-modal[data-tone="danger"] [data-admin-confirm-submit]:hover{background:#a63f38}.lesson-studio-head [data-lesson-reset]:disabled{border-color:#ded9d3;background:#f2efeb;color:#aaa3aa;box-shadow:none;cursor:not-allowed;opacity:.72} /* Direct dialog footers do not sit inside a padded form, so negative form gutters would push actions outside the right edge. */ .admin-modal__dialog>.admin-modal__actions{box-sizing:border-box;width:100%;margin:17px 0 0;padding:14px 22px 19px} @media(max-width:600px){.admin-confirm-modal__body{margin:15px 15px 2px;padding:14px}.admin-confirm-modal__body>span{width:46px;height:46px}.admin-confirm-modal .admin-modal__actions{flex-wrap:nowrap}.admin-confirm-modal .admin-modal__actions .btn{min-width:0}}