/* WOLF ZONE / audit1590: single premium UI composition layer.
   Scope deliberately excludes image export nodes so captures stay deterministic.
   No animations, fixed translucent overlays, or global heavy backdrop filters. */
@layer wolf-premium {
  body { --premium-ambient:rgba(var(--ui-rgb),.055);--premium-line:rgba(var(--ui-rgb),.65);--premium-sheen:rgba(var(--ui-rgb),.035);--premium-ink:var(--ui-ink);--premium-muted:var(--ui-muted);--premium-surface:var(--ui-surface);--premium-inner:var(--ui-inner);--premium-highlight:var(--ui-icon); }
  /* The decorative depth is painted on the real document, never on a giant covering panel. */
  body {
    background-color:var(--ui-bg)!important;
    background-image:radial-gradient(ellipse 82% 35% at 50% -8%,var(--premium-ambient),transparent 80%),radial-gradient(ellipse 76% 43% at 108% 65%,var(--premium-ambient),transparent 85%)!important;
    background-attachment:scroll!important;
  }
  #app #view :is(.home-showcase,.home-simple,.quick-normal-page,.league-page,.knockout-page,.honor-studio-page,.management-hub-page,.settings-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page,.wolf-staff-fullpage) {
    --premium-edge:var(--premium-line);color:var(--premium-ink);
  }
  /* Cards: paired inner highlight + restrained outer glow, no flat opaque slab. */
  #app #view .home-entry {
    border:var(--ui-neon-card-border)!important;
    border-radius:var(--ui-premium-card-radius)!important;
    background:linear-gradient(148deg,var(--premium-sheen),transparent 38%),linear-gradient(162deg,var(--premium-inner),var(--premium-surface))!important;
    box-shadow:var(--ui-neon-card-shadow)!important;
    min-width:0;
  
padding:var(--ui-premium-card-padding,clamp(14px,4vw,23px))!important}
  #app #view :is(.home-title,.mode-page-title,.title-copy,.page-brand) { color:var(--premium-ink)!important;text-shadow:var(--wolf-neon-tier-title);letter-spacing:0!important;overflow-wrap:normal;word-break:normal; }
  #app #view :is(.mode-title-icon,.home-icon,.records-admin-tool-icon,.record-visual-icon){color:var(--premium-highlight)!important;filter:var(--wolf-neon-tier-icon);}
  /* Stable tap area and legible whole-word labels at iPhone widths. */
  #app #view :is(.action,.bigbtn,.hs-button,.settings-action,.unified-control-strip button,.standalone-controls-card button,.wolf-control-menu button,.game-card-option) {
    border-radius:var(--ui-control-radius,13px)!important;min-height:var(--ui-tap-area);min-width:0;
    white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;
    text-align:center;line-height:1.4;
  }
  #app #view :is(input,select,textarea,.input) {border-radius:var(--ui-control-radius,13px)!important;max-width:100%;min-width:0;}
  #app #view :is(input,select,textarea,.input):focus-visible {outline:2px solid var(--premium-highlight);outline-offset:2px;}
  #app #view :is(button,a,[role="button"]):focus-visible {outline:2px solid var(--premium-highlight)!important;outline-offset:3px;}
  #app #view :is(.settings-page,.honor-studio-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) {padding-inline:var(--ui-page-gutter);}
  #app #view .home-entry {position:relative;isolation:isolate;}
  #app #view .home-entry::before {content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:var(--ui-premium-card-radius,18px) var(--ui-premium-card-radius,18px) 0 0;background:linear-gradient(90deg,transparent,var(--premium-highlight),transparent);opacity:.7;pointer-events:none;}
  @media(prefers-reduced-motion:reduce){#app #view :is(.home-entry,.smart-entry-card,.mode-card,.hs-panel){animation:none!important;transition:none!important}}

  /* audit1592: administration and settings visual geometry; inputs and permissions remain untouched. */
  #app #view .settings-section {
    box-sizing:border-box;min-width:0;max-width:100%;
    border:1px solid var(--premium-line)!important;
    border-radius:var(--ui-radius)!important;
    background:linear-gradient(145deg,var(--premium-sheen),transparent 43%),linear-gradient(165deg,var(--premium-inner),var(--premium-surface))!important;
    box-shadow:var(--wolf-neon-tier-medium)!important;
  

    padding:var(--ui-premium-card-padding)!important;
  }
    #app #view :is(.admin-account-actions,.settings-actions,.user-management-head,.admin-user-form,.admin-user-row) {
    min-width:0;max-width:100%;
  }
  #app #view :is(.admin-account-actions,.settings-actions) > :is(button,a),
  #app #view :is(.settings-btn,.admin-user-delete,.admin-user-copy,.admin-password-toggle,.wolf-admin-forgot) {
    box-sizing:border-box;min-width:0;min-height:var(--ui-tap-area);
    word-break:keep-all;overflow-wrap:normal;line-height:1.4;
  }
  #app #view .settings-section :is(input,select,textarea){
    box-sizing:border-box;max-width:100%;min-height:var(--ui-control-height);
    color:var(--premium-ink);accent-color:var(--premium-highlight);
  }
  #app #view :is(.admin-section-title,.user-directory-heading,.account-brand) {
    color:var(--premium-ink)!important;line-height:1.4;
  }
  #app #view .settings-page .user-count-badge{
    border:1px solid var(--premium-line);border-radius:999px;
    padding:4px 10px;background:var(--premium-ambient);
    color:var(--premium-ink);
  }
  @media(max-width:390px){
    #app #view :is(.admin-account-actions,.settings-actions){
      display:grid!important;grid-template-columns:minmax(0,1fr);
      gap:var(--ui-space-sm)!important;
    }
    #app #view :is(.admin-account-actions,.settings-actions)>:is(button,a){width:100%;}
  }
}


/* Final theme foundations: no giant opaque route panel over the ambient scene. */
#app,#app #view{background:transparent!important;background-color:transparent!important;background-image:none!important;}
body.burgundy #app #view,body.light #app #view{background:transparent!important;}
#app #view :is(.quick-normal-page,.knockout-page,.league-page,.management-hub-page,.settings-page,.honor-studio-page,.tournaments-page,.tournaments-hub-page){background-color:transparent!important;}