/* Admin-only density layer. Never loaded by the TV display shell. */
.cc-shell[data-active-page]:not([data-active-page="overview"]) .cc-content { gap:12px; padding:16px 20px 24px; }
.cc-shell[data-active-page]:not([data-active-page="overview"]) .cc-content :is(.cc-panel,.posters-panel,.onsite-panel,.hb-admin-section,.hb-admin-preview-panel) { border-radius:12px; box-shadow:none; }
.cc-shell[data-active-page]:is([data-active-page="interaction"],[data-active-page="audit"],[data-active-page="apk"]) .cc-content > .cc-panel { padding:16px 18px; }
.cc-shell[data-active-page="devices"] .cc-devices-page { gap:12px; }
.cc-shell[data-active-page="devices"] .ad-page-heading h2 { margin-bottom:4px; font-size:24px; }
.cc-shell[data-active-page="devices"] .ad-account-card { grid-template-columns:minmax(0,1fr); gap:14px; padding:18px; border-radius:12px; }
.cc-shell[data-active-page="devices"] .ad-account-identity { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); gap:8px 24px; align-items:center; }
.cc-shell[data-active-page="devices"] .ad-account-heading { gap:12px; }
.cc-shell[data-active-page="devices"] .ad-avatar { width:48px; height:48px; border-radius:12px; font-size:22px; }
.cc-shell[data-active-page="devices"] .ad-account-heading h3 { margin:3px 0; font-size:20px; }
.cc-shell[data-active-page="devices"] .ad-account-facts { margin:0; gap:16px; }
.cc-shell[data-active-page="devices"] .ad-account-facts dt { margin-bottom:5px; }
.cc-shell[data-active-page="devices"] .ad-account-facts dd { font-size:14px; }
.cc-shell[data-active-page="devices"] .ad-fine-print { grid-column:1/-1; line-height:1.5; }
.cc-shell[data-active-page="devices"] .ad-plan-card { display:grid; grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) auto; gap:4px 20px; align-items:center; padding:12px 16px; border-radius:10px; }
.cc-shell[data-active-page="devices"] .ad-plan-heading { grid-column:1; grid-row:1; }
.cc-shell[data-active-page="devices"] .ad-plan-mark { display:none; }
.cc-shell[data-active-page="devices"] .ad-plan-card h3 { grid-column:1; grid-row:2; margin:0; font-size:20px; }
.cc-shell[data-active-page="devices"] .ad-plan-expiry { grid-column:2; grid-row:1/3; gap:5px 12px; }
.cc-shell[data-active-page="devices"] .ad-plan-expiry strong { font-size:16px; }
.cc-shell[data-active-page="devices"] .ad-plan-footer { grid-column:3; grid-row:1/3; gap:8px; margin:0; }
.cc-shell[data-active-page="devices"] #devices.ad-device-section { padding:16px 18px; border-radius:12px; }
.cc-shell[data-active-page="devices"] .ad-device-section-heading { gap:12px; margin-bottom:12px; }
.cc-shell[data-active-page="devices"] .ad-device-section-heading h3 { margin-bottom:4px; font-size:18px; }
.cc-shell[data-active-page="devices"] .ad-device-list { grid-template-columns:minmax(0,1fr); gap:0; }
.cc-shell[data-active-page="devices"] .ad-device-card { align-items:center; gap:12px; padding:12px 0; border:0; border-top:1px solid #e7ecf2; border-radius:0; }
.cc-shell[data-active-page="devices"] .ad-device-number { width:36px; height:36px; border-radius:9px; font-size:13px; }
.cc-shell[data-active-page="devices"] .ad-device-body { display:grid; grid-template-columns:minmax(200px,1fr) minmax(170px,.6fr) auto; gap:4px 18px; align-items:center; }
.cc-shell[data-active-page="devices"] .ad-device-heading { grid-column:1; grid-row:1; justify-content:flex-start; gap:12px; }
.cc-shell[data-active-page="devices"] .ad-device-heading strong { font-size:15px; }
.cc-shell[data-active-page="devices"] .ad-device-location { grid-column:1; grid-row:2; margin:0; font-size:13px; }
.cc-shell[data-active-page="devices"] .ad-device-last-seen { grid-column:2; grid-row:1/3; margin:0; font-size:12px; }
.cc-shell[data-active-page="devices"] .ad-device-actions { grid-column:3; grid-row:1/3; margin:0; gap:8px; }
.cc-shell[data-active-page="devices"] .ad-device-more { margin-left:0; }
.cc-shell[data-active-page="devices"] .ad-device-more summary { padding:8px 10px; min-width:36px; min-height:36px; text-align:center; }
.cc-shell[data-active-page="devices"] .dq-device-button { min-height:36px; padding-inline:12px; border-radius:8px; }
.cc-shell[data-active-page="devices"] .ad-device-note { margin-top:10px; }
.cc-shell[data-active-page="devices"] #cc-tv-quota { margin-top:12px; }
.cc-shell[data-active-page="devices"] #cc-tv-quota .cc-tv-quota-summary { gap:12px; padding:10px 12px; border-radius:9px; }
.cc-shell[data-active-page="devices"] .ad-help-row { gap:12px; padding:12px 18px; border-radius:12px; }
.cc-shell[data-active-page="market"] .cc-market-grid:not(.is-voice-layout) { grid-template-columns:minmax(0,1fr); gap:12px; }
.cc-shell[data-active-page="market"] .cc-market-theme-card { display:grid; grid-template-columns:clamp(240px,22vw,360px) minmax(0,1fr); border-radius:12px; align-items:center; box-shadow:none; }
.cc-shell[data-active-page="market"] .cc-market-theme-card .cc-market-preview-shell { width:100%; min-width:0; }
.cc-shell[data-active-page="market"] .cc-market-theme-card .cc-market-card-body { display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; align-items:center; padding:14px 18px; gap:8px 20px; }
.cc-shell[data-active-page="market"] .cc-market-theme-card .cc-market-card-body > :not(.cc-market-card-actions) { grid-column:1; }
.cc-shell[data-active-page="market"] .cc-market-theme-card .cc-market-card-actions { grid-column:2; grid-row:1/5; display:flex; align-self:center; }
.cc-shell[data-active-page="market"] .cc-market-card-title h3 { font-size:18px; }
.cc-shell[data-active-page="market"] .cc-market-card-body > p { margin:4px 0; }
.cc-shell[data-active-page="market"] .cc-market-card-actions { gap:8px; }
.cc-shell[data-active-page="market"] .cc-market-card-actions button { min-height:36px; font-size:13px; }
.cc-shell[data-active-page="market"] .cc-market-toolbar { padding:10px 14px; border-radius:12px; }
.cc-shell[data-active-page="market"] .cc-market-card:hover { transform:none; }
.cc-shell[data-active-page="posters"] .posters-panel { padding:16px; }
.cc-shell[data-active-page="posters"] .cc-posters-page > :is(.posters-panel,.poster-status-bar,.poster-text-strip) { margin-top:12px; }
.cc-shell[data-active-page="posters"] .posters-panel-heading { margin-bottom:12px; gap:10px; }
.cc-shell[data-active-page="posters"] .posters-panel-heading h3 { font-size:18px; }
.cc-shell[data-active-page="posters"] .poster-quick-drop { min-height:88px; padding:12px 16px; }
.cc-shell[data-active-page="posters"] .poster-image-grid { grid-template-columns:repeat(auto-fill,minmax(170px,210px)); gap:10px; }
.cc-shell[data-active-page="onsite"] .onsite-panel { padding:16px; }
.cc-shell[data-active-page="onsite"] .cc-onsite-page .onsite-empty { min-height:140px; padding:24px 16px; gap:12px; }
.cc-shell[data-active-page="onsite"] :is(.onsite-grid,.onsite-photo-grid,.hb-admin-form) { gap:12px; }
.cc-shell[data-active-page="onsite"] .onsite-tabs { margin-bottom:12px; }
.cc-shell[data-active-page="onsite"] .onsite-workspace-toolbar { gap:12px; margin-bottom:12px; }
.cc-shell[data-active-page="onsite"] :is(.hb-admin-section,.hb-admin-preview-panel,.hb-admin-card) { padding:16px; }
.cc-shell[data-active-page="onsite"] .hb-admin-toolbar { padding:14px 18px; margin-bottom:12px; border-radius:12px; box-shadow:none; }
.cc-shell[data-active-page="onsite"] .hb-admin-fields { gap:12px; }
.cc-shell[data-active-page="store-display"] .cc-smart-welcome-access { padding:12px 16px; min-height:0; border-radius:12px; }
.cc-shell[data-active-page="store-display"] .cc-store-display-page { gap:12px; }
@media(max-width:1100px) {
  .cc-shell[data-active-page="market"] .cc-market-theme-card .cc-market-card-body { grid-template-columns:minmax(0,1fr); }
  .cc-shell[data-active-page="market"] .cc-market-theme-card .cc-market-card-actions { grid-column:1; grid-row:auto; }
  .cc-shell[data-active-page="devices"] .ad-device-body { grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; }
  .cc-shell[data-active-page="devices"] .ad-device-last-seen { grid-column:1; grid-row:3; }
  .cc-shell[data-active-page="devices"] .ad-device-actions { grid-column:2; grid-row:1/4; }
  .cc-shell[data-active-page="devices"] .ad-plan-footer { flex-direction:column; align-items:flex-start; }
}
@media(max-width:820px) {
  .cc-shell[data-active-page]:not([data-active-page="overview"]) .cc-content { padding:12px 14px 20px; }
  .cc-shell[data-active-page="devices"] .ad-account-identity { grid-template-columns:minmax(0,1fr); gap:12px; }
  .cc-shell[data-active-page="devices"] .ad-plan-card { grid-template-columns:minmax(0,1fr); gap:8px; }
  .cc-shell[data-active-page="devices"] :is(.ad-plan-heading,.ad-plan-card h3,.ad-plan-expiry,.ad-plan-footer) { grid-column:1; grid-row:auto; }
  .cc-shell[data-active-page="devices"] .ad-plan-footer { flex-direction:row; margin-top:4px; }
  .cc-shell[data-active-page="devices"] .ad-device-body { grid-template-columns:minmax(0,1fr); gap:5px; }
  .cc-shell[data-active-page="devices"] .ad-device-actions { grid-column:1; grid-row:4; margin-top:6px; }
  .cc-shell[data-active-page="devices"] .ad-device-card { align-items:flex-start; padding-block:14px; }
  .cc-shell[data-active-page="devices"] .dq-device-button { min-height:44px; }
  .cc-shell[data-active-page="devices"] .ad-device-more summary { min-width:44px; min-height:44px; padding:12px; }
  .cc-shell[data-active-page="market"] .cc-market-theme-card { grid-template-columns:minmax(0,1fr); }
  .cc-shell[data-active-page="market"] .cc-market-card-actions button { min-height:44px; }
  .cc-shell[data-active-page="posters"] .poster-image-grid { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
}

/* Existing voice editor: wrap fixed Vivi audition controls on narrow screens. */
.cc-vivi-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.cc-vivi-samples[hidden]{display:none}.cc-vivi-samples button{width:100%;min-width:0;min-height:44px}
@media(max-width:700px){.cc-vivi-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}