*{box-sizing:border-box}
body{margin:0;background:#f1f5fb;color:#0f1b3d;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
body.auth{background:linear-gradient(135deg,#0b2a6b,#08143a);min-height:100vh}
a{color:#1d5cff;text-decoration:none}h1{font-size:24px;margin:0 0 16px;letter-spacing:-.4px}h2{margin:0 0 6px}
.shell{display:flex;min-height:100vh}
.side{width:268px;flex:none;background:linear-gradient(180deg,#0b2a6b,#08143a);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}
.logo{font-size:30px;font-weight:800;letter-spacing:-.5px;padding:0 8px 18px}.logo span{color:#4d8dff}
.logo small{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8fa6d6;font-weight:600}
.prof{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;margin-bottom:12px}
.prof i{width:42px;height:42px;border-radius:50%;background:#fff;color:#1d5cff;display:grid;place-items:center;font:700 18px system-ui;flex:none}
.prof b{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof small{color:#a9bbe6}
.sec{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7f95c8;font-weight:700;margin:20px 10px 8px}
.side nav a{display:flex;align-items:center;gap:12px;color:#e6ecff;padding:11px 14px;border-radius:12px;font-weight:600;margin-bottom:3px;cursor:pointer}
.side nav a:hover{background:rgba(255,255,255,.08)}.side nav a.on{background:#1d5cff;box-shadow:0 8px 20px rgba(29,92,255,.4)}
.side nav em{margin-left:auto;background:#ef4444;color:#fff;border-radius:20px;font-size:11px;padding:1px 8px;font-style:normal}
.main{flex:1;min-width:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 28px;background:#fff;border-bottom:1px solid #e3e9f4}
.top h2{margin:0;font-size:18px}.top form{margin:0}
main{padding:26px 28px;max-width:1280px}
.hero{background:linear-gradient(120deg,#eaf1ff,#f6f1ff);border:1px solid #dbe6fb;border-radius:24px;padding:30px;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#3b5bb5;text-transform:uppercase}
.hero h1{font-size:38px;line-height:1.1;margin:8px 0 10px;letter-spacing:-1px}.hero h1 span{color:#1d5cff}
.hero p{color:#52627f;max-width:560px;margin:0 0 18px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
button,.btn{font:inherit;font-weight:600;padding:10px 18px;border-radius:12px;border:0;background:#1d5cff;color:#fff;cursor:pointer;display:inline-block;box-shadow:0 6px 16px rgba(29,92,255,.25)}
.btn.w{background:#fff;color:#1d3a8a;border:1px solid #dbe3f3;box-shadow:none}
button:disabled,select:disabled{opacity:.4}
input,select,textarea{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid #d5deef;background:#fff;color:#0f1b3d}
.card input,.card textarea{width:100%;margin:6px 0 14px}td select{padding:5px 6px}
.chk{background:#fff;border-radius:18px;padding:14px 22px;box-shadow:0 8px 24px rgba(20,40,100,.08);align-self:center}
.chk div{display:flex;gap:10px;align-items:center;margin:10px 0;font-weight:600}
.chk i{width:26px;height:26px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:13px;font-style:normal}
.card{background:#fff;border:1px solid #e3e9f4;border-radius:20px;padding:22px;box-shadow:0 6px 20px rgba(20,40,100,.05);margin-bottom:18px}
.login{max-width:420px;margin:12vh auto}.login h1{color:#1d5cff}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px 28px 40px}
.login-card{width:min(100%,500px);padding:34px 34px 30px;border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 28px 70px rgba(5,22,63,.35);border:1px solid rgba(255,255,255,.55)}
.login-brand{text-align:center;margin-bottom:10px}.login-logo{font-size:42px;font-weight:900;letter-spacing:-1.6px;color:#0b1f54;line-height:1}.login-logo span{color:#2f7cff}.login-logo small{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8090ae;font-weight:800;margin-top:6px}
.login-head{text-align:center;margin-bottom:18px}.login-head h1{font-size:26px;margin:0 0 4px;color:#14254d}.login-head p{margin:0;color:#7c8aa4}
.login-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 18px}.login-mode-btn{border:1px solid #d7e2f2;background:#fff;border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;text-align:left;box-shadow:none;color:#243556}.login-mode-btn:hover{border-color:#aac3ff;background:#f9fbff}.login-mode-btn.active{border-color:#94b5ff;background:#eef4ff;box-shadow:0 10px 24px rgba(29,92,255,.12)}
.mode-ico{width:40px;height:40px;border-radius:12px;background:#f0f4fb;display:grid;place-items:center;font-size:20px;flex:none}.login-mode-btn.active .mode-ico{background:#dfeaff}.login-mode-btn b{display:block;font-size:14px;line-height:1.25}.login-mode-btn b span{display:inline-block;margin-left:4px;color:#1d5cff;font-weight:800}.login-mode-btn small{display:block;color:#6c7b97;font-size:11px;margin-top:2px}
.login-form label{display:block;font-size:14px;font-weight:700;color:#465774;margin:12px 0 8px}.login-form input,.login-form select{width:100%;min-height:50px;border-radius:14px;background:#f3f6fb;border:1px solid #d6dfef;padding:12px 14px}.login-form button{width:100%;min-height:52px;border-radius:14px;margin-top:20px;background:linear-gradient(90deg,#2563eb,#4f46e5);font-size:16px;font-weight:800}
.login-help{text-align:center;margin:16px 0 12px;color:#5d6f8f;font-size:13px;line-height:1.5}.login-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.login-foot-box{border:1px solid #e2e8f3;background:#fafcff;border-radius:14px;padding:14px 12px;text-align:center;color:#62728d;font-size:13px}.login-foot-box strong{color:#1d5cff}
@media(max-width:640px){.login-shell{padding:16px}.login-card{padding:24px 18px 20px;border-radius:22px}.login-logo{font-size:34px}.login-mode{grid-template-columns:1fr}.login-foot{grid-template-columns:1fr}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}
.stat{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e3e9f4;border-radius:20px;padding:18px;color:#0f1b3d}
.stat i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-style:normal;background:#eaf1ff;flex:none}
.stat b{display:block;font-size:30px;line-height:1.1}.stat span{color:#64748b;font-size:14px}
.item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e3e9f4;border-radius:14px;margin-top:10px;cursor:pointer}
.item .n{width:42px;height:42px;border-radius:12px;background:#fff3d6;color:#b45309;display:grid;place-items:center;font-weight:700;flex:none}
.item .o{margin-left:auto;font-weight:700;color:#1d5cff}
.wrap{overflow-x:auto;background:#fff;border:1px solid #e3e9f4;border-radius:16px}
table{border-collapse:collapse;width:100%}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #eef2f9;white-space:nowrap}
th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8faff}
.msg{background:#fee2e2;color:#b91c1c;padding:10px 14px;border-radius:12px;margin-bottom:14px}.msg.ok{background:#dcfce7;color:#166534}
.mut{color:#64748b;font-size:13px}
.bub{max-width:75%;padding:10px 14px;border-radius:14px;margin:6px 0;background:#eef2f9;white-space:pre-wrap}
.bub.admin,.bub.me{margin-left:auto;background:#1d5cff;color:#fff}.bub small{display:block;opacity:.65;font-size:11px}
textarea{width:100%}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card label{font-size:13px;color:#64748b}
@media(max-width:860px){.shell{display:block}.side{width:auto;height:auto;position:static}main{padding:16px}.hero h1{font-size:28px}.top{padding:12px 16px}}

/* Customer service request form */
.request-card{max-width:1120px;margin:0 auto;padding:34px 36px;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)}
.request-head h1{font-size:34px;color:#18345d;margin:0 0 10px;letter-spacing:-.7px}
.request-head p{font-size:19px;color:#6d82a0;margin:0 0 24px}
.request-form{display:grid;grid-template-columns:1fr;gap:0}
.request-form label{font-size:14px;font-weight:800;color:#5a7390;margin:0 0 8px}
.request-form input,.request-form select,.request-form textarea{width:100%;margin:0 0 18px;padding:15px 16px;border:1px solid #d6e2f0;border-radius:16px;background:#fff;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
.request-form select{min-height:58px;appearance:auto}
.request-form input{min-height:58px}
.request-form textarea{min-height:150px;resize:vertical}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:#2b66df;box-shadow:0 0 0 4px rgba(43,102,223,.09)}
.request-submit{width:100%;min-height:60px;border-radius:16px;background:#123d7b;font-size:17px;font-weight:800;box-shadow:none}
.request-submit:hover{background:#0d3268}
.request-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.request-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.request-list-head h2{margin:0 0 3px}
#rqStatus .msg{margin-bottom:18px}
@media(max-width:860px){.request-card{padding:24px 18px;border-radius:20px}.request-head h1{font-size:28px}.request-head p{font-size:16px}.request-list-head{align-items:flex-start;flex-direction:column}}

/* Country/service request builder */
.request-builder{max-width:1180px}
.builder-step{display:flex;align-items:flex-start;gap:14px;margin:18px 0 16px}.builder-step h2{margin:0 0 4px;font-size:22px}.builder-step p{margin:0}
.step-num{width:38px;height:38px;border-radius:14px;background:#123d7b;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;flex:none;box-shadow:0 10px 24px rgba(18,61,123,.18)}
.country-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:12px}
.country-tile,.service-tile{border:1px solid #d8e3f3;border-radius:24px;background:linear-gradient(180deg,#fff,#f9fbff);padding:18px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;color:#0f1b3d;text-align:left;box-shadow:0 8px 20px rgba(20,40,100,.04)}
.country-tile:hover,.service-tile:hover{transform:translateY(-2px);border-color:#b6caf5;box-shadow:0 16px 34px rgba(20,40,100,.08)}
.country-tile.on,.service-tile.on{border-color:#1d5cff;background:linear-gradient(180deg,#edf4ff,#ffffff);box-shadow:0 16px 36px rgba(29,92,255,.12)}
.country-flag{font-size:34px;margin-bottom:14px}.country-name{font-size:16px;font-weight:800;margin-bottom:5px}.country-meta{color:#7b8ba5;font-size:13px;font-weight:600}
.service-search{display:flex;gap:10px;align-items:center;margin:4px 0 16px}.service-search input{flex:1;min-height:52px;border-radius:16px;padding:13px 15px}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.service-tile{display:flex;align-items:flex-start;gap:14px;min-height:180px}.service-ico{width:56px;height:56px;border-radius:18px;background:#edf3ff;display:grid;place-items:center;font-size:28px;flex:none}.service-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.service-copy b{font-size:17px;line-height:1.3}.service-copy span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#3b5bb5;font-weight:800}.service-copy p{margin:2px 0 0;color:#66758e;font-size:14px;line-height:1.55}.service-tile strong{align-self:flex-start;margin-left:auto;font-size:12px;color:#1d5cff;white-space:nowrap}
.empty-tiles{padding:30px 18px;border:1px dashed #c9d6eb;border-radius:20px;background:#fbfdff;color:#6b7d9a;text-align:center}
.builder-form-wrap{margin-top:18px;padding-top:8px}.selection-strip{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
@media(max-width:860px){.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:1fr}.service-search{flex-direction:column;align-items:stretch}.service-tile{min-height:auto}.builder-step h2{font-size:20px}}
@media(max-width:520px){.country-grid{grid-template-columns:1fr 1fr}.country-tile,.service-tile{border-radius:20px;padding:16px}.country-flag{font-size:30px}.step-num{width:34px;height:34px;border-radius:12px}}

/* GulfBot service operations upgrade */
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0 0 4px}.section-head p{margin:0}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#edf3ff;color:#284b91;border:1px solid #d7e3fb;font-size:12px;font-weight:800;text-transform:capitalize;white-space:nowrap}.pill.active,.pill.completed{background:#dcfce7;color:#166534;border-color:#bbf7d0}.pill.waiting_customer,.pill.waiting_authority,.pill.on_hold{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.request-list{display:grid;gap:12px}.request-row{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e3e9f4;border-radius:18px;color:#0f1b3d;box-shadow:0 6px 18px rgba(20,40,100,.04);cursor:pointer}.request-row:hover{border-color:#b8caf0;transform:translateY(-1px)}.req-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;font-size:22px;flex:none}.req-main{min-width:0;flex:1}.req-title{display:flex;align-items:center;gap:10px;justify-content:space-between}.req-title b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-progress{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-progress span{font-size:12px;background:#f7f9fc;border:1px solid #e7edf7;padding:5px 8px;border-radius:8px;color:#52627f}.req-money{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:130px}.req-money b{font-size:16px}.req-money span{font-size:11px;color:#64748b}.req-money strong{font-size:12px;color:#1d5cff;margin-top:8px}
.detail-back{display:flex;gap:10px;margin-bottom:14px}.request-detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch;background:linear-gradient(120deg,#eef4ff,#fbfdff);border:1px solid #dbe6fb;border-radius:24px;padding:26px;margin-bottom:18px}.request-detail-hero h1{font-size:30px;margin:8px 0}.request-detail-hero p{color:#52627f;max-width:700px}.status-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.current-stage-box{min-width:300px;background:#0e3674;color:#fff;border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:center}.current-stage-box span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.75}.current-stage-box b{font-size:22px;margin:8px 0}.current-stage-box small{opacity:.8;line-height:1.5}
.customer-timeline{position:relative;display:grid;gap:0;padding-left:4px}.ct-stage{position:relative;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:0 0 22px}.ct-stage:before{content:"";position:absolute;left:17px;top:30px;bottom:0;width:2px;background:#e1e8f4}.ct-stage:last-child:before{display:none}.ct-dot{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;border:2px solid #dbe3ef;color:#64748b;font-weight:900}.ct-stage.completed .ct-dot{background:#16a34a;color:#fff;border-color:#16a34a}.ct-stage.current .ct-dot{background:#1d5cff;color:#fff;border-color:#1d5cff;box-shadow:0 0 0 5px rgba(29,92,255,.12)}.ct-stage.skipped .ct-dot{background:#f8fafc;color:#94a3b8}.ct-stage b{display:block;font-size:15px;margin:4px 0}.ct-stage span{display:block;color:#64748b;font-size:13px}.ct-stage em{display:block;margin-top:6px;color:#334155;font-size:12px;font-style:normal;background:#f8fafc;padding:7px 9px;border-radius:8px}
.amount-big{font-size:25px;font-weight:850;color:#123d7b}.price-grid,.finance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:14px 0 18px}.price-grid>div,.finance-cards>div{background:#f8faff;border:1px solid #e7edf7;border-radius:14px;padding:14px}.price-grid span,.finance-cards span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.price-grid b,.finance-cards b{font-size:17px}.proposal-copy{border-top:1px solid #edf1f7;padding-top:14px;margin-top:14px}.proposal-copy h3{margin:0 0 8px;font-size:15px}.proposal-copy p{color:#52627f;line-height:1.65}.proposal-actions{display:flex;gap:10px;margin-top:18px}.success{background:#16a34a}.danger{background:#dc2626}.payment-proof-box{margin-top:18px;padding-top:18px;border-top:1px solid #e8edf5}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.form-grid>div{min-width:0}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea{width:100%;margin:6px 0 0}.span2{grid-column:1/-1}.mt{margin-top:24px}.doc-card,.final-doc{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #edf1f7}.doc-card:last-child,.final-doc:last-child{border-bottom:0}.doc-card>div,.final-doc>div{display:flex;flex-direction:column;gap:4px}.doc-card span,.final-doc span,.doc-card small{color:#64748b;font-size:12px}.doc-card em{color:#b91c1c;font-size:12px;font-style:normal}.docUpload{display:flex;gap:8px;align-items:center}.docUpload input{max-width:220px}.locked{font-size:12px;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 10px}.appointment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.appointment-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#fbfdff}.appointment-card h3{margin:10px 0}.appointment-card p{color:#52627f;font-size:13px}.project-thread{max-height:480px;overflow:auto;padding:4px 2px 10px}
.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.op-stats .stat{min-width:0}.stage-stat{font-size:17px!important}.status-stack{display:flex;gap:7px;flex-wrap:wrap;max-width:480px;justify-content:flex-end}.request-admin-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.request-admin-head h1{margin:6px 0}.admin-timeline{display:grid;gap:10px;margin-top:18px}.admin-stage{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px;border:1px solid #e5eaf2;border-radius:14px;background:#fff}.admin-stage .dot{width:18px;height:18px;border-radius:50%;background:#e2e8f0;margin-top:4px}.admin-stage.completed .dot{background:#16a34a}.admin-stage.current{border-color:#9bb9ff;background:#f7faff}.admin-stage.current .dot{background:#1d5cff;box-shadow:0 0 0 4px rgba(29,92,255,.1)}.admin-stage.skipped{opacity:.65}.stage-body>b{display:block}.stage-body>span{display:block;color:#64748b;font-size:12px;margin:4px 0 10px}.stage-form,.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stage-form select,.stage-form input,.inline-form select,.inline-form input{margin:0;width:auto}.stage-form input{min-width:260px;flex:1}.btn.mini{padding:6px 10px;border-radius:9px;font-size:12px;box-shadow:none}.check{display:flex!important;align-items:center;gap:8px;margin:12px 0}.check input{width:auto!important;margin:0!important}.activity-list{display:grid}.activity-list>div{display:grid;grid-template-columns:200px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f7}.activity-list span{color:#52627f}.activity-list small{color:#94a3b8}.note-item{cursor:pointer}
@media(max-width:1000px){.request-detail-hero{flex-direction:column}.current-stage-box{min-width:0}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{grid-template-columns:1fr}.request-admin-head{flex-direction:column}.status-stack{justify-content:flex-start}.activity-list>div{grid-template-columns:1fr}.req-money{min-width:110px}}
@media(max-width:700px){.request-row{align-items:flex-start;flex-wrap:wrap}.req-main{width:calc(100% - 68px)}.req-title{align-items:flex-start;flex-direction:column}.req-title b{white-space:normal}.req-money{width:100%;align-items:flex-start;text-align:left;margin-left:64px}.form-grid,.form-grid.compact{grid-template-columns:1fr}.doc-card,.final-doc{align-items:flex-start;flex-direction:column}.docUpload{width:100%;flex-direction:column;align-items:stretch}.docUpload input{max-width:none}.request-detail-hero h1{font-size:24px}.status-line{gap:6px}.stage-form,.inline-form{align-items:stretch;flex-direction:column}.stage-form select,.stage-form input,.inline-form select,.inline-form input{width:100%;min-width:0}.current-stage-box{padding:18px}}
.project-thread .bub.admin{margin-left:0;margin-right:auto;background:#eef2f9;color:#0f1b3d}

.login-trust-image{margin-top:14px;text-align:center}
.login-trust-image img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain}
/* Login account creation */
.auth-switch{text-align:center;margin-top:14px;color:#6b7c98;font-size:13px}.text-link{display:inline;padding:0;margin:0;border:0;background:transparent;color:#1d5cff;box-shadow:none;font:inherit;font-weight:800;cursor:pointer}.text-link:hover{text-decoration:underline;background:transparent}
.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span2-auth{grid-column:1/-1}.register-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f5f8ff;border:1px solid #dce6f7;color:#5f708e;font-size:12px;line-height:1.45}
#rfAccount .login-form button,#rfAccount>button{width:100%;min-height:52px;border-radius:14px;margin-top:18px;background:linear-gradient(90deg,#2563eb,#4f46e5);font-size:16px;font-weight:800}
@media(max-width:640px){.register-grid{grid-template-columns:1fr}.span2-auth{grid-column:auto}}

/* 2026-10 auth refresh: standard white sign-in/create/forgot-password style */
body.auth{background:#f6f8fc;min-height:100vh}
.login-shell{padding:32px 18px}
.login-card{width:min(100%,520px);padding:32px 34px 28px;border-radius:22px;background:#fff;border:1px solid #e3e8f2;box-shadow:0 18px 50px rgba(18,40,80,.10)}
.login-brand{margin-bottom:12px}
.login-head{margin-bottom:22px}
.login-head h1{font-size:28px;color:#152345}
.login-head p{color:#7a879d}
.login-form label{color:#3f4d68;margin:12px 0 7px;font-size:13px}
.login-form input,.login-form select{background:#fff;border:1px solid #d8e0ec;border-radius:11px;min-height:49px;padding:12px 13px;box-shadow:none}
.login-form input:focus,.login-form select:focus{outline:0;border-color:#8aaef7;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.login-form button:not(.text-link){background:#1757c2;border-radius:11px;box-shadow:none;min-height:50px;margin-top:18px}
.login-form button:not(.text-link):hover{background:#124aa7}
.password-label-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.password-label-row label{margin-bottom:7px}
.password-label-row .forgot-link{width:auto;min-height:0;margin:0 0 7px;background:transparent!important;color:#1757c2;padding:0;font-size:12px;box-shadow:none}
.auth-switch{padding-top:3px;color:#6d7890}
.text-link{width:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;color:#1757c2!important;box-shadow:none!important;font-size:inherit!important}
.register-note{margin-top:12px;padding:0;background:transparent;border:0;border-radius:0;color:#718097;font-size:12px;line-height:1.45;text-align:center}
.forgot-copy{margin:0 0 16px;color:#66758d;font-size:13px;line-height:1.6;text-align:center}
#rfAccount>button,#forgotAccount>button{background:#1757c2}
.login-trust-image{margin-top:18px;padding-top:14px;border-top:1px solid #eef1f5}
@media(max-width:640px){.login-card{padding:26px 20px 22px;border-radius:18px}.register-grid{grid-template-columns:1fr}.span2-auth{grid-column:auto}}

/* Country grid: real flag images with clean compact cards */
.country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}
.country-tile{display:flex;align-items:center;gap:13px;min-height:84px;padding:14px 15px;border:1px solid #e0e6ef;border-radius:18px;background:#fff;color:#10203d;text-align:left;box-shadow:0 4px 14px rgba(20,40,90,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.country-tile:hover{transform:translateY(-1px);border-color:#c6d5ed;box-shadow:0 10px 24px rgba(20,40,90,.08)}
.country-tile.on{border-color:#7fa8f5;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.country-flag{width:54px;height:40px;flex:0 0 54px;margin:0;border-radius:9px;overflow:hidden;background:#f3f5f8;border:1px solid #e7ebf1;display:grid;place-items:center}
.country-flag img{width:100%;height:100%;object-fit:cover;display:block}
.country-flag span{font-size:29px;line-height:1}
.country-copy{min-width:0;flex:1}
.country-name{font-size:15px;font-weight:800;margin:0 0 3px;white-space:normal}
.country-meta{font-size:11px;font-weight:650;color:#8994a7;line-height:1.35}
.country-arrow{font-size:25px;line-height:1;color:#a6b0c0;margin-left:auto}
@media(max-width:980px){.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.country-grid{grid-template-columns:1fr}.country-tile{min-height:76px;padding:12px 13px;border-radius:15px}.country-flag{width:50px;height:36px;flex-basis:50px}}

/* Admin password-reset queue */
.reset-link-box{border:1px solid #cfe0ff;background:#f7faff;border-radius:14px;padding:14px 16px;margin:0 0 18px}
.reset-link-box b{display:block;margin-bottom:8px}.reset-link-row{display:flex;gap:8px;align-items:center}.reset-link-row input{flex:1;min-width:0;background:#fff}.reset-list{display:grid;gap:12px}.reset-item{background:#fff;border:1px solid #e3e9f4;border-radius:16px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.reset-item h3{margin:0 0 4px;font-size:16px}.reset-item p{margin:0;color:#66758d;font-size:13px}.reset-item .reset-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.reset-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-chip{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#f1f5f9;color:#475569}.status-chip.requested{background:#fff7ed;color:#9a3412}.status-chip.link_generated,.status-chip.link_sent{background:#eff6ff;color:#1d4ed8}.status-chip.completed{background:#ecfdf5;color:#047857}.status-chip.account_not_found,.status-chip.expired{background:#fef2f2;color:#b91c1c}
@media(max-width:760px){.reset-item{grid-template-columns:1fr}.reset-actions{justify-content:flex-start}.reset-link-row{align-items:stretch;flex-direction:column}}

/* GulfBot enhanced dashboard features */
.announcement-stack{display:grid;gap:12px;margin:0 0 18px}.announcement-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #cfe0f7;background:#f7fbff;border-radius:18px;box-shadow:0 8px 24px rgba(15,43,85,.06)}.announcement-card>div{display:flex;gap:12px;align-items:flex-start}.announcement-card>div>span{font-size:22px}.announcement-card b{font-size:16px}.announcement-card p{margin:5px 0;color:#4d6281}.announcement-card small{color:#8090a8}.announcement-card.success{background:#f2fbf6;border-color:#bfe7cf}.announcement-card.warning{background:#fff9ec;border-color:#f2dca5}
.session-list{display:grid;gap:10px}.session-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #e7edf6}.session-row:last-child{border-bottom:0}.session-row div{display:grid;gap:4px}.session-row span{color:#71829b;font-size:13px}.provider-metrics{display:flex;flex-wrap:wrap;gap:12px}.provider-metrics span{padding:12px 15px;background:#f4f7fb;border:1px solid #e1e8f2;border-radius:14px}.provider-metrics b{font-size:20px;margin-right:4px}.history-list{display:grid;gap:0}.history-row{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #e9eef5}.history-row:last-child{border-bottom:0}.history-row>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf4ff}.history-row p{margin:4px 0;color:#536986}.history-row small{color:#8795a9}
.manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.manage-grid.wide{grid-template-columns:1fr}.country-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #dfe6ef;border-radius:14px;background:#fafcff}.danger-zone{margin-top:12px;padding-top:12px;border-top:1px dashed #efc2c2}.danger-zone button.danger{background:#fff;color:#b42318;border:1px solid #f0b5af}.manage-grid details{min-width:280px}.manage-grid details summary{cursor:pointer;color:#195fd1;font-weight:700}.manage-grid .card h3{margin-top:0}.admin-stage details form{margin-top:10px}
@media(max-width:900px){.manage-grid{grid-template-columns:1fr}.country-checks{grid-template-columns:1fr 1fr}.announcement-card{flex-direction:column}.session-row{align-items:flex-start;flex-direction:column}}

/* Final auth background — match the dark navy TestLancer sign-in style */
body.auth{
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 0%, rgba(31,74,165,.24) 0%, rgba(31,74,165,.08) 24%, transparent 42%),
    #0b1220;
}
body.auth .login-card{
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}

/* Mobile app shell — desktop layout above remains unchanged */
.mobile-menu-btn,.mobile-backdrop,.mobile-tabbar{display:none}
.mobile-top-left{display:flex;align-items:center;gap:10px;min-width:0}

@media(max-width:860px){
  html{min-height:100%;background:#f3f6fb}
  html.mobile-menu-lock,html.mobile-menu-lock body{overflow:hidden}
  body:not(.auth){min-height:100dvh;background:#f3f6fb;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
  body:not(.auth) .shell{display:block;min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#f3f6fb}
  body:not(.auth) .main{min-height:100dvh;width:100%}
  body:not(.auth) .main>main{max-width:none;padding:14px 14px calc(24px + env(safe-area-inset-bottom));}
  body:not(.auth) .top{position:sticky;top:0;z-index:700;min-height:62px;padding:calc(9px + env(safe-area-inset-top)) 14px 9px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #e5eaf2;box-shadow:0 3px 14px rgba(18,40,80,.05)}
  body:not(.auth) .top h2{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}
  body:not(.auth) .top>#out{min-height:42px;padding:8px 12px;border-radius:12px;box-shadow:none;font-size:13px}
  .mobile-menu-btn{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #e0e6ef;border-radius:13px;background:#fff;color:#10203d;box-shadow:none;font-size:22px;line-height:1}
  body:not(.auth) .side{display:block;position:fixed;z-index:100001;inset:0 auto 0 0;width:min(86vw,330px);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 50px rgba(2,12,32,.24)}
  body:not(.auth) .shell.mobile-menu-open .side{transform:translateX(0)}
  .mobile-backdrop{display:block;position:fixed;z-index:100000;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(5,15,35,.44);box-shadow:none;opacity:0;pointer-events:none;transition:opacity .2s ease}
  body:not(.auth) .shell.mobile-menu-open .mobile-backdrop{opacity:1;pointer-events:auto}
  body:not(.auth) .side nav a{min-height:48px;padding:12px 14px;border-radius:14px}
  body:not(.auth) .prof{padding:13px;border-radius:16px}
  body:not(.auth) .logo{padding-top:2px}
  .mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:900;left:0;right:0;bottom:0;min-height:70px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e2e8f0;box-shadow:0 -8px 28px rgba(15,35,70,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:52px;padding:4px 2px;border-radius:13px;background:transparent;color:#718096;box-shadow:none;font-weight:700}
  .mobile-tabbar button span{font-size:20px;line-height:1.1;filter:grayscale(.15)}
  .mobile-tabbar button small{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mobile-tabbar button.on{background:#edf4ff;color:#1757c2}
  .mobile-tabbar button em{position:absolute;top:3px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font-size:10px;font-style:normal;line-height:17px}
  body:not(.auth) .card{border-radius:17px;padding:17px;margin-bottom:14px;box-shadow:0 4px 14px rgba(20,40,100,.045)}
  body:not(.auth) .hero{border-radius:20px;padding:21px 18px;margin-bottom:14px}
  body:not(.auth) .hero h1{font-size:27px}
  body:not(.auth) .stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
  body:not(.auth) .stat{min-width:0;border-radius:16px;padding:14px 12px;gap:10px}
  body:not(.auth) .stat i{width:42px;height:42px;border-radius:12px;font-size:19px}
  body:not(.auth) .stat b{font-size:24px}
  body:not(.auth) .stat span{font-size:12px;line-height:1.25}
  body:not(.auth) button,body:not(.auth) .btn,body:not(.auth) input,body:not(.auth) select,body:not(.auth) textarea{font-size:16px}
  body:not(.auth) button,body:not(.auth) .btn{touch-action:manipulation}
  body:not(.auth) .bub{max-width:88%}
  body:not(.auth) .wrap{-webkit-overflow-scrolling:touch}
  body:not(.auth) .country-tile,body:not(.auth) .service-tile,body:not(.auth) .request-row,body:not(.auth) .item{touch-action:manipulation}
  body:not(.auth) .request-card{padding:20px 15px;border-radius:18px}
  body:not(.auth) .request-head h1{font-size:26px}
  body:not(.auth) .builder-step{scroll-margin-top:78px}
  body:not(.auth) .request-detail-hero{scroll-margin-top:78px}
  body:not(.auth) .detail-back{position:sticky;top:70px;z-index:20;padding:6px 0;background:linear-gradient(#f3f6fb 75%,rgba(243,246,251,0));}
}

@media(max-width:430px){
  body:not(.auth) .stats{grid-template-columns:1fr 1fr}
  body:not(.auth) .main>main{padding-left:11px;padding-right:11px}
  body:not(.auth) .top{padding-left:10px;padding-right:10px}
  body:not(.auth) .top h2{max-width:52vw}
  body.auth .login-shell{min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))}
  body.auth .login-card{border-radius:20px;padding:24px 18px 20px}
}

/* --------------------------------------------------------------------------
   GulfBot mobile visual refresh — reference-app style. Desktop is unchanged.
   -------------------------------------------------------------------------- */
.mobile-app-brand,.mobile-top-actions{display:none}

@media(max-width:860px){
  html{background:#153a59}
  body:not(.auth){
    background:
      radial-gradient(circle at 105% 42%,rgba(101,224,200,.55) 0,rgba(101,224,200,.20) 27%,transparent 48%),
      radial-gradient(circle at -10% 8%,rgba(37,93,145,.62) 0,transparent 42%),
      linear-gradient(155deg,#0d2d4d 0%,#1c5f75 42%,#83d1c5 100%);
    background-attachment:fixed;
    color:#132333;
  }
  body:not(.auth).mobile-soft-theme{
    background:
      radial-gradient(circle at 105% 42%,rgba(131,233,213,.45) 0,rgba(131,233,213,.14) 28%,transparent 50%),
      linear-gradient(155deg,#315d78 0%,#62a7ad 50%,#d7eee8 100%);
  }
  body:not(.auth)::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.20;
    background-image:
      repeating-radial-gradient(circle at 10% 20%,rgba(255,255,255,.18) 0 1px,transparent 1px 4px),
      repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px);
    mix-blend-mode:soft-light;
  }
  body:not(.auth) .shell{background:transparent;padding-bottom:calc(108px + env(safe-area-inset-bottom))}
  body:not(.auth) .main{background:transparent}
  body:not(.auth) .main>main{padding:10px 18px calc(42px + env(safe-area-inset-bottom));background:transparent}

  /* Header like the supplied reference */
  body:not(.auth) .top{
    position:sticky;top:0;z-index:700;min-height:104px;
    padding:calc(16px + env(safe-area-inset-top)) 18px 12px;
    border:0;box-shadow:none;background:linear-gradient(180deg,rgba(13,45,77,.94) 0%,rgba(13,45,77,.58) 68%,rgba(13,45,77,0) 100%);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  body:not(.auth) .mobile-top-left{display:none}
  body:not(.auth) .top>#out{display:none}
  .mobile-app-brand{
    display:flex;align-items:center;gap:9px;min-width:0;height:58px;padding:7px 13px 7px 8px;
    border:1px solid rgba(255,255,255,.72);border-radius:18px;
    background:linear-gradient(180deg,rgba(245,251,252,.94),rgba(222,239,241,.90));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(0,18,34,.14);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  }
  .mobile-app-brand img{width:43px;height:43px;border-radius:13px;flex:none;box-shadow:0 4px 12px rgba(24,71,126,.16)}
  .mobile-app-brand>div{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}
  .mobile-app-brand b{font-size:22px;line-height:1;font-weight:900;letter-spacing:-1px;color:#103d79}
  .mobile-app-brand b span{color:#1598d5}
  .mobile-app-brand small{font-size:7.5px;line-height:1.15;color:#456276;font-weight:800;max-width:48px;white-space:normal}
  .mobile-top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
  .mobile-theme-btn{
    display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border-radius:50%;
    border:1px solid rgba(255,255,255,.68);background:rgba(239,248,249,.92);color:#18384d;
    box-shadow:0 8px 20px rgba(0,25,45,.12);font-size:22px;
  }
  .mobile-account-btn{
    display:flex;align-items:center;gap:8px;min-height:50px;padding:5px 13px 5px 6px;border-radius:28px;
    border:1px solid rgba(255,255,255,.68);background:rgba(239,248,249,.94);color:#18384d;
    box-shadow:0 8px 20px rgba(0,25,45,.12);font-size:14px;font-weight:800;
  }
  .mobile-account-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#287294;color:#e9f7f8;font-size:20px}

  /* Home hero */
  .mobile-ref-home{display:block;margin-top:4px}
  .mobile-ref-hero{
    position:relative;min-height:284px;overflow:hidden;border-radius:32px;padding:30px 25px 46px;
    color:#fff;border:1px solid rgba(255,255,255,.16);
    background:
      radial-gradient(circle at 91% 35%,rgba(81,164,189,.30),transparent 24%),
      radial-gradient(circle at 78% 75%,rgba(51,115,137,.30),transparent 32%),
      linear-gradient(115deg,#071722 0%,#0b1d2b 58%,#153848 100%);
    box-shadow:0 20px 44px rgba(0,25,45,.22),inset 0 1px 0 rgba(255,255,255,.09);
  }
  .mobile-ref-hero::before{
    content:"";position:absolute;right:-70px;top:5px;width:265px;height:265px;border-radius:50%;opacity:.36;
    background:
      repeating-radial-gradient(circle,transparent 0 33px,rgba(184,228,235,.34) 34px 35px),
      repeating-conic-gradient(from 0deg,transparent 0 28deg,rgba(181,229,236,.22) 29deg 30deg);
    transform:rotate(-9deg)
  }
  .mobile-ref-hero::after{
    content:"";position:absolute;inset:auto 0 0 0;height:90px;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.12));pointer-events:none
  }
  .mobile-ref-hero-copy{position:relative;z-index:2;max-width:82%}
  .mobile-ref-kicker{font-size:12px;letter-spacing:.09em;font-weight:850;color:rgba(231,239,242,.75);margin-bottom:12px}
  .mobile-ref-hero h1{font-size:29px;line-height:1.18;letter-spacing:-.65px;margin:0 0 16px;color:#fff;max-width:320px}
  .mobile-ref-hero p{font-size:16px;line-height:1.58;color:rgba(226,237,241,.78);margin:0;max-width:310px}
  .mobile-ref-orbit{position:absolute;right:18px;top:65px;width:158px;height:150px;z-index:1;opacity:.62}
  .mobile-ref-orbit i{position:absolute;width:11px;height:11px;border:2px solid rgba(215,238,242,.30);border-radius:50%;background:rgba(115,180,196,.18);box-shadow:0 0 0 1px rgba(255,255,255,.04)}
  .mobile-ref-orbit i:nth-child(1){right:12px;top:8px}.mobile-ref-orbit i:nth-child(2){left:29px;top:56px}.mobile-ref-orbit i:nth-child(3){right:2px;bottom:31px}.mobile-ref-orbit i:nth-child(4){left:50px;bottom:2px}
  .mobile-ref-dots{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center}
  .mobile-ref-dots b{display:block;width:8px;height:8px;border-radius:50%;background:rgba(225,236,240,.36)}
  .mobile-ref-dots b:nth-child(2){width:27px;border-radius:99px;background:#fff}

  /* Request builder is visually integrated into the home instead of looking like a website card */
  .mobile-ref-builder{margin-top:25px}
  .mobile-ref-builder .request-card{
    max-width:none;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  .mobile-ref-builder .request-head{display:none}
  .mobile-ref-builder .builder-step:first-of-type{margin:0 0 14px;display:block}
  .mobile-ref-builder .builder-step:first-of-type .step-num,.mobile-ref-builder .builder-step:first-of-type p{display:none}
  .mobile-ref-builder .builder-step:first-of-type h2{font-size:18px;line-height:1.2;color:#f1cf68;text-shadow:0 1px 2px rgba(0,0,0,.38);letter-spacing:-.2px;margin:0}
  .mobile-ref-builder .country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin-bottom:20px}
  .mobile-ref-builder .country-tile{
    display:block!important;min-height:142px!important;padding:17px 16px!important;border-radius:25px!important;
    border:1px solid rgba(255,255,255,.75)!important;background:linear-gradient(145deg,rgba(246,250,251,.91),rgba(218,233,235,.85))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 26px rgba(5,38,53,.10)!important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#152a36!important;text-align:left!important;
  }
  .mobile-ref-builder .country-tile.on{border-color:#f1cf68!important;box-shadow:0 0 0 3px rgba(241,207,104,.22),0 12px 26px rgba(5,38,53,.12)!important}
  .mobile-ref-builder .country-tile:active{transform:scale(.985)}
  .mobile-ref-builder .country-flag{width:46px!important;height:32px!important;flex-basis:auto!important;margin:0 0 16px!important;border-radius:4px!important;border:0!important;box-shadow:0 2px 5px rgba(0,0,0,.08);background:transparent!important}
  .mobile-ref-builder .country-flag img{object-fit:cover}
  .mobile-ref-builder .country-name{font-size:17px!important;line-height:1.2;font-weight:850!important;color:#152a36!important;margin:0 0 11px!important}
  .mobile-ref-builder .country-meta{font-size:12.5px!important;font-weight:650!important;color:#91a1a8!important;letter-spacing:.01em}
  .mobile-ref-builder .country-arrow{display:none}
  .mobile-ref-builder #rqServiceStep{margin:24px 0 12px;padding:14px;border-radius:18px;background:rgba(234,244,244,.78);border:1px solid rgba(255,255,255,.65)}
  .mobile-ref-builder #rqServiceStep .step-num{background:#143c55;box-shadow:none}
  .mobile-ref-builder #rqServiceStep h2{font-size:19px;color:#153047}
  .mobile-ref-builder #rqServiceStep p{color:#68808e}
  .mobile-ref-builder .service-search{padding:0;margin:0 0 12px}
  .mobile-ref-builder .service-search input,.mobile-ref-builder .request-form input,.mobile-ref-builder .request-form select,.mobile-ref-builder .request-form textarea{
    background:rgba(250,253,253,.94);border-color:rgba(255,255,255,.80);box-shadow:0 6px 18px rgba(6,39,54,.08)
  }
  .mobile-ref-builder .service-grid{grid-template-columns:1fr!important;gap:10px}
  .mobile-ref-builder .service-tile{border-radius:20px!important;background:rgba(247,251,251,.94)!important;border-color:rgba(255,255,255,.8)!important;box-shadow:0 8px 20px rgba(7,38,51,.08)!important}
  .mobile-ref-builder .builder-form-wrap{padding:14px;border-radius:22px;background:rgba(236,246,246,.82);border:1px solid rgba(255,255,255,.70);margin-bottom:18px}
  .mobile-ref-builder .builder-form-wrap .builder-step{margin-top:0}

  /* Popular / tools section from the reference */
  .mobile-ref-popular{margin:24px 0 8px}
  .mobile-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}
  .mobile-section-title h2,.mobile-section-title h1{margin:0;font-size:18px;color:#f1cf68;text-shadow:0 1px 2px rgba(0,0,0,.34)}
  .mobile-section-title span{font-size:12px;color:#f3d979;text-shadow:0 1px 2px rgba(0,0,0,.34)}
  .mobile-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .mobile-quick-grid button{
    min-height:112px;padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.74);background:rgba(242,249,249,.88);color:#153047;box-shadow:0 10px 24px rgba(4,34,47,.10);text-align:left
  }
  .mobile-quick-grid button i{display:block;font-style:normal;font-size:20px;color:#287294;margin-bottom:10px}
  .mobile-quick-grid button b{display:block;font-size:21px;line-height:1;margin-bottom:6px}
  .mobile-quick-grid button span{display:block;font-size:10.5px;line-height:1.2;color:#718892}

  /* Bottom floating navigation */
  .mobile-tabbar{
    left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;
    min-height:82px!important;padding:7px 7px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:28px!important;
    background:rgba(248,251,251,.94)!important;box-shadow:0 18px 42px rgba(0,28,44,.24),inset 0 1px 0 #fff!important;
    backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
  }
  .mobile-tabbar button{min-height:66px!important;gap:3px!important;padding:5px 1px!important;border-radius:19px!important;color:#7b8e95!important;background:transparent!important;box-shadow:none!important}
  .mobile-tabbar button span{display:grid;place-items:center;width:39px;height:35px;font-size:0!important;filter:none!important;border-radius:16px}
  .mobile-tabbar button span svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-tabbar button small{font-size:10px!important;font-weight:750!important;max-width:64px!important}
  .mobile-tabbar button.on{color:#8a6820!important}
  .mobile-tabbar button.on span{background:#e9c560;color:#79591a;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}

  /* Tools page */
  .mobile-tools-page{padding-top:7px}
  .mobile-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .mobile-tools-grid button{min-height:130px;padding:18px 15px;border-radius:24px;text-align:left;color:#173142;background:rgba(246,251,251,.91);border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(3,33,46,.10)}
  .mobile-tools-grid button i{display:block;font-style:normal;font-size:25px;color:#287294;margin-bottom:13px}
  .mobile-tools-grid button b{display:block;font-size:16px;margin-bottom:5px}.mobile-tools-grid button span{display:block;font-size:11px;color:#7b9098;line-height:1.3}

  /* Other app pages retain their functionality but use the same glass surface language */
  body:not(.auth) #view>.card,body:not(.auth) #view>.request-list-head+div .card,body:not(.auth) .request-detail-hero{
    background:rgba(249,252,252,.94);border-color:rgba(255,255,255,.76);box-shadow:0 12px 28px rgba(3,33,46,.10)
  }
  body:not(.auth) .detail-back{background:linear-gradient(rgba(24,82,99,.92) 72%,rgba(24,82,99,0))}
}

@media(max-width:430px){
  body:not(.auth) .main>main{padding-left:17px!important;padding-right:17px!important}
  body:not(.auth) .top{padding-left:17px!important;padding-right:17px!important}
  .mobile-app-brand{height:54px;padding-right:10px;border-radius:17px}.mobile-app-brand img{width:39px;height:39px}.mobile-app-brand b{font-size:20px}.mobile-app-brand small{font-size:6.8px;max-width:43px}
  .mobile-theme-btn{width:45px;height:45px;min-width:45px}.mobile-account-btn{min-height:46px;padding-right:10px}.mobile-account-ico{width:35px;height:35px}.mobile-account-btn>span:last-child{font-size:12px}
  .mobile-ref-hero{min-height:270px;padding:27px 22px 43px;border-radius:29px}.mobile-ref-hero h1{font-size:27px}.mobile-ref-hero p{font-size:14.5px;line-height:1.58}.mobile-ref-kicker{font-size:10.5px}
  .mobile-ref-builder .country-tile{min-height:134px!important;padding:15px 14px!important;border-radius:22px!important}.mobile-ref-builder .country-name{font-size:16px!important}.mobile-ref-builder .country-meta{font-size:11.5px!important}
  .mobile-tabbar{left:10px!important;right:10px!important;border-radius:26px!important}.mobile-tabbar button small{font-size:9.5px!important}
}
.mobile-only-signout{display:none!important}
@media(max-width:860px){body:not(.auth) .mobile-only-signout{display:flex!important;margin-top:16px!important;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff!important}}
@media(max-width:860px){
  body.auth{
    min-height:100dvh;
    background:
      radial-gradient(circle at 105% 42%,rgba(101,224,200,.50) 0,rgba(101,224,200,.18) 27%,transparent 48%),
      radial-gradient(circle at -10% 8%,rgba(37,93,145,.62) 0,transparent 42%),
      linear-gradient(155deg,#0d2d4d 0%,#1c5f75 42%,#83d1c5 100%);
  }
  body.auth .login-shell{padding:calc(34px + env(safe-area-inset-top)) 17px calc(28px + env(safe-area-inset-bottom))}
  body.auth .login-card{border-radius:30px;background:rgba(247,251,251,.95);border:1px solid rgba(255,255,255,.74);box-shadow:0 24px 54px rgba(0,28,44,.24);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  body.auth .login-logo{color:#103d79}body.auth .login-logo span{color:#1598d5}
}

/* Mobile-only: remove the top app header requested by user. Desktop unchanged. */
@media(max-width:860px){
  body:not(.auth) .top{display:none!important}
  body:not(.auth) .main>main{padding-top:calc(12px + env(safe-area-inset-top))}
  body:not(.auth) .mobile-ref-home{margin-top:0}
}

/* --------------------------------------------------------------------------
   Dashboard slider — admin-managed image/HTML slides for every user dashboard
   -------------------------------------------------------------------------- */
.dashboard-slider{position:relative;margin:0 0 18px;border-radius:26px;overflow:hidden;box-shadow:0 14px 34px rgba(15,35,70,.10);background:#0b1d2b}
.dashboard-slider-viewport{overflow:hidden;border-radius:inherit}
.dashboard-slider-track{display:flex;width:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.dashboard-slide{position:relative;flex:0 0 100%;width:100%;height:350px;min-width:0;overflow:hidden;background:#0b1d2b}
.dashboard-slide-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.dashboard-slide-html iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.dashboard-slide-fallback{display:flex;align-items:center;padding:46px 50px;color:#fff;background:radial-gradient(circle at 86% 34%,rgba(81,164,189,.30),transparent 27%),linear-gradient(115deg,#071722 0%,#0b1d2b 58%,#153848 100%)}
.dashboard-slide-fallback .mobile-ref-hero-copy{position:relative;z-index:2;max-width:650px}
.dashboard-slide-fallback .mobile-ref-kicker{font-size:13px;letter-spacing:.11em;font-weight:850;color:rgba(231,239,242,.76);margin-bottom:14px}
.dashboard-slide-fallback h1{font-size:42px;line-height:1.08;letter-spacing:-1px;margin:0 0 18px;color:#fff;max-width:650px}
.dashboard-slide-fallback p{font-size:18px;line-height:1.6;color:rgba(226,237,241,.80);margin:0;max-width:620px}
.dashboard-slider-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:rgba(3,20,31,.36);color:#fff;box-shadow:none;font-size:30px;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dashboard-slider-arrow.prev{left:14px}.dashboard-slider-arrow.next{right:14px}
.dashboard-slider-dots{position:absolute;z-index:7;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:8px}
.dashboard-slider-dots button{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.40);box-shadow:none;transition:width .2s ease,background .2s ease}
.dashboard-slider-dots button.on{width:30px;background:#fff}

/* Admin dashboard-slider previews */
.slider-admin-preview{height:220px;margin:0 0 16px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#0b1d2b}
.slider-admin-preview img,.slider-admin-preview iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}
.slider-admin-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}

@media(max-width:860px){
  .dashboard-slider{margin:0 0 25px;border-radius:32px;box-shadow:0 20px 44px rgba(0,25,45,.22)}
  .dashboard-slide{height:284px;min-height:284px}
  .dashboard-slide-fallback{padding:30px 25px 46px}
  .dashboard-slide-fallback h1{font-size:29px;line-height:1.18;letter-spacing:-.65px;margin:0 0 16px;max-width:320px}
  .dashboard-slide-fallback p{font-size:16px;line-height:1.58;max-width:310px}
  .dashboard-slide-fallback .mobile-ref-kicker{font-size:12px;margin-bottom:12px}
  .dashboard-slider-arrow{display:none}

  /* Mobile service selection uses a compact 2-column app grid instead of long tiles. */
  .mobile-ref-builder .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .mobile-ref-builder .service-tile{display:block!important;min-height:148px!important;padding:14px!important;border-radius:22px!important;text-align:left!important}
  .mobile-ref-builder .service-ico{width:45px!important;height:45px!important;border-radius:15px!important;font-size:22px!important;margin:0 0 11px!important}
  .mobile-ref-builder .service-copy{display:block!important}
  .mobile-ref-builder .service-copy b{display:block;font-size:14px!important;line-height:1.25!important;margin-bottom:5px!important}
  .mobile-ref-builder .service-copy span{display:block;font-size:9.5px!important;line-height:1.25!important;letter-spacing:.05em!important}
  .mobile-ref-builder .service-copy p{display:none!important}
  .mobile-ref-builder .service-tile strong{display:block!important;margin:10px 0 0!important;font-size:10.5px!important}
}

@media(max-width:430px){
  .dashboard-slide{height:270px;min-height:270px}
  .dashboard-slide-fallback{padding:27px 22px 43px}
  .dashboard-slide-fallback h1{font-size:27px}
  .dashboard-slide-fallback p{font-size:14.5px}
  .mobile-ref-builder .service-tile{min-height:142px!important;padding:13px!important}
}

/* ========================================================================
   GulfBot Native Mobile UI v2
   Mobile-only application treatment. Desktop/web styles above are unchanged.
   ======================================================================== */
.mobile-splash{display:none}

@media(max-width:860px){
  :root{--gb-navy:#061a35;--gb-blue:#0f5fe8;--gb-cyan:#16a7dc;--gb-gold:#e9bd54;--gb-ink:#0c1e3c;--gb-muted:#728099;--gb-line:#e4ebf4;--gb-surface:#fff;--gb-bg:#f4f8fc}
  html{background:var(--gb-bg)}
  body{min-width:320px}
  body:not(.auth){background:var(--gb-bg)!important;color:var(--gb-ink);overscroll-behavior-y:contain}
  body:not(.auth)::before{display:none!important}
  body:not(.auth) .shell{background:transparent!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  body:not(.auth) .main{min-height:100dvh;background:transparent!important}
  body:not(.auth) .main>main{max-width:720px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(42px + env(safe-area-inset-bottom))!important;background:transparent!important}
  body.mobile-inner-page:not(.auth) .main>main{padding-top:0!important}
  body.mobile-home-page:not(.auth){
    background:
      radial-gradient(circle at 92% 7%,rgba(29,184,211,.22),transparent 29%),
      linear-gradient(180deg,#071f3f 0,#0c4260 28%,#f3f8fb 60%,#f4f8fc 100%)!important;
    background-attachment:fixed!important;
  }
  body.mobile-home-page:not(.auth) .main>main{max-width:680px}

  /* Splash screen */
  .mobile-splash{display:grid;position:fixed;z-index:2147483000;inset:0;place-items:center;background:radial-gradient(circle at 50% 28%,#0b4e82 0,#06264d 32%,#041831 72%,#031225 100%);color:#fff;transition:opacity .38s ease,visibility .38s ease}
  .mobile-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
  .mobile-splash-inner{text-align:center;padding:30px;transform:translateY(-2vh)}
  .mobile-splash-inner img{width:104px;height:104px;border-radius:28px;box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 45px rgba(28,171,238,.18)}
  .mobile-splash-name{margin-top:22px;font-size:45px;line-height:1;font-weight:950;letter-spacing:-2.1px}.mobile-splash-name span{color:#28a9ea}
  .mobile-splash-sub{margin-top:8px;font-size:13px;font-weight:850;letter-spacing:.19em}.mobile-splash-by{margin-top:7px;color:#a9bfda;font-size:12px}
  .mobile-splash-loader{display:block;width:106px;height:4px;margin:56px auto 0;border-radius:9px;background:rgba(255,255,255,.15);overflow:hidden}.mobile-splash-loader i{display:block;width:42%;height:100%;border-radius:inherit;background:#fff;animation:gbSplash 1s ease-in-out infinite alternate}
  @keyframes gbSplash{from{transform:translateX(0)}to{transform:translateX(138%)}}

  /* Home greeting: replaces a website header without re-introducing the removed logo bar. */
  .mobile-home-welcome{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 1px 14px;color:#fff}
  .mobile-home-welcome small{display:block;color:#8bd4e4;font-size:9px;letter-spacing:.16em;font-weight:900;margin-bottom:3px}.mobile-home-welcome h1{margin:0;color:#fff;font-size:21px;line-height:1.15;letter-spacing:-.45px}.mobile-home-welcome p{margin:3px 0 0;color:#bfd8e3;font-size:11.5px}
  .mobile-home-welcome>button{position:relative;display:grid;place-items:center;width:43px;height:43px;min-width:43px;padding:0;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);box-shadow:none;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .mobile-home-welcome>button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-home-welcome>button em{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#ff3f55;color:#fff;font:800 10px/18px system-ui;font-style:normal;border:2px solid #0b3453}

  /* Native inner-page app bar */
  .mobile-native-header{position:sticky;z-index:80;top:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin:0 -16px 17px;padding:calc(9px + env(safe-area-inset-top)) 14px 10px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(215,226,239,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 7px 22px rgba(17,44,84,.05)}
  .mobile-native-header>div{min-width:0;text-align:center}.mobile-native-header small{display:block;font-size:8px;letter-spacing:.13em;font-weight:900;color:#92a0b3;text-transform:uppercase}.mobile-native-header h1{margin:1px 0 0;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#10213e;letter-spacing:-.25px}
  .mobile-native-back,.mobile-native-more{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:14px;background:#fff;border:1px solid #e3eaf3;color:#12345e;box-shadow:0 5px 16px rgba(24,51,88,.06)}
  .mobile-native-back svg,.mobile-native-more svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

  /* Page entry motion and loading skeletons */
  #view.mobile-page-enter{animation:gbPageIn .22s ease both}@keyframes gbPageIn{from{opacity:.45;transform:translateX(10px)}to{opacity:1;transform:none}}
  .mobile-screen-loader{padding-top:calc(12px + env(safe-area-inset-top));animation:gbPulse 1.05s ease-in-out infinite alternate}.mobile-loader-head,.mobile-loader-card,.mobile-loader-grid i{display:block;background:linear-gradient(100deg,#e7edf4 20%,#f7f9fc 50%,#e7edf4 80%);background-size:240% 100%;border-radius:18px;animation:gbShimmer 1.15s linear infinite}.mobile-loader-head{width:48%;height:30px;margin:0 0 18px}.mobile-loader-card{height:190px;border-radius:27px}.mobile-loader-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.mobile-loader-grid i{height:110px}@keyframes gbShimmer{to{background-position:-240% 0}}@keyframes gbPulse{from{opacity:.72}to{opacity:1}}

  /* Dashboard slider */
  .dashboard-slider{border-radius:27px!important;margin:0 0 20px!important;background:#061a2a!important;box-shadow:0 18px 46px rgba(0,16,34,.28)!important;border:1px solid rgba(255,255,255,.12)}
  .dashboard-slide{height:268px!important;min-height:268px!important}.dashboard-slide-image img{object-fit:cover!important}.dashboard-slide-fallback{padding:27px 23px 43px!important;background:radial-gradient(circle at 90% 38%,rgba(21,139,181,.30),transparent 29%),linear-gradient(120deg,#061522,#09283a 58%,#0b4260)!important}.dashboard-slide-fallback h1{font-size:28px!important;line-height:1.12!important;letter-spacing:-.7px!important;max-width:310px!important}.dashboard-slide-fallback p{font-size:14px!important;line-height:1.55!important;max-width:300px!important}.dashboard-slide-fallback .mobile-ref-kicker{font-size:9.5px!important;color:#a8c3cf!important}.dashboard-slider-dots{bottom:13px!important}.dashboard-slider-dots button{width:7px!important;height:7px!important;min-width:7px!important}.dashboard-slider-dots button.on{width:25px!important}

  /* Home request builder: true app grids */
  .mobile-ref-builder{margin-top:0!important}.mobile-ref-builder .builder-step:first-of-type h2{color:#10213e!important;text-shadow:none!important;font-size:19px!important;margin:0 0 10px!important}.mobile-ref-builder .country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:18px!important}.mobile-ref-builder .country-tile{min-height:126px!important;padding:14px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e1e9f2!important;box-shadow:0 8px 23px rgba(20,50,88,.075)!important;backdrop-filter:none!important}.mobile-ref-builder .country-tile.on{border-color:#3f82ef!important;box-shadow:0 0 0 3px rgba(32,102,225,.10),0 10px 25px rgba(18,58,111,.10)!important}.mobile-ref-builder .country-flag{width:45px!important;height:31px!important;margin:0 0 13px!important}.mobile-ref-builder .country-name{font-size:15px!important;margin:0 0 6px!important;color:#11213b!important}.mobile-ref-builder .country-meta{font-size:10.5px!important;color:#8b98aa!important}
  .mobile-ref-builder #rqServiceStep{margin:21px 0 11px!important;padding:0!important;border:0!important;background:transparent!important}.mobile-ref-builder #rqServiceStep .step-num{display:none!important}.mobile-ref-builder #rqServiceStep h2{font-size:18px!important;color:#10213e!important}.mobile-ref-builder #rqServiceStep p{font-size:11px!important;color:#78879a!important}.mobile-ref-builder .service-search{display:flex!important;flex-direction:row!important;gap:8px!important}.mobile-ref-builder .service-search input{min-width:0;min-height:48px;border-radius:15px!important;background:#fff!important;border:1px solid #dce6f0!important;box-shadow:none!important;margin:0!important}.mobile-ref-builder .service-search button{flex:none;min-height:48px;padding:9px 12px!important;border-radius:15px!important;font-size:12px!important}.mobile-ref-builder .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mobile-ref-builder .service-tile{display:block!important;min-height:142px!important;padding:13px!important;border-radius:21px!important;background:#fff!important;border:1px solid #e2e9f2!important;box-shadow:0 8px 22px rgba(20,50,88,.065)!important;text-align:left!important}.mobile-ref-builder .service-ico{width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important;margin:0 0 10px!important;background:#edf5ff!important}.mobile-ref-builder .service-copy b{font-size:13px!important;line-height:1.22!important;color:#11213b!important}.mobile-ref-builder .service-copy span{font-size:9px!important;color:#7c8ca1!important}.mobile-ref-builder .service-tile strong{font-size:9.5px!important;color:#1761d9!important}.mobile-ref-builder .builder-form-wrap{background:#fff!important;border:1px solid #e2e9f2!important;border-radius:23px!important;padding:16px!important;box-shadow:0 10px 26px rgba(20,50,88,.07)!important}.mobile-ref-builder .request-form input,.mobile-ref-builder .request-form select,.mobile-ref-builder .request-form textarea{background:#f8fafc!important;border:1px solid #dce5ef!important;box-shadow:none!important;border-radius:14px!important}.mobile-ref-builder .request-submit{border-radius:15px!important;background:linear-gradient(90deg,#1164eb,#034ab7)!important;box-shadow:0 10px 24px rgba(15,94,217,.20)!important}

  /* Quick dashboard cards */
  .mobile-ref-popular{margin:22px 0 6px!important}.mobile-section-title{margin:0 1px 11px!important}.mobile-section-title h1,.mobile-section-title h2{color:#10213e!important;text-shadow:none!important;font-size:18px!important}.mobile-section-title span{color:#76869b!important;text-shadow:none!important;font-size:10.5px!important}.mobile-quick-grid{gap:9px!important}.mobile-quick-grid button{min-height:105px!important;padding:13px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e3eaf2!important;box-shadow:0 8px 22px rgba(20,50,88,.065)!important}.mobile-quick-grid button i{color:#1761d9!important;font-size:18px!important;margin-bottom:9px!important}.mobile-quick-grid button b{font-size:20px!important;color:#11213b!important}.mobile-quick-grid button span{font-size:9.8px!important;color:#7b899c!important}

  /* Bottom app navigation */
  .mobile-tabbar{left:11px!important;right:11px!important;bottom:calc(9px + env(safe-area-inset-bottom))!important;min-height:76px!important;padding:6px!important;border:1px solid rgba(221,230,240,.90)!important;border-radius:27px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 44px rgba(4,23,48,.22)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
  .mobile-tabbar button{min-height:62px!important;border-radius:18px!important;color:#8290a2!important}.mobile-tabbar button span{width:36px!important;height:32px!important;border-radius:13px!important}.mobile-tabbar button span svg{width:20px!important;height:20px!important}.mobile-tabbar button small{font-size:9.4px!important;font-weight:800!important}.mobile-tabbar button.on{color:#0f5fe8!important}.mobile-tabbar button.on span{background:#e7f0ff!important;color:#0f5fe8!important;box-shadow:none!important}.mobile-tabbar button em{top:2px!important;background:#ff4055!important}

  /* Tools */
  .mobile-tools-page{padding:0 0 4px!important}.mobile-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mobile-tools-grid button{min-height:126px!important;padding:15px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e2e9f2!important;box-shadow:0 8px 24px rgba(20,50,88,.065)!important;color:#10213e!important}.mobile-tools-grid button i{display:grid!important;place-items:center;width:42px;height:42px;border-radius:14px;background:#edf5ff;color:#1262df!important;font-size:20px!important;margin:0 0 12px!important}.mobile-tools-grid button b{font-size:14px!important}.mobile-tools-grid button span{font-size:10px!important;color:#7b899d!important}

  /* Shared inner screens */
  body.mobile-inner-page:not(.auth) #view>.card,body.mobile-inner-page:not(.auth) #view>.request-list,body.mobile-inner-page:not(.auth) .request-detail-hero{background:#fff!important;border-color:#e1e9f2!important;box-shadow:0 7px 24px rgba(20,50,88,.06)!important}
  body.mobile-inner-page:not(.auth) .card{border-radius:21px!important;padding:16px!important;margin-bottom:12px!important}.request-list-head{margin:0 0 12px!important}.request-list-head h1{display:none}.request-list-head p{font-size:11.5px!important;margin:0!important}.request-list-head button{width:100%;min-height:47px;border-radius:14px!important;background:#0f5fe8!important;box-shadow:none!important}.request-list{display:grid;gap:10px}.request-row{margin:0!important;padding:13px!important;border-radius:19px!important;border:1px solid #e1e9f2!important;background:#fff!important;box-shadow:0 6px 20px rgba(20,50,88,.05)!important}.req-icon{width:43px!important;height:43px!important;border-radius:14px!important}.req-title b{font-size:13px!important}.req-main>.mut{font-size:10px!important}.mini-progress{gap:5px!important}.mini-progress span{font-size:9px!important}.req-money{margin-left:55px!important}.req-money b{font-size:13px!important}.req-money span,.req-money strong{font-size:9.5px!important}
  body.mobile-inner-page:not(.auth) input,body.mobile-inner-page:not(.auth) select,body.mobile-inner-page:not(.auth) textarea{background:#f8fafc;border-color:#dce5ef;border-radius:13px;min-height:48px;box-shadow:none}body.mobile-inner-page:not(.auth) textarea{min-height:110px}body.mobile-inner-page:not(.auth) button,body.mobile-inner-page:not(.auth) .btn{border-radius:13px;box-shadow:none}
  .detail-back{position:static!important;background:transparent!important;padding:0!important;margin:0 0 10px!important}.detail-back #backRequests{display:none}.detail-back #refreshRequest{width:100%;min-height:43px}.request-detail-hero{border-radius:23px!important;padding:18px!important}.request-detail-hero h1{font-size:21px!important}.current-stage-box{border-radius:18px!important}.price-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.price-grid>div{padding:12px!important;border-radius:14px!important}.status-line .pill{font-size:9.5px!important}.customer-timeline{padding-left:2px}
  .wrap{border-radius:18px!important;border-color:#e1e9f2!important}.appointment-grid{grid-template-columns:1fr!important}.item{padding:12px!important;border-radius:17px!important;background:#fff!important}.item .n{width:39px;height:39px;border-radius:12px}.item .o{font-size:10px}.bub{border-radius:17px!important;font-size:13px!important}

  /* Profile / account */
  .mobile-profile-card{padding-top:18px!important}.mobile-profile-summary{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding-bottom:17px;border-bottom:1px solid #edf1f6}.mobile-profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#e6f1ff,#cbdcf5);color:#194f97;font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px #d2dfef}.mobile-profile-summary b{display:block;font-size:18px;color:#10213e}.mobile-profile-summary span{display:block;margin-top:3px;font-size:10.5px;color:#7e8da1}.mobile-account-actions{overflow:hidden;margin:0 0 14px;border:1px solid #e1e9f2;border-radius:21px;background:#fff;box-shadow:0 7px 24px rgba(20,50,88,.06)}.mobile-account-actions button{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 13px;border:0;border-bottom:1px solid #edf1f6;border-radius:0!important;background:#fff;color:#10213e;box-shadow:none;text-align:left}.mobile-account-actions button:last-child{border-bottom:0}.mobile-account-actions button i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#edf5ff;color:#1262df;font-style:normal}.mobile-account-actions button span b{display:block;font-size:13px}.mobile-account-actions button span small{display:block;margin-top:2px;color:#8795a7;font-size:9.5px}.mobile-account-actions button em{justify-self:end;color:#a1adba;font-style:normal;font-size:21px}.mobile-account-actions button.danger i,.mobile-account-actions button.danger b{color:#e23d4b}.mobile-account-actions button.danger i{background:#fff0f1}

  /* Auth screen becomes a native full-screen sign-in instead of a floating website modal. */
  body.auth{background:#f7f9fc!important;color:#10213e!important}.login-shell{min-height:100dvh!important;display:block!important;padding:calc(34px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))!important}.login-card{width:min(100%,480px)!important;margin:0 auto!important;padding:22px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.login-brand{margin:5px 0 28px!important}.login-logo{font-size:39px!important;color:#0c3373!important}.login-logo span{color:#149cdb!important}.login-logo small{margin-top:7px!important;font-size:9px!important;color:#8391a7!important}.login-head{text-align:left!important;margin-bottom:18px!important}.login-head h1{font-size:27px!important;color:#10213e!important}.login-head p{color:#7d899d!important}.login-form{padding:18px!important;border:1px solid #e1e8f1;border-radius:23px;background:#fff;box-shadow:0 12px 34px rgba(21,48,84,.07)}.login-form input,.login-form select{min-height:51px!important;border-radius:14px!important;background:#f8fafc!important}.login-form button:not(.text-link){border-radius:14px!important;background:linear-gradient(90deg,#1264ea,#064bb9)!important;box-shadow:0 10px 22px rgba(12,83,194,.17)!important}.login-trust-image{border-top:0!important;padding-top:8px!important;opacity:.78}.forgot-copy{text-align:left!important}
}

@media(max-width:430px){
  .mobile-splash-inner img{width:92px;height:92px;border-radius:25px}.mobile-splash-name{font-size:40px}.mobile-splash-loader{margin-top:48px}
  body:not(.auth) .main>main{padding-left:14px!important;padding-right:14px!important}.mobile-native-header{margin-left:-14px!important;margin-right:-14px!important;padding-left:12px!important;padding-right:12px!important}.dashboard-slide{height:250px!important;min-height:250px!important}.dashboard-slide-fallback{padding:24px 20px 40px!important}.dashboard-slide-fallback h1{font-size:25px!important}.dashboard-slide-fallback p{font-size:13px!important}.mobile-ref-builder .country-tile{min-height:119px!important;padding:13px!important}.mobile-ref-builder .service-tile{min-height:135px!important}.mobile-quick-grid button{min-height:99px!important;padding:11px!important}.mobile-tabbar{left:8px!important;right:8px!important}.mobile-tabbar button small{font-size:9px!important}
}
@media(max-width:860px){
  .mobile-provider-status{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:-2px 0 20px}.mobile-provider-status>div{padding:13px 14px;border:1px solid #e1e9f2;border-radius:19px;background:#fff;box-shadow:0 8px 22px rgba(20,50,88,.06)}.mobile-provider-status small{display:block;color:#8593a5;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.mobile-provider-status b{display:block;margin-top:3px;color:#11345d;font-size:14px}.mobile-recent-work{margin-top:20px!important}.mobile-recent-work .request-row{display:flex!important}.mobile-recent-work .section-head h2{font-size:16px}.mobile-recent-work .section-head p{font-size:10.5px}
}

/* ===== GulfBot icon set v22 ===== */
i[data-ic]{font-style:normal;display:inline-grid;place-items:center;line-height:1}
i[data-ic]::before{content:"";display:block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
i[data-ic="home"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10.5 12 3l9 7.5%22/%3E%3Cpath d=%22M5.5 9.5V21h13V9.5%22/%3E%3Cpath d=%22M9.5 21v-6h5v6%22/%3E%3C/svg%3E")}
i[data-ic="create"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3h10l4 4v14H5z%22/%3E%3Cpath d=%22M14 3v5h5M9 13h6M9 17h6%22/%3E%3C/svg%3E")}
i[data-ic="list"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 5h10v16H7z%22/%3E%3Cpath d=%22M9 3h6v4H9zM10 11h4M10 15h4%22/%3E%3C/svg%3E")}
i[data-ic="invoice"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h12v18l-3-2-3 2-3-2-3 2z%22/%3E%3Cpath d=%22M9 8h6M9 12h6%22/%3E%3C/svg%3E")}
i[data-ic="calendar"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6h16v15H4zM8 3v5M16 3v5M4 11h16%22/%3E%3Cpath d=%22M8 15h2M14 15h2%22/%3E%3C/svg%3E")}
i[data-ic="ticket"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h16v3.2a2 2 0 0 0 0 3.6V17H4v-3.2a2 2 0 0 0 0-3.6z%22/%3E%3Cpath d=%22M13 7v2M13 11v2M13 15v2%22/%3E%3C/svg%3E")}
i[data-ic="bell"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 17h12l-1.6-2.4V10a4.4 4.4 0 0 0-8.8 0v4.6z%22/%3E%3Cpath d=%22M10 20h4%22/%3E%3C/svg%3E")}
i[data-ic="shield"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E")}
i[data-ic="chat"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H10l-4 4v-4H4z%22/%3E%3Cpath d=%22M8 9.5h8M8 12.5h5%22/%3E%3C/svg%3E")}
i[data-ic="user"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4.5 21a7.5 7.5 0 0 1 15 0%22/%3E%3C/svg%3E")}
i[data-ic="logout"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 4H5v16h5%22/%3E%3Cpath d=%22m15 8 4 4-4 4M19 12H9%22/%3E%3C/svg%3E")}
i[data-ic="plus"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E")}
i[data-ic="briefcase"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 8h16v12H4z%22/%3E%3Cpath d=%22M9 8V5h6v3M4 13h16%22/%3E%3C/svg%3E")}
i[data-ic="arrow"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 17 17 7M8 7h9v9%22/%3E%3C/svg%3E")}
i[data-ic="pin"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s6-5.2 6-10a6 6 0 0 0-12 0c0 4.8 6 10 6 10z%22/%3E%3Ccircle cx=%2212%22 cy=%2211%22 r=%222.2%22/%3E%3C/svg%3E")}
.side nav a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.09);font-size:20px;flex:none}
.side nav a.on>span{background:rgba(255,255,255,.22)}
.side nav a:hover>span{background:rgba(255,255,255,.16)}
.stat i[data-ic]{font-size:24px;color:#1d5cff;background:linear-gradient(135deg,#e8f0ff,#d6e4ff)}
.stats .stat:nth-child(2) i[data-ic]{color:#0f9d6e;background:linear-gradient(135deg,#e3f8ef,#cdf0e1)}
.stats .stat:nth-child(3) i[data-ic]{color:#d98a0b;background:linear-gradient(135deg,#fff3dc,#ffe6b8)}
.stats .stat:nth-child(4) i[data-ic]{color:#e0445a;background:linear-gradient(135deg,#ffe8ec,#ffd3da)}
body:not(.auth) .mobile-tools-grid button i[data-ic]{width:48px;height:48px;border-radius:16px;font-size:24px;margin-bottom:12px;color:#fff;background:linear-gradient(135deg,#1d6bff,#16a7dc);box-shadow:0 8px 16px rgba(29,107,255,.28)}
body:not(.auth) .mobile-tools-grid button:nth-child(3n+2) i[data-ic]{background:linear-gradient(135deg,#0f9d6e,#3ccf9a);box-shadow:0 8px 16px rgba(15,157,110,.28)}
body:not(.auth) .mobile-tools-grid button:nth-child(3n) i[data-ic]{background:linear-gradient(135deg,#f0a21b,#f7c85a);box-shadow:0 8px 16px rgba(240,162,27,.30)}
body:not(.auth) .mobile-account-actions button i[data-ic]{width:42px;height:42px;border-radius:14px;font-size:22px;color:#fff;background:linear-gradient(135deg,#1d6bff,#16a7dc);box-shadow:0 6px 12px rgba(29,107,255,.22)}
body:not(.auth) .mobile-account-actions button.danger i[data-ic]{background:linear-gradient(135deg,#e0445a,#f27a8a);box-shadow:0 6px 12px rgba(224,68,90,.25)}
body:not(.auth) .mobile-quick-grid button i[data-ic]{width:40px;height:40px;border-radius:13px;font-size:21px;margin-bottom:10px;color:#fff;background:linear-gradient(135deg,#1d6bff,#16a7dc)}
.mobile-account-ico i[data-ic]{font-size:20px}

i[data-ic]+*{}
b>i[data-ic],p>i[data-ic]{display:inline-grid;vertical-align:-3px;margin-right:4px;font-size:16px;color:#1d5cff}
.item .n,.note-item .n{display:grid;place-items:center}
.item .n i[data-ic],.note-item .n i[data-ic]{font-size:20px;color:#1d5cff}
.req-icon i[data-ic],.history-row>span i[data-ic]{font-size:20px;color:#1d5cff}
/* icon overrides beat legacy !important tile rules */
body:not(.auth) .mobile-tools-grid button i[data-ic]{color:#fff!important;font-size:25px!important;width:48px!important;height:48px!important;border-radius:16px!important;margin:0 0 12px!important;background:linear-gradient(135deg,#1d6bff,#16a7dc)!important;box-shadow:0 8px 16px rgba(29,107,255,.28)}
body:not(.auth) .mobile-tools-grid button:nth-child(3n+2) i[data-ic]{background:linear-gradient(135deg,#0f9d6e,#3ccf9a)!important;box-shadow:0 8px 16px rgba(15,157,110,.28)}
body:not(.auth) .mobile-tools-grid button:nth-child(3n) i[data-ic]{background:linear-gradient(135deg,#f0a21b,#f7c85a)!important;box-shadow:0 8px 16px rgba(240,162,27,.30)}
body:not(.auth) .mobile-account-actions button i[data-ic]{color:#fff!important;font-size:22px!important;width:42px!important;height:42px!important;background:linear-gradient(135deg,#1d6bff,#16a7dc)!important}
body:not(.auth) .mobile-account-actions button.danger i[data-ic]{background:linear-gradient(135deg,#e0445a,#f27a8a)!important}
body:not(.auth) .mobile-quick-grid button i[data-ic]{color:#fff!important;font-size:21px!important;background:linear-gradient(135deg,#1d6bff,#16a7dc)!important}

/* ===== Voucher banner slide + claim strip ===== */
.dashboard-slide-voucher{cursor:pointer;height:auto!important;min-height:0!important;aspect-ratio:1920/819;align-self:flex-start;background:#cfe6fb}
.dashboard-slide-voucher img{width:100%;height:100%;object-fit:contain!important;display:block}
.dashboard-slide-voucher:focus-visible{outline:3px solid #1d5cff;outline-offset:-3px}
.dashboard-slider.has-voucher .dashboard-slider-viewport{transition:height .3s ease}
.dashboard-slider.has-voucher{background:#cfe6fb!important}
.voucher-strip{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#eaf2ff,#e1f6ff);border:1px solid #bcd6ff}
.voucher-strip-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;color:#fff;font-size:22px;background:linear-gradient(135deg,#1d6bff,#16a7dc)}
.voucher-strip-txt{flex:1;min-width:0}.voucher-strip-txt b{display:block;color:#0c2a5e;font-size:15px}
.voucher-strip-txt span{display:block;color:#4d6285;font-size:13px;line-height:1.4;margin-top:2px}
.voucher-strip-txt code{background:#fff;border:1px dashed #1d5cff;color:#1d5cff;border-radius:6px;padding:1px 6px;font-weight:700}
.voucher-strip-x{flex:none;width:30px;height:30px;padding:0;border-radius:50%;border:0;background:rgba(12,42,94,.1);color:#0c2a5e;font-size:18px;line-height:1;cursor:pointer;box-shadow:none}

/* ===== StartEx ONE promo slide ===== */
.dashboard-slide-startex{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 74px;color:#fff;text-decoration:none;background:radial-gradient(circle at 88% 20%,rgba(56,189,248,.38),transparent 38%),radial-gradient(circle at 10% 110%,rgba(99,102,241,.45),transparent 45%),linear-gradient(120deg,#07163a 0%,#0c2a73 55%,#1450c8 100%)}
.dashboard-slide-startex .sx-copy{position:relative;z-index:2;max-width:560px}
.sx-badge{display:inline-block;padding:7px 15px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.12em;color:#3a2600;background:linear-gradient(135deg,#ffd45c,#ffb21e);box-shadow:0 6px 18px rgba(255,178,30,.4)}
.dashboard-slide-startex h2{margin:14px 0 2px;font-size:44px;line-height:1.05;letter-spacing:-1px;color:#fff}
.dashboard-slide-startex h2 b{color:#5bc0ff}
.dashboard-slide-startex h3{margin:0 0 12px;font-size:19px;font-weight:700;color:#cfe3ff}
.dashboard-slide-startex p{margin:0 0 18px;font-size:16px;line-height:1.55;color:rgba(226,238,255,.88);max-width:520px}
.sx-cta{display:inline-block;padding:11px 20px;border-radius:999px;font-weight:800;font-size:14px;color:#0c2a73;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.sx-art{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,auto);gap:10px;flex:none}
.sx-art span{display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:14px;font-size:14px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sx-art span i[data-ic]{font-size:19px;color:#7fd0ff}
@media(max-width:860px){
  .dashboard-slide-startex{padding:20px 20px 36px}
  .sx-art{display:none}
  .sx-badge{padding:5px 11px;font-size:11px}
  .dashboard-slide-startex h2{font-size:30px;margin:9px 0 0}
  .dashboard-slide-startex h3{font-size:14px;margin:0 0 7px}
  .dashboard-slide-startex p{font-size:12.5px;line-height:1.45;margin:0 0 10px}
  .sx-cta{padding:8px 15px;font-size:12.5px}
}