@layer tokens, base, components, pages, overrides;
@import url("../tokens.css?v=20261107_dialog_standard1") layer(tokens);
@import url("../base.css?v=20261021_shared_base1") layer(base);
@import url("../ui_components.css?v=20261107_dialog_standard1") layer(components);
@import url("../auth_dialog.css?v=20261101_auth_modal1") layer(components);
@import url("../site_navigation.css?v=20261031_nav_stability1") layer(overrides);

@layer pages {
  .support-page { color:var(--text-main); }
  .support-page [hidden] { display:none!important; }
  .support-page .header-actions .btn-header-action { color:var(--text-muted); font-size:13px; text-decoration:none; }
  .support-content { display:grid; gap:var(--space-section); padding-block:24px 38px; }
  .support-heading,.support-section { min-width:0; padding:var(--space-card); border-radius:var(--radius-card); background:var(--bg-card); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); }
  .support-heading h1 { margin:0 0 7px; font-size:clamp(23px,2vw,29px); line-height:1.2; }
  .support-heading p { margin:0; color:var(--text-muted); line-height:1.55; }
  .support-section h2 { margin:0 0 12px; font-size:17px; }
  .support-section h3 { margin:20px 0 6px; color:var(--gold-hover); font-size:14px; }
  .support-section p,.support-section li { color:var(--text-muted); line-height:1.65; overflow-wrap:anywhere; }
  .support-section p { margin:7px 0; }
  .support-section ul { margin:7px 0; padding-left:20px; }
  .support-note { padding:11px 13px; border-radius:var(--radius-md); color:var(--gold-hover)!important; background:rgba(217,183,101,.08); }
  .support-links { display:flex; flex-wrap:wrap; gap:8px; }
  .support-link,.support-page button { display:inline-flex; min-height:var(--button-height-compact); align-items:center; justify-content:center; gap:6px; box-sizing:border-box; max-width:100%; padding:var(--button-padding-compact-y) var(--button-padding-compact-x); border:0; border-radius:var(--control-radius); color:var(--text-main); background:var(--bg-elevated); font:inherit; font-size:13px; text-decoration:none; cursor:pointer; }
  .support-link:hover,.support-page button:hover { color:var(--gold-hover); }
  .support-primary { color:#17130a!important; background:var(--gold-gradient)!important; border:1px solid var(--border-gold)!important; font-weight:750!important; box-shadow:0 2px 8px rgba(217,183,101,0.25)!important; transition:all .16s ease; }
  .support-primary:hover { background:linear-gradient(135deg, #f2d48a, #e2be6c)!important; transform:translateY(-1px); box-shadow:0 4px 12px rgba(217,183,101,0.35)!important; }
  .support-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:var(--space-section); align-items:start; }
  .support-form,.support-field { display:grid; gap:7px; min-width:0; }
  .support-form { gap:12px; }
  .support-field label,.support-field > span { color:var(--text-muted); font-size:13px; font-weight:650; }
  .support-field input:not([type=radio]):not([type=checkbox]),.support-field select,.support-field textarea,.support-admin-card textarea { box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:var(--control-height); padding:8px 10px; border:1px solid var(--control-border); border-radius:var(--control-radius); color:var(--text-main); background:var(--control-fill); font:inherit; font-size:var(--control-font-size); }
  .support-field input:focus-visible,.support-field select:focus-visible,.support-field textarea:focus-visible { outline: 2px solid var(--gold-primary); outline-offset: 1px; border-color: var(--gold-primary); }
  .support-field textarea,.support-admin-card textarea { min-height:130px; resize:vertical; line-height:1.55; }
  .support-radio-row { display:flex; flex-wrap:wrap; gap:8px; }
  .support-radio-row label,.support-consent { display:flex; align-items:flex-start; gap:8px; min-width:0; color:var(--text-muted); font-size:13px; line-height:1.5; }
  .support-radio-row input,.support-consent input { flex:0 0 auto; width:16px; height:16px; margin:2px 0 0; accent-color:var(--gold-primary); }
  .support-helper,.support-status { margin:0; color:var(--text-dim); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
  .support-status:not(:empty) { padding:9px 11px; border-radius:var(--radius-sm); background:var(--bg-elevated); }
  .support-list { display:grid; gap:8px; }
  .support-inquiry,.support-admin-card { min-width:0; padding:12px; border-radius:var(--radius-md); background:var(--bg-elevated); }
  .support-inquiry-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; min-width:0; }
  .support-inquiry-head > div { min-width:0; }
  .support-inquiry h3 { margin:0 0 5px; color:var(--text-main); font-size:14px; overflow-wrap:anywhere; }
  .support-inquiry-meta { display:flex; flex-wrap:wrap; gap:6px 10px; color:var(--text-dim); font-size:11px; }
  .support-inquiry p { margin:9px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; }
  .support-badge { flex:0 0 auto; padding:3px 7px; border-radius:999px; color:var(--gold-hover); background:rgba(217,183,101,.1); font-size:11px; }
  .support-reply { margin-top:10px!important; padding:10px; border-left:2px solid var(--gold-primary); border-radius:0 var(--radius-sm) var(--radius-sm) 0; background:var(--bg-dark); }
  .support-empty { padding:24px 8px; color:var(--text-muted); text-align:center; }
  .support-receipt { margin-top:12px; padding:12px; border-radius:var(--radius-md); color:var(--text-main); background:var(--bg-dark); overflow-wrap:anywhere; }
  .support-receipt strong { color:var(--gold-hover); }
  .support-admin { margin-top:14px; }
  .support-guest-access { margin-top:var(--space-card); padding:var(--space-card); background:var(--bg-dark); }
  .support-admin-card { display:grid; gap:9px; margin-top:8px; }
  .support-admin-card textarea { min-height:90px; }
  @media(max-width:800px) { .support-grid { grid-template-columns:minmax(0,1fr); } }
  @media(max-width:620px) {
    .support-content { padding-block:14px 26px; }
    .support-field input:not([type=radio]):not([type=checkbox]),.support-field select,.support-field textarea,.support-admin-card textarea { font-size:16px; }
    .support-inquiry-head { flex-direction:column; }
    .support-section h2 { font-size:16px; }
  }
}