/* Desktop administration only. Values follow the approved brand V1.0. */
body.admin-view {padding:0;background:var(--bg);font-size:14px;line-height:1.65}
body.admin-view .phone-frame {width:100%;height:100dvh;margin:0;border-radius:0;box-shadow:none;max-width:none}
body.admin-view .phone-scroll {overscroll-behavior:contain}
body.admin-view #screen {padding:0}
body.admin-view .work-shell {grid-template-columns:208px minmax(0,1fr);min-height:100dvh}
body.admin-view .work-sidebar {position:sticky;top:0;height:100dvh;min-height:0;padding:24px 16px;display:flex;flex-direction:column;gap:22px;background:var(--surface);border-right:1px solid var(--line)}
body.admin-view .work-brand {padding:0 4px 22px;gap:12px;border-bottom:1px solid var(--line)}
body.admin-view .work-brand-icon {width:48px;height:48px;border-radius:0;padding:0;flex-shrink:0}
body.admin-view .work-brand span {font-size:20px;line-height:1.5;font-weight:600;letter-spacing:0}
body.admin-view .work-brand small {display:block;font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:3px}
body.admin-view .work-sidebar nav {display:grid;gap:6px}
body.admin-view .work-sidebar nav a {min-height:46px;padding:11px 13px;gap:12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--muted);white-space:normal;line-height:1.6}
body.admin-view .work-sidebar nav a svg {width:19px;height:19px;flex-shrink:0}
body.admin-view .work-sidebar nav a:hover {background:var(--bg);color:var(--text)}
body.admin-view .work-sidebar nav a.active {background:var(--accent-soft);color:var(--accent)}
body.admin-view .work-identity {margin-top:auto;padding:20px 10px 0;border-top:1px solid var(--line);display:grid;gap:8px}
body.admin-view .work-identity .pill {padding:0;background:none;font-size:13px;justify-content:flex-start;color:var(--text)}
body.admin-view .work-identity .text-btn {text-align:left;font-size:12px;color:var(--muted);padding:0}
body.admin-view .work-main {min-width:0}
body.admin-view .work-header {min-height:84px;padding:20px 32px;background:var(--surface);backdrop-filter:none;gap:20px;z-index:30}
body.admin-view .work-header h1 {margin:0;font-size:23px;font-weight:600;line-height:1.5}
body.admin-view .work-content {padding:24px 32px 48px;max-width:1600px;margin:auto}
body.admin-view .work-content>.filter-row {gap:26px;border-bottom:1px solid var(--line);padding:0;margin:0 0 24px;overflow:visible;flex-wrap:wrap}
body.admin-view .work-content>.filter-row .chip {border:0;border-radius:0;background:transparent;padding:0 0 13px;min-height:38px;font-size:14px;color:var(--muted)}
body.admin-view .work-content>.filter-row .chip.active {color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}
body.admin-view :where(button,input,select,textarea) {font-family:inherit}
body.admin-view :where(button,a,input,select,textarea):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
body.admin-view .primary,body.admin-view .secondary {min-height:40px;border-radius:8px;padding:9px 17px;font-size:14px;font-weight:500;white-space:nowrap;line-height:1.5}
body.admin-view .secondary {background:var(--surface);border:1px solid var(--line);color:var(--text)}
body.admin-view .secondary:hover {background:var(--bg);border-color:var(--muted)}
body.admin-view button:disabled {opacity:.4;cursor:not-allowed}
body.admin-view .text-btn {font-size:13px;font-weight:500;line-height:1.6}
body.admin-view .note {font-size:13px;line-height:1.8;color:var(--muted)}
body.admin-view .card {border-radius:12px;box-shadow:none;padding:24px;border-color:var(--line)}
body.admin-view .field {margin:0 0 20px}
body.admin-view .field label {display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--text)}
body.admin-view .field :is(input,select,textarea),body.admin-view .level-fields input {border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px;line-height:1.7;border-radius:7px;padding:9px 12px;min-width:0;width:100%;min-height:42px}
body.admin-view .field textarea {resize:vertical;min-height:104px}
body.admin-view .field :is(input,select,textarea):focus {border-color:var(--accent)}
body.admin-view .work-fields {gap:0 24px}
body.admin-view .work-fields .field {margin-bottom:20px}
body.admin-view .work-savebar {background:var(--surface);padding-top:20px;margin-top:20px}
body.admin-view .inline-status {font-size:12px;color:var(--muted);line-height:1.7}
body.admin-view .notice {border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
body.admin-view .work-editor {grid-template-columns:224px minmax(0,1fr);gap:24px}
body.admin-view .work-editor.growth-workspace {grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}
body.admin-view .work-editor.with-preview {grid-template-columns:200px minmax(360px,1fr) minmax(240px,.7fr)}
body.admin-view .work-object-list {padding:12px;background:transparent;border:0;border-radius:0}
body.admin-view .work-object-list h3 {font-size:13px;margin:4px 8px 14px}
body.admin-view .work-object-list button {padding:14px 12px;border-radius:8px;border-bottom:1px solid var(--line);min-height:68px}
body.admin-view .work-object-list strong {font-size:14px;font-weight:500;overflow-wrap:anywhere}
body.admin-view .work-object-list small {font-size:12px}
body.admin-view .work-live-preview {position:sticky;top:108px;box-shadow:none;border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--surface)}
body.admin-view .work-live-preview :is(p,li) {font-size:14px;line-height:1.8}
body.admin-view .work-feedback {grid-template-columns:210px minmax(260px,1fr) minmax(280px,.85fr);gap:20px}
body.admin-view .work-feedback .card {padding:22px}
body.admin-view .maintenance-upload {display:flex;flex-direction:column;gap:8px;margin:16px 0 8px;font-size:13px}
body.admin-view .maintenance-upload>span {font-weight:500}
body.admin-view .maintenance-upload input {font-size:12px;width:100%;min-width:0;color:var(--muted)}
body.admin-view input::file-selector-button {padding:9px 13px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:7px;font:inherit;margin-right:10px;cursor:pointer}
body.admin-view .admin-section-title {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}
body.admin-view .admin-section-title h2 {font-size:23px;margin:0;line-height:1.5;font-weight:600}
body.admin-view .admin-section-title h2 span {font-size:13px;color:var(--muted);font-weight:400;margin-left:8px}
body.admin-view .admin-section-title p {font-size:14px;margin-top:6px;color:var(--muted)}
body.admin-view .course-filters {display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
body.admin-view .course-filters>label {display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}
body.admin-view .course-filters select {border:1px solid var(--line);border-radius:8px;padding:9px 12px;min-height:42px;background:var(--surface);font-size:13px;max-width:224px}
body.admin-view .admin-search {background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:1;max-width:420px;min-width:240px;padding:0 13px}
body.admin-view .admin-search svg {width:18px;flex-shrink:0;color:var(--muted)}
body.admin-view .admin-search input {width:100%;min-width:0;padding:11px 0;border:0;background:transparent;font-size:14px;outline-offset:0}
body.admin-view .course-table-wrap {background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
body.admin-view .course-table {border-collapse:collapse;width:100%;table-layout:fixed}
body.admin-view .course-table th {background:var(--bg);color:var(--muted);font-size:12px;font-weight:500;text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
body.admin-view .course-table th:first-child {width:44%;padding-left:24px}
body.admin-view .course-table th:nth-child(2) {width:17%}
body.admin-view .course-table th:nth-child(3) {width:9%}
body.admin-view .course-table th:nth-child(4) {width:13%}
body.admin-view .course-table th:nth-child(5) {width:10%}
body.admin-view .course-table th:last-child {width:7%}
body.admin-view .course-table td {padding:22px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle;overflow-wrap:anywhere;line-height:1.8}
body.admin-view .course-table tr:last-child td {border-bottom:0}
body.admin-view .course-table td:first-child {padding-left:24px}
body.admin-view .course-table tr:hover td {background:var(--bg)}
body.admin-view .course-table-title {display:flex;align-items:center;gap:18px;text-align:left;background:transparent;width:100%;padding:0;min-width:0}
body.admin-view .course-table-title img,body.admin-view .course-table-title>.course-cover-empty {width:84px;height:68px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--bg);border:1px solid var(--line)}
body.admin-view .course-table-title>span {min-width:0}
body.admin-view .course-table-title strong {display:block;font-size:16px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
body.admin-view .course-table-title small {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}
body.admin-view .course-cover-empty {display:flex;align-items:center;justify-content:center;color:var(--muted)}
body.admin-view .course-open {display:flex;align-items:center;gap:4px;color:var(--accent);background:none;padding:8px 0;font-size:12px;white-space:nowrap}
body.admin-view .course-open svg {width:14px;height:14px}
body.admin-view .admin-badge {display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px 9px;border-radius:5px;background:var(--bg);font-size:12px;line-height:1.6;white-space:nowrap;font-weight:400}
body.admin-view .admin-badge.is-live {background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}
body.admin-view .course-draft-label {display:block;color:var(--muted);font-size:12px;margin-top:4px}
body.admin-view .course-list-note {font-size:12px;color:var(--muted);margin-top:16px}
body.admin-view .admin-empty {padding:64px 24px;text-align:center}
body.admin-view .admin-empty>svg {width:32px;height:32px;color:var(--muted);margin-bottom:16px}
body.admin-view .admin-empty h3 {font-size:18px;margin-bottom:8px;font-weight:500}
body.admin-view .admin-empty p {color:var(--muted);font-size:14px;margin-bottom:20px}
body.admin-view .course-workspace {background:var(--surface);border:1px solid var(--line);border-radius:12px}
body.admin-view .course-workspace-bar {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px 14px;background:var(--surface);border-radius:12px 12px 0 0;position:sticky;top:84px;z-index:20}
body.admin-view .course-current {display:flex;align-items:center;gap:14px;min-width:0}
body.admin-view .course-current>div {min-width:0}
body.admin-view .course-current h2 {font-size:22px;line-height:1.5;font-weight:600;margin:3px 0 0;overflow-wrap:anywhere}
body.admin-view .admin-kicker {font-size:12px;line-height:1.5;color:var(--muted)}
body.admin-view .course-back {background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;padding:7px}
body.admin-view .course-back svg {width:18px;height:18px}
body.admin-view .course-toolbar {display:flex;gap:10px;flex-shrink:0}
body.admin-view .course-workspace-meta {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px 18px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
body.admin-view .course-workspace-meta p {margin:0}
body.admin-view .course-workspace>#maintenance-error {margin:16px 26px 0}
body.admin-view .course-tabs {display:flex;gap:28px;padding:0 26px;border-bottom:1px solid var(--line)}
body.admin-view .course-tabs button {font-size:14px;padding:16px 2px 14px;border-radius:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:500}
body.admin-view .course-tabs button.active {border-bottom-color:var(--accent);color:var(--accent)}
body.admin-view .course-workspace-body {padding:28px}
body.admin-view .course-intro {display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:40px}
body.admin-view .course-section+.course-section {margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}
body.admin-view .course-section-heading {margin-bottom:22px}
body.admin-view .course-section-heading h3 {font-size:16px;font-weight:600;line-height:1.5;margin:0}
body.admin-view .course-section-heading p {margin-top:6px;font-size:13px;color:var(--muted);line-height:1.8}
body.admin-view .course-cover-panel {align-self:start}
body.admin-view .course-cover-panel h3 {font-size:13px;font-weight:500;margin-bottom:12px}
body.admin-view .course-cover-preview {width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--line);margin-bottom:20px}
body.admin-view .course-published-note {margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
body.admin-view .course-published-note p {font-size:13px;color:var(--muted);line-height:1.9;margin-top:10px}
body.admin-view .course-split {display:grid;grid-template-columns:244px minmax(0,1fr);gap:30px}
body.admin-view .course-outline {border-right:1px solid var(--line);padding-right:24px;min-width:0}
body.admin-view .course-outline-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
body.admin-view .course-outline-head h3 {font-size:14px;font-weight:500;margin:0}
body.admin-view .course-outline-head h3 span {font-size:12px;color:var(--muted);margin-left:4px}
body.admin-view .course-outline ol {list-style:none;padding:0;margin:0}
body.admin-view .course-outline li {margin-bottom:8px;border-radius:8px;border:1px solid transparent}
body.admin-view .course-outline li.active {background:var(--accent-soft);border-color:var(--accent-soft)}
body.admin-view .course-lesson-select {display:flex;width:100%;gap:10px;text-align:left;background:none;padding:13px 12px;border-radius:8px}
body.admin-view .course-lesson-number {font-size:12px;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}
body.admin-view .course-lesson-select strong {font-size:14px;font-weight:500;line-height:1.6;display:block;overflow-wrap:anywhere}
body.admin-view .course-lesson-select small {display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7}
body.admin-view .course-lesson-order {display:flex;gap:18px;margin:0 12px 12px 37px}
body.admin-view .course-lesson-order button {font-size:12px;color:var(--muted);padding:0;min-height:24px}
body.admin-view .course-lesson-editor {min-width:0}
body.admin-view .course-lesson-heading h2 {font-size:21px;line-height:1.6;margin:6px 0 20px;font-weight:600;overflow-wrap:anywhere}
body.admin-view .lesson-subtabs {display:flex;flex-wrap:wrap;gap:6px;background:var(--bg);padding:5px;border-radius:8px;margin-bottom:26px;width:fit-content}
body.admin-view .lesson-subtabs button {background:transparent;color:var(--muted);font-size:13px;padding:8px 13px;border-radius:6px;font-weight:400}
body.admin-view .lesson-subtabs button.active {background:var(--surface);color:var(--text);box-shadow:0 1px 3px #26232112}
body.admin-view #work-l_content {min-height:320px;line-height:1.9}
body.admin-view .course-video-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);gap:24px}
body.admin-view .maintenance-media-preview {width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--text);border-radius:8px;max-height:none}
body.admin-view .course-video-empty {background:var(--bg);border:1px dashed var(--line);border-radius:8px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:12px;color:var(--muted)}
body.admin-view .course-video-empty svg {width:28px;height:28px}
body.admin-view .course-materials {margin:8px 0;border-top:1px solid var(--line)}
body.admin-view .course-file-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
body.admin-view .course-file-row label {display:flex;align-items:center;gap:12px;min-width:0;font-size:13px;flex:1}
body.admin-view .course-file-row input {width:16px;height:16px;accent-color:var(--accent);flex:none}
body.admin-view .course-file-row svg {width:20px;height:20px;flex:none;color:var(--muted)}
body.admin-view .course-file-row strong {font-size:13px;line-height:1.7;overflow-wrap:anywhere;font-weight:500;display:block}
body.admin-view .course-file-row small {display:block;font-size:12px;color:var(--muted)}
body.admin-view .course-publish-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:48px}
body.admin-view .course-publish-grid>.course-section {margin:0;padding:0;border:0}
body.admin-view .course-facts {margin:0}
body.admin-view .course-facts>div {display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
body.admin-view .course-facts dt {color:var(--muted);font-size:13px}
body.admin-view .course-facts dd {margin:0;overflow-wrap:anywhere}
body.admin-view .course-history {list-style:none;padding:0;margin:0}
body.admin-view .course-history li {border-left:2px solid var(--line);padding:0 0 24px 18px;display:grid;gap:5px;font-size:13px}
body.admin-view .course-history span {color:var(--muted);font-size:12px}
body.admin-view .admin-danger {color:var(--accent);margin-top:24px}
body.admin-view dialog {max-width:min(880px,calc(100vw - 48px));border-radius:16px;font-size:14px}
body.admin-view dialog .maintenance-preview {max-height:60dvh;overflow:auto}
@media (max-width:1100px) {
 body.admin-view .work-shell {grid-template-columns:184px minmax(0,1fr)}
 body.admin-view .work-sidebar {padding:24px 12px}
 body.admin-view .work-header {padding-left:24px;padding-right:24px}
 body.admin-view .work-content {padding:24px 24px 40px}
 body.admin-view .work-editor.with-preview {grid-template-columns:190px minmax(0,1fr)}
 body.admin-view .work-live-preview {grid-column:2;position:static}
 body.admin-view .course-intro {grid-template-columns:minmax(0,1fr) 200px;gap:24px}
 body.admin-view .course-split {grid-template-columns:210px minmax(0,1fr);gap:22px}
 body.admin-view .course-outline {padding-right:18px}
 body.admin-view .course-video-grid {grid-template-columns:1fr}
 body.admin-view .course-current h2 {font-size:19px}
 body.admin-view .course-current>.admin-badge {display:none}
 body.admin-view .course-table-title img,body.admin-view .course-table-title>.course-cover-empty {width:64px;height:56px}
 body.admin-view .course-table :is(th,td) {padding-left:10px;padding-right:10px}
 body.admin-view .course-table-title {gap:12px}
 body.admin-view .course-table-title strong {font-size:14px}
 body.admin-view .course-table th:nth-child(5),body.admin-view .course-table td:nth-child(5) {display:none}
 body.admin-view .work-feedback {grid-template-columns:190px minmax(0,1fr)}
 body.admin-view .work-feedback>.card:last-child {grid-column:2}
}
@media (max-width:850px) {
 body.admin-view .work-shell {grid-template-columns:1fr}
 body.admin-view .work-sidebar {position:static;height:auto;padding:18px 20px;gap:14px}
 body.admin-view .work-brand {border:0;padding:0}
 body.admin-view .work-sidebar nav {grid-template-columns:repeat(3,minmax(0,1fr))}
 body.admin-view .work-sidebar nav a {padding:10px;font-size:13px}
 body.admin-view .work-identity {display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;margin:0}
 body.admin-view .work-header {position:static}
 body.admin-view .work-content {padding:20px 16px 36px}
 body.admin-view .course-workspace-bar {position:static;flex-wrap:wrap;padding:20px}
 body.admin-view .course-workspace-meta {padding:0 20px 16px;flex-wrap:wrap;gap:6px}
 body.admin-view .course-tabs {gap:16px;padding:0 20px;flex-wrap:wrap}
 body.admin-view .course-tabs button {font-size:13px}
 body.admin-view .course-workspace-body {padding:20px}
 body.admin-view .course-intro,body.admin-view .course-publish-grid {grid-template-columns:1fr}
 body.admin-view .course-cover-panel {max-width:300px}
 body.admin-view .course-split {grid-template-columns:1fr}
 body.admin-view .course-outline {border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}
 body.admin-view .course-outline ol {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.admin-view .course-table {min-width:650px}
 body.admin-view .course-table-wrap {overflow:auto}
 body.admin-view .work-editor,body.admin-view .work-editor.growth-workspace,body.admin-view .work-editor.with-preview,body.admin-view .work-feedback {grid-template-columns:1fr}
 body.admin-view .work-live-preview,body.admin-view .work-feedback>.card:last-child {grid-column:auto}
 body.admin-view .work-object-list {display:block}
 body.admin-view .work-fields {grid-template-columns:1fr}
 body.admin-view .work-fields .wide {grid-column:auto}
}