/* READABILITY: index-only admin ops chrome + home surface composition.
 * SECTIONS: admin-ops | soft-chrome-surfaces
 */
/* --- admin-ops --- */
#page-home #lux-home-shell {
  .lux-admin-ops-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
  .lux-admin-op-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 14px 16px;
  }
  .lux-admin-ops-panel.lux-soft-chrome {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px 26px;
    min-height: 0;
    height: auto;
    overflow: visible;
  }
  .lux-admin-ops-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .lux-admin-ops-head .lux-card-title { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; }
  .lux-admin-ops-copy {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--lux-text-muted);
  }
  .lux-admin-op-card.lux-soft-chrome { padding: 18px 20px; gap: 14px; }
  /* Inner card structure (lost in luxury peel) — stacked title/copy + full-width action stack */
  .lux-admin-op-head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
  }
  .lux-admin-op-head strong {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--lux-text);
  }
  .lux-admin-op-head span {
    display: block;
    font-size: 12px;
    line-height: 1.55;
    color: var(--lux-text-muted);
  }
  .lux-admin-op-actions {
    display: grid;
    gap: 10px;
    margin-top: 2px;
  }
  .lux-admin-op-btn {
    width: 100%;
    justify-content: flex-start;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 16px;
    text-align: left;
  }
  .lux-admin-op-btn i {
    width: 18px;
    flex: 0 0 18px;
    text-align: center;
    color: var(--lux-accent-2, var(--lux-accent));
  }
  .lux-admin-op-btn span { min-width: 0; }
}
/* --- soft-chrome-surfaces (layout/demotion only — paint → lux-fouc-ht) --- */
/* Merged shell: demote band section roots only (no own border — part of desk).
 * Exclude inner shells (focus aside, chips) — they keep glow chrome below. */
body.lux-unified-shell:not(.lux-route-students-admin) #page-home #lux-home-shell .lux-home-merged > .lux-home-band :is(
  .lux-panel,
  .lux-card,
  .lux-hero,
  .lux-dashboard-section,
  .lux-builder-card,
  .lux-builder-section,
  .lux-builder-hero,
  .lux-admin-ops-panel,
  .lux-alert,
  .page-hero
):not(.lms-hero-focus):not(.lux-hero-side):not(.lux-focus-panel):not(.home-hover-chip):not(.lux-list-row):not(.lux-stat):not(.lux-pill):not(.lux-quick-btn):not(.lux-admin-op-card) {
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.lux-route-home #page-home #lux-home-shell .lux-home-merged :is(
  .lms-hero-focus,
  .lux-hero-side,
  .lux-focus-panel
) {
  border-radius: 18px !important;
  padding: 22px 24px 20px 26px;
}
/* Thin accent rail only (not a face wash) */
body.lux-unified-shell:not(.lux-route-students-admin) #page-home #lux-home-shell .lux-home-merged :is(
  .lms-hero-focus,
  .lux-focus-panel,
  .lux-hero-side
)::before {
  background: rgba(var(--lux-accent-rgb), calc(0.35 + var(--lux-panel-glow, 0.22) * 1.2)) !important;
  opacity: 1 !important;
}
/* Title row only — no soft-chrome slab under the topbar */
#page-home #lux-home-shell .lux-home-toolbar {
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* Hero focus status/meta: pill layout only — glass paint from shared soft-chrome recipe above */
#page-home #lux-home-shell .lms-hero-focus :is(
  .lms-hero-focus-chip.lux-pill.lux-soft-chrome,
  .lms-hero-focus-meta .lux-pill.lux-soft-chrome
) {
  min-height: 0;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--lux-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
#page-home #lux-home-shell .lms-hero-focus .lms-hero-focus-meta .lux-pill.lux-soft-chrome i {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--lux-accent-2, var(--lux-accent));
  opacity: 1;
}
:is(html.lux-light-mode, body.lux-light-mode) #page-home #lux-home-shell .lms-hero-focus :is(
  .lms-hero-focus-chip.lux-pill.lux-soft-chrome,
  .lms-hero-focus-meta .lux-pill.lux-soft-chrome
) {
  color: var(--lux-text);
}
/* 1–5%: near-clear — keep fill, kill frost fog */
:is(
  html[data-lux-transparency="1"],
  html[data-lux-transparency="2"],
  html[data-lux-transparency="3"],
  html[data-lux-transparency="4"],
  html[data-lux-transparency="5"]
) body.lux-unified-shell:not(.lux-route-students-admin) #page-home #lux-home-shell :is(
  .lux-soft-chrome,
  .lux-focus-panel,
  .lux-hero-side,
  .lux-home-grid > .lux-panel,
  .lux-home-grid > .lux-card,
  .lux-home-grid > .lux-hero
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* 0%: pure clear — no frost, no fill */
html[data-lux-transparency="0"] body.lux-unified-shell:not(.lux-route-students-admin) #page-home #lux-home-shell :is(
  .lux-soft-chrome,
  .lux-focus-panel,
  .lux-hero-side,
  .lux-home-grid > .lux-panel,
  .lux-home-grid > .lux-card,
  .lux-home-grid > .lux-hero
) {
  background-color: transparent;
  background-image: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none;
}
html[data-lux-transparency="0"] body.lux-unified-shell:not(.lux-route-students-admin) #page-home #lux-home-shell :is(
  .lux-home-grid > :is(.lux-panel, .lux-card, .lux-hero, .lux-hero-side, .lux-soft-chrome, .lux-focus-panel):hover,
  .lux-soft-chrome.home-hover-chip:hover
) {
  transform: none;
  box-shadow: none;
}