/* Aero treatment. Mobile navigation height is shared with the regular style. */
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) {
  --ui-corner:11px;
  --aero-create-label-size:19px;
}
:root[data-appearance="aero"] {
  --aero-page-background:linear-gradient(145deg,var(--soft) 0,var(--bg) 44%,var(--bg) 64%,var(--soft) 100%);
}
:root[data-appearance="white-aero"][data-color-mode="light"] {
  --bg:#ffffff;
  --surface-subtle:#ffffff;
}
/* The main HTML paints white before its saved appearance is restored. */
:root:not([data-appearance]) { --bg:#ffffff; }
:root[data-appearance="aero"] body {
  min-height:100dvh;
  background:var(--aero-page-background);
  background-attachment:fixed;
}
:root[data-appearance="aero"] :is(.panel,.task,.order-row,.formcard,.empty,.feature,.invitation-inbox) {
  background:linear-gradient(155deg,var(--surface-subtle),var(--surface));
  box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow);
  border-color:var(--line);
}
:root[data-appearance="white-aero"] :is(.feature,.invitation-inbox) { background:var(--surface); }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) :is(.roles,.secondary,.search,.iconbtn:not(.create-header-back),.chip:not(.active),.appearance-choice:not([aria-pressed="true"])) {
  box-shadow:inset 0 1px 0 var(--glass-highlight);
}
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) :is(.primary,.roles .active) {
  box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-small);
}
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .chip { border-radius:var(--ui-corner); }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .roles { border:1px solid var(--line); }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .customer-home .guided-create .create-submit { font-size:20px; }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .customer-home.large-text .guided-create .create-submit { font-size:23px; }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .customer-orders :is(.orders-create-cta,.order-list .empty > .primary) { font-size:var(--aero-create-label-size); }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .customer-orders.large-text { --aero-create-label-size:21px; }
:root:is([data-appearance="aero"],[data-appearance="white-aero"]) .nav .active { box-shadow:inset 0 1px 0 var(--glass-highlight); }
:root[data-appearance="aero"] dialog { border:1px solid var(--line); background:var(--surface); }
:root[data-appearance="aero"] .chat-view .chat-panel { background:var(--surface); box-shadow:none; }
:root[data-appearance="aero"] .chat-view .chat-main-action { border-radius:50%; }
@media(max-width:650px) {
  :root:is([data-appearance="aero"],[data-appearance="white-aero"]) {
    --aero-create-label-size:18px;
  }
  :root:is([data-appearance="aero"],[data-appearance="white-aero"]) body:not(.chat-view) .nav {
    padding-inline:max(6px,env(safe-area-inset-left,0px)) max(6px,env(safe-area-inset-right,0px));
    background:var(--surface);
    backdrop-filter:none; -webkit-backdrop-filter:none;
    box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow);
  }
  :root:is([data-appearance="aero"],[data-appearance="white-aero"]) body:not(.chat-view) .main { padding-bottom:calc(110px + env(safe-area-inset-bottom)); }
  :root:is([data-appearance="aero"],[data-appearance="white-aero"]) body.customer-home { --create-bottom-clearance:calc(110px + env(safe-area-inset-bottom)); }
  :root:is([data-appearance="aero"],[data-appearance="white-aero"]) body.customer-home.large-text { --create-bottom-clearance:calc(120px + env(safe-area-inset-bottom)); }
  :root:is([data-appearance="aero"],[data-appearance="white-aero"]) body.map-view .map-main { padding-bottom:0; }
  :root[data-appearance="aero"] .customer-home .guided-create .create-section { box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-small); }
}