/* Shared surface hierarchy. Color stays owned by native-themes; motion by aurora-motion. */
body.aurora-hub {
 --ui-radius:18px;--ui-control-radius:12px;
 --ui-hairline:color-mix(in srgb,var(--ink) 7%,transparent);
 --ui-shadow:0 8px 28px color-mix(in srgb,var(--bg) 62%,transparent);
 --ui-glass:color-mix(in srgb,var(--panel) 90%,transparent);
 --ui-ease:cubic-bezier(.22,1,.36,1);
 -webkit-font-smoothing:antialiased;
}
body.aurora-hub .topbar {
 background:var(--ui-glass);border-color:var(--ui-hairline);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body.aurora-hub .sidebar {
 background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--bg) 58%);
 border-color:var(--ui-hairline);
}
body.aurora-hub .brand-mark {
 background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 25%,var(--panel)),var(--pw-soft));
 border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));
 box-shadow:inset 0 1px 0 var(--ui-hairline),0 4px 14px color-mix(in srgb,var(--accent) 10%,transparent);
}
body.aurora-hub .sidebar nav a {
 border-radius:12px;position:relative;min-height:38px;
 transition:background-color 160ms var(--ui-ease),color 160ms var(--ui-ease),border-color 160ms var(--ui-ease);
}
body.aurora-hub .sidebar nav a.active {
 background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)));
 border-color:color-mix(in srgb,var(--accent) 26%,var(--border));color:var(--ink);
 box-shadow:inset 3px 0 0 var(--accent),inset 0 1px 0 var(--ui-hairline);
}
body.aurora-hub .sidebar nav a.active .cc-icon {color:var(--accent)}
body.aurora-hub .pw-nav-section {letter-spacing:.12em;color:var(--muted);opacity:1}
body.aurora-hub :is(.cc-new-chat,.link-button,.cc-primary,.ix-search-submit) {
 border-radius:var(--ui-control-radius);
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent),0 3px 9px color-mix(in srgb,var(--accent) 12%,transparent);
}
body.aurora-hub :is(.cc-secondary,.ex-action,.mc-page-button,.tp-control,.sw-control,.ix-button,.audra-button) {
 border-radius:var(--ui-control-radius);
 background:linear-gradient(150deg,color-mix(in srgb,var(--ink) 3%,var(--pw-elevated)),var(--pw-elevated));
 box-shadow:inset 0 1px 0 var(--ui-hairline);
}
body.aurora-hub :is(.cc-close,.au-nav-open,#pw-phone-menu) {border-radius:50%}
body.aurora-hub :is(button,a[href],summary) {touch-action:manipulation}
body.aurora-hub :is(button,a[href],summary):focus-visible {
 outline:2px solid var(--accent);outline-offset:3px;
}
body.aurora-hub.pw-product:not([data-view="chat"]) :is(.page-head,.cc-page-heading,.ex-workspace-head,.as-heading,.hw-heading,.audra-header) {
 margin-bottom:18px;gap:16px;align-items:center;
}
body.aurora-hub.pw-product:not([data-view="chat"]) .cc-page-heading {display:flex;justify-content:space-between}
body.aurora-hub.pw-product:not([data-view="chat"]) :is(.page-head,.cc-page-heading,.ex-workspace-head) h1 {
 font-size:28px;font-weight:650;letter-spacing:-.8px;
}
body.aurora-hub.pw-product:not([data-view="chat"]) :is(.page-head,.cc-page-heading,.ex-workspace-head) p {
 color:var(--muted);font-size:13px;line-height:1.5;max-width:65ch;margin-bottom:0;
}
body.aurora-hub.pw-product:not([data-view="chat"]) :is(.cc-machine-card,.cc-container-card,.pw-vm-card,.mc-app-card,.gw-repository-card,.sw-card,.fr-card,.fw-file-card,.hw-profile,.as-card) {
 border-radius:var(--ui-radius);
 border-color:color-mix(in srgb,var(--ink) 11%,var(--panel));
 background:linear-gradient(155deg,color-mix(in srgb,var(--ink) 2%,var(--panel)),var(--panel) 65%);
 box-shadow:inset 0 1px 0 var(--ui-hairline),0 2px 4px color-mix(in srgb,var(--bg) 24%,transparent);
}
body.aurora-hub.pw-product:not([data-view="chat"]) :is(.cc-filters,.ex-filter-bar,.mc-toolbar,.gw-toolbar,.fw-toolbar) {
 border:1px solid var(--ui-hairline);border-radius:16px;background:var(--ui-glass);padding:9px;
}
body.aurora-hub :is(.ex-search,.cc-search,.fw-file-search,.audra-search) {border-radius:12px}
body.aurora-hub :is(.ex-area-tabs,.ex-detail-tabs,.pw-workspace-tabs,.mc-segment,.sw-tabs,.hw-tabs,.fw-files-tabs) {
 scrollbar-width:thin;scroll-padding-inline:8px;
}
body.aurora-hub :is(.ex-area-tabs,.ex-detail-tabs,.pw-workspace-tabs,.mc-segment,.sw-tabs,.hw-tabs,.fw-files-tabs) :is(button,a) {
 transition:color 160ms var(--ui-ease),background-color 160ms var(--ui-ease),box-shadow 160ms var(--ui-ease);
}
body.aurora-hub :is(.ex-area-tabs,.ex-detail-tabs,.pw-workspace-tabs,.mc-segment,.sw-tabs,.hw-tabs,.fw-files-tabs) :is([aria-selected="true"],[aria-pressed="true"],.active) {
 background:color-mix(in srgb,var(--accent) 12%,var(--panel));
 border-color:color-mix(in srgb,var(--accent) 25%,var(--border));color:var(--ink);
 box-shadow:inset 0 1px 0 var(--ui-hairline),0 2px 5px color-mix(in srgb,var(--bg) 30%,transparent);
}
body.aurora-hub.pw-product:not([data-view="chat"]) :is(.ex-metric,.stat,.ix-stat) {
 border-radius:14px;border-color:var(--ui-hairline);
 background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel));
 box-shadow:inset 0 1px 0 var(--ui-hairline);
}
body.aurora-hub :is(.ex-metric,.stat,.ix-stat) strong {font-variant-numeric:tabular-nums;letter-spacing:-.5px}
body.aurora-hub .hc-device {overflow:hidden}
body.aurora-hub.pw-product:not([data-view="chat"]) .hc-device {
 border-radius:18px;background:var(--panel);box-shadow:inset 0 1px 0 var(--ui-hairline);
}
body.aurora-hub.pw-product:not([data-view="chat"]) .hc-device.hc-is-on {
 background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));
 border-color:color-mix(in srgb,var(--accent) 35%,var(--border));
}
body.aurora-hub.pw-product:not([data-view="chat"]) .hc-device-icon {
 width:42px;height:42px;border-radius:14px;
 background:color-mix(in srgb,var(--accent) 7%,var(--pw-soft));
}
body.aurora-hub .hc-device.hc-is-on .hc-device-icon {color:var(--accent)}
body.aurora-hub .hc-device-main strong {font-weight:600}
body.aurora-hub :is(.cc-dialog,dialog) {
 border-radius:24px;border-color:color-mix(in srgb,var(--ink) 16%,var(--panel));
 background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel) 55%);
 box-shadow:0 28px 100px #0006,inset 0 1px 0 var(--ui-hairline);
}
body.aurora-hub dialog::backdrop {background:#0008;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body.aurora-hub .cc-dialog-head {gap:14px;border-bottom:1px solid var(--ui-hairline);padding-bottom:16px}
body.aurora-hub :is(.ex-art-frame,.pw-app-art,.cc-platform-glyph,.cc-container-glyph) {flex-shrink:0}
body.aurora-hub .ex-art-frame {display:inline-grid;place-items:center}
body.aurora-hub .ex-art-frame img {display:block;max-width:100%;max-height:100%;object-fit:contain}
body.aurora-hub :is(.ex-torrent-progress,.mc-progress,.cc-meter) {overflow:hidden;border-radius:999px}
body.aurora-hub :is(.mc-progress,.cc-meter)>i {
 border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--green)));
 transition:width 500ms var(--ui-ease);
}
body.aurora-hub .ex-torrent-progress progress {height:7px;border-radius:999px;accent-color:var(--accent);overflow:hidden}
body.aurora-hub .ex-torrent-progress progress::-webkit-progress-bar {background:var(--pw-elevated);border-radius:999px}
body.aurora-hub .ex-torrent-progress progress::-webkit-progress-value {background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--green)));border-radius:999px;transition:width 500ms var(--ui-ease)}
body.aurora-hub .ex-torrent-progress progress::-moz-progress-bar {background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--green)));border-radius:999px}
/* A completed one-page inventory needs a count, not a pair of disabled toolbars. */
body.aurora-hub .ex-pager:not(:has(button:not(:disabled))) {padding:5px 2px;margin:7px 0;background:transparent}
body.aurora-hub .ex-pager:not(:has(button:not(:disabled)))>div {display:none}
body.aurora-hub .ex-pager:not(:has(button:not(:disabled))):last-child {display:none}
body.aurora-hub :is(.cc-loading,.ex-loading) {border-radius:16px;color:var(--muted)}
body.aurora-hub .workspace>footer {border-top:1px solid var(--ui-hairline);background:transparent}
@media(hover:hover) {
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.cc-machine-card,.cc-container-card,.pw-vm-card,.mc-app-card,.gw-repository-card,.hc-device,.hw-profile):hover {
  border-color:color-mix(in srgb,var(--accent) 45%,var(--border));
  box-shadow:inset 0 1px 0 var(--ui-hairline),0 7px 20px color-mix(in srgb,var(--bg) 35%,transparent);
  transform:translateY(-2px);
 }
 body.aurora-hub .sidebar nav a:not(.active):hover {background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
}
@media(min-width:721px) {
 body.aurora-hub .sidebar {padding:24px 14px 12px}
 body.aurora-hub .sidebar .brand {margin-left:6px;margin-bottom:22px}
 body.aurora-hub .sidebar-bottom {padding:12px 8px 2px}
 body.aurora-hub .sidebar-bottom p {display:none}
 body.aurora-hub .sidebar-bottom #cc-theme,body.aurora-hub .sidebar-bottom #cc-motion {display:block;margin:8px 0 0;font-size:11px}
}
@media(max-width:720px) {
 body.aurora-hub.au-compact-shell:not([data-view="chat"]) .topbar {
  background:var(--ui-glass);border-color:var(--ui-hairline);
 }
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.page-head,.cc-page-heading,.ex-workspace-head) {margin-bottom:12px;gap:10px}
 body.aurora-hub.pw-product:not([data-view="chat"]) .cc-page-heading {position:relative;align-items:flex-start;flex-direction:row}
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.cc-page-heading,.page-head)>div {min-width:0;flex:1}
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.page-head,.cc-page-heading,.ex-workspace-head) h1 {font-size:24px;letter-spacing:-.5px}
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.cc-page-heading,.page-head) :is(.cc-eyebrow,.eyebrow) {display:none}
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.page-head,.cc-page-heading,.ex-workspace-head) p {font-size:12px;line-height:1.4}
 body.aurora-hub.pw-product:not([data-view="chat"]) .cc-page-heading>button:has(.cc-icon) {
  flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0;
 }
 body.aurora-hub.pw-product:not([data-view="chat"]) .cc-page-heading>button:has(.cc-icon)>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(#hc-metrics,.ex-metrics):has(>.ex-metric:nth-child(4)):not(:has(>.ex-metric:nth-child(5))) {grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 body.aurora-hub.pw-product:not([data-view="chat"]) .ex-metric {padding:8px;border-radius:12px;min-width:0}
 body.aurora-hub.pw-product:not([data-view="chat"]) .ex-metric>span {font-size:10px;line-height:1.3;display:block;min-height:26px;overflow-wrap:normal}
 body.aurora-hub.pw-product:not([data-view="chat"]) .ex-metric strong {font-size:19px;line-height:1.15}
 /* Paged inventories use the page scroll; prose status is not a numeric counter. */
 body.aurora-hub.pw-product[data-view="services"] #ex-service-metrics {grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.aurora-hub.pw-product[data-view="services"] #ex-service-metrics>.ex-metric:last-child {
  grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:8px;min-height:34px;padding:6px 8px;
 }
 body.aurora-hub.pw-product[data-view="services"] #ex-service-metrics>.ex-metric:last-child>span {min-height:0;padding:0;flex:none}
 body.aurora-hub.pw-product[data-view="services"] #ex-service-metrics>.ex-metric:last-child>strong {font-size:13px;line-height:1.35;letter-spacing:0;margin:0;overflow-wrap:anywhere}
 body.aurora-hub.pw-product[data-view="services"] #ex-service-metrics>.ex-metric:last-child>:is(.cc-icon,small) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body.aurora-hub.pw-product[data-view="downloads"] #ex-download-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.aurora-hub.pw-product[data-view="downloads"] #ex-download-metrics>.ex-metric:last-child>strong {font-size:14px;line-height:1.35;letter-spacing:0}
 body.aurora-hub.pw-product :is(#integration-results,#mc-download-results) .ex-resource-list {max-height:none;overflow:visible;overscroll-behavior:auto}
 body.aurora-hub.pw-product #integration-results .ex-resource-row>:is(.ex-resource-scope,.ex-resource-state) {min-width:0;flex-wrap:wrap}
 body.aurora-hub.pw-product #integration-results :is(.ex-resource-scope strong,.ex-resource-scope small,.ex-resource-state small,.ex-rule-addresses) {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 body.aurora-hub.pw-product:not([data-view="chat"]) :is(.hc-grid,.cc-machine-grid,.cc-docker-grid,.pw-vm-grid,.gw-repository-grid,.fr-grid,.fw-file-grid) {max-height:none;overflow:visible}
 body.aurora-hub.pw-product:not([data-view="chat"]) .hc-device {min-height:82px;border-radius:16px}
 body.aurora-hub :is(.cc-dialog,dialog) {border-radius:22px}
 body.aurora-hub .cc-dialog-head {padding-bottom:12px}
 body.aurora-hub :is(.au-navigation,.pw-phone-nav-sheet) .au-nav-card {
  background:var(--pw-soft);border:1px solid var(--ui-hairline);border-radius:14px;min-height:56px;
 }
 body.aurora-hub .au-nav-card[aria-current="page"] {background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--accent)}
}
:root[data-reduced-motion="true"] body.aurora-hub :is(.cc-machine-card,.cc-container-card,.pw-vm-card,.mc-app-card,.gw-repository-card,.hc-device,.hw-profile):hover {transform:none!important}
@media(prefers-reduced-motion:reduce) {
 :root:not([data-motion="full"]) body.aurora-hub :is(.cc-machine-card,.cc-container-card,.pw-vm-card,.mc-app-card,.gw-repository-card,.hc-device,.hw-profile):hover {transform:none!important}
}
@media(prefers-reduced-transparency:reduce) {
 body.aurora-hub .topbar {background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}
 body.aurora-hub dialog::backdrop {backdrop-filter:none;-webkit-backdrop-filter:none;background:#000b}
}