:root {
  --cc-bg: #071018;
  --cc-sidebar: #06111a;
  --cc-surface: #0b1824;
  --cc-surface-raised: #0e1d2a;
  --cc-border: #253746;
  --cc-border-soft: #172b39;
  --cc-text: #f4f8fb;
  --cc-muted: #91a2b1;
  --cc-cyan: #20c7e8;
  --cc-cyan-soft: #0b3445;
  --cc-magenta: #e12afb;
  --cc-green: #2bd6a7;
  --cc-amber: #f8b84e;
  --cc-red: #ff5b62;
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, sans-serif;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; background: var(--cc-bg); color: var(--cc-text); }
body { font-family: Inter, ui-sans-serif, sans-serif; font-size: 14px; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }

.cc-shell { min-height: 100vh; display: grid; grid-template-columns: 240px minmax(0, 1fr); background: radial-gradient(circle at 78% 8%, rgba(32, 199, 232, .045), transparent 30%), var(--cc-bg); }
.cc-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; border-right: 1px solid var(--cc-border); background: linear-gradient(180deg, #06111a 0%, #07141e 100%); z-index: 20; }
.cc-brand { height: 70px; display: flex; align-items: center; gap: 11px; padding: 0 20px; text-decoration: none; border-bottom: 1px solid var(--cc-border); }
.cc-brand-mark { color: var(--cc-cyan); font-size: 29px; line-height: 1; }
.cc-brand strong { display: block; letter-spacing: .13em; font-size: 20px; }
.cc-brand small { display: block; margin-top: 3px; color: var(--cc-cyan); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.cc-navigation { min-height: 0; flex: 1; overflow-y: auto; padding: 10px 0 18px; display: grid; align-content: start; gap: 2px; scrollbar-width: thin; }
.cc-nav-group { padding: 15px 20px 6px; color: #718696; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.cc-navigation a { min-height: 43px; display: flex; align-items: center; gap: 13px; padding: 0 18px; border-left: 3px solid transparent; color: #c9d3dc; text-decoration: none; transition: .15s ease; }
.cc-navigation a:hover { color: white; background: rgba(255,255,255,.035); }
.cc-navigation a.is-active { color: var(--cc-cyan); border-left-color: var(--cc-cyan); background: linear-gradient(90deg, rgba(32,199,232,.17), rgba(32,199,232,.035)); }
.cc-navigation wa-icon { width: 20px; font-size: 18px; }
.cc-sidebar-footer { margin-top: auto; min-height: 76px; display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-top: 1px solid var(--cc-border); }
.cc-avatar { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--cc-cyan); border-radius: 50%; color: var(--cc-cyan); background: var(--cc-cyan-soft); font-weight: 700; }
.cc-user-copy { min-width: 0; flex: 1; }
.cc-user-copy strong, .cc-user-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-user-copy strong { font-size: 12px; }
.cc-user-copy small { margin-top: 3px; color: var(--cc-muted); font-size: 10px; }

.cc-workspace { min-width: 0; min-height: 100vh; display: flex; flex-direction: column; }
.cc-topbar { position: sticky; top: 0; z-index: 15; height: 70px; display: flex; align-items: center; gap: 18px; padding: 0 24px; border-bottom: 1px solid var(--cc-border); background: rgba(7,16,24,.94); backdrop-filter: blur(12px); }
.cc-global-search { width: min(520px, 58vw); height: 40px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid var(--cc-border); background: #09151f; }
.cc-global-search:focus-within { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgba(32,199,232,.12); }
.cc-global-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--cc-text); }
.cc-global-search input::placeholder { color: #7d8e9d; }
.cc-global-search kbd { padding: 3px 6px; border: 1px solid var(--cc-border); border-radius: 3px; color: var(--cc-muted); background: #0d1c27; font-size: 10px; }
.cc-top-actions { margin-left: auto; display: flex; gap: 5px; }
.cc-top-user { display: inline-flex; align-items: center; padding: 0 8px 0 10px; color: #dbe4ea; font-size: 12px; font-weight: 600; }
.cc-icon-link, .cc-mobile-menu { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid transparent; color: #c6d1da; background: transparent; text-decoration: none; cursor: pointer; }
.cc-icon-link:hover, .cc-mobile-menu:hover { color: var(--cc-cyan); border-color: var(--cc-border); background: var(--cc-surface); }
.cc-mobile-menu { display: none; }
.cc-main { width: 100%; max-width: 1760px; flex: 1; margin: 0 auto; padding: 26px 28px 46px; }
.cc-runtime-footer { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; border-top: 1px solid var(--cc-border); color: #718696; font-size: 9px; }

.cc-page-header { min-height: 62px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.cc-page-header h1 { margin: 0; font-size: clamp(25px, 2.5vw, 34px); line-height: 1.15; letter-spacing: -.035em; }
.cc-page-header p { max-width: 760px; margin: 7px 0 0; color: var(--cc-muted); line-height: 1.55; }
.cc-eyebrow { display: block; margin-bottom: 6px; color: var(--cc-cyan); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.cc-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.cc-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 1px solid transparent; text-decoration: none; cursor: pointer; font-weight: 600; }
.cc-button-primary { border-color: var(--cc-cyan); color: #03131a; background: var(--cc-cyan); }
.cc-button-primary:hover { background: #5edcf2; }
.cc-button-secondary { border-color: var(--cc-border); color: var(--cc-text); background: var(--cc-surface); }
.cc-button-secondary:hover { border-color: #436071; }
.cc-button-danger { border-color: var(--cc-red); color: white; background: #a5262c; }

.cc-messages { display: grid; gap: 8px; margin-bottom: 18px; }
.cc-message { padding: 11px 13px; border-left: 3px solid var(--cc-cyan); background: var(--cc-surface); }
.cc-message-error { border-color: var(--cc-red); }
.cc-message-warning { border-color: var(--cc-amber); }
.cc-message-success { border-color: var(--cc-green); }

.cc-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 18px; border: 1px solid var(--cc-border); background: rgba(11,24,36,.64); }
.cc-banner-control { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding: 18px 20px; }
.cc-banner-control p { max-width: 760px; margin: 7px 0 0; color: var(--cc-muted); }
.cc-banner-control form { display: flex; align-items: center; gap: 12px; }
.cc-metric { min-height: 112px; display: grid; grid-template-columns: 42px 1fr; align-content: center; gap: 2px 10px; padding: 20px; border-right: 1px solid var(--cc-border); text-decoration: none; }
.cc-metric:last-child { border-right: 0; }
.cc-metric wa-icon { grid-row: 1 / 4; color: var(--cc-cyan); font-size: 27px; }
.cc-metric span { color: #c0cbd4; }
.cc-metric strong { margin-top: 4px; font-size: 26px; line-height: 1; }
.cc-metric small { margin-top: 5px; color: var(--cc-cyan); }
.cc-metric.is-attention wa-icon,
.cc-metric.is-attention strong,
.cc-metric.is-attention small { color: var(--cc-amber); }

.cc-overview-head { display: grid; grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr); gap: 24px; margin-bottom: 16px; }
.cc-overview-head > .cc-page-header { align-content: center; margin: 0; padding: 16px 0 18px 4px; }
.cc-overview-head .cc-page-header { display: grid; }
.cc-overview-head .cc-header-actions { margin-top: 18px; }
.cc-health-panel { border: 1px solid var(--cc-border); background: rgba(8, 22, 34, .7); }
.cc-health-panel header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--cc-border); }
.cc-health-panel h2 { margin: 0; font-size: 15px; }
.cc-health-panel header small { color: var(--cc-muted); font-size: 10px; }
.cc-health-panel a { min-height: 42px; display: grid; grid-template-columns: 24px 1fr auto 14px; align-items: center; gap: 9px; padding: 0 13px; border-bottom: 1px solid var(--cc-border-soft); text-decoration: none; }
.cc-health-panel a:last-child { border-bottom: 0; }
.cc-health-panel a:hover { background: rgba(32, 199, 232, .035); }
.cc-health-panel a > wa-icon:first-child { color: #c9d6df; font-size: 16px; }
.cc-health-panel a > wa-icon:last-child { color: #607585; font-size: 11px; }
.cc-health-panel strong { display: inline-flex; align-items: center; gap: 6px; color: var(--cc-muted); font-size: 10px; font-weight: 600; }
.cc-health-panel strong::before,
.cc-health-label::before { content: ''; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--cc-green); }
.cc-health-panel .is-good { color: #66dfbe; }
.cc-health-panel .is-info { color: var(--cc-cyan); }
.cc-health-panel .is-info::before { background: var(--cc-cyan); }
.cc-health-panel .is-warning { color: var(--cc-amber); }
.cc-health-panel .is-warning::before { background: var(--cc-amber); }
.cc-health-panel .is-error { color: var(--cc-red); }
.cc-health-panel .is-error::before { background: var(--cc-red); }

.cc-status-strip { min-height: 80px; display: flex; align-items: center; gap: 18px; margin-bottom: 18px; padding: 16px 20px; border: 1px solid var(--cc-border); background: linear-gradient(90deg, rgba(11,24,36,.85), rgba(7,25,32,.85)); }
.cc-status-icon { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border: 2px solid var(--cc-green); border-radius: 50%; color: var(--cc-green); font-size: 23px; }
.cc-status-copy { margin-right: auto; }
.cc-status-copy strong { display: block; font-size: 17px; }
.cc-status-copy small { display: block; margin-top: 4px; color: var(--cc-muted); }
.cc-service-status { display: flex; gap: 24px; }
.cc-service-status span { display: grid; grid-template-columns: 8px auto; align-items: center; gap: 6px; color: var(--cc-muted); font-size: 11px; }
.cc-service-status span::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--cc-green); }
.cc-service-status .is-warning::before { background: var(--cc-amber); }
.cc-service-status .is-error::before { background: var(--cc-red); }

.cc-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(250px, .8fr) minmax(250px, .72fr); gap: 14px; align-items: start; }
.cc-panel { border: 1px solid var(--cc-border); background: rgba(11,24,36,.72); }
.cc-panel-header { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 16px; border-bottom: 1px solid var(--cc-border); }
.cc-panel-header h2 { margin: 0; font-size: 15px; }
.cc-panel-header a { color: var(--cc-cyan); text-decoration: none; font-size: 12px; }
.cc-panel-header > div { min-width: 0; }
.cc-panel-header > div p { max-width: 880px; margin: 5px 0 0; color: var(--cc-muted); font-size: 11px; font-weight: 400; line-height: 1.5; }
.cc-panel-body { padding: 16px; }

.cc-table-wrap { overflow-x: auto; }
.cc-table { width: 100%; border-collapse: collapse; }
.cc-table th { padding: 11px 14px; color: #aebcc7; background: rgba(255,255,255,.025); font-size: 11px; font-weight: 600; text-align: left; white-space: nowrap; }
.cc-table td { padding: 13px 14px; border-top: 1px solid var(--cc-border-soft); color: #dbe3e9; vertical-align: middle; }
.cc-table tbody tr:hover td { background: rgba(32,199,232,.028); }
.cc-table a { color: var(--cc-text); text-decoration: none; }
.cc-table a:hover { color: var(--cc-cyan); }
.cc-table small { color: var(--cc-muted); }
.cc-cell-primary { display: block; font-weight: 600; }
.cc-cell-secondary { display: block; margin-top: 3px; color: var(--cc-muted); font-size: 11px; }
.cc-empty { padding: 36px 20px; color: var(--cc-muted); text-align: center; }

.cc-tag { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 2px 7px; border: 1px solid var(--cc-border); color: #c7d4dc; background: #0b1721; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .035em; }
.cc-tag-success, .cc-tag-low { border-color: #1f705e; color: #57ddb9; background: #092820; }
.cc-tag-warning, .cc-tag-medium { border-color: #7d5817; color: #ffc45e; background: #2b210d; }
.cc-tag-danger, .cc-tag-high, .cc-tag-critical { border-color: #7d272b; color: #ff757b; background: #2b1114; }
.cc-tag-info { border-color: #176579; color: #5adef4; background: #092a34; }
.cc-table td > .cc-tag + .cc-tag { margin-left: 4px; }

.cc-feature-list { display: grid; }
.cc-feature-row { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 9px; min-height: 66px; padding: 10px 14px; border-bottom: 1px solid var(--cc-border-soft); text-decoration: none; }
.cc-feature-row:last-child { border-bottom: 0; }
.cc-feature-row:hover { background: rgba(255,255,255,.025); }
.cc-feature-icon { color: var(--cc-cyan); font-size: 20px; }
.cc-feature-icon.is-funifier { color: var(--cc-magenta); }
.cc-feature-row strong, .cc-feature-row small { display: block; }
.cc-feature-row small { margin-top: 3px; color: var(--cc-muted); font-size: 10px; }
.cc-rollout { width: 74px; }
.cc-rollout span { display: block; margin-bottom: 5px; color: var(--cc-cyan); font-size: 10px; text-align: right; }
.cc-rollout-track { height: 3px; background: #2a3b47; }
.cc-rollout-track i { display: block; height: 100%; background: var(--cc-cyan); }

.cc-attention-list { display: grid; gap: 10px; padding: 12px; }
.cc-attention { padding: 14px; border: 1px solid var(--cc-border); background: rgba(5,14,21,.55); }
.cc-attention.is-info { border-color: #176579; background: rgba(9,42,52,.28); }
.cc-attention.is-danger { border-color: #7d272b; background: rgba(90,18,24,.16); }
.cc-attention.is-warning { border-color: #69501f; }
.cc-attention strong { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.cc-attention p { margin: 8px 0 0; color: var(--cc-muted); font-size: 11px; line-height: 1.55; }
.cc-attention a { display: inline-block; margin-top: 10px; color: var(--cc-cyan); font-size: 11px; }

.cc-command-layout { display: grid; grid-template-columns: minmax(620px, 1.35fr) minmax(410px, .9fr); gap: 14px; align-items: start; }
.cc-command-side { display: grid; gap: 14px; }
.cc-command-head,
.cc-command-row { display: grid; grid-template-columns: minmax(160px, .8fr) 108px minmax(170px, 1fr) 142px; align-items: center; gap: 14px; padding: 0 16px; }
.cc-command-head { min-height: 38px; color: var(--cc-muted); background: rgba(255, 255, 255, .018); font-size: 10px; font-weight: 600; }
.cc-command-row { min-height: 72px; border-top: 1px solid var(--cc-border-soft); color: #bcc9d2; font-size: 11px; }
.cc-command-row:hover { background: rgba(32, 199, 232, .025); }
.cc-command-name { display: flex; align-items: center; gap: 11px; color: var(--cc-text); }
.cc-command-name wa-icon { width: 24px; color: #c9d6df; font-size: 19px; }
.cc-health-label { display: inline-flex; align-items: center; gap: 7px; width: max-content; color: #66dfbe; font-size: 10px; font-weight: 600; }
.cc-health-label.is-info { color: var(--cc-cyan); }
.cc-health-label.is-info::before { background: var(--cc-cyan); }
.cc-health-label.is-warning { color: var(--cc-amber); }
.cc-health-label.is-warning::before { background: var(--cc-amber); }
.cc-health-label.is-error { color: var(--cc-red); }
.cc-health-label.is-error::before { background: var(--cc-red); }
.cc-command-row .cc-button { min-height: 34px; padding: 0 10px; color: var(--cc-cyan); font-size: 10px; }
.cc-activity-table th,
.cc-activity-table td { padding-right: 10px; padding-left: 10px; }

.cc-operations-layout { display: grid; grid-template-columns: minmax(330px, .72fr) minmax(640px, 1.28fr); gap: 14px; align-items: start; }
.cc-bridge-strip { min-height: 70px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-bottom: 14px; padding: 12px 16px; border: 1px solid var(--cc-border); background: linear-gradient(90deg, rgba(11, 52, 69, .48), rgba(11, 24, 36, .65)); }
.cc-bridge-strip > wa-icon { color: var(--cc-cyan); font-size: 24px; }
.cc-bridge-strip strong,
.cc-bridge-strip small { display: block; }
.cc-bridge-strip small { margin-top: 4px; color: var(--cc-muted); font-size: 11px; line-height: 1.45; }
.cc-device-table { min-width: 1160px; }
.cc-device-table .cc-cell-primary wa-icon { margin-right: 7px; color: var(--cc-cyan); }
.cc-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.cc-revoke-device { min-width: 215px; display: grid; grid-template-columns: minmax(110px, 1fr) auto; gap: 6px; }
.cc-revoke-device input { min-width: 0; height: 34px; padding: 0 8px; border: 1px solid var(--cc-border); outline: 0; color: var(--cc-text); background: #08141e; font-size: 10px; }
.cc-revoke-device input:focus { border-color: var(--cc-red); }
.cc-revoke-device .cc-button { min-height: 34px; padding: 0 10px; font-size: 10px; }

.cc-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.cc-filters input, .cc-filters select { min-height: 39px; min-width: 180px; padding: 0 11px; border: 1px solid var(--cc-border); outline: 0; color: var(--cc-text); background: var(--cc-surface); }
.cc-filters input { min-width: min(360px, 100%); }
.cc-filters input:focus, .cc-filters select:focus { border-color: var(--cc-cyan); }
.cc-pagination { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; border-top: 1px solid var(--cc-border); color: var(--cc-muted); }
.cc-pagination div { display: flex; gap: 6px; }

.cc-form-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .6fr); gap: 16px; align-items: start; }
.cc-form { display: grid; gap: 16px; padding: 18px; }
.cc-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.cc-field { min-width: 0; display: grid; gap: 6px; }
.cc-field-wide { grid-column: 1 / -1; }
.cc-field > label { color: #dbe4ea; font-size: 12px; font-weight: 600; }
.cc-field > label span { color: var(--cc-cyan); }
.cc-field small { color: var(--cc-muted); font-size: 10px; line-height: 1.45; }
.cc-control { width: 100%; min-height: 41px; padding: 9px 11px; border: 1px solid var(--cc-border); border-radius: 0; outline: 0; color: var(--cc-text); background: #08141e; }
textarea.cc-control { min-height: 94px; resize: vertical; line-height: 1.5; }
select.cc-control[multiple] {
  min-height: 130px;
  overflow-y: auto;
  scrollbar-color: #456579 #08141e;
  scrollbar-width: thin;
}
select.cc-control[multiple]::-webkit-scrollbar { width: 7px; }
select.cc-control[multiple]::-webkit-scrollbar-track { background: #08141e; }
select.cc-control[multiple]::-webkit-scrollbar-thumb {
  border: 2px solid #08141e;
  border-radius: 999px;
  background: #456579;
}
select.cc-control[multiple]::-webkit-scrollbar-thumb:hover { background: var(--cc-cyan); }
.cc-control:focus { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgba(32,199,232,.1); }
.cc-field-toggle { grid-template-columns: 1fr auto; align-items: center; padding: 11px 12px; border: 1px solid var(--cc-border-soft); }
.cc-field-toggle small, .cc-field-toggle .cc-field-error { grid-column: 1 / -1; }
.cc-toggle-input { width: 38px; height: 20px; accent-color: var(--cc-cyan); }
.cc-field-error, .errorlist { color: #ff7c82; font-size: 11px; }
.cc-form-errors { padding: 12px; border-left: 3px solid var(--cc-red); color: #ff8d92; background: rgba(125,39,43,.14); }
.cc-form-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 8px; border-top: 1px solid var(--cc-border-soft); }
.cc-help-panel { position: sticky; top: 90px; }
.cc-help-panel h2 { margin-top: 0; font-size: 15px; }
.cc-help-panel p, .cc-help-panel li { color: var(--cc-muted); font-size: 12px; line-height: 1.6; }
.cc-help-panel ul { padding-left: 18px; }
.cc-warning-box { padding: 13px; border: 1px solid #69501f; color: #f7d28c; background: rgba(87,61,15,.18); font-size: 11px; line-height: 1.55; }
.cc-assignment-panel { margin-top: 16px; }
.cc-assignment-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 370px); align-items: start; }
.cc-assignment-grid > .cc-form { border-left: 1px solid var(--cc-border); }
.cc-assignment-grid h3 { margin: 0; font-size: 14px; }
.cc-inline-revoke { min-width: 280px; display: flex; gap: 6px; }
.cc-inline-revoke .cc-control { min-height: 34px; }
.cc-inline-revoke .cc-button { min-height: 34px; }

.cc-control-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 390px); border: 1px solid var(--cc-border); background: rgba(11,24,36,.6); }
.cc-control-list { min-width: 0; border-right: 1px solid var(--cc-border); }
.cc-control-inspector { position: sticky; top: 70px; max-height: calc(100vh - 70px); overflow-y: auto; background: rgba(8,20,30,.92); }
.cc-list-toolbar { min-height: 64px; display: flex; gap: 8px; align-items: center; padding: 11px 14px; border-bottom: 1px solid var(--cc-border); }
.cc-list-toolbar input, .cc-list-toolbar select { min-height: 38px; padding: 0 10px; border: 1px solid var(--cc-border); color: var(--cc-text); background: #08141e; }
.cc-list-toolbar input { min-width: 240px; flex: 1; }
.cc-control-table .is-selected td { background: rgba(32,199,232,.065); }
.cc-control-table .is-selected td:first-child { box-shadow: inset 3px 0 var(--cc-cyan); }
.cc-inspector-header { min-height: 76px; display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--cc-border); }
.cc-inspector-header wa-icon { color: var(--cc-cyan); font-size: 25px; }
.cc-inspector-header .is-funifier { color: var(--cc-magenta); }
.cc-inspector-header h2 { margin: 0; font-size: 16px; }
.cc-inspector-header p { margin: 4px 0 0; color: var(--cc-cyan); font-size: 11px; }
.cc-inspector-form { padding: 17px; }
.cc-inspector-form .cc-form { padding: 0; }
.cc-inspector-empty { padding: 36px 20px; color: var(--cc-muted); text-align: center; }

.cc-detail-list { display: grid; gap: 0; margin: 0; }
.cc-detail-list div { display: grid; grid-template-columns: 130px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--cc-border-soft); }
.cc-detail-list dt { color: var(--cc-muted); }
.cc-detail-list dd { margin: 0; }
.cc-json { max-width: 360px; overflow: hidden; color: #b8c8d2; font-family: ui-monospace, monospace; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.cc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.cc-button:focus-visible,
.cc-icon-link:focus-visible,
.cc-mobile-menu:focus-visible,
.cc-navigation a:focus-visible,
.cc-metric:focus-visible,
.cc-feature-row:focus-visible {
  outline: 2px solid var(--cc-cyan);
  outline-offset: 2px;
}

.cc-form-panel { display: grid; gap: 18px; padding: 18px; }
.cc-callout { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; padding: 14px; border: 1px solid var(--cc-border); background: rgba(11,24,36,.75); }
.cc-callout wa-icon { margin-top: 2px; font-size: 19px; }
.cc-callout strong { display: block; }
.cc-callout p { margin: 4px 0 0; color: var(--cc-muted); line-height: 1.55; }
.cc-callout-warning { border-color: #69501f; color: var(--cc-amber); background: rgba(87,61,15,.18); }
.cc-page-stack { display: grid; gap: 16px; }
.cc-page-stack > * { scroll-margin-top: 88px; }
.cc-page-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 8px; border: 1px solid var(--cc-border); background: rgba(11,24,36,.72); }
.cc-page-tabs a { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid transparent; color: #cbd6de; text-decoration: none; font-size: 11px; font-weight: 600; }
.cc-page-tabs a:hover, .cc-page-tabs a:focus-visible { border-color: var(--cc-border); color: var(--cc-cyan); background: #08141e; outline: 0; }
.cc-page-tabs a span { min-width: 22px; padding: 2px 6px; border-radius: 999px; color: var(--cc-cyan); background: var(--cc-cyan-soft); text-align: center; font-size: 9px; }
.cc-two-column-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.cc-summary-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border-bottom: 1px solid var(--cc-border); background: rgba(255,255,255,.015); }
.cc-summary-strip > span { min-height: 66px; display: flex; flex-direction: column; justify-content: center; padding: 10px 16px; border-right: 1px solid var(--cc-border-soft); }
.cc-summary-strip > span:last-child { border-right: 0; }
.cc-summary-strip strong { font-size: 19px; }
.cc-summary-strip small { margin-top: 3px; color: var(--cc-muted); font-size: 10px; }
.cc-feature-policy-toolbar { justify-content: space-between; }
.cc-search-field { min-width: min(480px, 100%); flex: 1; display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 10px; border: 1px solid var(--cc-border); background: #08141e; }
.cc-search-field:focus-within { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgba(32,199,232,.1); }
.cc-search-field wa-icon { color: var(--cc-muted); }
.cc-search-field input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: var(--cc-text); background: transparent; }
.cc-filter-count { min-width: 76px; color: var(--cc-muted); font-size: 10px; text-align: right; }
.cc-feature-policy-table { min-width: 1380px; }
.cc-feature-policy-table .cc-button { min-height: 32px; padding: 0 10px; white-space: nowrap; font-size: 10px; }
.cc-channel-set { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.cc-channel-set span { padding: 3px 6px; border: 1px solid var(--cc-border-soft); color: #718696; background: #08131c; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.cc-channel-set .is-on { border-color: #176579; color: #5adef4; background: #092a34; }
.cc-command-row-compact { grid-template-columns: minmax(130px, .8fr) 90px minmax(150px, 1fr) 110px; }
.cc-guidance-list { display: grid; gap: 11px; margin: 0; padding-left: 18px; color: var(--cc-muted); font-size: 12px; line-height: 1.55; }
.talent-filters { grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(145px, .7fr)) auto; }
.talent-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 14px; align-items: start; }
.talent-readiness-rail { display: grid; gap: 14px; }
.talent-readiness-list { display: grid; margin: 0; }
.talent-readiness-list div { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 16px; border-top: 1px solid var(--cc-border-soft); }
.talent-readiness-list div:first-child { border-top: 0; }
.talent-readiness-list dt { display: flex; align-items: center; gap: 9px; color: var(--cc-muted); }
.talent-readiness-list dt wa-icon { width: 20px; color: var(--cc-cyan); font-size: 17px; }
.talent-readiness-list dd { margin: 0; text-align: right; font-weight: 600; }
.talent-readiness-list .is-warning { color: var(--cc-amber); }
.talent-policy-panel { margin-top: 14px; scroll-margin-top: 88px; }
.talent-policy-panel .cc-panel-header > div p { max-width: 760px; margin: 5px 0 0; color: var(--cc-muted); font-size: 11px; font-weight: 400; line-height: 1.5; }
.talent-detail-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr); gap: 14px; align-items: start; margin-top: 14px; }
.talent-status-applied, .talent-status-under_review { border-color: #16627a; color: #42d7f3; background: #082d3a; }
.talent-status-shortlisted, .talent-status-offered { border-color: #5e2a8f; color: #d78cff; background: #251038; }
.talent-status-contracted { border-color: #8c651d; color: #ffd071; background: #30220d; }
.talent-status-confirmed, .talent-status-completed { border-color: #1f705e; color: #57ddb9; background: #092820; }
.talent-status-declined, .talent-status-cancelled { border-color: #7d272b; color: #ff757b; background: #2b1114; }

@media (max-width: 1180px) {
  .cc-overview-head { grid-template-columns: 1fr; }
  .cc-command-layout { grid-template-columns: 1fr; }
  .cc-operations-layout { grid-template-columns: 1fr; }
  .cc-dashboard-grid { grid-template-columns: minmax(0, 1.5fr) minmax(260px, .75fr); }
  .cc-dashboard-grid > :last-child { grid-column: 1 / -1; }
  .cc-attention-list { grid-template-columns: repeat(3, 1fr); }
  .cc-service-status { display: none; }
  .talent-dashboard-grid { grid-template-columns: 1fr; }
  .talent-readiness-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .talent-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-two-column-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .cc-shell { grid-template-columns: 1fr; }
  .cc-sidebar { position: fixed; left: 0; width: 250px; transform: translateX(-102%); transition: transform .2s ease; box-shadow: 16px 0 45px rgba(0,0,0,.35); }
  .cc-nav-open .cc-sidebar { transform: translateX(0); }
  .cc-mobile-menu { display: grid; }
  .cc-main { padding: 22px 18px 38px; }
  .cc-metrics { grid-template-columns: repeat(2, 1fr); }
  .cc-metric:nth-child(2) { border-right: 0; }
  .cc-metric:nth-child(-n+2) { border-bottom: 1px solid var(--cc-border); }
  .cc-control-split { grid-template-columns: 1fr; }
  .cc-assignment-grid { grid-template-columns: 1fr; }
  .cc-assignment-grid > .cc-form { border-top: 1px solid var(--cc-border); border-left: 0; }
  .cc-control-list { border-right: 0; }
  .cc-control-inspector { position: static; max-height: none; border-top: 1px solid var(--cc-border); }
  .cc-top-user { display: none; }
  .talent-detail-grid { grid-template-columns: 1fr; }
  .cc-feature-policy-toolbar .cc-search-field { min-width: 100%; }
}

@media (max-width: 680px) {
  .cc-topbar { padding: 0 12px; }
  .cc-global-search { width: auto; flex: 1; }
  .cc-global-search kbd, .cc-top-actions a:last-child { display: none; }
  .cc-page-header { display: grid; }
  .cc-header-actions { width: 100%; }
  .cc-header-actions .cc-button { flex: 1; }
  .cc-metrics { grid-template-columns: 1fr; }
  .cc-metric { border-right: 0; border-bottom: 1px solid var(--cc-border); }
  .cc-metric:last-child { border-bottom: 0; }
  .cc-dashboard-grid, .cc-form-layout { grid-template-columns: 1fr; }
  .cc-attention-list { grid-template-columns: 1fr; }
  .cc-form-grid { grid-template-columns: 1fr; }
  .cc-help-panel { position: static; }
  .cc-filters > * { width: 100%; }
  .cc-list-toolbar { flex-wrap: wrap; }
  .cc-list-toolbar input, .cc-list-toolbar select { width: 100%; min-width: 0; }
  .cc-command-head { display: none; }
  .cc-command-row { grid-template-columns: 1fr auto; gap: 8px 12px; padding: 14px; }
  .cc-command-row > :nth-child(3) { grid-column: 1 / -1; }
  .cc-command-row .cc-button { grid-column: 1 / -1; }
  .cc-bridge-strip { grid-template-columns: 34px 1fr; }
  .cc-bridge-strip > .cc-tag { grid-column: 2; width: max-content; }
  .talent-readiness-rail, .talent-filters { grid-template-columns: 1fr; }
  .cc-page-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .cc-page-tabs a { justify-content: space-between; }
  .cc-summary-strip { grid-template-columns: 1fr; }
  .cc-summary-strip > span { border-right: 0; border-bottom: 1px solid var(--cc-border-soft); }
  .cc-summary-strip > span:last-child { border-bottom: 0; }
  .cc-filter-count { width: 100%; text-align: left; }
}

@media (max-width: 460px) {
  .cc-page-tabs { grid-template-columns: 1fr; }
}

/* Explicit role permission matrix */
.cc-role-selector-panel {
  margin-bottom: 18px;
  border: 1px solid var(--cc-border);
  background: var(--cc-surface);
}
.cc-role-selector {
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(190px, .7fr) minmax(260px, 1.3fr) auto;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--cc-border);
}
.cc-role-selector label,
.cc-role-selector small { display: block; }
.cc-role-selector label { color: var(--cc-text); font-weight: 700; }
.cc-role-selector small { margin-top: 4px; color: var(--cc-muted); font-size: 11px; }
.cc-role-selector select { min-height: 42px; }
.cc-role-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(110px, 1fr)) minmax(170px, auto);
  align-items: stretch;
}
.cc-role-summary > span {
  min-height: 68px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 15px;
  border-right: 1px solid var(--cc-border-soft);
}
.cc-role-summary > span:last-child { border-right: 0; }
.cc-role-summary strong { color: var(--cc-text); font-size: 20px; }
.cc-role-summary small { margin-top: 4px; color: var(--cc-muted); font-size: 10px; }
.cc-role-summary .cc-role-summary-status { flex-direction: row; align-items: center; gap: 6px; }

.cc-role-editor { display: grid; gap: 18px; }
.cc-role-warning { margin: 0; }
.cc-role-definition-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 18px; }
.cc-role-definition-grid .cc-panel { min-width: 0; }
.cc-role-definition-grid .cc-panel-header { min-height: 68px; }
.cc-role-definition-grid .cc-panel-header p,
.cc-role-governance-panel .cc-panel-header p { margin: 4px 0 0; color: var(--cc-muted); font-size: 11px; }

.cc-role-dropdown { position: relative; border: 1px solid var(--cc-border); background: #09151f; }
.cc-role-dropdown summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  cursor: pointer;
  list-style: none;
}
.cc-role-dropdown summary::-webkit-details-marker { display: none; }
.cc-role-dropdown summary span,
.cc-role-dropdown summary strong,
.cc-role-dropdown summary small { display: block; }
.cc-role-dropdown summary strong { font-size: 12px; }
.cc-role-dropdown summary small { margin-top: 3px; color: var(--cc-muted); font-size: 10px; }
.cc-role-dropdown[open] summary { border-bottom: 1px solid var(--cc-border); }
.cc-role-dropdown[open] summary wa-icon { transform: rotate(180deg); }
.cc-role-dropdown-menu { max-height: 290px; overflow-y: auto; padding: 6px; }
.cc-role-choice {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 9px;
  border: 1px solid transparent;
  cursor: pointer;
}
.cc-role-choice:hover { border-color: var(--cc-border); background: var(--cc-surface-raised); }
.cc-role-choice input { margin: 2px 0 0; accent-color: var(--cc-cyan); }
.cc-role-choice span,
.cc-role-choice strong,
.cc-role-choice small { display: block; }
.cc-role-choice strong { font-size: 12px; }
.cc-role-choice small { margin-top: 3px; color: var(--cc-muted); font-size: 10px; }
.cc-role-inheritance-note { display: flex; gap: 7px; margin: 12px 0 0; color: var(--cc-muted); font-size: 10px; line-height: 1.45; }
.cc-role-inheritance-note wa-icon { flex: 0 0 auto; color: var(--cc-cyan); }

.cc-permission-matrix-panel { overflow: hidden; }
.cc-permission-matrix-header {
  min-height: 94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--cc-border);
}
.cc-eyebrow { color: var(--cc-cyan); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cc-permission-matrix-header h2 { margin: 4px 0 0; font-size: 20px; }
.cc-permission-matrix-header p { margin: 6px 0 0; color: var(--cc-muted); line-height: 1.45; }
.cc-permission-count { min-width: 90px; padding-left: 18px; border-left: 1px solid var(--cc-border); text-align: right; }
.cc-permission-count strong,
.cc-permission-count span { display: block; }
.cc-permission-count strong { color: var(--cc-cyan); font-size: 27px; }
.cc-permission-count span { margin-top: 3px; color: var(--cc-muted); font-size: 10px; }
.cc-permission-toolbar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--cc-border); background: #09151f; }
.cc-permission-search { min-height: 40px; display: flex; align-items: center; gap: 9px; flex: 1; padding: 0 11px; border: 1px solid var(--cc-border); background: var(--cc-bg); }
.cc-permission-search:focus-within { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgba(32,199,232,.12); }
.cc-permission-search wa-icon { color: var(--cc-muted); }
.cc-permission-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--cc-text); background: transparent; }
.cc-permission-filterbar { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px; border-bottom: 1px solid var(--cc-border); background: rgba(7,16,24,.62); }
.cc-permission-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.cc-permission-filters button { min-height: 30px; padding: 0 10px; border: 1px solid var(--cc-border); color: var(--cc-muted); background: transparent; cursor: pointer; font-size: 10px; font-weight: 700; }
.cc-permission-filters button:hover { color: var(--cc-text); border-color: #436071; }
.cc-permission-filters button.is-active { color: var(--cc-cyan); border-color: var(--cc-cyan); background: var(--cc-cyan-soft); }
.cc-permission-visible { flex: 0 0 auto; color: var(--cc-muted); font-size: 10px; }
.cc-permission-visible strong { color: var(--cc-text); }
.cc-permission-empty { margin: 16px; padding: 24px; border: 1px dashed var(--cc-border); color: var(--cc-muted); text-align: center; }
.cc-permission-groups { display: grid; gap: 14px; padding: 16px; }
.cc-permission-group { overflow: hidden; border: 1px solid var(--cc-border); background: #09151f; }
.cc-permission-group[open] { border-color: #3f6073; }
.cc-permission-group > summary {
  min-height: 58px;
  padding: 12px 14px;
  color: var(--cc-text);
  background: var(--cc-surface-raised);
  cursor: pointer;
}
.cc-permission-group > summary::marker { color: var(--cc-cyan); }
.cc-permission-group > summary:hover { background: #102532; }
.cc-permission-group > summary:focus-visible { outline: 2px solid var(--cc-cyan); outline-offset: -2px; }
.cc-permission-group > summary > span:first-child { display: inline-block; margin-left: 5px; vertical-align: middle; }
.cc-permission-group summary strong,
.cc-permission-group summary small { display: block; }
.cc-permission-group summary strong { font-size: 13px; }
.cc-permission-group summary small { margin-top: 4px; color: var(--cc-muted); font-size: 9px; }
.cc-permission-review-label { float: right; margin: 6px 0 0 12px; color: var(--cc-cyan); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.cc-permission-application-body { display: grid; gap: 10px; padding: 10px; border-top: 1px solid var(--cc-border); }
.cc-permission-application-actions {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px;
  color: var(--cc-muted);
  background: var(--cc-bg);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cc-permission-application-actions > div { display: flex; flex-wrap: wrap; gap: 6px; }
.cc-permission-application-actions button,
.cc-permission-category-actions button { padding: 5px 7px; border: 1px solid var(--cc-border); color: var(--cc-cyan); background: transparent; cursor: pointer; font-size: 9px; font-weight: 700; }
.cc-permission-application-actions button:hover,
.cc-permission-category-actions button:hover { border-color: var(--cc-cyan); background: var(--cc-cyan-soft); }
.cc-permission-resource { overflow: hidden; border: 1px solid var(--cc-border-soft); }
.cc-permission-resource > header {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 13px;
  border-bottom: 1px solid var(--cc-border-soft);
  background: #0b1b26;
}
.cc-permission-resource h3 { margin: 0; font-size: 13px; }
.cc-permission-resource header small { display: block; margin-top: 3px; color: var(--cc-muted); font-size: 9px; }
.cc-permission-category-actions { display: flex; gap: 6px; }
.cc-permission-table { display: grid; }
.cc-permission-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: 58px minmax(260px, 1fr) 90px 120px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--cc-border-soft);
}
.cc-permission-row:last-child { border-bottom: 0; }
label.cc-permission-row { cursor: pointer; }
label.cc-permission-row:hover { background: rgba(32,199,232,.035); }
.cc-permission-head { min-height: 34px; color: #718696; background: #09151f; font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.cc-permission-check { display: flex; justify-content: center; }
.cc-permission-check input { width: 18px; height: 18px; accent-color: var(--cc-cyan); }
.cc-permission-copy { min-width: 0; }
.cc-permission-copy strong,
.cc-permission-copy code,
.cc-permission-copy small { display: block; }
.cc-permission-copy strong { font-size: 12px; }
.cc-permission-copy code { width: max-content; max-width: 100%; margin-top: 3px; overflow: hidden; color: var(--cc-cyan); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.cc-permission-copy small { margin-top: 4px; color: var(--cc-muted); font-size: 10px; line-height: 1.35; }
.cc-permission-source { display: flex; align-items: center; gap: 6px; }
.cc-permission-source > small { color: var(--cc-green); font-size: 9px; font-weight: 700; text-transform: uppercase; }

.cc-role-governance-panel { overflow: hidden; }
.cc-role-savebar { min-height: 62px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 11px 16px; border-top: 1px solid var(--cc-border); background: #09151f; }
.cc-role-save-state { margin-right: auto; color: var(--cc-muted); font-size: 10px; }
.cc-role-editor.is-dirty .cc-role-save-state { color: var(--cc-amber); }

@media (max-width: 1120px) {
  .cc-role-definition-grid { grid-template-columns: 1fr; }
  .cc-role-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-role-summary > span:nth-child(2n) { border-right: 0; }
  .cc-role-summary .cc-role-summary-status { grid-column: 1 / -1; border-top: 1px solid var(--cc-border-soft); }
}

@media (max-width: 760px) {
  .cc-banner-control { align-items: stretch; flex-direction: column; }
  .cc-banner-control form { justify-content: space-between; }
  .cc-role-selector { grid-template-columns: 1fr; }
  .cc-role-selector .cc-button { width: 100%; }
  .cc-role-summary { grid-template-columns: 1fr 1fr; }
  .cc-permission-matrix-header { align-items: flex-start; }
  .cc-permission-toolbar { align-items: stretch; flex-direction: column; }
  .cc-permission-filterbar { align-items: flex-start; flex-direction: column; }
  .cc-permission-row { grid-template-columns: 42px minmax(0, 1fr) 80px; }
  .cc-permission-row > :last-child { grid-column: 2 / -1; }
  .cc-permission-head { display: none; }
}

@media (max-width: 520px) {
  .cc-role-summary { grid-template-columns: 1fr; }
  .cc-role-summary > span { border-right: 0; border-bottom: 1px solid var(--cc-border-soft); }
  .cc-role-summary > span:last-child { border-bottom: 0; }
  .cc-permission-matrix-header { display: grid; }
  .cc-permission-count { padding: 0; border: 0; text-align: left; }
  .cc-permission-row { grid-template-columns: 34px minmax(0, 1fr); }
  .cc-permission-row > :nth-child(3),
  .cc-permission-row > :last-child { grid-column: 2; }
  .cc-permission-review-label { display: none; }
  .cc-permission-application-actions,
  .cc-permission-resource > header { align-items: stretch; flex-direction: column; }
  .cc-permission-application-actions > div,
  .cc-permission-category-actions { align-items: stretch; flex-direction: column; }
  .cc-role-savebar { align-items: stretch; flex-direction: column; }
}

/* Permission-aware data panels */
.cc-data-nav { margin: 0; }
.cc-data-nav > summary {
  min-height: 43px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto 12px;
  align-items: center;
  gap: 13px;
  padding: 0 18px;
  border-left: 3px solid transparent;
  color: #c9d3dc;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
  transition: color .15s ease, background .15s ease, border-color .15s ease;
}
.cc-data-nav > summary::-webkit-details-marker { display: none; }
.cc-data-nav > summary:hover { color: #fff; background: rgba(255,255,255,.035); }
.cc-data-nav > summary:focus-visible { outline: 2px solid var(--cc-cyan); outline-offset: -2px; }
.cc-data-nav > summary.is-active { color: var(--cc-cyan); border-left-color: var(--cc-cyan); background: linear-gradient(90deg, rgba(32,199,232,.14), transparent); }
.cc-data-nav > summary > wa-icon:first-child { width: 20px; font-size: 18px; }
.cc-data-nav-count {
  min-width: 22px;
  padding: 2px 6px;
  border: 1px solid var(--cc-border-soft);
  border-radius: 999px;
  color: var(--cc-muted);
  background: rgba(255,255,255,.025);
  font-size: 8px;
  font-weight: 700;
  text-align: center;
}
.cc-data-nav > summary.is-active .cc-data-nav-count { border-color: rgba(32,199,232,.28); color: var(--cc-cyan); background: var(--cc-cyan-soft); }
.cc-data-nav-chevron { color: var(--cc-muted); font-size: 10px; transition: transform .16s ease; }
.cc-data-nav[open] .cc-data-nav-chevron { transform: rotate(180deg); }
.cc-data-nav-items { margin: 1px 0 5px 29px; padding: 2px 0 4px; border-left: 1px solid var(--cc-border-soft); }
.cc-navigation .cc-data-nav-items a { min-height: 33px; gap: 9px; padding: 4px 12px; border-left-width: 2px; color: #aebcc7; font-size: 10px; }
.cc-navigation .cc-data-nav-items a:hover { color: #fff; }
.cc-navigation .cc-data-nav-items a wa-icon { width: 15px; font-size: 13px; }
.cc-navigation .cc-data-nav-items a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-navigation .cc-data-nav-items a small { margin-left: auto; color: var(--cc-muted); font-size: 8px; text-transform: uppercase; }

.cc-data-page-header .cc-tag { align-self: center; }
.cc-data-toolbar { min-height: 66px; display: flex; align-items: center; gap: 18px; margin-bottom: 16px; padding: 10px 14px; border: 1px solid var(--cc-border); background: var(--cc-surface); }
.cc-data-toolbar label { min-height: 42px; display: flex; flex: 1; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid var(--cc-border); background: var(--cc-bg); }
.cc-data-toolbar label:focus-within { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgba(32,199,232,.12); }
.cc-data-toolbar label wa-icon { color: var(--cc-muted); }
.cc-data-toolbar input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--cc-text); background: transparent; }
.cc-data-toolbar > span { color: var(--cc-muted); font-size: 11px; white-space: nowrap; }
.cc-data-toolbar > span strong { color: var(--cc-cyan); font-size: 17px; }
.cc-data-empty { padding: 24px; border: 1px dashed var(--cc-border); color: var(--cc-muted); text-align: center; }
.cc-data-empty[hidden], .cc-data-card[hidden] { display: none; }
.cc-data-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); gap: 14px; }
.cc-data-card { min-width: 0; min-height: 246px; display: flex; flex-direction: column; padding: 17px; border: 1px solid var(--cc-border); background: linear-gradient(145deg, var(--cc-surface), #091620); }
.cc-data-card:hover { border-color: #3a5669; transform: translateY(-1px); }
.cc-data-card > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cc-data-card-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #245265; color: var(--cc-cyan); background: var(--cc-cyan-soft); font-size: 17px; }
.cc-data-card h2 { margin: 16px 0 7px; font-size: 17px; }
.cc-data-card > p { margin: 0; color: var(--cc-muted); line-height: 1.55; }
.cc-data-card > small { margin-top: 8px; color: #6f8494; }
.cc-data-card footer { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 17px; }
.cc-data-card footer .cc-button { min-height: 34px; padding: 0 10px; font-size: 10px; }
.cc-data-zero-state { grid-column: 1 / -1; text-align: center; }
.cc-data-zero-state wa-icon { color: var(--cc-green); font-size: 30px; }

.cc-claim-review { margin-top: 22px; }
.cc-claim-review .cc-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.cc-claim-review .cc-panel-header h2 { margin: 0; }
.cc-claim-review .cc-panel-header p { margin: 4px 0 0; color: var(--cc-muted); }
.cc-claim-list { display: grid; }
.cc-claim-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr); gap: 22px; padding: 18px; border-top: 1px solid var(--cc-border-soft); }
.cc-claim-row h3 { margin: 5px 0 4px; }
.cc-claim-row p { margin: 0 0 8px; color: var(--cc-muted); }
.cc-claim-row blockquote { margin: 10px 0; padding: 9px 12px; border-left: 2px solid var(--cc-cyan); color: #cbd7df; background: var(--cc-bg); }
.cc-claim-row a { color: var(--cc-cyan); }
.cc-claim-actions { display: flex; align-items: end; gap: 7px; }
.cc-claim-actions form:first-child { flex: 1; }
.cc-claim-actions label, .cc-claim-actions label span { display: block; }
.cc-claim-actions label span { margin-bottom: 5px; color: var(--cc-muted); font-size: 9px; text-transform: uppercase; }
.cc-claim-actions input { width: 100%; min-height: 36px; margin-bottom: 7px; padding: 0 9px; border: 1px solid var(--cc-border); color: var(--cc-text); background: var(--cc-bg); }

@media (max-width: 900px) {
  .cc-data-toolbar, .cc-claim-row { grid-template-columns: 1fr; }
  .cc-data-toolbar { align-items: stretch; flex-direction: column; }
  .cc-claim-row { display: grid; }
}

@media (max-width: 600px) {
  .cc-data-card-grid { grid-template-columns: 1fr; }
  .cc-claim-actions { align-items: stretch; flex-direction: column; }
  .cc-claim-actions form, .cc-claim-actions button { width: 100%; }
}

.cc-form-section { min-width: 0; margin: 0; padding: 16px; border: 1px solid var(--cc-border-soft); }
.cc-form-section legend { padding: 0 7px; color: var(--cc-text); font-size: 13px; font-weight: 650; }
.cc-form-section > p { margin: -2px 0 14px; color: var(--cc-muted); font-size: 11px; line-height: 1.5; }
.cc-form-grid-toggles { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 760px) {
  .cc-form-section { padding: 13px; }
  .cc-form-grid-toggles { grid-template-columns: 1fr; }
}

/* Sliding navigation and profile-policy inspector */
.cc-shell { transition: grid-template-columns 260ms cubic-bezier(.2, .8, .2, 1); }
.cc-sidebar-collapse { width: 38px; height: 38px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid transparent; color: #c6d1da; background: transparent; cursor: pointer; }
.cc-sidebar-collapse:hover, .cc-sidebar-collapse:focus-visible { border-color: var(--cc-border); color: var(--cc-cyan); background: var(--cc-surface); outline: 0; }
.cc-sidebar-collapse wa-icon { transition: transform 220ms ease; }

@media (min-width: 901px) {
  .cc-shell.cc-sidebar-collapsed { grid-template-columns: 68px minmax(0, 1fr); }
  .cc-shell.cc-sidebar-collapsed .cc-sidebar { width: 68px; overflow: hidden; }
  .cc-shell.cc-sidebar-collapsed .cc-brand { justify-content: center; padding: 0; }
  .cc-shell.cc-sidebar-collapsed .cc-brand > span:last-child,
  .cc-shell.cc-sidebar-collapsed .cc-nav-group,
  .cc-shell.cc-sidebar-collapsed .cc-user-copy,
  .cc-shell.cc-sidebar-collapsed .cc-sidebar-footer .cc-icon-link { display: none; }
  .cc-shell.cc-sidebar-collapsed .cc-navigation { padding-top: 14px; }
  .cc-shell.cc-sidebar-collapsed .cc-navigation a { justify-content: center; min-height: 48px; padding: 0; border-left-width: 2px; font-size: 0; }
  .cc-shell.cc-sidebar-collapsed .cc-navigation wa-icon { width: auto; font-size: 19px; }
  .cc-shell.cc-sidebar-collapsed .cc-data-nav > summary { display: flex; justify-content: center; min-height: 48px; padding: 0; border-left-width: 2px; }
  .cc-shell.cc-sidebar-collapsed .cc-data-nav > summary span,
  .cc-shell.cc-sidebar-collapsed .cc-data-nav-count,
  .cc-shell.cc-sidebar-collapsed .cc-data-nav-chevron,
  .cc-shell.cc-sidebar-collapsed .cc-data-nav-items { display: none; }
  .cc-shell.cc-sidebar-collapsed .cc-sidebar-footer { justify-content: center; padding: 12px 0; }
  .cc-shell.cc-sidebar-collapsed .cc-sidebar-collapse wa-icon { transform: rotate(180deg); }
}

.cc-profile-policy-summary { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); margin-bottom: 14px; border: 1px solid var(--cc-border); background: var(--cc-surface); }
.cc-profile-policy-summary > div { min-height: 84px; display: flex; flex-direction: column; justify-content: center; padding: 13px 16px; border-right: 1px solid var(--cc-border-soft); }
.cc-profile-policy-summary > div:last-child { border-right: 0; }
.cc-profile-policy-summary span, .cc-profile-policy-summary small { color: var(--cc-muted); font-size: 10px; }
.cc-profile-policy-summary strong { margin-top: 4px; font-size: 23px; }
.cc-profile-policy-summary small { margin-top: 3px; }

.cc-profile-policy-layout { display: grid; grid-template-columns: minmax(580px, 1fr) 34px minmax(580px, 680px); gap: 8px; align-items: start; transition: grid-template-columns 260ms cubic-bezier(.2, .8, .2, 1); }
.cc-profile-policy-layout.is-right-collapsed { grid-template-columns: minmax(580px, 1fr) 34px 0; }
.cc-profile-policy-data { min-width: 0; overflow: hidden; border: 1px solid var(--cc-border); background: var(--cc-surface); }
.cc-profile-policy-toolbar { min-height: 58px; display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-bottom: 1px solid var(--cc-border); background: #09151f; }
.cc-profile-policy-toolbar label { min-width: 260px; flex: 1; display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px; border: 1px solid var(--cc-border); background: var(--cc-bg); }
.cc-profile-policy-toolbar label:focus-within { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgb(32 199 232 / 11%); }
.cc-profile-policy-toolbar label wa-icon { color: var(--cc-muted); }
.cc-profile-policy-toolbar input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--cc-text); background: transparent; }
.cc-profile-policy-toolbar select { min-height: 38px; padding: 0 9px; border: 1px solid var(--cc-border); color: var(--cc-text); background: var(--cc-bg); }
.cc-profile-policy-toolbar > span { flex: 0 0 auto; color: var(--cc-muted); font-size: 10px; }
.cc-profile-policy-table { min-width: 980px; }
.cc-profile-policy-table tr.is-selected td { background: rgb(32 199 232 / 7%); }
.cc-profile-policy-table tr.is-selected td:first-child { box-shadow: inset 3px 0 var(--cc-cyan); }
.cc-profile-audience { display: inline-flex; padding: 3px 7px; border: 1px solid var(--cc-border); color: var(--cc-muted); font-size: 10px; }
.cc-profile-audience.is-public { border-color: #176579; color: #5adef4; background: #092a34; }
.cc-profile-audience.is-connections { border-color: #1f705e; color: #57ddb9; background: #092820; }
.cc-profile-audience.is-friends { border-color: #5e2a8f; color: #d78cff; background: #251038; }

.cc-split-toggle { position: sticky; top: 86px; z-index: 8; display: grid; width: 34px; height: 46px; padding: 0; place-items: center; border: 1px solid var(--cc-border); color: var(--cc-muted); background: var(--cc-surface-raised); cursor: pointer; }
.cc-split-toggle:hover, .cc-split-toggle:focus-visible { border-color: var(--cc-cyan); color: var(--cc-cyan); outline: 0; }
.cc-split-toggle wa-icon { transition: transform 220ms ease; }
.cc-profile-policy-layout.is-right-collapsed .cc-split-toggle wa-icon { transform: rotate(180deg); }
.cc-profile-policy-inspector { min-width: 0; max-height: calc(100vh - 92px); overflow-y: auto; border: 1px solid var(--cc-border); background: var(--cc-surface); opacity: 1; transform: translateX(0); transition: opacity 170ms ease, transform 260ms cubic-bezier(.2, .8, .2, 1); scrollbar-width: thin; }
.cc-profile-policy-layout.is-right-collapsed .cc-profile-policy-inspector { overflow: hidden; opacity: 0; pointer-events: none; transform: translateX(24px); }
.cc-profile-inspector-head { display: flex; gap: 11px; align-items: center; min-height: 82px; padding: 14px 16px; border-bottom: 1px solid var(--cc-border); background: linear-gradient(100deg, var(--cc-cyan-soft), transparent); }
.cc-profile-field-icon { width: 42px; height: 42px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #176579; color: var(--cc-cyan); background: #092a34; font-size: 20px; }
.cc-profile-inspector-head span, .cc-profile-inspector-head p { color: var(--cc-muted); font-size: 9px; }
.cc-profile-inspector-head h2, .cc-profile-inspector-head p { margin: 0; }
.cc-profile-inspector-head h2 { margin: 3px 0; font-size: 17px; }
.cc-profile-guardrail, .cc-profile-hard-block { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid #176579; background: rgb(9 42 52 / 75%); }
.cc-profile-guardrail { margin: 12px; }
.cc-profile-guardrail wa-icon, .cc-profile-hard-block wa-icon { flex: 0 0 auto; margin-top: 2px; color: var(--cc-cyan); }
.cc-profile-guardrail p, .cc-profile-hard-block p { margin: 0; color: var(--cc-muted); font-size: 10px; line-height: 1.5; }
.cc-profile-guardrail strong, .cc-profile-hard-block strong { color: var(--cc-text); }
.cc-profile-policy-form { padding-top: 6px; }
.cc-profile-policy-form .cc-form-grid { gap: 10px; }
.cc-profile-policy-form .cc-choice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%; padding: 8px; border: 1px solid var(--cc-border); background: #08141e; }
.cc-profile-policy-form .cc-choice-list > div { min-width: 0; }
.cc-profile-policy-form .cc-choice-list label { min-height: 36px; display: flex; gap: 8px; align-items: center; padding: 7px 9px; border: 1px solid var(--cc-border-soft); color: var(--cc-muted); font-size: 10px; cursor: pointer; }
.cc-profile-policy-form .cc-choice-list label:hover { border-color: #315366; color: var(--cc-text); background: #0b1b27; }
.cc-profile-policy-form .cc-choice-list input[type="checkbox"] { width: 16px; height: 16px; min-width: 16px; min-height: 16px; flex: 0 0 16px; margin: 0; padding: 0; accent-color: var(--cc-cyan); }
.cc-profile-policy-form .cc-toggle-input { width: 30px; height: 17px; margin: 0; padding: 0; accent-color: var(--cc-cyan); }
.cc-profile-role-fieldset { margin: 0; padding: 12px; border: 1px solid var(--cc-border); }
.cc-profile-role-fieldset legend { padding: 0 6px; color: var(--cc-text); font-size: 11px; font-weight: 700; }
.cc-profile-role-fieldset > p { margin: 0 0 10px; color: var(--cc-muted); font-size: 10px; line-height: 1.5; }
.cc-profile-overrides { border-top: 1px solid var(--cc-border); }
.cc-profile-overrides > header { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 13px 14px; background: #09151f; }
.cc-profile-overrides h3, .cc-profile-overrides p { margin: 0; }
.cc-profile-overrides h3 { font-size: 13px; }
.cc-profile-overrides p { margin-top: 3px; color: var(--cc-muted); font-size: 9px; }
.cc-profile-overrides article { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 11px 14px; border-top: 1px solid var(--cc-border-soft); }
.cc-profile-overrides article strong, .cc-profile-overrides article small { display: block; }
.cc-profile-overrides article strong { font-size: 11px; }
.cc-profile-overrides article small { margin-top: 3px; color: var(--cc-muted); font-size: 9px; }
.cc-profile-override-actions { display: flex; gap: 4px; }
.cc-profile-override-actions form { margin: 0; }
.cc-profile-override-actions button { padding: 0; }
.cc-profile-no-overrides { padding: 24px 14px; border-top: 1px solid var(--cc-border-soft); color: var(--cc-muted); font-size: 10px; text-align: center; }
.cc-profile-hard-block { margin-top: 14px; border-color: #69501f; background: rgb(87 61 15 / 16%); }
.cc-profile-hard-block wa-icon { color: var(--cc-amber); }

@media (max-width: 1450px) {
  .cc-profile-policy-layout, .cc-profile-policy-layout.is-right-collapsed { grid-template-columns: minmax(0, 1fr) 34px 0; }
  .cc-profile-policy-inspector { position: fixed; z-index: 40; top: 78px; right: 10px; bottom: 10px; width: min(680px, calc(100vw - 52px)); max-height: none; box-shadow: -20px 28px 70px rgb(0 0 0 / 50%); }
  .cc-profile-policy-layout:not(.is-right-collapsed) .cc-profile-policy-inspector { opacity: 1; transform: translateX(0); pointer-events: auto; }
  .cc-profile-policy-layout.is-right-collapsed .cc-profile-policy-inspector { transform: translateX(calc(100% + 24px)); }
}

@media (max-width: 900px) {
  .cc-sidebar-collapse { display: none; }
  .cc-profile-policy-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-profile-policy-summary > div:nth-child(2n) { border-right: 0; }
  .cc-profile-policy-summary > div:nth-child(-n + 2) { border-bottom: 1px solid var(--cc-border-soft); }
}

@media (max-width: 620px) {
  .cc-profile-policy-summary { grid-template-columns: 1fr; }
  .cc-profile-policy-summary > div { border-right: 0; border-bottom: 1px solid var(--cc-border-soft); }
  .cc-profile-policy-toolbar { align-items: stretch; flex-direction: column; }
  .cc-profile-policy-toolbar label { min-width: 0; }
  .cc-profile-policy-inspector { top: 70px; right: 0; bottom: 0; width: 100vw; border-right: 0; border-bottom: 0; border-left: 0; }
  .cc-profile-policy-form .cc-choice-list { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .cc-shell, .cc-sidebar, .cc-sidebar-collapse wa-icon, .cc-profile-policy-layout, .cc-profile-policy-inspector, .cc-split-toggle wa-icon { transition: none; }
}

/* Account-linked talent, vendor, and venue profile workflows */
.cc-profile-form { display: grid; gap: 16px; }
.cc-account-picker { border: 1px solid var(--cc-border); background: linear-gradient(135deg, rgba(11, 52, 69, .58), rgba(11, 24, 36, .82) 42%, rgba(11, 24, 36, .72)); }
.cc-account-picker-header { min-height: 84px; display: flex; align-items: center; gap: 13px; padding: 15px 18px; border-bottom: 1px solid var(--cc-border); }
.cc-account-picker-header h2, .cc-account-picker-header p { margin: 0; }
.cc-account-picker-header h2 { font-size: 18px; }
.cc-account-picker-header p { max-width: 860px; margin-top: 5px; color: var(--cc-muted); font-size: 11px; line-height: 1.5; }
.cc-account-picker-icon { width: 44px; height: 44px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #176579; color: var(--cc-cyan); background: #092a34; font-size: 20px; }
.cc-account-picker-grid { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(340px, 1.28fr) minmax(240px, .72fr); gap: 14px; align-items: stretch; padding: 16px; }
.cc-account-search-column, .cc-account-select-column, .cc-account-selection { min-width: 0; display: grid; align-content: start; gap: 7px; }
.cc-account-search-column > label, .cc-account-select-column > label { color: #dbe4ea; font-size: 12px; font-weight: 600; }
.cc-account-select-column > label span { color: var(--cc-cyan); }
.cc-account-search { min-height: 43px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--cc-border); background: #08141e; }
.cc-account-search:focus-within { border-color: var(--cc-cyan); box-shadow: 0 0 0 2px rgba(32, 199, 232, .1); }
.cc-account-search wa-icon { color: var(--cc-muted); }
.cc-account-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--cc-text); background: transparent; }
.cc-account-search button { padding: 3px 0; border: 0; color: var(--cc-cyan); background: transparent; cursor: pointer; font-size: 10px; }
.cc-account-search-column small { color: var(--cc-muted); font-size: 10px; line-height: 1.45; }
.cc-account-select-column select { min-height: 210px; padding: 4px; overflow-y: auto; scrollbar-color: #456579 #08141e; scrollbar-width: thin; }
.cc-account-select-column option { padding: 8px 9px; }
.cc-account-select-column option:checked { color: #03131a; background: var(--cc-cyan); }
.cc-account-selection { align-content: center; padding: 15px; border: 1px solid var(--cc-border); background: rgba(5, 14, 21, .52); }
.cc-account-selection > span { color: var(--cc-cyan); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cc-account-selection strong { overflow-wrap: anywhere; font-size: 15px; line-height: 1.4; }
.cc-account-selection p { margin: 3px 0 0; color: var(--cc-muted); font-size: 10px; line-height: 1.5; }
.cc-account-picker.has-account .cc-account-selection { border-color: #176579; background: rgba(9, 42, 52, .62); }
.cc-profile-form-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); gap: 16px; align-items: start; }
.cc-form-section > .cc-panel-header > wa-icon { flex: 0 0 auto; color: var(--cc-cyan); font-size: 20px; }
.cc-form-section > .cc-form-grid { padding: 16px; }
.cc-form-section-audit { grid-column: 1 / -1; }
.cc-profile-form-actions { position: sticky; z-index: 9; bottom: 0; padding: 12px; border: 1px solid var(--cc-border); background: rgba(7, 16, 24, .96); box-shadow: 0 -12px 28px rgba(0, 0, 0, .2); backdrop-filter: blur(10px); }
.cc-related-profile-records { margin-top: 16px; }
.cc-profile-table { min-width: 1040px; }

@media (max-width: 1180px) {
  .cc-account-picker-grid { grid-template-columns: minmax(220px, .75fr) minmax(320px, 1.25fr); }
  .cc-account-selection { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .cc-account-picker-header { align-items: flex-start; }
  .cc-account-picker-grid { grid-template-columns: 1fr; padding: 12px; }
  .cc-account-selection { grid-column: auto; }
  .cc-account-select-column select { min-height: 180px; }
  .cc-profile-form-actions { display: grid; grid-template-columns: 1fr; }
  .cc-profile-form-actions .cc-button { width: 100%; }
}