/* IETA AURA Glossy System v1.0.0 */
:root {
  --aura-lab-black: #010409;
  --aura-lab-graphite: #06111e;
  --aura-lab-navy: #0a1b2e;
  --aura-lab-panel: rgba(6, 19, 33, .92);
  --aura-lab-panel-deep: rgba(2, 9, 17, .97);
  --aura-lab-line: rgba(86, 184, 255, .22);
  --aura-lab-line-hot: rgba(92, 202, 255, .58);
  --aura-lab-blue: #4e8cff;
  --aura-lab-cobalt: #2468ea;
  --aura-lab-cyan: #62d8ff;
  --aura-lab-ice: #e9f6ff;
  --aura-lab-text: #c7d7e7;
  --aura-lab-muted: #8ea6bb;
  --aura-lab-green: #7bf3b1;
  --aura-lab-warning: #ffc86b;
  --aura-lab-danger: #ff7d93;
  --aura-lab-shadow: 0 26px 70px rgba(0, 0, 0, .48);
  --aura-lab-glow: 0 0 30px rgba(49, 152, 255, .2);
  --aura-lab-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --aura-lab-body: "Inter", system-ui, sans-serif;
}

body.ieta-aura-glossy-system,
body.ieta-aura-glossy-ready {
  margin: 0;
  color: var(--aura-lab-text);
  background:
    radial-gradient(circle at 78% 10%, rgba(35, 103, 234, .14), transparent 28rem),
    radial-gradient(circle at 8% 44%, rgba(27, 172, 240, .08), transparent 34rem),
    var(--aura-lab-black);
}

.ieta-aura-glossy-system #wpadminbar { box-shadow: 0 1px 0 rgba(89, 196, 255, .16); }

.ieta-aura-glossy-system :where(
  .ieta-aura-v2-root,
  .ieta-aura-public-page,
  .ieta-aura-app-shell,
  .ieta-aura-shell,
  .ieta-aura-page,
  [data-ieta-aura-root],
  [data-aura-product-shell]
) {
  --aura-v2-bg: var(--aura-lab-black);
  --aura-v2-surface: var(--aura-lab-graphite);
  --aura-v2-surface-2: var(--aura-lab-navy);
  --aura-v2-card: var(--aura-lab-panel);
  --aura-v2-ink: var(--aura-lab-ice);
  --aura-v2-text: var(--aura-lab-text);
  --aura-v2-muted: var(--aura-lab-muted);
  --aura-v2-line: var(--aura-lab-line);
  --aura-v2-accent: var(--aura-lab-cyan);
  --aura-support-accent: var(--aura-lab-cyan);
  --aura-support-warning: var(--aura-lab-warning);
  position: relative;
  isolation: isolate;
  color: var(--aura-lab-text);
  color-scheme: dark;
  font-family: var(--aura-lab-body);
  background:
    linear-gradient(rgba(56, 148, 224, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 148, 224, .035) 1px, transparent 1px),
    radial-gradient(circle at 82% 2%, rgba(42, 111, 238, .18), transparent 30rem),
    var(--aura-lab-black);
  background-size: 56px 56px, 56px 56px, auto, auto;
}

.ieta-aura-glossy-system :where(
  .ieta-aura-v2-root,
  .ieta-aura-public-page,
  .ieta-aura-app-shell,
  .ieta-aura-shell,
  .ieta-aura-page,
  [data-ieta-aura-root],
  [data-aura-product-shell]
)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0 68%, rgba(72, 180, 255, .05) 68.1% 68.25%, transparent 68.4%);
}

.ieta-aura-glossy-system :where(h1, h2, h3, h4, h5, h6, strong) { color: var(--aura-lab-ice); }
.ieta-aura-glossy-system :where(h1, h2, h3, .ieta-aura-v2-title, .ieta-aura-page-title) {
  font-family: var(--aura-lab-display);
  letter-spacing: -.035em;
}
.ieta-aura-glossy-system :where(p, li, dd, label, small) { color: inherit; }
.ieta-aura-glossy-system :where(a) { color: var(--aura-lab-cyan); }

