/* JAPOW HQ — Rider Send Center / flame theme v2
   Visual-only layer. No messaging, recipient selection or auth changes. */
:root{--send-hot:#ff6d2f;--send-gold:#ffb55c;--send-cream:#f3efe7;--send-muted:#aaa49b;--send-edge:rgba(255,173,108,.19)}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse 85% 28% at 80% -6%,rgba(255,102,27,.12),transparent 70%),radial-gradient(ellipse 65% 35% at 4% 43%,rgba(177,63,23,.055),transparent 70%),#070707;color:var(--send-cream);font-family:Arial,Helvetica,sans-serif}
.wrapper{max-width:1120px;padding:20px 22px 110px}
.sendtop{align-items:center;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.09)}
.sendtop a{color:#ebe3d6;letter-spacing:.025em;font-size:12px}
.sendtop a:hover{color:var(--send-gold)}
.sendbrand{display:flex;align-items:center;gap:14px}
.sendbrand a{display:flex;align-items:center;flex-shrink:0}
.sendbrand img{display:block;width:148px;max-width:100%;height:auto}
.sendbrand-slash{font-size:21px;color:var(--send-hot);opacity:.6}
.sendbrand-label{font-size:10px;color:#edb588;letter-spacing:.18em;font-weight:800}
.sendnav{display:flex;align-items:center;gap:25px}
.sendnav a{text-transform:uppercase;font-weight:750;letter-spacing:.08em}
.sendnav .portalnav{padding:9px 12px;border:1px solid var(--send-edge);border-radius:9px;color:#ffcaa3;background:rgba(255,118,44,.055)}
.heading.sendhero{isolation:isolate;position:relative;overflow:hidden;margin-top:20px;padding:33px 36px 27px;border-radius:20px;border:1px solid rgba(255,153,79,.25);background:radial-gradient(ellipse 44% 105% at 86% 10%,rgba(255,124,47,.22),transparent 77%),radial-gradient(ellipse 30% 85% at 106% 105%,rgba(195,50,8,.30),transparent 85%),linear-gradient(142deg,#17110e 0%,#110e0d 46%,#0d0b0b 100%);box-shadow:0 15px 58px rgba(0,0,0,.18);min-height:150px}
.heading.sendhero:before{content:"";position:absolute;inset:-80px -120px -120px auto;width:50%;z-index:-1;transform:rotate(22deg);opacity:.48;background:linear-gradient(90deg,transparent 4%,rgba(255,152,49,.12) 34%,transparent 39%,rgba(255,122,32,.24) 44%,transparent 49%,rgba(255,108,30,.17) 53%,transparent 62%);pointer-events:none}
.heading.sendhero:after{content:"";position:absolute;left:36px;top:0;width:170px;height:3px;background:linear-gradient(90deg,#ffba67,#ff6d2f,transparent);box-shadow:0 0 30px #fa632d;pointer-events:none}
.heading.sendhero .eyebrow{display:flex;align-items:center;gap:10px;color:#f3b681;font-size:10px;letter-spacing:.19em;margin:0 0 14px}
.flame-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#ff8d34;box-shadow:0 0 9px rgba(255,128,32,.9),0 0 19px rgba(255,100,18,.55)}
.heading.sendhero h1{margin:0 0 12px;font-family:"Arial Black",Impact,Arial,sans-serif;letter-spacing:-.065em;font-style:italic;font-weight:900;font-size:clamp(32px,5.6vw,64px);line-height:1.04;max-width:950px}
.heading.sendhero h1 span{background:linear-gradient(180deg,#ffe0aa,#ffb35a 42%,#ff6d2f 83%,#e04819);background-clip:text;-webkit-background-clip:text;color:transparent}
.heading.sendhero .sub{margin:0;font-size:14px;line-height:1.6;max-width:760px;letter-spacing:0;text-transform:none;color:#d0c1b4;font-weight:400}
.hero-track{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:22px}
.hero-track span{border:1px solid rgba(255,147,68,.23);padding:7px 10px;border-radius:7px;color:#e5b592;font-size:10px;font-weight:800;letter-spacing:.08em;background:rgba(255,108,39,.055)}
.hero-track i{width:20px;height:1px;background:linear-gradient(90deg,#e47735,transparent)}
.panelx{background:linear-gradient(155deg,rgba(255,255,255,.025),transparent 70%),#111113;border:1px solid rgba(255,255,255,.105);border-radius:18px;padding:22px 23px;margin-top:18px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.panelx:hover{border-color:rgba(255,140,69,.23)}
.panelx h2{color:#f5eee4;letter-spacing:-.03em;font-size:22px;font-weight:800}
.eyebrow{color:#e5a674;letter-spacing:.17em;font-size:10px}
.panelx .eyebrow{color:#eea36b}
#login{border-color:rgba(255,126,54,.25);background:radial-gradient(ellipse at 92% 0%,rgba(244,100,35,.1),transparent 68%),#111113}
label{color:#dac6b7}
input[type=email],input[type=password],input[type=text],textarea{background:#09090b;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#fff5e8}
input:focus,textarea:focus{border-color:#ff9c57;outline:none;box-shadow:0 0 0 3px rgba(255,109,47,.1)}
textarea{min-height:390px}
input::placeholder,textarea::placeholder{color:#80776d}
.btnx{background:linear-gradient(180deg,#ffad63 0%,#ff7a32 47%,#e9511b 100%);color:#fff8f0;border:1px solid rgba(255,187,119,.42);box-shadow:0 8px 20px rgba(230,78,18,.17);font-weight:800;letter-spacing:.015em;text-shadow:0 1px rgba(0,0,0,.1);transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.btnx:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 24px rgba(241,84,15,.22)}
.btnx:not(:disabled):active{transform:translateY(0)}
.btnx:focus-visible,a:focus-visible{outline:2px solid #ffc17f;outline-offset:3px}
.btnx.secondary{background:rgba(255,255,255,.035);border-color:rgba(255,174,108,.24);box-shadow:none;color:#f4d0b0;text-shadow:none}
.btnx.secondary:hover{background:rgba(255,120,45,.09);border-color:rgba(255,171,94,.52)}
.btnx.light{background:linear-gradient(180deg,#ffde9e,#ffb45d);border-color:#ffc285;color:#211209}
.notice{color:#dfcbb8}
.alert{border-left:3px solid #ff833e;background:rgba(255,111,35,.075);color:#f7d6b9;border-radius:0 9px 9px 0}
.success{border-color:#e3b576;background:rgba(252,143,65,.07);color:#ffe0ba}
#status{color:#cbb39e}
.chip{color:#e5cbb7;background:#171413;border-color:rgba(255,255,255,.13);border-radius:9px}
.chip:has(input:checked){background:rgba(255,113,41,.10);border-color:rgba(255,136,60,.44);color:#ffd4b3}
.chip input,.person input{accent-color:#ff7a32}
.pillx{color:#ffca99;background:rgba(255,118,45,.10);border:1px solid rgba(255,146,72,.22);font-size:11px;padding:6px 10px}
#recipients{border-color:rgba(255,255,255,.13);background:#0b0b0c}
.person{border-bottom-color:rgba(255,255,255,.09);transition:background .15s ease}
.person:hover{background:rgba(255,137,48,.045)}
.person strong{color:#f9efe3}
.person small,.helptext{color:#a9a097}
.person .bad{color:#ffb979}
a{color:#ffb673}
a:hover{color:#ffcf99}
#actionState{min-height:18px}
@media (max-width:820px){
.wrapper{padding:12px 12px 70px}
.grid{grid-template-columns:1fr}
.heading.sendhero{padding:26px 22px}
.heading.sendhero:after{left:22px}
.panelx{padding:18px}
.sendbrand img{width:124px}
.sendnav{gap:10px}
.sendbrand-label,.sendbrand-slash{display:none}
.sendnav a{font-size:10px}
}
@media(max-width:470px){
.sendtop{gap:8px}
.sendbrand img{width:112px}
.sendnav .portalnav{display:none}
.heading.sendhero h1{font-size:35px;letter-spacing:-.055em}
.hero-track{gap:5px}
.hero-track i{width:8px}
.hero-track span{padding:6px;font-size:9px}
.person{grid-template-columns:24px minmax(0,1fr) auto;padding:9px;gap:6px}
.person .btnx{padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){.btnx{transition:none}html{scroll-behavior:auto}}

/* Archived communications round */
[hidden]{display:none!important}
.send-archive{border-color:rgba(255,151,69,.29);background:radial-gradient(ellipse at 96% 0%,rgba(255,111,28,.13),transparent 54%),#111113}
.send-archive h2{font-family:"Arial Black",Impact,Arial,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.1;letter-spacing:-.03em}
.archive-done{display:inline-flex;vertical-align:middle;margin-left:8px;border-radius:99px;padding:5px 9px;background:rgba(255,120,38,.12);border:1px solid rgba(255,168,72,.38);color:#ffbd82;font-size:10px;font-family:Arial,Helvetica,sans-serif;letter-spacing:.11em;white-space:nowrap}
.archive-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.archive-head .notice{max-width:690px;margin:0 0 16px;padding:0;border:0;background:none;color:#cfc5bd;font-size:14px}
.archive-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.archive-details{margin-top:16px;border:1px solid rgba(255,169,95,.15);background:rgba(8,8,8,.58);border-radius:10px;overflow:hidden}
.archive-details summary{cursor:pointer;color:#e6b78b;font-size:13px;font-weight:700;padding:12px 14px}
.archive-details pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e0d8ce;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.55;margin:0;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07)}
.send-archive .helptext{margin:13px 0 0}
@media(max-width:650px){.archive-head{align-items:flex-start;flex-direction:column;gap:0}.archive-head .btnx{margin:0 0 16px}}