.support-shell{padding-top:42px;padding-bottom:70px}
.support-hero{margin-bottom:24px}
.support-hero h1{margin:10px 0 10px;font-size:clamp(34px,5vw,64px)}
.support-hero p{max-width:920px;color:var(--muted);line-height:1.75}
.support-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.support-contact-grid div,.support-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:22px;padding:18px}
.support-contact-grid span,.support-form span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.support-contact-grid strong{display:block;margin-top:8px;color:#fff}
.support-contact-grid small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}
.support-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
.support-card h2{margin:8px 0 18px}
.support-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.support-form label{display:grid;gap:8px}
.support-form .wide{grid-column:1/-1}
.support-form input,.support-form select,.support-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.36);color:#fff;padding:13px 14px;outline:none}
.support-form input[type="file"]{padding:12px;background:rgba(2,183,254,.04);cursor:pointer}
.support-form textarea{min-height:128px;resize:vertical}
.support-note{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.55}
.attachment-field{border:1px dashed rgba(2,183,254,.28);border-radius:18px;padding:14px;background:rgba(2,183,254,.04)}
.attachment-field small{color:var(--muted);font-size:12px;line-height:1.5}
.selected-files{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.25);padding:10px 12px;color:#d7d7d7;font-size:12px;line-height:1.6}
.selected-files strong{display:block;color:#fff;margin-bottom:4px}
.file-error{color:#ff9c9c}
.ticket-success{border:1px solid rgba(0,255,136,.22);background:rgba(0,255,136,.08);border-radius:16px;color:#dfffe9;padding:14px;margin:16px 0}
.ticket-warning{border-color:rgba(255,209,102,.28);background:rgba(255,209,102,.08);color:#fff0c2}
.support-table-wrap{overflow:auto}
.support-table{width:100%;border-collapse:collapse}
.support-table th,.support-table td{border-bottom:1px solid rgba(255,255,255,.08);padding:12px;text-align:left;font-size:13px}
.support-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.support-table td{color:#fff}
.support-table small{display:block;color:var(--muted);margin-top:4px}
.support-guidance-list{display:grid;gap:14px}
.support-guidance-list div{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.24);padding:14px}
.support-guidance-list strong{color:#fff}
.support-guidance-list p{color:var(--muted);line-height:1.6;margin:8px 0 0}
.support-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
@media(max-width:980px){.support-grid,.support-contact-grid{grid-template-columns:1fr}.support-form{grid-template-columns:1fr}}



.notice-close{float:right;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:20px;font-weight:900;line-height:1}
.ticket-success{font-size:15px;line-height:1.55}
.ticket-success strong{color:#fff}
.ticket-success span{color:#dfffe9}

/* V22.22 support reply visibility */
.support-admin-reply{margin-top:8px!important;border:1px solid rgba(0,255,136,.18);border-radius:12px;background:rgba(0,255,136,.06);padding:9px;color:#dfffe9!important;line-height:1.45;}
.support-admin-reply strong{display:block;color:#fff;margin-bottom:3px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}

/* V22.23 support attachment preview */
.support-attachment-list{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:8px;}
.support-attachment-list a,.support-attachment-list span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.045);padding:7px 9px;color:#fff!important;text-decoration:none;font-size:11px;line-height:1.25;max-width:170px;}
.support-attachment-list img{width:36px;height:36px;border-radius:9px;object-fit:cover;background:#050505;border:1px solid rgba(255,255,255,.12);}
.support-attachment-list a span,.support-attachment-list>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/* V22.24 user ticket follow-up replies */
.support-user-reply-box{display:grid;gap:8px;margin-top:10px;border:1px solid rgba(2,183,254,.16);border-radius:12px;background:rgba(2,183,254,.055);padding:9px;}
.support-user-reply-box textarea{width:100%;min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#050505;color:#fff;padding:9px;resize:vertical;font-size:12px;}
.xn-button.small{min-height:34px;padding:0 12px;font-size:12px;border-radius:10px;}
.support-reply-thread{margin-top:8px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035);padding:9px;}
.support-reply-thread>strong{display:block;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;}
.support-reply-thread p{margin:6px 0 0;color:#d7e2f2;line-height:1.45;white-space:pre-wrap;}
.support-reply-thread span{display:block;color:var(--muted);font-size:10px;margin-bottom:2px;}


/* V22.28 support ticket table cleanup */
.support-table{table-layout:fixed;}
.support-table th:nth-child(1), .support-table td:nth-child(1){width:42%;}
.support-table th:nth-child(2), .support-table td:nth-child(2){width:18%;}
.support-table th:nth-child(3), .support-table td:nth-child(3){width:18%;}
.support-table th:nth-child(4), .support-table td:nth-child(4){width:12%;}
.support-table th:nth-child(5), .support-table td:nth-child(5){width:10%;}
.support-ticket-row td{vertical-align:top;}
.support-ticket-detail-row td{padding-top:0;background:rgba(255,255,255,.02);}
.support-ticket-detail{display:grid;gap:12px;padding:12px 0 4px;}
.support-ticket-message{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);padding:12px;}
.support-ticket-message strong{display:block;color:#fff;margin-bottom:6px;}
.support-ticket-message p{margin:0;color:#d7dde6;line-height:1.6;white-space:pre-wrap;}
.support-user-reply-box .xn-button.small{width:max-content;}
@media(max-width:980px){
  .support-table{table-layout:auto;min-width:760px;}
  .support-table th:nth-child(5), .support-table td:nth-child(5){min-width:120px;}
}

/* V22.29 support ticket history final cleanup */
.support-table{table-layout:fixed;}
.support-table th:nth-child(1), .support-table td:nth-child(1){width:40%;}
.support-table th:nth-child(2), .support-table td:nth-child(2){width:17%;}
.support-table th:nth-child(3), .support-table td:nth-child(3){width:18%;}
.support-table th:nth-child(4), .support-table td:nth-child(4){width:13%;}
.support-table th:nth-child(5), .support-table td:nth-child(5){width:12%;}
.support-ticket-detail-row td{padding-top:0!important;background:rgba(255,255,255,.018);}
.support-ticket-detail{display:grid;gap:12px;padding:14px 0;}
.support-ticket-message,.support-user-reply-box,.support-reply-thread{max-width:100%;}
.support-user-reply-box textarea{min-height:88px;}
.support-attachment-list a,.support-attachment-list span{max-width:240px;}
@media(max-width:980px){.support-table{min-width:820px;table-layout:auto;}}


/* V22.30 support light theme */
html[data-theme="light"] .support-contact-grid div,
html[data-theme="light"] .support-card,
html[data-theme="light"] .support-guidance-list div,
html[data-theme="light"] .selected-files,
html[data-theme="light"] .support-ticket-message,
html[data-theme="light"] .support-reply-thread,
html[data-theme="light"] .support-user-reply-box{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#07111f!important;
}
html[data-theme="light"] .support-table th{color:#64748b!important;}
html[data-theme="light"] .support-table td{color:#07111f!important;}


/* V22.31 Consistent White Theme Layer */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f7fb;
  --bg-soft:#ffffff;
  --card:#ffffff;
  --card-soft:#f7faff;
  --border:#d9e3ef;
  --text:#07111f;
  --muted:#526174;
  --muted-2:#7b8a9e;
  --admin-line:rgba(15,23,42,.12);
  --admin-panel:#ffffff;
  --admin-soft:rgba(2,183,254,.055);
}
html[data-theme="light"] body,
html[data-theme="light"] .admin-body,
html[data-theme="light"] .admin-login-body,
html[data-theme="light"] body.dashboard-role-page{
  background:#f5f7fb!important;
  color:#07111f!important;
}
html[data-theme="light"] body::before,
html[data-theme="light"] body::after{opacity:.18!important;}
html[data-theme="light"] :where(.xn-card,.admin-card,.dashboard-panel,.dash-hero,.access-card,.benefit-card,.learning-card,.tool-card,.support-card,.auth-card,.legal-card,.course-hero,.lesson-view,.journal-card,.payment-card,.admin-login-card,.admin-table-wrap,.admin-data-detail,.admin-profile-detail,.course-side-panel,.study-chart-card,.study-side-pane,.protected-player,.pdf-page,.protected-resource-dialog,.support-contact-grid div,.support-guidance-list div,.dashboard-alert-panel,.registered-panel,.subscribed-panel,.modal,.dialog){
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#07111f!important;
  box-shadow:0 20px 58px rgba(15,23,42,.10)!important;
}
html[data-theme="light"] :where(.locked-card){
  background:linear-gradient(145deg,rgba(255,209,102,.12),#ffffff)!important;
  border-color:rgba(218,165,32,.22)!important;
}
html[data-theme="light"] :where(.open-card){
  background:linear-gradient(145deg,rgba(0,255,136,.10),#ffffff)!important;
  border-color:rgba(0,160,92,.18)!important;
}
html[data-theme="light"] :where(h1,h2,h3,h4,h5,h6,strong,.admin-card h2,.admin-header h1,.panel-head h2,.access-card strong,.benefit-card strong,.learning-card strong,.tool-card strong,.support-card h2,.course-hero h1,.lesson-top h2){
  color:#07111f!important;
}
html[data-theme="light"] :where(p,small,span,li,td,th,dd,dt,label,.admin-muted,.admin-help,.support-note,.study-disclaimer,.hero-copy p:not(.micro-label),.panel-head p:not(.micro-label),.benefit-card p,.learning-card p,.tool-card p){
  color:#526174!important;
}
html[data-theme="light"] :where(.micro-label,.xn-eyebrow,.admin-eyebrow,.support-card .xn-eyebrow,.dashboard-alert-item span,.notice-feed-item span){
  color:#0276d8!important;
}
html[data-theme="light"] :where(input,select,textarea){
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.16)!important;
  box-shadow:none!important;
}
html[data-theme="light"] :where(input::placeholder,textarea::placeholder){color:#8a97aa!important;}
html[data-theme="light"] :where(table,.admin-table,.support-table){
  background:#ffffff!important;
  color:#07111f!important;
}
html[data-theme="light"] :where(tr,td,th){
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] :where(.xn-nav,.compact-nav,.course-topbar,.xn-dashboard-nav,.admin-header-clean,.admin-header){
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#07111f!important;
  box-shadow:0 14px 44px rgba(15,23,42,.08)!important;
}
html[data-theme="light"] :where(.xn-settings-dropdown,.admin-sidebar,.admin-preview-links){
  background:rgba(255,255,255,.98)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#07111f!important;
  box-shadow:0 24px 70px rgba(15,23,42,.16)!important;
}
html[data-theme="light"] :where(.xn-settings-dropdown a,.xn-settings-dropdown button,.admin-nav a){
  color:#1f2a3d!important;
}
html[data-theme="light"] :where(.xn-settings-dropdown a:hover,.xn-settings-dropdown button:hover,.admin-nav a:hover,.admin-nav a.active){
  background:rgba(2,183,254,.08)!important;
  color:#07111f!important;
  border-color:rgba(2,183,254,.22)!important;
}
html[data-theme="light"] :where(.admin-primary-btn,.xn-button.primary,.xn-button.brand,.dash-button.primary){
  background:#69f58b!important;
  color:#061108!important;
  border-color:rgba(0,160,92,.24)!important;
}
html[data-theme="light"] :where(.admin-ghost-btn,.xn-button.ghost,.dash-button,.pane-toggle,.admin-menu,.admin-theme-toggle,.theme-toggle-btn,.protected-resource-close){
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.14)!important;
}
html[data-theme="light"] :where(.admin-menu span,.xn-settings-toggle span){background:#07111f!important;}
html[data-theme="light"] :where(.admin-pill,.status-pill){
  background:#f8fafc!important;
  color:#1f2a3d!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] :where(.status-pill.locked,.admin-status.pending){
  background:rgba(255,209,102,.14)!important;
  color:#8a6200!important;
}
html[data-theme="light"] :where(.status-pill.info){
  background:rgba(2,183,254,.10)!important;
  color:#0357a8!important;
}
html[data-theme="light"] :where(.admin-status.success){
  background:rgba(0,180,102,.10)!important;
  color:#087a45!important;
}
html[data-theme="light"] :where(.dashboard-alert-item.warning,.notice-feed-item.warning){
  background:linear-gradient(145deg,rgba(255,209,102,.14),#ffffff)!important;
  border-color:rgba(218,165,32,.28)!important;
}
html[data-theme="light"] :where(.dashboard-alert-item.warning strong,.notice-feed-item.warning strong){color:#9a6a00!important;}
html[data-theme="light"] :where(.dashboard-alert-item.success,.notice-feed-item.success){
  background:linear-gradient(145deg,rgba(0,255,136,.10),#ffffff)!important;
  border-color:rgba(0,160,92,.18)!important;
}
html[data-theme="light"] :where(.dashboard-alert-item.success strong,.notice-feed-item.success strong){color:#087a45!important;}
html[data-theme="light"] :where(.study-chart,.chart-grid,.protected-media,.protected-media-frame,.protected-pdf-frame){
  background:#eef6ff!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] :where(.xn-watermark){
  color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] :where(.toast,.ticket-success,.download-alert,.selected-files,.support-user-reply-box,.support-reply-thread,.ticket-detail-message,.alert-image-preview){
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] :where(.admin-danger-btn){
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:rgba(190,18,60,.20)!important;
}
html[data-theme="light"] :where(.auth-mini-footer,.compliance-footer,footer){
  background:#ffffff!important;
  color:#526174!important;
  border-color:rgba(15,23,42,.10)!important;
}

/* V22.32 support ticket status and mobile reply layout */
.support-status-pill{display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;padding:5px 9px;border-radius:999px;border:1px solid rgba(2,183,254,.22);background:rgba(2,183,254,.08);color:#dff3ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}
.support-status-pill.waiting_for_user,.support-status-pill.waiting-for-user{border-color:rgba(240,207,91,.36);background:rgba(240,207,91,.12);color:#ffe8a3;}
.support-status-pill.waiting_for_admin,.support-status-pill.waiting-for-admin{border-color:rgba(2,183,254,.36);background:rgba(2,183,254,.12);color:#dff3ff;}
.support-status-pill.resolved,.support-status-pill.closed{border-color:rgba(0,255,136,.28);background:rgba(0,255,136,.10);color:#dfffe9;}
.support-ticket-detail{display:grid;gap:12px;}
@media(max-width:760px){
  .support-table,.support-table tbody,.support-table tr,.support-table td{display:block;width:100%;}
  .support-ticket-row{border:1px solid rgba(255,255,255,.10);border-radius:14px;margin-bottom:10px;padding:10px;background:rgba(255,255,255,.035);}
  .support-ticket-row td{border:0!important;padding:7px 0!important;}
  .support-ticket-detail-row td{padding:0!important;}
  .support-user-reply-box{grid-column:1 / -1;}
}



/* V22.34 bottom compliance notice: simple typography, not a heavy exotic card */
body:has(.legal-compliance-footer){
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body:has(.legal-compliance-footer) > main{
  flex:1 0 auto;
}
.compliance-footer.legal-compliance-footer{
  flex-shrink:0;
  width:min(1480px,calc(100% - 64px))!important;
  margin:44px auto 28px!important;
  border:0!important;
  border-top:1px solid rgba(2,183,254,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:20px 0 0!important;
  color:var(--muted)!important;
}
.compliance-footer.legal-compliance-footer strong{
  color:var(--text)!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
.compliance-footer.legal-compliance-footer p{
  max-width:1180px;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.compliance-footer.legal-compliance-footer nav{
  margin-top:12px!important;
  gap:8px!important;
}
.compliance-footer.legal-compliance-footer a{
  border:0!important;
  background:transparent!important;
  padding:2px 0!important;
  margin-right:16px!important;
  color:var(--primary-blue)!important;
  font-size:12px!important;
}

/* V22.34 journal layout: keep entry, summary and history inside card edges */
.journal-shell{
  width:min(1680px,calc(100% - 72px))!important;
  margin:0 auto!important;
  padding:30px 0 34px!important;
  overflow:visible!important;
}
.journal-layout{
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.journal-form-card,
.journal-summary-card,
.journal-history-card{
  padding:clamp(24px,2.2vw,36px)!important;
  overflow:visible!important;
}
.journal-form-card .section-heading,
.journal-history-card .section-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 24px!important;
}
.journal-summary-card > .xn-eyebrow,
.journal-form-card .xn-eyebrow,
.journal-history-card .xn-eyebrow{
  display:block!important;
  margin:0 0 10px!important;
  line-height:1.2!important;
}
.journal-form-card h2,
.journal-summary-card h2,
.journal-history-card h2{
  margin:0 0 22px!important;
  line-height:1.1!important;
}
.journal-table-wrap{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  overflow:auto!important;
}
.journal-table th:first-child,
.journal-table td:first-child{
  padding-left:18px!important;
}
@media(max-width:1100px){
  .journal-shell{width:min(100% - 32px,100%)!important;}
  .journal-layout{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .journal-shell{width:calc(100% - 20px)!important;padding-top:18px!important;}
  .journal-form-card,.journal-summary-card,.journal-history-card{padding:22px 16px!important;}
}

/* V22.34 white theme final contrast layer */
html[data-theme="light"] body{
  background:#f5f7fb!important;
}
html[data-theme="light"] .compliance-footer.legal-compliance-footer{
  border-top-color:rgba(15,23,42,.16)!important;
  color:#526174!important;
}
html[data-theme="light"] .compliance-footer.legal-compliance-footer strong{
  color:#07111f!important;
}
html[data-theme="light"] .compliance-footer.legal-compliance-footer p{
  color:#526174!important;
}
html[data-theme="light"] .journal-form-card,
html[data-theme="light"] .journal-summary-card,
html[data-theme="light"] .journal-history-card,
html[data-theme="light"] .legal-document-card,
html[data-theme="light"] .dashboard-panel,
html[data-theme="light"] .dash-hero,
html[data-theme="light"] .dashboard-alert-panel{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 16px 46px rgba(15,23,42,.08)!important;
}
html[data-theme="light"] .journal-table-wrap,
html[data-theme="light"] .journal-table,
html[data-theme="light"] .journal-table tbody,
html[data-theme="light"] .journal-table tr{
  background:#ffffff!important;
}
html[data-theme="light"] .journal-table th{
  color:#526174!important;
  background:#ffffff!important;
}
html[data-theme="light"] .journal-table td,
html[data-theme="light"] .journal-table td strong{
  color:#07111f!important;
}
html[data-theme="light"] .journal-table small{
  color:#526174!important;
}
html[data-theme="light"] .result-preview div,
html[data-theme="light"] .journal-summary-grid div,
html[data-theme="light"] .summary-breakdown div{
  background:#f8fbff!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#07111f!important;
}
html[data-theme="light"] .result-preview strong,
html[data-theme="light"] .journal-summary-grid strong{
  color:#07111f!important;
}
html[data-theme="light"] .xn-button,
html[data-theme="light"] button,
html[data-theme="light"] .entry-delete{
  opacity:1!important;
}
html[data-theme="light"] .xn-button.ghost,
html[data-theme="light"] .entry-delete{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.18)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.05)!important;
}
html[data-theme="light"] .xn-button.primary{
  background:#69f58b!important;
  color:#061108!important;
  border-color:rgba(0,160,92,.20)!important;
}
html[data-theme="light"] .xn-button.danger{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:rgba(190,18,60,.22)!important;
}
html[data-theme="light"] .xn-button.danger[disabled],
html[data-theme="light"] .xn-button.danger.disabled{
  background:#fff5f5!important;
  color:#dc2626!important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.18)!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#738098!important;
}

/* V22.34 complaint status table: clean duplicate-proof visual */
.complaint-status-table-wrap,
.legal-table-wrap{
  overflow:auto!important;
}
html[data-theme="light"] .legal-table,
html[data-theme="light"] .legal-table tbody,
html[data-theme="light"] .legal-table tr,
html[data-theme="light"] .legal-table td,
html[data-theme="light"] .legal-table th{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] .legal-table small{
  color:#526174!important;
}



/* V22.36 support ticket/status cleanup */
.ticket-status-router-card{
  border:1px solid rgba(2,183,254,.18);
  border-radius:22px;
  background:rgba(2,183,254,.055);
  padding:20px;
}
.ticket-status-router-card h2{margin:8px 0 10px;}
.support-reply-locked{
  border:1px dashed rgba(255,255,255,.16);
  border-radius:16px;
  padding:14px;
  color:var(--muted);
  background:rgba(255,255,255,.035);
  font-weight:800;
}
.support-user-reply-box label{
  display:grid;
  gap:8px;
  margin-bottom:10px;
}
.support-user-reply-box label span,
.followup-file-field span{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.followup-file-field input{
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:12px;
  background:rgba(0,0,0,.26);
  color:#fff;
}
.followup-file-field small{
  color:var(--muted);
  font-size:12px;
}
.support-admin-reply-box{
  border:1px solid rgba(0,255,136,.18);
  background:rgba(0,255,136,.06);
  border-radius:16px;
  padding:14px;
}
.support-admin-reply-box strong{
  display:block;
  color:#fff!important;
  margin-bottom:8px;
}
.ticket-status-row + .support-ticket-detail-row td{
  padding-top:0!important;
}
.ticket-status-files{
  margin-top:10px;
}
.ticket-conversation-thread .followup-files{
  margin-top:10px;
}
html[data-theme="light"] .ticket-status-router-card,
html[data-theme="light"] .support-reply-locked,
html[data-theme="light"] .support-user-reply-box,
html[data-theme="light"] .support-admin-reply-box{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] .support-admin-reply-box{
  background:rgba(0,160,92,.07)!important;
  border-color:rgba(0,160,92,.18)!important;
}
html[data-theme="light"] .support-admin-reply-box strong{
  color:#07111f!important;
}
html[data-theme="light"] .followup-file-field input{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:rgba(15,23,42,.14)!important;
}


.xn-unified-nav-links .xn-notice-bell-wrap{
  display:flex!important;
  align-items:center!important;
}
.xn-dashboard-nav .xn-unified-nav-links{
  flex-wrap:nowrap!important;
}


/* V22.49 support hero overflow fix */
.support-hero{padding:clamp(24px,3vw,42px)!important;overflow:hidden;}
.support-hero .xn-eyebrow{display:block;max-width:100%;line-height:1.45;word-break:break-word;}
.support-hero h1{font-size:clamp(40px,4.8vw,86px)!important;line-height:1.02;letter-spacing:-.045em;word-break:break-word;max-width:100%;}
.support-hero p{max-width:980px;word-break:break-word;}
@media(max-width:900px){.support-hero h1{font-size:clamp(34px,9vw,56px)!important;}}

/* V33 support polish */
.autofilled-field{border-color:rgba(37,245,170,.32)!important;background:rgba(37,245,170,.06)!important;}
.support-attachment-list img{display:none!important;}
.support-attachment-list a,.support-attachment-list span,.attachment-file-pill{display:inline-flex!important;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border:1px solid rgba(98,212,255,.24);border-radius:999px;background:rgba(5,16,36,.7);color:#dff6ff;text-decoration:none;font-weight:850;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
