/* Catalog-only control geometry; original fields, selection and menus retained. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="luyen-de"] {
 .exam-wrap { padding-top:20px!important;padding-bottom:48px!important; }
 .exam-head { margin-bottom:14px!important;gap:18px!important; }
 .exam-summary { gap:10px!important; }
 .exam-summary article { height:auto!important;min-height:64px!important;padding:10px 14px!important;gap:10px!important; }
 .exam-summary .summary-icon { --catalog-summary-tone:var(--mt-primary,#4099ff);display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--catalog-summary-tone);color:#fff;box-shadow:none; }
 .exam-summary .summary-icon.is-orange { --catalog-summary-tone:var(--mt-stat-warning); }
 .exam-summary .summary-icon.is-green { --catalog-summary-tone:var(--mt-stat-positive); }
 .exam-summary .summary-icon.is-purple { --catalog-summary-tone:var(--mt-stat-accent); }
 .exam-summary .summary-icon svg { display:block;width:22px;height:22px;color:inherit;background:transparent;border-radius:0; }
 .exam-inventory-nav { display:flex!important;align-items:stretch;flex-wrap:nowrap;gap:20px!important;padding:0!important;margin:0 0 20px!important;width:100%;max-width:100%;min-width:0;border:0;border-bottom:1px solid var(--mt-line);border-radius:0;background:transparent;box-shadow:none;overflow-x:auto; }
 .exam-inventory-nav[hidden] { display:none!important; }
 .exam-inventory-nav a { display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:46px!important;height:auto;padding:10px 4px!important;border:0;border-bottom:2px solid transparent;border-radius:0;font:500 15px/22px var(--mt-font)!important;color:var(--mt-muted)!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;text-decoration:none;transition:color var(--mt-motion),border-color var(--mt-motion); }
 .exam-inventory-nav a:hover { color:var(--mt-primary)!important;border-bottom-color:color-mix(in srgb,var(--mt-primary) 35%,transparent); }
 .exam-inventory-nav a:focus-visible { outline:2px solid var(--mt-primary);outline-offset:-3px; }
 .exam-inventory-nav a[aria-current="page"] { background:transparent!important;color:var(--mt-primary)!important;border-bottom-color:var(--mt-primary); }
 .exam-inventory-nav b { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:24px;height:24px;padding:0 6px;border:0;border-radius:6px;background:color-mix(in srgb,var(--mt-muted) 10%,var(--mt-card));color:var(--mt-muted);font:500 13px/20px var(--mt-font)!important;font-variant-numeric:tabular-nums; }
 .exam-inventory-nav a[aria-current="page"] b { background:var(--mt-soft);color:var(--mt-primary); }
 @media(max-width:480px) { .exam-inventory-nav { gap:8px!important; } .exam-inventory-nav a { flex:1 0 auto;gap:4px;padding:10px 0!important;font-size:14px!important; } }
 .exam-toolbar { display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:16px 20px;margin-bottom:14px;border-radius:8px; }
 :is(.catalog-search-field,.catalog-filter-field) { position:relative;min-width:0;margin:0;padding:0; }
 .catalog-control-label { position:absolute;top:-8px;left:10px;z-index:2;max-width:calc(100% - 24px);margin:0;padding:0 4px;background:var(--mt-outline-caption);color:var(--mt-muted);font:400 12px/16px var(--mt-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
 .catalog-filter-field>label:has(+.ns-outlined) { display:none; }
 .catalog-filter-field .ns { display:block;width:100%;min-width:0;margin:0; }
 .catalog-filter-field :is(select:not(.ns-native),.ns-btn) { box-sizing:border-box;width:100%;height:40px;min-height:40px;margin:0;font:400 14px/20px var(--mt-font); }
 .catalog-filter-field .ns-outlined>.ns-caption { top:-8px;font:400 12px/16px var(--mt-font)!important; }
 .exam-search { box-sizing:border-box;display:flex;align-items:center;gap:10px;flex:none;width:100%;max-width:none;min-width:0;height:40px;min-height:40px;margin:0;padding:0 12px; }
 .exam-search>svg { position:static;inset:auto;flex:0 0 18px;width:18px;height:18px; }
 .exam-search #searchInput { box-sizing:border-box;display:block;flex:1 1 0;width:100%;min-width:0;height:38px;min-height:38px;margin:0;padding:8px 0!important;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;font:400 14px/20px var(--mt-font); }
 .catalog-toolbar-actions { display:flex;grid-column:1/-1;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0; }
 :is(.catalog-toolbar-actions .btn,#importBtn,.exam-history-btn) { min-height:38px;height:auto;padding:7px 16px;font:500 15px/22px var(--mt-font)!important;border-radius:6px; }
 .catalog-toolbar-actions .exam-history-btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--mt-ink);border:1px solid var(--mt-line);background:var(--mt-card);box-shadow:none; }
 .exam-history-btn svg { flex:none;width:18px;height:18px; }
 .exam-history-btn .catalog-history-chevron { width:16px;height:16px;transition:transform var(--mt-motion,160ms cubic-bezier(.4,0,.2,1)); }
 .exam-history-btn[aria-expanded="true"] { color:var(--mt-primary);border-color:var(--mt-primary);background:color-mix(in srgb,var(--mt-primary) 8%,var(--mt-card)); }
 .exam-history-btn[aria-expanded="true"] .catalog-history-chevron { transform:rotate(180deg); }
 .catalog-history[hidden] { display:none!important; }
 .catalog-history { min-width:0;margin:0 0 20px;padding:20px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card); }
 .catalog-history>h2 { margin:0 0 16px;font:600 16px/24px var(--mt-font);color:var(--mt-heading,var(--mt-ink)); }
 .catalog-history-state { display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:4px 0; }
 .catalog-history-symbol { display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--mt-primary) 10%,transparent);color:var(--mt-primary); }
 .catalog-history-symbol svg { display:block;width:20px;height:20px; }
 .catalog-history-copy { min-width:0; }
 .catalog-history-copy h3 { margin:0 0 3px;font:500 15px/22px var(--mt-font);color:var(--mt-ink); }
 .catalog-history-copy p { margin:0;color:var(--mt-muted);font:400 14px/22px var(--mt-font);overflow-wrap:anywhere; }
 .catalog-history-state>.btn { justify-self:start;min-height:34px;white-space:nowrap; }
 .catalog-history-table td { font:400 16px/24px var(--mt-font)!important; }
 .catalog-history-table tr>:is(:nth-child(2),:nth-child(3),:nth-child(4),:last-child) { text-align:center; }
 .catalog-history-table tr>:is(:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:last-child) { white-space:nowrap; }
 .catalog-history-table td :is(a,b) { font-size:inherit!important;line-height:inherit!important; }
 .exam-bulk { gap:12px;padding:8px 16px;margin:0 0 12px; }
 .exam-bulk-selection { display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0; }
 .exam-select-all { display:inline-flex;flex-direction:row;align-items:center;gap:8px;width:auto;min-width:0;margin:0;font:400 15px/22px var(--mt-font)!important;cursor:pointer; }
 .exam-select-all>span:last-child { min-width:0; }
 :is(.exam-select-box,.exam-pick) { box-sizing:border-box;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin:0;padding:0; }
 :is(.exam-select-box,.exam-pick) input.form-check-input { position:static;float:none;flex:none;box-sizing:border-box;width:17px;height:17px;min-height:0;margin:0; }
 #examSelectionCount { margin:0;color:var(--mt-muted);font:400 14px/22px var(--mt-font)!important; }
 .exam-bulk :is(.exam-bulk-menu-trigger,.exam-bulk-menu button) { font:500 15px/22px var(--mt-font)!important; }
 .exam-bulk-actions { flex:0 0 auto;margin-left:auto; }
 .catalog-results-head { display:flex!important;align-items:baseline!important;justify-content:space-between!important;flex-wrap:wrap;gap:6px 16px!important;margin:22px 0 16px!important;padding:0 0 12px;border-bottom:1px solid var(--mt-line); }
 .catalog-results-head h2 { font:600 18px/26px var(--mt-font)!important;color:var(--mt-heading,var(--mt-ink))!important;letter-spacing:0;margin:0!important; }
 .catalog-results-head #catalogResultsCount { display:block!important;min-width:0;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--mt-muted)!important;font:400 14px/22px var(--mt-font)!important;font-variant-numeric:tabular-nums;box-shadow:none!important; }
 .workspace-active-filters { display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;min-width:0;margin:0 0 20px;padding:0; }
 .workspace-active-filters>span { min-width:0;font:400 14px/22px var(--mt-font);color:var(--mt-muted);overflow-wrap:anywhere; }
 .workspace-active-filters>.btn { flex:0 0 auto;min-height:36px;margin:0;padding:6px 14px;white-space:nowrap; }
 .exam-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:16px; }
 #list { min-block-size:320px; }
 .catalog-skeleton-card { box-sizing:border-box;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:252px;padding:20px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card); }
 .catalog-skeleton-head { display:flex;align-items:center;gap:12px;min-width:0; }
 .catalog-skeleton-head>.mt-skeleton-avatar { width:40px;height:40px; }
 .catalog-skeleton-copy { display:grid;flex:1;gap:12px;min-width:0; }
 .catalog-skeleton-copy>.mt-skeleton-line:last-child { width:56%;height:10px; }
 .catalog-skeleton-card>.mt-skeleton-line { width:86%;height:12px; }
 :is(.catalog-skeleton-meta,.catalog-skeleton-actions) { display:flex;gap:12px;min-width:0; }
 .catalog-skeleton-meta>.mt-skeleton-block { width:30%;height:22px; }
 .catalog-skeleton-actions { margin-top:auto;padding-top:12px; }
 .catalog-skeleton-actions>.mt-skeleton-block { flex:1;height:36px; }
 .exam-card { display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0!important;height:auto!important;padding:18px 20px!important;gap:12px!important;border-radius:8px;box-shadow:0 2px 6px rgba(33,25,52,.04); }
 .exam-card > p { min-height:0!important;margin:2px 0 6px!important; }
 .exam-card .exam-badges { gap:6px;margin:2px 0; }
 .exam-card .exam-badge { padding:3px 8px;font-size:12px;line-height:16px; }
 .exam-card-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;align-items:stretch;gap:8px;margin-top:auto;padding-top:12px; }
 .exam-card-actions .btn { min-width:0;min-height:36px;height:auto;margin:0;padding:6px 12px;font-size:13px;line-height:20px;white-space:normal; }
 #shareExamDialog>.exam-dialog-body { width:min(700px,100%);max-height:calc(100dvh - 32px);padding:24px; }
 #shareExamDialog .share-dialog-head { display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:start;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--mt-line); }
 #shareExamDialog .share-dialog-icon { display:grid;place-items:center;width:40px;height:40px;border-radius:6px;background:var(--mt-soft);color:var(--mt-primary); }
 #shareExamDialog .share-dialog-icon svg { display:block;width:20px;height:20px; }
 #shareExamDialog .share-dialog-head h2 { margin:0;font:600 20px/28px var(--mt-font);color:var(--mt-ink); }
 #shareExamDialog .share-dialog-head p { margin:3px 0 0;font:400 14px/21px var(--mt-font);color:var(--mt-muted); }
 #shareExamDialog .share-dialog-close { display:grid;place-items:center;width:36px;height:36px;min-height:36px;margin:0;padding:0;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-muted);box-shadow:none;cursor:pointer; }
 #shareExamDialog .share-dialog-close:hover { border-color:var(--mt-primary);color:var(--mt-primary);background:var(--mt-soft); }
 #shareExamDialog .share-dialog-close:focus-visible { outline:2px solid var(--mt-primary);outline-offset:2px; }
 #shareExamDialog .share-dialog-close svg { display:block;width:18px;height:18px; }
 #shareExamDialog .share-exam-name { margin:18px 0;padding:10px 12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-canvas);color:var(--mt-ink);font:500 15px/22px var(--mt-font);overflow-wrap:anywhere; }
 #shareExamDialog :is(#shareTeacherForm,.share-student-link,#shareSettingsForm) { display:block;min-width:0;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--mt-line); }
 #shareExamDialog #shareSettingsForm { border-bottom:0;margin-bottom:0;padding-bottom:0; }
 #shareExamDialog h3 { margin:0 0 6px;color:var(--mt-ink);font:600 16px/24px var(--mt-font); }
 #shareExamDialog .share-dialog-note { margin:6px 0 14px;color:var(--mt-muted);font:400 13px/20px var(--mt-font); }
 #shareExamDialog .share-link-label { display:block;margin:0 0 7px;color:var(--mt-ink);font:500 13px/20px var(--mt-font); }
 #shareExamDialog .share-link-row { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0; }
 #shareExamDialog .share-link-row input { box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:40px;padding:8px 12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-ink);font:400 14px/22px var(--mt-font); }
 #shareExamDialog .share-link-row .btn { min-height:40px;margin:0;padding:8px 14px;white-space:nowrap; }
 #shareExamDialog #shareTeacherList { margin-top:10px; }
 #shareExamDialog #shareTeacherList>.share-dialog-note { margin:0; }
 #shareExamDialog .share-teacher-row { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--mt-line); }
 #shareExamDialog .share-teacher-row .btn { min-height:32px;margin:0;padding:5px 10px; }
 #shareExamDialog .share-qr { display:flex;align-items:center;gap:16px;margin-top:14px;color:var(--mt-muted); }
 #shareExamDialog .share-qr img { display:block;flex:0 0 120px;width:120px;height:120px;padding:6px;border:1px solid var(--mt-line);border-radius:6px;background:#fff;object-fit:contain; }
 #shareExamDialog .share-qr p { margin:0;font:400 13px/21px var(--mt-font); }
 #shareExamDialog .share-settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:16px 0 20px; }
 #shareExamDialog .share-setting-field { display:grid;align-content:start;gap:6px;min-width:0; }
 #shareExamDialog .share-setting-field label { display:block;margin:0;color:var(--mt-ink);font:500 13px/20px var(--mt-font); }
 #shareExamDialog .share-setting-field>input { box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:40px;padding:8px 12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-ink);font:400 14px/22px var(--mt-font); }
 #shareExamDialog .share-setting-field .wdate-trigger { display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-ink);font:400 14px/22px var(--mt-font);box-shadow:none; }
 #shareExamDialog .share-setting-field .wdate-trigger:is(:hover,[aria-expanded="true"]) { border-color:var(--mt-primary); }
 #shareExamDialog .share-setting-check { display:flex;align-items:flex-start;gap:10px;margin:10px 0;color:var(--mt-ink);font:400 14px/22px var(--mt-font);cursor:pointer; }
 #shareExamDialog .share-setting-check input.form-check-input { flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0; }
 #shareExamDialog .share-settings-actions { display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--mt-line); }
 #shareExamDialog .share-settings-actions .btn { min-height:38px;margin:0;padding:7px 14px; }
 #shareExamDialog .share-settings-feedback[hidden] { display:none; }
 #shareExamDialog .share-settings-feedback { margin:12px 0 0;padding:9px 12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-soft);color:var(--mt-ink);font:400 13px/20px var(--mt-font); }
 #shareExamDialog .share-settings-feedback.is-error { border-color:var(--mt-stat-negative);color:var(--mt-stat-negative);background:color-mix(in srgb,var(--mt-stat-negative) 8%,var(--mt-card)); }
 #shareExamDialog .share-settings-feedback.is-success { border-color:var(--mt-stat-positive);color:var(--mt-stat-positive);background:color-mix(in srgb,var(--mt-stat-positive) 8%,var(--mt-card)); }
 #shareExamDialog>.exam-dialog-body>.share-dialog-note:last-child { margin:16px 0 0; }
 .wdate-pop .wdate-foot { justify-content:flex-end;gap:6px; }
 .wdate-pop .wdate-foot button { width:auto;min-width:0;padding:0 10px;border-radius:6px;color:var(--mt-primary);white-space:nowrap; }
 .wdate-pop .wdate-foot .wdate-apply { background:var(--mt-primary);color:#fff; }
 .wdate-pop .wdate-foot .wdate-apply:hover { background:var(--mt-primary);color:#fff;filter:brightness(.92); }
 @media(max-width:1199px) { .exam-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
 @media(max-width:767px) {
  .exam-toolbar { grid-template-columns:minmax(0,1fr);padding:14px;gap:14px; }
  .exam-summary { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .exam-summary article { min-width:0;min-height:78px!important;padding:10px 12px!important;gap:8px!important; }
  .exam-summary .summary-icon { flex-basis:36px;width:36px;height:36px; }
  .exam-summary .summary-icon svg { width:18px;height:18px; }
  .exam-summary article>div { min-width:0; }
  .exam-summary article small { white-space:normal; }
  .catalog-toolbar-actions .btn { flex:1 1 auto; }
  .exam-bulk { padding:10px 14px;flex-wrap:wrap;gap:10px; }
  .exam-bulk-selection { flex:1 1 100%;gap:8px; }
  #examSelectionCount { flex-basis:100%;padding-left:36px; }
  .catalog-history { padding:16px; }
  .catalog-history-state { grid-template-columns:32px minmax(0,1fr);align-items:start; }
  .catalog-history-state>.btn { grid-column:2; }
  #shareExamDialog>.exam-dialog-body { padding:18px; }
  #shareExamDialog .share-dialog-head { grid-template-columns:36px minmax(0,1fr) 34px;gap:10px; }
  #shareExamDialog .share-dialog-icon { width:36px;height:36px; }
  #shareExamDialog .share-dialog-head h2 { font-size:18px;line-height:26px; }
  #shareExamDialog .share-link-row { grid-template-columns:minmax(0,1fr); }
  #shareExamDialog .share-link-row .btn { justify-self:start; }
  #shareExamDialog .share-settings-grid { grid-template-columns:minmax(0,1fr); }
 }
 @media(max-width:359px) { .exam-summary { grid-template-columns:minmax(0,1fr)!important; } }
}
/* Returning staff can reserve the real toolbar geometry before verification.
   The cached role reveals only neutral skeletons: hidden controls stay inert
   and aria-hidden until the authenticated response enables them. */
