/* Web glass materials for the existing Apple theme; shared tokens and chrome.
 * Content panels stay readable. Blur is reserved for floating controls/overlays.
 */
html[data-theme-style="apple_minimal"] body {
  --ap-panel: var(--lg-fill-content);
  --ap-well: var(--lg-fill-well);
  --ap-control: var(--lg-fill-control);
  --ap-line: rgba(28, 24, 20, .1);
  --ap-blue: #0071e3;
  --ap-ink: #1d1d1f;
  --ap-muted: #515154;
  --ap-ring: 0 0 0 3px rgba(0, 113, 227, .22);
}
html[data-theme-style="apple_minimal"] body :is(a, button, input, select, textarea, summary, [tabindex]):not(.lk-engagement-cta):focus-visible {
  outline: 2px solid var(--ap-blue) !important;
  outline-offset: 3px;
}
html[data-theme-style="apple_minimal"] body .header-part .header-form-pill {
  background: var(--ap-control) !important;
  border: 1px solid var(--lg-rim) !important;
  border-radius: 999px !important;
  box-shadow: var(--lg-spec), var(--lg-shadow-control) !important;
}
html[data-theme-style="apple_minimal"] body .header-part .header-form-pill:focus-within {
  box-shadow: var(--lg-spec), var(--ap-ring) !important;
}
html[data-theme-style="apple_minimal"] body .header-part #searchInput,
html[data-theme-style="apple_minimal"] body .header-part #searchInput:hover,
html[data-theme-style="apple_minimal"] body .header-part #searchInput:focus {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme-style="apple_minimal"] body .header-part .header-desktop-nav .header-nav-dropdown-btn {
  border-radius: 999px !important;
}
@media (max-width: 991.98px) {
  /* Account remains available in the dock and the menu drawer. */
  html[data-theme-style="apple_minimal"] body .header-part .user-dropdown-wrapper { display: none !important; }
  html[data-theme-style="apple_minimal"] body .header-part #searchInput { font-size: 16px !important; }
  html[data-theme-style="apple_minimal"] body .row.content-reverse > :is(.col-lg-3, .col-lg-9) { min-width: 0; }
}
@media (max-width: 575.98px) {
  /* 100vw includes the desktop scrollbar and made account pages spill sideways. */
  html[data-theme-style="apple_minimal"] body .client-sidebar .sidebar-menu {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 2px !important;
    scroll-padding-inline: 2px;
  }
}

