.portal{background:#0c100e;color:#f1f4ed}.portal header{position:static;gap:20px;padding:24px 5%;height:auto;min-height:80px}.portal header nav{display:flex;gap:20px;flex-wrap:wrap}.portal-shell{max-width:1240px;margin:0 auto;padding:54px 24px 90px;min-height:72vh}.portal h1{font-size:clamp(34px,5vw,60px);line-height:1.1;margin:12px 0 20px}.portal h2{font-size:26px;margin:0 0 20px;line-height:1.2}.portal h3{font-size:20px}.portal .eyebrow{color:#b3ed54}.portal p{line-height:1.7}.portal a{color:inherit}.portal .subtle{color:#a7b2aa}.portal .panel{background:#151c17;border:1px solid #2b382d;border-radius:16px;padding:26px;margin:20px 0;min-width:0}.portal .topline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.portal .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:28px 0}.portal .stat{padding:20px;border:1px solid #2c3b2f;border-radius:12px;background:#151c17}.portal .stat strong{display:block;font-size:29px;margin-bottom:8px;color:#c3ff64}.portal .stat span{font-size:13px;color:#b9c1bc}.portal .split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.portal .button,.portal .secondary-button{font-family:inherit;font-size:14px;border-radius:9px;cursor:pointer;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;white-space:normal}.portal .button{background:#bdff4b;border:1px solid #bdff4b;color:#112005}.portal .secondary-button{border:1px solid #536a43;background:transparent;color:#e9f8dc}.portal input,.portal select,.portal textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #415342;border-radius:8px;background:#0c120d;color:#edf4e9;padding:12px;font:inherit;margin:8px 0 16px;min-height:44px}.portal label{display:block}.portal .filters-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.portal .filters-row label{flex:1;min-width:140px}.portal .filters-row button{margin-bottom:16px}.portal .table-wrap{overflow:auto}.portal table{width:100%;border-collapse:collapse;font-size:14px}.portal th{text-align:left;font-weight:500;color:#a3bca9;padding:15px 12px;border-bottom:1px solid #455c42;white-space:nowrap}.portal td{padding:17px 12px;border-bottom:1px solid #293b2e;max-width:280px;overflow-wrap:anywhere;vertical-align:middle}.portal .order-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}.portal td small{display:block;color:#9ead9f;margin-top:5px}.portal .badge{display:inline-block;font-size:12px;padding:6px 9px;background:#253521;border:1px solid #405338;border-radius:6px;color:#ccedb9;white-space:normal}.portal .badge.warn{color:#f5dca6;background:#3e3420;border-color:#6a552d}.portal .tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.portal .tabs a{padding:10px 16px;border:1px solid #3c4e3d;border-radius:30px;text-decoration:none}.portal .tabs a.active{background:#bcfb4c;color:#142009}.portal dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;line-height:1.6}.portal dt{color:#9cad9f}.portal dd{margin:0;overflow-wrap:anywhere}.portal code{overflow-wrap:anywhere;white-space:normal;font-size:13px}.portal .timeline{padding:0;list-style:none}.portal .timeline li{padding:12px 0 12px 20px;border-left:2px solid #76a33f;position:relative}.portal .timeline li:before{content:'';position:absolute;left:-5px;top:20px;width:8px;height:8px;border-radius:50%;background:#b5f451}.portal .timeline small{display:block;color:#9bad9f}.portal .conversation{max-height:410px;min-height:160px;overflow:auto;padding:10px 2px;display:flex;flex-direction:column;gap:12px}.portal .bubble{max-width:90%;border-radius:12px;padding:13px 16px;background:#253721;align-self:flex-end;overflow-wrap:anywhere}.portal .bubble.support{background:#202925;align-self:flex-start}.portal .bubble p{margin:3px 0;white-space:pre-wrap;font-size:14px}.portal .bubble small{color:#aabd9d;font-size:11px}.portal .notice-row{border-bottom:1px solid #334634;padding:14px 0;display:block;text-decoration:none}.portal .notice-row.unread{border-left:3px solid #bcfb4c;padding-left:12px}.portal .notice-row small{display:block;color:#9baa9d}.portal .auth-panel{max-width:580px;margin:30px auto;padding:38px}.portal .auth-panel .button{width:100%;box-sizing:border-box;margin:16px 0}.portal #portal-alert{position:sticky;top:12px;z-index:10;border:1px solid #b18453;padding:16px;background:#30281b;border-radius:10px;margin-bottom:20px}.portal .empty{padding:25px;color:#adbcad;text-align:center}.portal .inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.portal .inbox-item{display:block;border:1px solid #354c35;border-radius:10px;padding:18px;margin:12px 0;text-decoration:none}.portal .inbox-item.active{border-color:#b6f14f}.portal button:disabled{opacity:.55;cursor:wait}.portal .full{grid-column:1/-1}.portal :focus-visible{outline:2px solid #bbfd59;outline-offset:3px}.portal .signout{color:#b6c4b6}.portal [hidden]{display:none!important}@media(max-width:720px){.portal header{align-items:flex-start;flex-direction:column;padding:18px}.portal header nav{font-size:13px;gap:14px}.portal-shell{padding:28px 16px 60px}.portal .split{grid-template-columns:minmax(0,1fr);gap:0}.portal .panel{padding:18px}.portal .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.portal .stat{padding:15px}.portal .stat strong{font-size:24px}.portal .order-table thead{display:none}.portal .order-table tr{display:block;border-bottom:1px solid #41563c;padding:12px 0}.portal .order-table td{display:block;border:0;max-width:none;padding:6px 4px}.portal dl{grid-template-columns:1fr;gap:5px}.portal dd{margin-bottom:12px}.portal .filters-row label{min-width:100%;flex-basis:100%}.portal .auth-panel{padding:20px}.portal .topline{align-items:flex-start}.portal .table-wrap{max-width:100%}.portal footer{display:flex;flex-wrap:wrap;gap:16px;padding:24px}.portal .bubble{max-width:96%}}

.portal #account-nav{margin-left:auto}.auth-panel .social-login{margin-top:20px;width:100%}.auth-panel form .button{width:100%;margin-top:12px}.portal .auth-panel{max-width:530px;margin:20px auto}.portal #auth-feedback,.portal #password-feedback{color:#d6edaf}.portal button:disabled{opacity:.6;cursor:wait}.portal #portal-alert a{color:#c3ff64;text-decoration:underline}

.portal .support-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.portal .support-attach-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:-4px 0 14px}.portal .support-attach-button{margin:0}.portal .attachment-preview{display:flex;gap:12px;align-items:center;border:1px solid #3d543f;background:#101812;border-radius:10px;padding:10px;margin:0 0 14px}.portal .attachment-preview img{width:92px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #425946}.portal .attachment-preview>div{display:flex;gap:8px;align-items:flex-start;flex-direction:column;min-width:0}.portal .attachment-preview strong{max-width:260px;overflow-wrap:anywhere}.portal .message-attachment{display:block;margin-top:8px}.portal .message-attachment img{display:block;max-width:min(100%,360px);max-height:320px;object-fit:contain;border-radius:10px;border:1px solid #465d49;background:#0b0f0c}.portal .bubble .message-attachment:focus-visible{outline:2px solid #bbfd59}.portal .bubble:has(.message-attachment){min-width:min(90%,220px)}
@media(max-width:720px){.portal .attachment-preview{align-items:flex-start}.portal .message-attachment img{max-width:100%;max-height:280px}}

.portal .order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.portal .order-actions .secondary-button,.portal .order-actions .order-remove{min-height:36px;padding:7px 10px;font-size:12px}.portal .order-remove{border:1px solid #6b4a47;background:transparent;color:#f0c4bd;border-radius:8px;cursor:pointer}

/* v8.6.4 auth trust layout — visual only */
.portal .auth-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.9fr);gap:28px;max-width:1120px;margin:18px auto 0;align-items:stretch}
.portal .auth-layout .auth-panel{max-width:none;width:auto;margin:0;padding:38px}
.portal .auth-trust{position:relative;overflow:hidden;border:1px solid #314236;border-radius:18px;padding:40px;background:radial-gradient(circle at 16% 12%,rgba(189,255,75,.13),transparent 32%),linear-gradient(145deg,#111b14 0%,#101612 58%,#0d120f 100%);min-width:0}
.portal .auth-trust:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;bottom:-120px;border:1px solid rgba(189,255,75,.18);box-shadow:0 0 70px rgba(189,255,75,.06);pointer-events:none}
.portal .auth-trust h2{font-size:clamp(32px,4vw,50px);max-width:520px;margin:12px 0 14px;text-transform:uppercase;line-height:1.02}
.portal .auth-trust-lead{max-width:580px;color:#cad3cc;margin:0 0 24px}
.portal .auth-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.portal .auth-proof{background:rgba(9,14,10,.6);border:1px solid #344638;border-radius:12px;padding:16px;min-width:0}
.portal .auth-proof strong{display:block;color:#c4ff61;font-size:20px;margin-bottom:4px}
.portal .auth-proof span{display:block;color:#b6c2b8;font-size:12px;line-height:1.45}
.portal .auth-mini-review{border:1px solid #3b4e3f;border-radius:12px;background:rgba(10,15,11,.66);padding:16px 18px;margin-top:12px}
.portal .auth-mini-review blockquote{margin:7px 0 9px;font-size:14px;line-height:1.55;color:#eef3ed}
.portal .auth-mini-review small{color:#98aa9c;font-size:11px}
.portal .auth-stars{color:#c4ff61;letter-spacing:2px;font-size:13px}
.portal .auth-price-note{color:#b9c5bc;font-size:13px;margin:18px 0 0}
@media(max-width:900px){.portal .auth-layout{grid-template-columns:1fr;max-width:650px;gap:18px}.portal .auth-trust{padding:28px}.portal .auth-layout .auth-panel{padding:30px}}
@media(max-width:560px){.portal .auth-trust{padding:22px}.portal .auth-layout .auth-panel{padding:22px}.portal .auth-proof-grid{grid-template-columns:1fr 1fr;gap:9px}.portal .auth-proof{padding:12px}.portal .auth-mini-review.compact{display:none}}


/* v8.6.6 — portal/auth mobile QA */
@media(max-width:720px){
  .portal{overflow-x:hidden}
  .portal header{padding:14px 16px!important;gap:12px!important}
  .portal header .brand{font-size:20px}
  .portal header nav{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 12px!important}
  .portal header nav a,.portal header nav button{min-height:40px;display:flex;align-items:center;padding:6px 0}
  .portal-shell{padding:24px 14px 56px!important;width:100%;box-sizing:border-box}
  .portal h1{font-size:clamp(34px,10vw,50px)!important;overflow-wrap:normal;word-break:normal}
  .portal .panel{padding:17px!important;border-radius:12px}
  .portal .stats{grid-template-columns:1fr 1fr!important}
  .portal .topline>.button,.portal .topline>.secondary-button{width:100%}
  .portal .tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .portal .tabs a{text-align:center}
  .portal .filters-row button{width:100%}
  .portal .conversation{max-height:52dvh}
  .portal .support-attach-row{align-items:stretch}
  .portal .support-attach-row .secondary-button{width:100%}
  .portal .attachment-preview{display:grid;grid-template-columns:72px minmax(0,1fr)}
  .portal .attachment-preview img{width:72px;height:60px}
  .portal .auth-layout{grid-template-columns:1fr!important;margin:0!important;gap:14px!important;max-width:100%!important}
  .portal .auth-trust,.portal .auth-layout .auth-panel{padding:20px!important;border-radius:14px!important}
  .portal .auth-trust h2{font-size:clamp(32px,10vw,46px)!important}
  .portal .auth-proof-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .portal .auth-proof{padding:12px!important}
  .portal .auth-mini-review{padding:14px!important}
}
@media(max-width:430px){
  .portal header nav{grid-template-columns:1fr!important}
  .portal .stats{grid-template-columns:1fr!important}
  .portal .tabs{grid-template-columns:1fr!important}
  .portal .auth-proof-grid{grid-template-columns:1fr!important}
  .portal .auth-mini-review.compact{display:none!important}
}