html[data-catalog-staff-pending] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="luyen-de"] :is(.exam-inventory-nav,.exam-bulk)[hidden]{display:flex!important;position:relative;pointer-events:none}
html[data-catalog-staff-pending] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="luyen-de"] :is(.exam-inventory-nav,.exam-bulk)[hidden] *{visibility:hidden!important}
html[data-catalog-staff-pending] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="luyen-de"] :is(.exam-inventory-nav,.exam-bulk)[hidden]::after{content:"";position:absolute;left:0;top:14px;width:min(240px,65%);height:18px;border-radius:4px;background:color-mix(in srgb,var(--mt-muted) 14%,var(--mt-card));pointer-events:none}
html[data-catalog-staff-pending] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="luyen-de"] .exam-bulk[hidden]::after{left:16px;top:calc(50% - 9px)}
/* Cached staff identity only reserves button geometry; it does not reveal or
   enable an action until the page has verified the current role. */
html[data-catalog-staff-pending] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="luyen-de"] #importBtn[hidden]{display:inline-flex!important;visibility:hidden!important;pointer-events:none!important}

/* Keep the list frame present before a first read and for an empty filter.
   Delayed loading/status updates must not collapse the surrounding controls. */
body[data-dashboard-style="materio"][data-dashboard-page="luyen-de"] :is(#list,.catalog-history-state) { min-block-size:360px; }