/* Tăng tương tác: keep the platform → service → package ordering contract. */
html[data-theme-style="apple_minimal"] body .af-page {
  --af-brand: var(--ap-blue);
  --af-ink: var(--ap-ink);
  --af-muted: var(--ap-muted);
  --af-line: var(--ap-line);
  --af-soft: var(--ap-well);
  background: transparent;
}
html[data-theme-style="apple_minimal"] body .af-page :is(.af-order-workflow, .af-empty, .af-history-card) {
  background: var(--ap-panel);
  border: 1px solid var(--lg-rim);
  border-radius: 26px;
  box-shadow: var(--lg-spec), var(--lg-shadow);
}
html[data-theme-style="apple_minimal"] body .af-page :is(.af-catalog, .af-order) { background: transparent; }
html[data-theme-style="apple_minimal"] body .af-page .af-tabs {
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  gap: 4px;
  border: 1px solid var(--lg-rim);
  border-radius: 999px;
  background: var(--ap-well);
  box-shadow: var(--lg-spec);
}
html[data-theme-style="apple_minimal"] body .af-page .af-tabs > button {
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 999px;
}
html[data-theme-style="apple_minimal"] body .af-page .af-tabs > button[aria-selected="true"] {
  background: var(--ap-panel);
  border-color: var(--lg-rim);
  color: var(--ap-blue);
  box-shadow: var(--lg-spec), var(--lg-shadow-control);
}
html[data-theme-style="apple_minimal"] body .af-page .af-platform-toggle {
  min-height: 50px;
  border-color: transparent;
  border-radius: 16px;
  background: var(--ap-well);
  box-shadow: inset 0 1px 2px rgba(28, 24, 20, .03);
}
html[data-theme-style="apple_minimal"] body .af-page .af-platform-toggle[aria-expanded="true"] {
  border-color: var(--ap-blue);
  box-shadow: var(--ap-ring);
}
html[data-theme-style="apple_minimal"] body .af-page .af-platform-options {
  background: var(--lg-fill-overlay);
  border-color: var(--lg-rim);
  border-radius: 20px;
  padding: 6px;
  box-shadow: var(--lg-spec), var(--lg-shadow-float);
  -webkit-backdrop-filter: var(--lg-blur);
  backdrop-filter: var(--lg-blur);
}
html[data-theme-style="apple_minimal"] body .af-page .af-platform-option { border-radius: 13px; }
html[data-theme-style="apple_minimal"] body .af-page .af-platform-option[aria-selected="true"] { background: rgba(0, 113, 227, .1); }
html[data-theme-style="apple_minimal"] body .af-page .af-platform-option.is-active {
  background: var(--ap-well);
  box-shadow: inset 0 0 0 1px rgba(0, 113, 227, .4);
}
html[data-theme-style="apple_minimal"] body .af-page .af-category-icon { background: rgba(0, 113, 227, .1); }
html[data-theme-style="apple_minimal"] body .af-page :is(.af-field input, .af-field select, .af-field textarea, .af-search) {
  min-height: 44px;
  background: var(--ap-well);
  border-color: transparent;
  border-radius: 14px;
  color: var(--ap-ink);
  box-shadow: inset 0 1px 2px rgba(28, 24, 20, .03);
}
html[data-theme-style="apple_minimal"] body .af-page .af-search input { background: transparent; }
html[data-theme-style="apple_minimal"] body .af-page :is(.af-field input, .af-field select, .af-field textarea):focus {
  border-color: var(--ap-blue);
  box-shadow: var(--ap-ring);
}
html[data-theme-style="apple_minimal"] body .af-page .af-search:focus-within {
  outline: none;
  border-color: var(--ap-blue);
  box-shadow: var(--ap-ring);
}
html[data-theme-style="apple_minimal"] body .af-page .af-service {
  margin-bottom: 4px;
  background: transparent;
  border-radius: 16px;
}
html[data-theme-style="apple_minimal"] body .af-page .af-service:hover { background: var(--ap-well); }
html[data-theme-style="apple_minimal"] body .af-page .af-service[aria-pressed="true"] {
  background: rgba(0, 113, 227, .09);
  border-color: rgba(0, 113, 227, .24);
  box-shadow: inset 3px 0 0 var(--ap-blue);
}
html[data-theme-style="apple_minimal"] body .af-page .af-receipt {
  background: var(--ap-well);
  border-color: transparent;
  border-radius: 20px;
}
html[data-theme-style="apple_minimal"] body .af-page .af-button {
  background: var(--ap-blue);
  border-color: transparent;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 4px 12px -7px rgba(0, 113, 227, .5);
}
html[data-theme-style="apple_minimal"] body .af-page .af-button:not(:disabled):hover { background: #0066cc; }
html[data-theme-style="apple_minimal"] body .af-page .af-button-secondary,
html[data-theme-style="apple_minimal"] body .af-page .af-history-actions button {
  background: var(--ap-control);
  color: var(--ap-blue) !important;
  border: 1px solid var(--lg-rim);
  border-radius: 999px;
  box-shadow: var(--lg-spec), var(--lg-shadow-control);
}
html[data-theme-style="apple_minimal"] body .af-page .af-button-secondary:not(:disabled):hover { background: var(--lg-fill-well-hover); }
html[data-theme-style="apple_minimal"] body .af-page :is(.af-benefits span, .af-status) { border-radius: 999px; }
html[data-theme-style="apple_minimal"] body .af-page .af-more {
  min-height: 44px;
  background: var(--ap-control);
  border-radius: 999px;
  box-shadow: var(--lg-spec);
}
html[data-theme-style="apple_minimal"] body .af-page .af-notice {
  background: rgba(0, 113, 227, .07);
  border-color: rgba(0, 113, 227, .18);
  border-radius: 18px;
}
html[data-theme-style="apple_minimal"] body .af-page .af-notice[data-kind="error"] {
  background: rgba(195, 43, 43, .06);
  border-color: rgba(195, 43, 43, .2);
}
html[data-theme-style="apple_minimal"] body .af-page .af-dialog {
  background: var(--lg-fill-overlay);
  border-color: var(--lg-rim);
  border-radius: 28px;
  box-shadow: var(--lg-spec), var(--lg-shadow-float);
  -webkit-backdrop-filter: var(--lg-blur);
  backdrop-filter: var(--lg-blur);
}
html[data-theme-style="apple_minimal"] body .af-page .af-dialog-close { padding: 7px 10px; border-radius: 50%; background: var(--ap-well); }
html[data-theme-style="apple_minimal"] body .af-page .af-dialog::backdrop { background: rgba(28, 24, 20, .3); }
@media (max-width: 767.98px) {
  html[data-theme-style="apple_minimal"] body .af-page :is(.af-field input, .af-field select, .af-field textarea, .af-search input) { font-size: 16px; }
  html[data-theme-style="apple_minimal"] body .af-page :is(.af-order-workflow, .af-history-card, .af-dialog) { border-radius: 22px; }
  html[data-theme-style="apple_minimal"] body .af-page .af-tabs > button { padding-inline: 18px; }
}
/* Readable fallback for reduced transparency and browsers without backdrop blur. */
@media (prefers-reduced-transparency: reduce) {
  html[data-theme-style="apple_minimal"] body {
    --lg-fill-content: rgba(249, 248, 246, .94);
    --lg-fill-control: rgba(246, 245, 243, .94);
    --lg-fill-chrome: rgba(250, 249, 247, .94);
    --lg-fill-overlay: rgba(250, 249, 247, .98);
    --lg-fill-well: rgba(120, 116, 112, .14);
    --lg-rim: rgba(28, 24, 20, .12);
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme-style="apple_minimal"] body { --lg-fill-overlay: rgba(250, 249, 247, .98); --lg-fill-control: rgba(246, 245, 243, .96); }
}