.cc-shell[data-active-page="devices"] .cc-devices-page { display:grid; gap:18px; min-width:0; }
.cc-shell[data-active-page="devices"] .ad-page-heading h2 { font-size:26px; margin:0 0 6px; }
.ad-workspace { min-width:0; background:#fff; border:1px solid #e1e7ef; border-radius:12px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; padding:20px 24px; border:0; border-radius:0; background:none; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-identity { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-content:start; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-heading { gap:12px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-avatar { width:44px; height:44px; border-radius:12px; font-size:21px; color:#a77a33; background:#f7f0e4; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-heading h3 { margin:2px 0 4px; font-size:19px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-facts { display:flex; gap:28px; margin:0; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-facts > div { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-facts dt { margin:0; font-size:12px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-account-facts dd { font-size:13px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 16px; align-content:start; align-items:start; padding:0 0 0 28px; border-left:1px solid #e8ecf2; border-radius:0; background:none; color:#203040; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-heading { grid-column:1; grid-row:1; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-card .ad-eyebrow { color:#8c774f; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-card h3 { grid-column:1; grid-row:2; margin:0; font-size:20px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-expiry { grid-column:1; grid-row:3; display:flex; flex-direction:column; gap:5px; margin:4px 0 0; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-expiry strong { font-size:14px; color:#203040; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-expiry span { color:#768397; font-size:12px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-footer { grid-column:2; grid-row:1/4; display:flex; flex-direction:column; align-items:flex-end; margin:0; gap:8px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-footer > span { color:#8b96a5; font-size:12px; }
.cc-shell[data-active-page="devices"] .ad-workspace #devices.ad-device-section { padding:24px; border:0; border-top:1px solid #e8ecf2; border-radius:0; overflow:visible; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-section-heading { margin:0 0 16px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-section-heading h3 { font-size:18px; }
.ad-device-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.ad-device-filters { display:flex; gap:4px; padding:4px; border-radius:9px; background:#f4f6f9; }
.ad-device-filters button { min-height:32px; border:0; border-radius:6px; padding:0 14px; font:inherit; font-size:13px; color:#748095; background:none; cursor:pointer; }
.ad-device-filters button[aria-pressed="true"] { color:#fff; background:#1c2a39; }
.ad-device-search { min-width:0; width:280px; }
.ad-device-search input { box-sizing:border-box; width:100%; min-height:40px; padding:8px 12px; border:1px solid #e0e6ed; border-radius:9px; font:inherit; font-size:13px; background:#fff; color:#203040; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-list { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-card { display:flex; align-items:center; gap:14px; padding:16px 0; border:0; border-top:1px solid #edf0f4; border-radius:0; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,.5fr) auto; gap:5px 18px; align-items:center; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-heading { grid-column:1; grid-row:1; justify-content:flex-start; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-location { grid-column:1; grid-row:2; margin:0; font-size:13px; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-last-seen { grid-column:2; grid-row:1/3; margin:0; font-size:12px; color:#8995a5; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-device-actions { grid-column:3; grid-row:1/3; margin:0; }
.cc-shell[data-active-page="devices"] .ad-workspace .dq-device-button { min-height:38px; border-radius:8px; gap:6px; font-size:13px; }
.cc-shell[data-active-page="devices"] .ad-workspace .dq-device-button-gold { background:#f5ecd9; border-color:#e7d6b6; color:#88672f; }
.cc-shell[data-active-page="devices"] .ad-workspace #cc-tv-quota { margin-top:18px; }
.cc-shell[data-active-page="devices"] .ad-workspace #cc-tv-quota .cc-tv-quota-summary { padding:14px 16px; background:#f7f9fb; border-color:#e7ecf2; border-radius:9px; }
.cc-shell[data-active-page="devices"] .ad-workspace #cc-tv-quota .cc-tv-quota-summary > button { border-color:#d8e0e8; color:#41546a; background:#fff; font-size:12px; }
.ad-support { padding:0 24px; border-top:1px solid #e8ecf2; }
.ad-support > summary { display:flex; justify-content:space-between; gap:12px; padding:18px 0; cursor:pointer; list-style:none; font-size:13px; color:#556579; }
.ad-support > summary::-webkit-details-marker { display:none; }
.ad-support > summary::after { content:'＋'; }
.ad-support[open] > summary::after { content:'－'; }
.cc-shell[data-active-page="devices"] .ad-workspace .ad-help-row { padding:0 0 16px; border:0; border-radius:0; }
.cc-shell[data-active-page="devices"] .ad-workspace .cc-device-advanced { margin:0 0 20px; border:0; border-top:1px solid #edf0f4; padding:16px 0 0; border-radius:0; box-shadow:none; }
.ad-workspace .ad-no-match { padding:28px 16px; text-align:center; color:#748195; font-size:13px; }
.ad-workspace [hidden] { display:none!important; }
.ad-workspace :is(button,a,input,summary):focus-visible { outline:3px solid #bdccdd; outline-offset:3px; }
@media(max-width:1100px) {
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-account-card { gap:20px; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-footer { grid-column:1; grid-row:4; flex-direction:row; align-items:center; flex-wrap:wrap; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-device-body { grid-template-columns:minmax(0,1fr) auto; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-device-last-seen { grid-column:1; grid-row:3; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-device-actions { grid-column:2; grid-row:1/4; }
}
@media(max-width:820px) {
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-account-card { grid-template-columns:minmax(0,1fr); padding:18px; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-plan-card { border-left:0; border-top:1px solid #e8ecf2; padding:18px 0 0; }
 .cc-shell[data-active-page="devices"] .ad-workspace #devices.ad-device-section { padding:18px; }
 .ad-device-toolbar { flex-direction:column; align-items:stretch; }
 .ad-device-search { width:100%; }
 .ad-device-filters button { min-height:44px; flex:1; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-device-body { grid-template-columns:minmax(0,1fr); }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-device-actions { grid-column:1; grid-row:4; margin-top:6px; }
 .cc-shell[data-active-page="devices"] .ad-workspace .ad-device-card { align-items:flex-start; }
 .cc-shell[data-active-page="devices"] .ad-workspace .dq-device-button { min-height:44px; }
 .ad-support { padding:0 18px; }
 .ad-support > summary { min-height:44px; align-items:center; padding:8px 0; }
}
@media(prefers-reduced-motion:reduce) { .ad-workspace * { animation:none!important; transition:none!important; } }