:root{--bg:#09090d;--card:#141318;--card2:#19171e;--red:#f32148;--red2:#b91737;--white:#f8f8fa;--text:#e8e6eb;--muted:#98919e;--border:#35232e;--green:#45d69a;--radius:20px;--shadow:0 18px 65px #0008;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);font:14px/1.8 'Noto Kufi Arabic',Tahoma,Arial,sans-serif;color:var(--text);direction:rtl;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}input,textarea,select{color:#faf8fb}::selection{background:#af213e;color:white}.ambient{position:fixed;z-index:-1;pointer-events:none;width:610px;height:570px;border-radius:50%;filter:blur(110px);opacity:.22}.ambient-1{top:-250px;right:-270px;background:#a11533}.ambient-2{top:640px;left:-480px;background:#9d1937}.wrap{width:min(1240px,calc(100% - 46px));margin:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1310px,calc(100% - 44px));margin:auto;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:8px;min-width:160px;color:#fff;line-height:.75}.brand-mark{font-size:44px;color:var(--red);text-shadow:0 0 25px #fd284782}.brand b{font:700 32px/1 'Arial Black',Arial,sans-serif;letter-spacing:1px;display:block;font-style:italic}.brand small{font:700 13px/1 'Arial Black';letter-spacing:8px;color:#ee3860;margin-inline-start:38px}.main-nav{display:flex;gap:35px;font-weight:700}.main-nav a{transition:color .2s}.main-nav a:hover{color:#ff607d}.header-contact{border:1px solid #bd3752;color:#fff;background:#4d1625b2;padding:9px 18px;border-radius:99px;white-space:nowrap;font-weight:800}.header-contact span{color:#ff536c}.hero{display:grid;grid-template-columns:1.12fr .88fr;min-height:370px;align-items:center;gap:25px;padding-block:32px 20px}.eyebrow{color:#fc778e;display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:12px;letter-spacing:.2px}.dot,.pulse{display:inline-block;width:8px;height:8px;background:#f42f52;border-radius:50%;box-shadow:0 0 0 5px #f3214820}.hero h1{font-size:clamp(33px,4vw,56px);letter-spacing:-1px;line-height:1.4;color:white;margin:9px 0 13px;font-weight:900}.hero h1 em{font-style:normal;color:#ff3a61}.hero p{color:#bfb5c1;font-size:14px;max-width:550px;margin:0 0 22px}.hero-actions,.hero-chips{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;min-height:45px;padding:9px 21px;border-radius:12px;font-weight:800;line-height:1.5;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{color:white;background:linear-gradient(115deg,#f83258,#ba1337);box-shadow:0 9px 28px #e51b4540}.btn.primary:hover{box-shadow:0 10px 38px #ef164963}.btn.ghost{border:1px solid #5b3a46;background:#25131b;color:#eee}.btn.secondary{background:#391924;border:1px solid #8b3148;color:#fff}.btn.outline{background:transparent;border:1px solid #523640}.btn.block{width:100%}.hero-chips{margin-top:20px;gap:20px;color:#cbbec7;font-size:12px}.hero-chips span::first-letter{color:#ff3c60}.hero-art{height:340px;position:relative;display:grid;place-items:center}.hero-disc{position:absolute;inset:20px 75px;background:radial-gradient(circle,#a21a3a35,#180e1600 67%);border-radius:50%;filter:blur(12px)}.hero-shield{position:relative;width:min(390px,95%);height:250px;border-radius:30px;border:1px solid #8c1d3b;transform:perspective(450px) rotateY(-9deg) rotateX(6deg);background:linear-gradient(145deg,#29242b,#120e15 46%,#2d0d1b);box-shadow:inset 0 1px #ffffff36,0 30px 70px #000a,0 0 70px #bd124629;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:visible}.hero-shield:before{content:"";position:absolute;inset:13px;border:1px solid #ffffff16;border-radius:20px}.hero-shield:after{content:"";height:3px;width:65%;position:absolute;bottom:40px;background:linear-gradient(90deg,transparent,#f32148,transparent);box-shadow:0 0 25px #f32148}.big-crown{position:absolute;top:-65px;color:#f02c50;font-size:100px;line-height:1;text-shadow:0 0 40px #f321485e}.hero-card-title{font:900 clamp(55px,6vw,85px)/1 'Arial Black',Arial;letter-spacing:-2px;color:#fcf5f7;text-shadow:4px 4px 0 #5e2131,0 0 45px #ff20484f}.hero-card-sub{font:800 27px/1 'Arial Black';letter-spacing:10px;color:#fb3c61}.hero-card-sub b{font-size:11px;letter-spacing:1px;color:#d8c6cf;vertical-align:middle}.headset-icon{position:absolute;bottom:-19px;right:25px;display:grid;place-items:center;background:#e8274b;border-radius:50%;color:white;width:45px;height:45px;box-shadow:0 0 20px #f2234b6b}.orbit{position:absolute;border:1px solid #f82a4b32;border-radius:50%;pointer-events:none}.orbit-a{width:430px;height:290px;transform:rotate(-22deg)}.orbit-b{width:500px;height:165px;transform:rotate(32deg)}.spark{color:#fd5573;position:absolute;font-size:26px}.spark-a{top:22px;left:30px}.spark-b{bottom:55px;right:30px}.content{padding-block:12px 60px}.section-intro{display:flex;justify-content:space-between;align-items:center;margin:4px 0 21px;gap:15px}.kicker{font-size:12px;color:#ff506f;font-weight:800}.section-intro h2{font-size:27px;margin:0;font-weight:900;line-height:1.5;color:white}.section-intro p{margin:0;color:var(--muted);font-size:13px}.status-pill{background:#22141d;border:1px solid #472a36;padding:7px 13px;border-radius:100px;color:#e4b5c2;font-size:11px;white-space:nowrap}.status-pill .pulse{margin-left:8px;width:7px;height:7px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:19px;align-items:start}.panel{background:linear-gradient(146deg,#19171e 0%,#121116 92%);border:1px solid #432735;border-radius:var(--radius);box-shadow:var(--shadow)}.main-card{padding:24px 29px}.form-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff12;padding-bottom:24px;gap:10px}.step-indicator{display:flex;align-items:center;gap:9px;color:#a9a0ab}.step-indicator i{font:800 14px 'Arial Black';display:grid;place-items:center;width:32px;height:32px;border:1px solid #794254;border-radius:50%;font-style:normal;color:#ff5c78;background:#3d1b2a}.step-indicator strong,.step-indicator small{display:block}.step-indicator strong{color:#f2ebee;font-size:12px}.step-indicator small{color:#827783;font-size:10px}.form-title{font-weight:900;font-size:17px;color:white;display:flex;align-items:center;gap:10px;margin:26px 0 15px}.circle-num{display:grid;place-items:center;width:27px;height:27px;background:#6b1a30;border-radius:9px;font:800 14px 'Arial Black';color:white;box-shadow:0 0 0 1px #e7365563}.star{color:#ff4a6c}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:12px}.field>span{font-weight:800;font-size:12px;color:#d6ccd4}.field input,.field select,.field textarea,.otp-controls input{width:100%;background:#201f25;border:1px solid #453c47;padding:10px 13px;border-radius:10px;outline:0;min-height:44px;transition:border-color .2s,box-shadow .2s;color:white}.field input:focus,.field select:focus,.field textarea:focus,.otp-controls input:focus{border-color:#e82c50;box-shadow:0 0 0 3px #f21c4224}.field input::placeholder,.field textarea::placeholder{color:#7d747f}.field small{font-size:10px;color:#817984}.field textarea{resize:vertical;min-height:100px}.phone-wrap{position:relative}.phone-wrap input{padding-left:64px;text-align:left}.phone-wrap .flag{position:absolute;right:12px;top:10px;font-size:19px}.prefix{position:absolute;left:12px;top:11px;color:#b2a5ae;font:700 13px Arial}.otp-section{background:#1b1d20;border:1px solid #34333a;padding:13px;border-radius:12px;margin-top:4px}.otp-top{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:12px}.verify-state{border:1px solid #6e3d47;border-radius:99px;font-size:10px;color:#ee7085;padding:2px 10px}.verify-state.ok{border-color:#37775d;color:#73edb2;background:#1c3329}.otp-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.otp-controls input{min-width:0;flex:1;direction:ltr;max-width:180px}.otp-controls .btn{font-size:11px;min-height:44px;padding:8px 11px}.helper{font-size:10px;color:#9f929b;margin:8px 0 0}.sep{height:1px;background:#ffffff13;margin-top:21px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.category{position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:104px;padding:12px 7px;text-align:center;border-radius:12px;background:linear-gradient(140deg,#232027,#18171d);border:1px solid #403640;transition:transform .15s,border-color .15s,background .15s}.category:hover{transform:translateY(-2px);border-color:#b7405e}.category.selected{background:linear-gradient(135deg,#59182b,#2d1420);border-color:#ed2f53;box-shadow:inset 0 0 15px #ea2b3d13,0 0 0 1px #e8284c55}.category input{opacity:0;position:absolute;width:0;height:0}.category-icon{display:grid;place-items:center;width:31px;height:31px;color:#ff4b6b;background:#4c2432;border-radius:9px;font:800 22px Arial}.category strong{font-size:10px;color:#eae4e7;line-height:1.6}.dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.dynamic-help{padding:11px 14px;background:#3a1c28;border:1px solid #863147;border-radius:10px;color:#eac2ca;font-size:11px;margin-bottom:14px}.attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:17px 0}.upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;min-height:123px;border:1px dashed #915069;background:#251b24;border-radius:13px;cursor:pointer;padding:14px;transition:background .2s}.upload:hover{background:#381d2a}.upload input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.upload .up-icon{color:#ff5374;font-size:31px;line-height:1}.upload strong{font-size:11px}.upload small{font-size:10px;color:#9a8e99}.upload .filename{color:#8ff0b8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.hp{position:absolute!important;right:0!important;top:0!important;width:1px!important;height:1px!important;clip-path:inset(50%);opacity:0!important;pointer-events:none!important}.submit-btn{width:100%;margin-top:16px;min-height:51px;font-size:15px}.message{padding:11px 13px;margin-top:12px;border-radius:10px;background:#411b2a;border:1px solid #b23c54;color:#ffd0d7;font-size:12px}.message.ok{background:#19372a;border-color:#468c69;color:#a8f5cc}.side{display:grid;gap:16px}.side-card{padding:22px}.side-title{display:flex;gap:10px;align-items:center;margin-bottom:4px}.side-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #7f3148;background:#401926;color:#ff5675;border-radius:10px;font-size:22px}.side-title h3{margin:0;font-size:17px;font-weight:900;color:white}.side-card p{color:#aca1ad;font-size:12px;margin:6px 0 16px}.track-card .field{margin-bottom:9px}.track-card .field input{background:#201b23}.tracking-result{margin-top:14px;padding:11px;border:1px solid #643f50;background:#271a24;border-radius:10px;font-size:12px}.tracking-result strong{color:white}.tracking-result p{margin:4px 0}.guide-item{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #ffffff13;padding-top:11px;margin-top:10px}.guide-item span{color:#f45b78;font:800 14px 'Arial Black';padding-top:1px}.guide-item p{font-size:11px;margin:0;color:#c4b9c2}.support-card{text-align:center;background:radial-gradient(ellipse at top,#371424,#151119 75%)}.support-icon{width:58px;height:58px;margin:auto;border:1px solid #aa2c4c;color:#ff6a88;background:#361627;display:grid;place-items:center;border-radius:18px;font-size:30px}.support-card h3{font-size:17px;color:white;margin:10px 0 5px}.support-card .btn.whatsapp{background:#1ba960;color:white;box-shadow:0 7px 24px #1ba96027;width:100%}.footer{border-top:1px solid #ffffff1b;padding:20px 0 28px;color:#77717c;display:flex;justify-content:space-between;gap:12px;font-size:11px}.footer a:hover{color:white}.success-screen{text-align:center;padding:45px 16px}.success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 10px;background:#153e2b;border:1px solid #45d69a;border-radius:50%;color:#72e5a7;font-size:38px}.success-screen h2{margin:0;color:#fff}.success-screen p{color:#bfb2bc}.ref-box{font:800 27px 'Arial Black';color:white;letter-spacing:1px;direction:ltr;padding:13px;border:1px dashed #c24060;border-radius:12px;background:#3a1828;margin:20px auto;max-width:390px}.linklike{background:none;color:#fa637f;border:0;display:block;margin:17px auto;font-weight:700}.admin-wrap{max-width:1120px;margin:46px auto;padding:0 20px}.admin-login{max-width:440px;margin:90px auto;padding:30px}.admin-login h1{margin:0 0 15px}.admin-login p{color:var(--muted)}.admin-login .field{margin-bottom:16px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.admin-head h1{margin:0;color:white}.admin-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.admin-filters input,.admin-filters select{background:#201c25;color:white;border:1px solid #644055;padding:11px;border-radius:10px;min-height:44px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{padding:14px 17px;background:#211721;border:1px solid #573345;border-radius:12px}.stat strong{display:block;font-size:26px;color:#fff}.stat span{color:#bca5b0;font-size:11px}.admin-table{width:100%;border-collapse:collapse;min-width:680px}.admin-table th,.admin-table td{text-align:right;border-bottom:1px solid #ffffff14;padding:12px 8px;font-size:12px}.admin-table th{color:#de7e96}.admin-table tr:hover{background:#ffffff09}.table-wrap{overflow-x:auto}.status{border-radius:20px;font-size:10px;font-weight:800;padding:4px 9px;display:inline-block;background:#49351b;color:#ffd88b}.status.progress{background:#1e3444;color:#83d3ff}.status.resolved{background:#1c3c2b;color:#86e6b0}.status.rejected{background:#4b242d;color:#ffa1b5}.ticket-detail{padding:20px;margin-top:18px}.ticket-detail h3{margin:0 0 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.detail-item{background:#241e27;border:1px solid #483240;padding:10px;border-radius:9px;word-break:break-word}.detail-item small{display:block;color:#b79aa8;font-size:10px}.detail-item span{font-size:12px}.file-link{display:inline-block;padding:7px 9px;border:1px solid #6b3b4e;color:#f6cbd5;border-radius:8px;margin:6px 4px}.admin-actions{display:grid;gap:10px;margin-top:15px}.admin-actions select,.admin-actions textarea{background:#261f28;color:white;border:1px solid #583747;border-radius:9px;padding:10px}.loading{opacity:.65;pointer-events:none}
@media(max-width:1120px){.category-grid{grid-template-columns:repeat(4,1fr)}.form-top .step-indicator small{display:none}.hero-art{transform:scale(.88)}}
@media(max-width:920px){.layout{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.track-card{grid-row:span 2}.hero-art{height:275px}.hero-shield{transform:scale(.82)}.main-nav{gap:14px}.category-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.topbar{width:calc(100% - 28px);height:67px}.brand{min-width:0}.brand-mark{font-size:32px}.brand b{font-size:24px}.brand small{font-size:10px;letter-spacing:5px;margin-inline-start:24px}.header-contact{font-size:10px;padding:6px 8px}.main-nav{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:26px 0 6px}.hero h1{font-size:33px}.hero p{font-size:12px}.hero-art{height:165px;overflow:hidden}.hero-shield{transform:scale(.55);flex:none}.hero-disc{inset:-30px 0}.orbit{display:none}.spark{display:none}.hero-chips{gap:8px 15px;font-size:10px}.section-intro{align-items:flex-start}.section-intro h2{font-size:24px}.status-pill{display:none}.main-card{padding:18px 14px}.form-top{gap:4px;padding-bottom:15px}.step-indicator{gap:4px}.step-indicator i{width:26px;height:26px;font-size:12px}.step-indicator strong{font-size:10px}.field-row,.dynamic-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category{min-height:90px;flex-direction:row;text-align:right;justify-content:flex-start;padding:9px}.category-icon{flex:0 0 31px}.otp-controls{flex-wrap:wrap}.otp-controls .btn{flex:1}.otp-controls input{flex-basis:100%;max-width:none;order:-1}.attachment-grid{grid-template-columns:1fr 1fr}.upload{padding:8px;min-height:125px}.side{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column}}

/* V2 — multi-photo uploader and consistent desktop/tablet/mobile layout */
.gallery-section{margin:14px 0 2px}
.gallery-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.gallery-heading strong{font-size:13px;color:#f4edf1}
.image-counter{color:#ff9daf;background:#341d29;padding:4px 10px;border-radius:999px;border:1px solid #6f374a;font-size:11px}
.multi-upload{min-height:112px;width:100%;border:1px dashed #af506c;background:linear-gradient(135deg,#2b1b28,#1d1821);gap:5px}
.multi-upload:focus-within{outline:2px solid #ff597c;outline-offset:3px}
.multi-upload strong{font-size:13px}
.multi-upload small{max-width:95%;line-height:1.7}
.image-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
.image-previews:empty{display:none}
.image-tile{position:relative;min-width:0;border-radius:11px;border:1px solid #6c3b50;background:#221820;overflow:hidden;padding:4px}
.image-tile img{width:100%;height:87px;object-fit:cover;border-radius:6px;display:block;background:#352a33}
.image-tile small{display:block;padding:6px 3px 2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left;color:#d6c8d0}
.image-tile .remove-image{position:absolute;left:6px;top:6px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #ffb3c3;border-radius:50%;background:#290d1df0;color:white;font-weight:900;font-size:19px;line-height:1}
.main-card,.panel,.field,.step-indicator,.category,.side{min-width:0}
.category strong,.guide-item p,.dynamic-help,.helper{overflow-wrap:anywhere}
.upload{min-width:0}
@media(min-width:1100px){.hero{min-height:350px}.main-card{padding:28px 32px}.category-grid{gap:11px}}
@media(min-width:651px) and (max-width:1050px){.hero{grid-template-columns:1.2fr .8fr}.hero h1{font-size:clamp(32px,4vw,49px)}.form-top{gap:8px}.main-card{padding:23px}.side{grid-template-columns:1fr 1fr}.track-card{grid-row:auto}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .topbar{height:68px}.hero{padding-top:17px}.hero h1{font-size:clamp(28px,7.5vw,37px);line-height:1.45}
 .hero-art{height:145px}.hero-text p{max-width:35rem}.hero-actions .btn{min-height:45px}
 .main-card{padding:18px 13px}.form-top{gap:5px}.step-indicator{flex:1;flex-direction:column;text-align:center;justify-content:center}.step-indicator strong{font-size:9px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category{min-height:78px}.category strong{font-size:11px}
 .attachment-grid{grid-template-columns:1fr}.upload{min-height:107px}
 .image-previews{grid-template-columns:repeat(3,minmax(0,1fr))}
 .image-tile img{height:94px}
 .otp-controls input{height:46px}.otp-controls .btn{min-height:46px}
 .side-card{padding:18px}.field input,.field textarea,.otp-controls input{font-size:16px}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 20px)}.topbar{width:calc(100% - 20px)}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .hero-actions .btn{font-size:10px;padding:8px 5px;gap:4px;text-align:center}
 .main-card{padding:15px 11px}.step-indicator strong{font-size:8px}.step-indicator i{width:25px;height:25px}
 .category strong{font-size:10px}
 .image-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-heading{align-items:flex-start;flex-direction:column;gap:6px}
}

@media(max-width:1120px){.hero-art{overflow:hidden}}

/* Ticket lookup by code only */
.tracking-secret-note{display:block;color:#d8b9c2;margin:.2rem 0 1rem;line-height:1.6;font-size:.78rem;}
#track-reference{font-size:clamp(.75rem, 2.8vw, .95rem);letter-spacing:.01em;width:100%;}

/* V5 — optional WhatsApp updates, administration workflow */

.notify-panel{padding:15px 19px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.notify-panel h3{margin:0;font-size:16px}.notify-panel p{margin:2px 0;color:#d7b4c1;font-size:12px}
.notify-failures{flex-basis:100%;display:grid;gap:8px}.notify-failures:empty{display:none}
.notice-error{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px;background:#3b2029;border:1px solid #904355;border-radius:9px}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.quick-actions .btn{white-space:normal;flex:1;min-width:125px}
.status.accepted{background:#203d31;color:#baf2ce}.admin-actions .helper{color:#d9b0c0}
@media(max-width:640px){.notify-panel{align-items:stretch;flex-direction:column}.notify-panel .btn{width:100%}.notice-error{align-items:stretch;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions .btn{font-size:12px;min-width:0}.admin-table{min-width:650px}}

/* V6: clearer customer status descriptions and timestamped history */
.state-description{background:#181d23;border-right:3px solid #ff4a69;padding:10px 11px;border-radius:7px;color:#eee0e7!important;line-height:2}
.customer-reply{padding:10px;background:#3a2029;border-radius:8px;color:#ffdae2!important}
.state-history{border-top:1px solid #50333f;margin-top:13px;padding-top:8px;display:grid;gap:5px}
.state-history h4{font-size:12px;margin:5px 0}.state-history-item{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid #382835}.state-history-item small{color:#c8b5be}

/* Readable text on transparent outline buttons in every browser. */
.btn.outline{color:var(--text,#e8e6eb)}
/* Administration status and pagination */
.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px}.admin-pagination p{margin:0;color:#d7b4c1;font-size:12px}.readiness-panel{padding:16px 19px;margin-bottom:18px}.readiness-panel h2,.notify-panel h2{font-size:16px;margin:0 0 8px}.readiness-panel p{font-size:12px;margin:5px 0}.readiness-panel .helper{color:#d7b4c1}.notice-error>div{min-width:0;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-actions label{font-size:12px;color:#d9b0c0}.state-history .customer-reply{white-space:pre-wrap;overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:2px solid #ff7592;outline-offset:3px}

/* Keep long ticket codes and replies inside narrow screens. The table scrolls within its own panel. */
.admin-wrap,.admin-wrap .panel,.admin-wrap section,.admin-actions,.detail-grid,.detail-item{min-width:0}
.admin-wrap .panel,.admin-actions select,.admin-actions textarea{max-width:100%}
.ticket-detail h3,.ticket-detail p,.detail-item span,.detail-item small,.customer-reply,.ref-box{overflow-wrap:anywhere;word-break:break-word}
.customer-reply{white-space:pre-wrap}
.file-link{max-width:calc(100% - 8px);overflow-wrap:anywhere;word-break:break-word}
.admin-actions select,.admin-actions textarea{width:100%;min-width:0}
.admin-filters>*{min-width:0;max-width:100%}
.admin-filters input{flex:1 1 220px}
.table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:380px){.topbar{flex-wrap:wrap;gap:6px 12px;height:auto;min-height:68px;padding-block:8px}.topbar>span{flex:1 1 100px;font-size:12px}.topbar>a:not(.brand){font-size:11px}.admin-wrap{padding-inline:14px}.ticket-detail{padding:16px}.admin-actions .btn{white-space:normal;overflow-wrap:anywhere;padding-inline:12px}.ref-box{font-size:clamp(15px,5vw,27px)}}
/* V9 — WhatsApp confirmation checkbox (replaces OTP code) */
.wa-confirm{display:flex;align-items:flex-start;gap:10px;margin:2px 0 6px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02);cursor:pointer;font-size:13px;line-height:1.7;color:var(--muted);transition:border-color .2s,background .2s}
.wa-confirm:hover{border-color:rgba(37,211,102,.45)}
.wa-confirm b{color:#25d366;font-weight:700}
.wa-confirm input{position:absolute;opacity:0;width:1px;height:1px}
.wa-box{flex:0 0 20px;height:20px;margin-top:2px;border:1.5px solid var(--border);border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800;color:transparent;transition:all .2s}
.wa-confirm input:checked+.wa-box{background:#25d366;border-color:#25d366;color:#fff}
.wa-confirm:has(input:checked){border-color:rgba(37,211,102,.55);background:rgba(37,211,102,.06);color:var(--text)}
.wa-confirm input:focus-visible+.wa-box{outline:2px solid var(--red);outline-offset:2px}