/**
 * Phase 2 - static-only template <style> blocks for control-plane shell.
 * Regenerate: python scripts/extract_template_styles_phase2.py
 * Surface: control-plane
 */

/* ========== templates/siteconfig/partials/configuration_control_center_operational_hubs.html ========== */
:where(.rmc-tpl--siteconfig-partials-configuration_control_center_operational_hubs) .sysconfig-hub-list .sysconfig-hub-link { background: rgba(255,255,255,0.06); /* off-token-allow: white-overlay */ border: 1px solid rgba(255,255,255,0.08); /* off-token-allow: white-overlay */ }
:where(.rmc-tpl--siteconfig-partials-configuration_control_center_operational_hubs) .sysconfig-hub-list .sysconfig-hub-link:hover { background: rgba(255,255,255,0.1); /* off-token-allow: white-overlay */ border-color: rgba(255,255,255,0.15); /* off-token-allow: white-overlay */ color: #fff; /* off-token-allow: hex-literal-decorative */ }

/* ========== templates/siteconfig/partials/theme_colors_page_body.html ========== */
/* Full-width: no sidebar on this page */
  :where(html:has(.rmc-tpl--siteconfig-partials-theme_colors_page_body)) .theme-experience-full-width .portal-sidebar-col,
  :where(html:has(.rmc-tpl--siteconfig-partials-theme_colors_page_body)) .theme-experience-full-width .portal-resize-handle,
  :where(html:has(.rmc-tpl--siteconfig-partials-theme_colors_page_body)) .theme-experience-full-width [data-bs-target="#portal-sidebar-col"], :where(html:has(.rmc-tpl--siteconfig-partials-theme_colors_page_body)) .theme-experience-full-width [data-bs-target="#cp-sidebar-col"] { display: none !important; }
  :where(html:has(.rmc-tpl--siteconfig-partials-theme_colors_page_body)) .theme-experience-full-width .portal-main-col { flex: 1 1 100%; max-width: 100%; }

  /* Grid: prevent spill; columns align start */
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    align-items: start;
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-left,
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-right {
    min-width: 0;
    /* overflow:hidden + position:sticky on .theme-experience-right was clipping
       the lower half of the right column (preview wrap + actions) on tall pages
       because sticky pinned the top while the rest was hidden by overflow.
       min-width:0 alone is enough for grid children to shrink correctly. */
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-state-strip {
    position: sticky;
    top: 0.35rem;
    z-index: 7;
    backdrop-filter: blur(6px);
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-left .theme-pack-catalog[open] .theme-pack-catalog-body {
    max-height: min(44vh, 340px);
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-left #color-palette-studio {
    margin-bottom: 0.75rem;
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-state-strip .badge.border {
    background: color-mix(in srgb, var(--admin-content-bg, #1a1612) 78%, transparent);
  }
  /* Form: no spill — everything stays inside card */
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-card .card-body { border-radius: 0.25rem; padding-left: 0.75rem; padding-right: 0.5rem; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body .form-label,
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body label { font-size: var(--type-size-caption); margin-bottom: 0.15rem; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body .form-control,
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body .form-select {
    font-size: var(--type-size-caption);
    padding: 0.2rem 0.4rem;
    min-height: 1.75rem;
    max-width: 100%;
    box-sizing: border-box;
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body .form-check-label { font-size: var(--type-size-caption); }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body .row { margin-left: 0; margin-right: 0; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body [class^="col-"] { max-width: 100%; padding-left: 0.5rem; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-form-body .form-check { padding-left: 0.5rem; }
  /* Preview wrapper */
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-preview-wrap {
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
  }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-preview-wrap .theme-preview-section { margin-top: 0; margin-bottom: 0; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-preview-wrap .theme-preview-card { max-width: none; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-preview-wrap .preview-device { max-width: 100%; min-height: 520px; }
  :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-page, .theme-experience-page:where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) { padding-bottom: 0.5rem; }
  @media (max-width: 991px) {
    :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-grid { grid-template-columns: 1fr; }
    :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-right { position: static; top: auto; }
    :where(.rmc-tpl--siteconfig-partials-theme_colors_page_body) .theme-experience-preview-wrap { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
  }