/* Shared shell and navigation */
.ieta-aura-glossy-system :where(
  .ieta-aura-v2-header,
  .ieta-aura-public-head,
  .ieta-aura-app-header,
  .ieta-aura-topbar,
  .ieta-aura-sidebar,
  .ieta-aura-nav,
  .ieta-aura-mobile-nav
) {
  border-color: var(--aura-lab-line) !important;
  background: linear-gradient(180deg, rgba(8, 23, 39, .96), rgba(2, 9, 17, .94)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 18px 45px rgba(0, 0, 0, .24);
  backdrop-filter: blur(18px) saturate(135%);
}

.ieta-aura-glossy-system :where(
  .ieta-aura-nav a,
  .ieta-aura-sidebar a,
  .ieta-aura-mobile-nav a,
  [role="navigation"] a
) {
  color: var(--aura-lab-muted);
  border-color: transparent;
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.ieta-aura-glossy-system :where(
  .ieta-aura-nav a:hover,
  .ieta-aura-nav a:focus-visible,
  .ieta-aura-nav a[aria-current="page"],
  .ieta-aura-sidebar a:hover,
  .ieta-aura-sidebar a:focus-visible,
  .ieta-aura-sidebar a[aria-current="page"],
  .ieta-aura-mobile-nav a:hover,
  .ieta-aura-mobile-nav a[aria-current="page"]
) {
  color: var(--aura-lab-ice);
  border-color: var(--aura-lab-line-hot);
  background: linear-gradient(90deg, rgba(34, 102, 228, .2), rgba(47, 182, 255, .07));
  box-shadow: inset 3px 0 var(--aura-lab-cyan), var(--aura-lab-glow);
}

/* Panels, cards and grouped surfaces */
.ieta-aura-glossy-system :where(
  .ieta-aura-v2-panel,
  .ieta-aura-v2-control,
  .ieta-aura-v2-card,
  .ieta-aura-public-panel,
  .ieta-aura-public-sheet,
  .ieta-aura-support-panel,
  .ieta-aura-health-card,
  .ieta-aura-case-card,
  .ieta-aura-action-card,
  .ieta-aura-market-card,
  .ieta-aura-buying-card,
  .ieta-aura-onboarding,
  .ieta-aura-inbox-empty-actions,
  .ieta-aura-card,
  .ieta-aura-metric,
  .ieta-aura-plan,
  .ieta-aura-setting-group,
  .ieta-aura-workflow-card,
  [data-aura-card]
) {
  border: 1px solid var(--aura-lab-line) !important;
  border-radius: 3px !important;
  color: var(--aura-lab-text) !important;
  background:
    linear-gradient(145deg, rgba(11, 31, 51, .92), rgba(2, 9, 17, .97)) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .08),
    inset 0 0 34px rgba(28, 130, 235, .035),
    var(--aura-lab-shadow) !important;
}

.ieta-aura-glossy-system :where(
  .ieta-aura-v2-card,
  .ieta-aura-support-panel,
  .ieta-aura-health-card,
  .ieta-aura-case-card,
  .ieta-aura-action-card,
  .ieta-aura-card,
  .ieta-aura-metric,
  .ieta-aura-workflow-card,
  [data-aura-card]
):hover {
  border-color: var(--aura-lab-line-hot) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 0 32px rgba(33, 145, 255, .12), 0 24px 65px rgba(0, 0, 0, .42) !important;
}

.ieta-aura-glossy-system :where(
  .ieta-aura-v2-muted,
  .ieta-aura-v2-disclaimer,
  .ieta-aura-support-description,
  .ieta-aura-support-answer-note,
  .ieta-aura-support-privacy,
  .ieta-aura-history-status,
  [class*="muted"],
  [class*="subtle"]
) { color: var(--aura-lab-muted) !important; opacity: 1 !important; }

/* Buttons and focus */
.ieta-aura-glossy-system :where(
  button,
  .button,
  .ieta-aura-support-button,
  .ieta-aura-onboarding-action,
  [role="button"]
) {
  min-height: 44px;
  border: 1px solid var(--aura-lab-line-hot);
  border-radius: 2px;
  color: var(--aura-lab-ice);
  background: linear-gradient(180deg, rgba(16, 43, 70, .94), rgba(4, 15, 27, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 9px 28px rgba(0, 0, 0, .25);
  font-family: var(--aura-lab-display);
  font-weight: 650;
  letter-spacing: .045em;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.ieta-aura-glossy-system :where(
  button:hover,
  .button:hover,
  .ieta-aura-support-button:hover,
  .ieta-aura-onboarding-action:hover,
  [role="button"]:hover
) {
  border-color: var(--aura-lab-cyan);
  background: linear-gradient(180deg, rgba(31, 91, 180, .96), rgba(12, 43, 87, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 0 26px rgba(44, 164, 255, .24), 0 12px 32px rgba(0, 0, 0, .3);
  transform: translateY(-1px);
}

.ieta-aura-glossy-system :where(
  .is-primary,
  .ieta-aura-support-button.is-primary,
  button[type="submit"],
  [data-aura-primary]
) {
  color: white !important;
  border-color: #66c9ff !important;
  background: linear-gradient(180deg, #4f91ff, #205fdd) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 0 28px rgba(45, 143, 255, .3), 0 12px 34px rgba(0, 0, 0, .34) !important;
}

.ieta-aura-glossy-system :where(button, a, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--aura-lab-cyan) !important;
  outline-offset: 3px !important;
}

/* Inputs, filters and composer */
.ieta-aura-glossy-system :where(
  input:not([type="checkbox"]):not([type="radio"]),
  textarea,
  select,
  .ieta-aura-support-input,
  .ieta-aura-history-search,
  .ieta-aura-v2-compose
) {
  border-color: var(--aura-lab-line) !important;
  border-radius: 2px !important;
  color: var(--aura-lab-ice) !important;
  background: rgba(1, 7, 13, .92) !important;
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .04);
}

.ieta-aura-glossy-system :where(input, textarea)::placeholder { color: #6e879d !important; opacity: 1; }
.ieta-aura-glossy-system :where(input[type="checkbox"], input[type="radio"]) { accent-color: var(--aura-lab-blue); }

/* Status, progress and telemetry */
.ieta-aura-glossy-system :where(
  .ieta-aura-status-badge,
  .ieta-aura-badge,
  .ieta-aura-pill,
  .ieta-aura-source-badge,
  [data-aura-status]
) {
  border: 1px solid currentColor;
  border-radius: 999px;
  background: rgba(87, 180, 255, .08);
  font-family: var(--aura-lab-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ieta-aura-glossy-system :where(
  .is-healthy,
  .is-resolved,
  .is-fix_verified,
  .is-active,
  .is-connected,
  [data-status="online"],
  [data-status="healthy"],
  [data-status="connected"]
) { color: var(--aura-lab-green) !important; }

.ieta-aura-glossy-system :where(
  .is-needs_attention,
  .is-waiting_on_user,
  .is-high,
  [data-status="warning"]
) { color: var(--aura-lab-warning) !important; }

.ieta-aura-glossy-system :where(
  .is-action_required,
  .is-action_failed,
  .is-urgent,
  .ieta-aura-danger-action,
  [data-status="error"]
) { color: var(--aura-lab-danger) !important; }

.ieta-aura-glossy-system :where(progress, .ieta-aura-progress) {
  overflow: hidden;
  border: 1px solid var(--aura-lab-line);
  border-radius: 0;
  color: var(--aura-lab-cyan);
  background: rgba(0, 0, 0, .32);
}

/* Tables, timelines and operational detail */
.ieta-aura-glossy-system :where(table) { border-collapse: collapse; color: var(--aura-lab-text); background: rgba(2, 10, 18, .74); }
.ieta-aura-glossy-system :where(th) { color: var(--aura-lab-cyan); background: rgba(14, 44, 72, .7); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.ieta-aura-glossy-system :where(th, td) { border-color: var(--aura-lab-line) !important; }
.ieta-aura-glossy-system :where(tr:hover td) { background: rgba(36, 104, 234, .08); }

.ieta-aura-glossy-system :where(
  .ieta-aura-support-flow,
  .ieta-aura-roadmap,
  .ieta-aura-timeline,
  .ieta-aura-history-tools,
  .ieta-aura-workflow-clarity,
  .ieta-aura-control-readiness,
  .ieta-aura-automation-readiness
) { border-color: var(--aura-lab-line) !important; background: rgba(4, 15, 27, .7) !important; }

.ieta-aura-glossy-system .ieta-aura-support-flow-step {
  border-color: var(--aura-lab-line) !important;
  color: var(--aura-lab-muted) !important;
  background: rgba(2, 10, 18, .8) !important;
}
.ieta-aura-glossy-system .ieta-aura-support-flow-step.is-active,
.ieta-aura-glossy-system .ieta-aura-support-flow-step.is-complete {
  border-color: var(--aura-lab-cyan) !important;
  color: var(--aura-lab-cyan) !important;
  background: rgba(36, 104, 234, .15) !important;
}

/* Floating AURA and chat remain functional; only presentation is unified. */
.ieta-aura-glossy-system :where(
  .ieta-aura-public-launcher,
  .ieta-aura-fab,
  .aura-orb,
  .ieta-ari-launcher,
  [data-aura-launcher],
  [data-aura-floating]
) {
  border-color: var(--aura-lab-line-hot) !important;
  background: linear-gradient(180deg, rgba(12, 35, 57, .97), rgba(2, 10, 18, .98)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 0 28px rgba(36, 157, 255, .24), 0 16px 44px rgba(0, 0, 0, .48) !important;
}

.ieta-aura-glossy-system :where(
  .ieta-aura-panel,
  .ieta-aura-sheet,
  .ieta-aura-v2-panel,
  .ieta-aura-public-panel
) { border-color: var(--aura-lab-line-hot) !important; }

/* Preview fixture classes use the same production tokens. */
.aura-glossy-preview {
  min-height: 100vh;
  color: var(--aura-lab-text);
  background: var(--aura-lab-black);
  font-family: var(--aura-lab-body);
}
.aura-glossy-preview * { box-sizing: border-box; }
.aura-preview-shell { min-height: 100vh; display: grid; grid-template-columns: 250px minmax(0, 1fr); }
.aura-preview-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 22px 14px; border-right: 1px solid var(--aura-lab-line); background: linear-gradient(180deg, #071522, #01070d); }
.aura-preview-brand { display: flex; align-items: center; gap: 11px; padding: 8px 10px 24px; border-bottom: 1px solid var(--aura-lab-line); }
.aura-preview-brand img { width: 46px; height: 46px; }
.aura-preview-brand span { display: flex; flex-direction: column; }
.aura-preview-brand strong { font: 600 18px var(--aura-lab-display); letter-spacing: .09em; }
.aura-preview-brand small { color: var(--aura-lab-cyan); font-size: 8px; letter-spacing: .12em; }
.aura-preview-nav { display: grid; gap: 4px; margin-top: 20px; }
.aura-preview-nav button { width: 100%; min-height: 48px; padding: 0 15px; border-color: transparent; color: var(--aura-lab-muted); text-align: left; background: transparent; box-shadow: none; }
.aura-preview-nav button.is-active { color: white; border-color: var(--aura-lab-line-hot); background: linear-gradient(90deg, rgba(36, 104, 234, .22), rgba(65, 187, 255, .05)); box-shadow: inset 3px 0 var(--aura-lab-cyan); }
.aura-preview-sidebar footer { margin-top: auto; padding: 15px 10px; border-top: 1px solid var(--aura-lab-line); color: var(--aura-lab-muted); font-size: 10px; line-height: 1.7; }
.aura-preview-main { min-width: 0; background: radial-gradient(circle at 90% 0, rgba(43, 107, 235, .18), transparent 32rem), #010409; }
.aura-preview-topbar { position: sticky; z-index: 8; top: 0; min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px clamp(18px, 3vw, 42px); border-bottom: 1px solid var(--aura-lab-line); background: rgba(2, 9, 16, .9); backdrop-filter: blur(18px); }
.aura-preview-topbar p { margin: 0; color: var(--aura-lab-muted); font-size: 11px; letter-spacing: .08em; }
.aura-preview-topbar p strong { display: block; margin-top: 3px; font: 600 16px var(--aura-lab-display); }
.aura-preview-status { display: inline-flex; align-items: center; gap: 8px; color: var(--aura-lab-green); font: 700 9px var(--aura-lab-display); letter-spacing: .12em; }
.aura-preview-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }
.aura-preview-page { display: none; padding: clamp(24px, 4vw, 54px); }
.aura-preview-page.is-active { display: block; animation: aura-preview-in .42s ease both; }
@keyframes aura-preview-in { from { opacity: 0; transform: translateY(10px); } }
.aura-preview-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 24px; margin-bottom: 30px; }
.aura-preview-heading p { margin: 0 0 7px; color: var(--aura-lab-cyan); font: 700 9px var(--aura-lab-display); letter-spacing: .18em; }
.aura-preview-heading h1 { margin: 0; font: 500 clamp(42px, 5vw, 76px)/.95 var(--aura-lab-display); letter-spacing: -.055em; }
.aura-preview-heading > span { max-width: 390px; color: var(--aura-lab-muted); font-size: 13px; line-height: 1.7; }
.aura-preview-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.aura-preview-card { grid-column: span 4; min-height: 185px; padding: 22px; }
.aura-preview-card.is-wide { grid-column: span 8; }
.aura-preview-card.is-full { grid-column: 1 / -1; }
.aura-preview-card h2 { margin: 0; font: 600 18px var(--aura-lab-display); }
.aura-preview-card > p { color: var(--aura-lab-muted); font-size: 12px; line-height: 1.65; }
.aura-preview-metric { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 24px; }
.aura-preview-metric strong { font: 500 40px var(--aura-lab-display); letter-spacing: -.05em; }
.aura-preview-metric span { color: var(--aura-lab-cyan); font-size: 9px; letter-spacing: .1em; }
.aura-preview-list { display: grid; gap: 0; margin-top: 18px; }
.aura-preview-list div { min-height: 52px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; border-top: 1px solid var(--aura-lab-line); }
.aura-preview-list strong { font-size: 13px; }
.aura-preview-list span { color: var(--aura-lab-muted); font-size: 10px; }
.aura-preview-form { display: grid; gap: 12px; margin-top: 18px; }
.aura-preview-form label { display: grid; gap: 7px; color: var(--aura-lab-muted); font-size: 10px; letter-spacing: .06em; }
.aura-preview-form input,.aura-preview-form select { width: 100%; min-height: 46px; padding: 0 13px; }
.aura-preview-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.aura-preview-orbit { position: relative; min-height: 310px; display: grid; place-items: center; overflow: hidden; }
.aura-preview-orbit::before,.aura-preview-orbit::after { content: ""; position: absolute; width: 250px; height: 250px; border: 1px solid var(--aura-lab-line); border-radius: 50%; animation: aura-preview-orbit 12s linear infinite; }
.aura-preview-orbit::after { width: 185px; height: 185px; border-color: var(--aura-lab-line-hot); animation-direction: reverse; animation-duration: 8s; }
@keyframes aura-preview-orbit { to { transform: rotate(1turn); } }
.aura-preview-orbit img { position: relative; z-index: 2; width: 118px; height: 118px; filter: drop-shadow(0 0 24px rgba(65, 179, 255, .42)); }
.aura-preview-floating { position: fixed; z-index: 20; right: 22px; bottom: 18px; min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 7px 15px 7px 7px; border-radius: 32px !important; }
.aura-preview-floating img { width: 42px; height: 42px; }
.aura-preview-floating span { display: flex; flex-direction: column; align-items: flex-start; }
.aura-preview-floating small { color: var(--aura-lab-green); font-size: 8px; }

@media (max-width: 920px) {
  .aura-preview-shell { grid-template-columns: 1fr; padding-bottom: 76px; }
  .aura-preview-sidebar { position: fixed; z-index: 15; inset: auto 0 0; height: 72px; display: block; padding: 8px; border-top: 1px solid var(--aura-lab-line); border-right: 0; }
  .aura-preview-brand,.aura-preview-sidebar footer { display: none; }
  .aura-preview-nav { grid-template-columns: repeat(8, minmax(82px, 1fr)); gap: 5px; margin: 0; overflow-x: auto; }
  .aura-preview-nav button { min-height: 54px; padding: 0 10px; font-size: 9px; text-align: center; white-space: nowrap; }
  .aura-preview-nav button.is-active { box-shadow: inset 0 3px var(--aura-lab-cyan); }
  .aura-preview-card,.aura-preview-card.is-wide { grid-column: span 6; }
}

@media (max-width: 620px) {
  .aura-preview-topbar { min-height: 68px; padding: 10px 14px; }
  .aura-preview-topbar p { font-size: 8px; }
  .aura-preview-topbar p strong { font-size: 13px; }
  .aura-preview-page { padding: 30px 14px 90px; }
  .aura-preview-heading { grid-template-columns: 1fr; gap: 12px; }
  .aura-preview-heading h1 { font-size: 13vw; }
  .aura-preview-card,.aura-preview-card.is-wide { grid-column: 1 / -1; }
  .aura-preview-floating { right: 12px; bottom: 84px; padding-right: 8px; }
  .aura-preview-floating span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ieta-aura-glossy-system *,
  .ieta-aura-glossy-system *::before,
  .ieta-aura-glossy-system *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}