:root{
  --ink:#0a1220;--navy:#0d1b2d;--red:#d9342b;--muted:#667085;
  --line:#e4e7ec;--soft:#f5f7fa;--white:#fff;--green:#138a55;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6;background:white}
a{color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--ink);color:#cbd5e1;font-size:12px}.topbar .container{display:flex;justify-content:space-between;padding:8px 0;gap:20px}.topbar a{text-decoration:none;color:#fff}
.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brandmark{width:42px;height:42px;border-radius:11px;background:var(--ink);color:white;display:grid;place-items:center;font-weight:950;letter-spacing:-1px}
.brandtext b,.brandtext small{display:block;line-height:1}.brandtext b{font-size:13px;letter-spacing:1px}.brandtext small{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:5px}
nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-size:14px;font-weight:700;color:#344054}.cta{background:var(--red);color:white!important;padding:11px 16px;border-radius:9px}.menu{display:none;border:0;background:none;font-size:26px}
.hero{background:linear-gradient(135deg,#f8fafc 0%,#fff 52%,#eef3f9 100%);padding:86px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}
.eyebrow{color:var(--red);font-weight:900;letter-spacing:2px;font-size:11px;margin-bottom:12px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.01;letter-spacing:-3px;margin:0 0 23px}.hero h1 span{color:var(--red)}
.lead{font-size:19px;color:#475467;max-width:700px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 42px}.btn{border:1px solid transparent;border-radius:9px;padding:13px 19px;font-weight:800;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font:inherit}.btn.primary{background:var(--red);color:#fff}.btn.outline{border-color:#cfd4dc;background:#fff}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:white;color:var(--ink)}
.proof{display:flex;gap:30px;flex-wrap:wrap}.proof b,.proof span{display:block}.proof b{font-size:14px}.proof span{font-size:11px;color:var(--muted)}
.hero-panel{background:var(--ink);border-radius:24px;padding:27px;color:white;box-shadow:0 30px 70px rgba(10,18,32,.18)}.panel-tabs{display:flex;gap:7px;margin-bottom:23px}.panel-tabs button{background:#18263a;border:1px solid #2c3d55;color:#cbd5e1;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}.panel-tabs button.active{background:var(--red);border-color:var(--red);color:#fff}
.quick-form{display:grid;gap:11px}.quick-form label{font-size:11px;color:#cbd5e1;font-weight:700}.quick-form input,.quick-form select{width:100%;padding:12px;border-radius:8px;border:1px solid #34445a;background:#111e30;color:#fff;margin-top:5px}
.route-row{display:grid;grid-template-columns:1fr 36px 1fr;gap:8px;align-items:end}.arrow{display:grid;place-items:center;height:43px;color:#8aa0bc}.form-note{font-size:10px;color:#8391a5;margin-top:5px}
.modebar{background:var(--red);color:white}.mode-grid{display:grid;grid-template-columns:repeat(5,1fr)}.mode-grid div{padding:20px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:800}
.section{padding:96px 0}.soft{background:var(--soft)}.dark{background:var(--ink);color:white}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin-bottom:43px}.section h2,.dark h2,.contact h2,.page-hero h1{font-size:clamp(34px,4.3vw,54px);line-height:1.04;letter-spacing:-2px;margin:0}.section-head p,.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);border-radius:16px;padding:26px;background:white;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(10,18,32,.07)}.icon{font-size:28px;color:var(--red);margin-bottom:16px}.card h3{margin:0 0 7px}.card p{color:var(--muted);font-size:14px}.card a{text-decoration:none;font-weight:800;font-size:13px}
.trackbox{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:760px;margin-top:28px}.trackbox input{padding:15px 16px;border-radius:9px;border:1px solid #cbd5e1;font:inherit}.track-result{margin-top:16px;padding:17px;border-radius:12px;background:#fff;border:1px solid var(--line);display:none}.track-result.show{display:block}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:35px}.step{border:1px solid #26374e;border-radius:13px;padding:22px}.step b{color:#fff}.step span{display:block;color:#9caabd;font-size:13px;margin-top:6px}
.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.route-card{border:1px solid var(--line);border-radius:15px;padding:24px;text-decoration:none;background:white}.route-card strong,.route-card span{display:block}.route-card span{color:var(--muted);font-size:13px;margin-top:5px}.route-card em{display:inline-block;margin-top:18px;color:var(--red);font-style:normal;font-weight:800;font-size:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-list{display:grid;gap:12px}.feature{padding:17px 0;border-bottom:1px solid #2a3b53}.feature b,.feature span{display:block}.feature span{color:#9aabc0;font-size:13px}
.portal{background:linear-gradient(135deg,#132238,#0a1220);border:1px solid #26374e;border-radius:18px;padding:28px}.portal input{display:block;width:100%;padding:12px;border-radius:8px;border:1px solid #34445a;background:#0c1727;color:#fff;margin:6px 0 13px}.portal label{font-size:12px;color:#aab8ca}.portal small{color:#7f91aa}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.stat b{display:block;font-size:28px}.stat span{color:var(--muted);font-size:12px}
.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:11px;padding:16px 18px;background:#fff}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}
.contact{background:#eef2f6;padding:96px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contact-list{margin-top:27px}.contact-list div{padding:13px 0;border-bottom:1px solid #d6dce4}.contact-list b,.contact-list span{display:block}.contact-list span{font-size:13px;color:var(--muted)}
.form{background:#fff;border-radius:18px;padding:28px;box-shadow:0 14px 40px rgba(10,18,32,.07);display:grid;grid-template-columns:1fr 1fr;gap:13px}.form label{font-size:12px;font-weight:800}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #cfd5de;border-radius:8px;font:inherit;margin-top:5px}.form .full{grid-column:1/-1}.form textarea{min-height:110px}.fine{font-size:10px;color:var(--muted)}
footer{background:#070d16;color:white;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}.footer-grid p{color:#8fa0b6;font-size:13px}.footer-grid b{display:block;margin-bottom:10px}.footer-grid a{display:block;text-decoration:none;color:#8fa0b6;font-size:12px;margin:7px 0}.copyright{margin-top:36px;border-top:1px solid #202e41;padding-top:18px;color:#64748b;font-size:11px}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#16a34a;color:white;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.18);z-index:35}
.page-hero{padding:70px 0;background:#f6f8fb}.page-hero p{color:var(--muted);max-width:720px;font-size:18px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:18px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:45px}.sidebox{border:1px solid var(--line);border-radius:14px;padding:22px;height:max-content}.sidebox a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.sidebox a:last-child{border:0}.checklist{padding:0;list-style:none}.checklist li{padding:9px 0 9px 27px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
@media(max-width:850px){
 nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:white;padding:20px;border-bottom:1px solid var(--line)}.menu{display:block}
 .topbar .container{flex-direction:column;gap:2px}.hero-grid,.section-head,.split,.contact-grid,.content-grid{grid-template-columns:1fr}.cards,.route-cards{grid-template-columns:1fr 1fr}.steps,.stats{grid-template-columns:1fr 1fr}.mode-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:58px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}
}
@media(max-width:530px){.cards,.route-cards,.steps,.stats,.footer-grid{grid-template-columns:1fr}.route-row{grid-template-columns:1fr}.arrow{height:20px}.trackbox{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}}

.alert{padding:12px 14px;border-radius:9px;margin:14px 0;border:1px solid #d7dde7;background:#f8fafc}.alert.success{border-color:#b9e6cd;background:#ecfdf3}.alert.error{border-color:#f0b7b7;background:#fff1f2}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table.data{width:100%;border-collapse:collapse;min-width:760px}table.data th,table.data td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}table.data th{background:#f8fafc;font-size:11px;text-transform:uppercase}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f6;font-size:11px;font-weight:800;text-transform:capitalize}.badge.delivered,.badge.accepted{background:#dcfce7;color:#166534}.badge.new,.badge.booked{background:#dbeafe;color:#1d4ed8}.badge.on_hold,.badge.declined{background:#fee2e2;color:#991b1b}
.admin-shell{min-height:100vh;background:#f4f6f9}.admin-top{background:#0a1220;color:#fff;padding:14px 0}.admin-top .container{display:flex;justify-content:space-between;gap:20px}.admin-layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 55px)}.admin-side{background:#fff;border-right:1px solid var(--line);padding:22px 15px}.admin-side a{display:block;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:700;font-size:13px;margin-bottom:5px}.admin-side a:hover{background:#f1f5f9}.admin-main{padding:28px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.admin-card b{font-size:26px;display:block}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px}.panel h2{margin-top:0}
.inline-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.inline-form .full{grid-column:1/-1}.inline-form input,.inline-form select,.inline-form textarea{width:100%;padding:11px;border:1px solid #ccd3dc;border-radius:8px;margin-top:5px}.inline-form label{font-size:12px;font-weight:800}
.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0a1220,#17304f);padding:20px}.login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.login-card input{width:100%;padding:12px;border:1px solid #ccd3dc;border-radius:8px;margin:6px 0 13px}
.portal-head{background:#0a1220;color:#fff;padding:22px 0}.portal-nav{display:flex;gap:16px;flex-wrap:wrap}.portal-nav a{color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:800}.portal-main{padding:34px 0;background:#f4f6f9;min-height:70vh}
.timeline{border-left:2px solid #d8dee7;margin-left:8px;padding-left:20px}.timeline .event{position:relative;padding:0 0 20px}.timeline .event:before{content:"";position:absolute;left:-26px;top:5px;width:10px;height:10px;border-radius:50%;background:#d9342b}.timeline small{color:#667085}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.media-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.media-item img{width:100%;height:170px;object-fit:cover;border-radius:8px}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid var(--line)}.admin-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-grid,.inline-form,.media-grid{grid-template-columns:1fr}.inline-form .full{grid-column:auto}}

.print-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}
@media print{
  .admin-top,.admin-side,.portal-head,.print-actions,.header,.topbar,footer,.btn,button,form:not(.print-keep){display:none!important}
  .admin-layout{display:block!important}.admin-main,.portal-main{padding:0!important;background:#fff!important}
  .panel,.table-wrap,.admin-card{border:0!important;box-shadow:none!important}
  body{background:#fff!important;color:#000!important}
  a{color:#000!important;text-decoration:none!important}
  table.data{min-width:0!important;font-size:11px}
  .container{max-width:none!important;width:100%!important}
  @page{margin:14mm}
}

.lang-switch{font-size:13px;font-weight:700}.lang-switch a{margin:0 4px}

.whatsapp-float{
 position:fixed;right:22px;bottom:22px;z-index:9999;
 background:#25D366;color:#fff!important;text-decoration:none;
 padding:14px 18px;border-radius:999px;font-weight:800;
 box-shadow:0 8px 28px rgba(0,0,0,.22)
}
.whatsapp-float:hover{transform:translateY(-1px)}


/* =========================================================
   RT CLEARING MODERN PUBLIC WEBSITE - v8
   ========================================================= */
:root{
  --rt-navy:#07192f;
  --rt-navy-2:#0b213d;
  --rt-red:#ed211c;
  --rt-red-2:#f12b25;
  --rt-text:#07162c;
  --rt-muted:#60718b;
  --rt-border:#dce3eb;
  --rt-soft:#f6f8fb;
  --rt-green:#25d366;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--rt-text);font-family:Inter,Arial,Helvetica,sans-serif}
.container{width:min(1420px,92%);margin:0 auto}

/* top bar */
.rt-topbar{background:var(--rt-navy);color:#fff;font-size:14px}
.rt-topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.rt-topbar-left{opacity:.95}
.rt-topbar-right{display:flex;align-items:center;gap:24px}
.rt-topbar-right a{color:#fff;text-decoration:none}
.rt-topbar-right .lang-switcher{display:inline-flex;gap:6px}

/* navigation */
.rt-header{background:#fff;border-bottom:1px solid #e8edf3;position:sticky;top:0;z-index:1000}
.rt-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.rt-brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--rt-text)}
.rt-logo-box{width:58px;height:58px;border-radius:12px;background:linear-gradient(145deg,#102541,#031123);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 6px 14px rgba(4,17,35,.15)}
.rt-logo-text{display:flex;flex-direction:column}
.rt-logo-text b{font-size:20px;letter-spacing:.05em}
.rt-logo-text small{color:#65738a;letter-spacing:.18em;font-weight:700;margin-top:4px}
.rt-main-nav{display:flex;align-items:center;gap:28px}
.rt-main-nav>a{color:#0e1d31;text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap}
.rt-main-nav>a:hover{color:var(--rt-red)}
.rt-nav-track{border:1.5px solid var(--rt-red);padding:13px 18px;border-radius:7px}
.rt-nav-register,.rt-nav-login{padding:13px 18px;border-radius:8px!important;color:#fff!important}
.rt-nav-register{background:var(--rt-navy)}
.rt-nav-login{background:var(--rt-red)}
.rt-menu-btn{display:none;background:none;border:0;font-size:28px}

/* hero */
.rt-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fbfcfd 58%,#f7f9fb 100%);padding:38px 0 28px}
.rt-worldmap{position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:
 radial-gradient(circle at 25% 27%,#b9c3cf 0 2px,transparent 2.5px),
 radial-gradient(circle at 35% 21%,#b9c3cf 0 2px,transparent 2.5px),
 radial-gradient(circle at 44% 29%,#b9c3cf 0 2px,transparent 2.5px),
 radial-gradient(circle at 52% 22%,#b9c3cf 0 2px,transparent 2.5px),
 radial-gradient(circle at 61% 32%,#b9c3cf 0 2px,transparent 2.5px);
 background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 8%,#000 24%,#000 74%,transparent 88%)}
.rt-hero-grid{position:relative;display:grid;grid-template-columns:1.18fr .92fr;gap:56px;align-items:center}
.rt-eyebrow{font-size:13px;font-weight:850;letter-spacing:.18em;color:var(--rt-red);margin-bottom:22px}
.rt-hero-copy h1{font-size:clamp(54px,5vw,82px);line-height:.98;letter-spacing:-.045em;max-width:760px;margin:0 0 22px;font-weight:900}
.rt-hero-sub{max-width:680px;font-size:21px;line-height:1.55;color:#5d6f87;margin:0 0 28px}
.rt-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.rt-btn{min-height:52px;border-radius:7px;padding:0 20px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;border:1.5px solid transparent}
.rt-btn-red{background:var(--rt-red);color:#fff}
.rt-btn-outline{background:#fff;color:var(--rt-text);border-color:var(--rt-red)}
.rt-btn-light{background:#fff;color:var(--rt-text);border-color:#d7dee7}
.rt-trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rt-trust-item{display:flex;gap:10px;align-items:center}
.rt-trust-icon{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#fff0ef;color:var(--rt-red);display:grid;place-items:center;font-weight:900}
.rt-trust-item div{display:flex;flex-direction:column;gap:3px}
.rt-trust-item b{font-size:13px}
.rt-trust-item small{font-size:12px;color:#64748b}

/* track card */
.rt-track-card{background:linear-gradient(145deg,#091c34,#061426);color:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 45px rgba(4,18,36,.22)}
.rt-track-card h2{margin:0;font-size:21px}
.rt-title-line{width:64px;height:4px;background:var(--rt-red);margin:12px 0 18px}
.rt-track-tabs{display:grid;grid-template-columns:1.05fr 1.1fr .9fr;gap:8px;margin-bottom:18px}
.rt-track-tabs button{border:1px solid #3d4e65;background:transparent;color:#fff;border-radius:7px;padding:13px 10px;font-weight:700;cursor:pointer}
.rt-track-tabs button.active{background:var(--rt-red);border-color:var(--rt-red)}
.rt-track-card>p{color:#e7edf5;font-size:14px;margin:0 0 16px}
.rt-input-wrap{height:54px;border-radius:7px;background:#fff;display:flex;align-items:center;padding:0 16px;gap:10px;margin-bottom:14px}
.rt-input-wrap span{color:#60718b}
.rt-input-wrap input{border:0;outline:0;flex:1;font-size:15px;color:#1f2d42}
.rt-track-submit{width:100%;height:54px;border:0;border-radius:7px;background:linear-gradient(90deg,#f2241e,#e51d19);color:#fff;font-size:16px;font-weight:800;cursor:pointer}
.rt-or{display:flex;align-items:center;gap:14px;margin:20px 0}
.rt-or span{height:1px;background:#506079;flex:1}
.rt-or b{font-size:13px;font-weight:600}
.rt-client-btn{height:52px;border:1px solid #fff;border-radius:7px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:800}
.rt-register-text{text-align:center;font-size:14px;margin-top:16px}
.rt-register-text a{color:#ff413b}

/* service strip */
.rt-service-strip{background:linear-gradient(90deg,#ef1d18,#d81210);color:#fff}
.rt-strip-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.rt-strip-item{color:#fff;text-decoration:none;display:flex;align-items:center;gap:18px;padding:22px 28px;border-right:1px solid rgba(255,255,255,.28)}
.rt-strip-item:last-child{border-right:0}
.rt-strip-icon{font-size:34px;line-height:1}
.rt-strip-item div{display:flex;flex-direction:column;gap:4px}
.rt-strip-item b{font-size:14px}
.rt-strip-item small{font-size:13px}

/* services */
.rt-services-modern{padding:44px 0 38px}
.rt-services-grid{display:grid;grid-template-columns:.82fr 1.68fr;gap:48px;align-items:center}
.rt-services-heading h2{font-size:43px;line-height:1.08;margin:0;max-width:500px;letter-spacing:-.035em}
.rt-small-red-line{width:64px;height:3px;background:var(--rt-red);margin-top:20px}
.rt-service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rt-service-card{min-height:190px;border:1px solid #dbe2ea;border-radius:10px;padding:20px;text-decoration:none;color:var(--rt-text);position:relative;background:#fff;transition:.2s ease}
.rt-service-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(10,26,48,.1)}
.rt-card-icon{font-size:31px;color:#0b315e;margin-bottom:12px}
.rt-service-card h3{font-size:15px;margin:0 0 13px}
.rt-service-card p{font-size:14px;line-height:1.55;color:#53667f;margin:0}
.rt-service-card>span{position:absolute;bottom:16px;left:20px;width:34px;height:2px;background:var(--rt-red)}

/* benefits */
.rt-benefits{background:linear-gradient(90deg,#071a31,#031327);color:#fff;padding:24px 0}
.rt-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.rt-benefit{display:flex;align-items:center;gap:18px;padding:4px 30px;border-right:1px solid rgba(255,255,255,.24)}
.rt-benefit:last-child{border-right:0}
.rt-benefit>span{font-size:38px}
.rt-benefit div{display:flex;flex-direction:column;gap:5px}
.rt-benefit b{font-size:15px}
.rt-benefit small{font-size:13px;line-height:1.45;color:#dbe4ef}

/* footer */
.rt-footer{background:#020c18;color:#cbd5e1;padding:20px 0}
.rt-footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}
.rt-footer-inner>div:first-child{display:flex;flex-direction:column;gap:6px}
.rt-footer a{color:#fff;text-decoration:none}

/* whatsapp */
.whatsapp-modern{position:fixed;right:18px;bottom:22px;z-index:1200;background:var(--rt-green)!important;color:#fff!important;padding:11px 17px!important;border-radius:999px!important;display:flex!important;align-items:center;gap:10px;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.whatsapp-modern .wa-icon{font-size:26px}
.whatsapp-modern span:last-child{display:flex;flex-direction:column;line-height:1.15}
.whatsapp-modern small{font-size:11px;margin-top:3px}

/* responsiveness */
@media(max-width:1180px){
  .rt-main-nav{gap:14px}
  .rt-main-nav>a{font-size:13px}
  .rt-hero-grid{grid-template-columns:1fr}
  .rt-track-card{max-width:760px}
  .rt-trust-row{grid-template-columns:repeat(2,1fr)}
  .rt-services-grid{grid-template-columns:1fr}
  .rt-service-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .rt-topbar-left{display:none}
  .rt-topbar-inner{justify-content:flex-end}
  .rt-topbar-right{gap:10px;flex-wrap:wrap}
  .rt-menu-btn{display:block}
  .rt-main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:18px;flex-direction:column;align-items:stretch;box-shadow:0 18px 30px rgba(0,0,0,.12)}
  .nav-open .rt-main-nav{display:flex}
  .rt-strip-grid{grid-template-columns:1fr 1fr}
  .rt-strip-item{border-bottom:1px solid rgba(255,255,255,.25)}
  .rt-benefits-grid{grid-template-columns:1fr 1fr}
  .rt-benefit{border-bottom:1px solid rgba(255,255,255,.15)}
}
@media(max-width:640px){
  .rt-topbar-right span:nth-child(2),.rt-topbar-right span:nth-child(4){display:none}
  .rt-nav{min-height:72px}
  .rt-logo-box{width:48px;height:48px}
  .rt-logo-text b{font-size:17px}
  .rt-main-nav{top:72px}
  .rt-hero{padding-top:26px}
  .rt-hero-copy h1{font-size:48px}
  .rt-hero-sub{font-size:17px}
  .rt-hero-actions{display:grid}
  .rt-btn{justify-content:center}
  .rt-trust-row{grid-template-columns:1fr 1fr}
  .rt-track-card{padding:20px}
  .rt-track-tabs{grid-template-columns:1fr}
  .rt-strip-grid{grid-template-columns:1fr}
  .rt-service-cards{grid-template-columns:1fr}
  .rt-benefits-grid{grid-template-columns:1fr}
  .rt-benefit{border-right:0}
  .rt-footer-inner{flex-direction:column;align-items:flex-start}
  .whatsapp-modern{right:10px;bottom:10px}
}


/* =========================================================
   RT CLEARING PORTALS - ADMIN / STAFF / CLIENT - v9
   ========================================================= */
.portal-body{margin:0;background:#f4f7fb;color:#0b1b31;font-family:Inter,Arial,sans-serif}
.portal-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}
.portal-sidebar{background:linear-gradient(180deg,#071a31,#031326);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}
.portal-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.portal-logo{width:52px;height:52px;border-radius:12px;background:#fff;color:#071a31;display:grid;place-items:center;font-size:21px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.portal-brand>span:last-child{display:flex;flex-direction:column;gap:4px}
.portal-brand b{letter-spacing:.08em;font-size:15px}
.portal-brand small{letter-spacing:.16em;font-size:10px;color:#a9b8cb}
.portal-user{padding:22px 10px 14px;display:flex;flex-direction:column;gap:4px}
.portal-user small{color:#9eb0c5}
.portal-user b{font-size:14px}
.portal-nav{display:flex;flex-direction:column;gap:5px}
.portal-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#dbe6f2;text-decoration:none;font-size:14px;font-weight:650}
.portal-nav a span{width:22px;text-align:center}
.portal-nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.portal-main{min-width:0}
.portal-top{min-height:72px;background:#fff;border-bottom:1px solid #e1e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:800}
.portal-top>div{display:flex;align-items:center;gap:14px}
.portal-title{font-size:20px;font-weight:850}
.portal-top-actions{display:flex;align-items:center;gap:16px}
.portal-top-actions a{color:#0b1b31;text-decoration:none;font-weight:700;font-size:13px}
.portal-menu-toggle{display:none;border:0;background:#eef2f7;border-radius:7px;padding:8px 10px}
.portal-content{padding:28px}
.portal-card{background:#fff;border:1px solid #dde5ee;border-radius:14px;padding:22px;margin-bottom:22px;box-shadow:0 6px 22px rgba(18,42,69,.045)}
.portal-card h2{margin:0 0 8px}
.portal-card p{color:#64748b}
.portal-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.portal-grid{display:grid;gap:20px;margin-bottom:20px}
.portal-grid.two{grid-template-columns:1fr 1fr}
.portal-form{display:grid;gap:14px}
.portal-form label{display:grid;gap:7px;font-weight:700;font-size:13px}
.portal-form input,.portal-form select,.portal-form textarea,
.portal-content input,.portal-content select,.portal-content textarea{border:1px solid #ced8e4;border-radius:8px;padding:11px 12px;background:#fff;max-width:100%}
.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.permission-card{border:1px solid #dce4ed;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;background:#fbfcfe}
.permission-card:hover{border-color:#ed211c}
.permission-card input{width:18px;height:18px;accent-color:#ed211c}
.permission-check{width:34px;height:34px;border-radius:8px;background:#fff0ef;color:#ed211c;display:grid;place-items:center;font-weight:900}
.permission-card>span:last-child{display:flex;flex-direction:column;gap:4px}
.permission-card small{color:#718198}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.status-pill.success{background:#e8f8ee;color:#15703a}
.status-pill.danger{background:#fff0ef;color:#b42318}
.table-wrap{overflow:auto}
.portal-table{width:100%;border-collapse:collapse}
.portal-table th{background:#f7f9fc;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#67778d}
.portal-table th,.portal-table td{padding:13px;border-bottom:1px solid #e6ebf1;vertical-align:middle}
.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inline-reset{display:flex;gap:6px}
.inline-reset input{width:130px!important;padding:7px 9px!important}
.btn.small{padding:7px 10px!important;font-size:12px!important}
.portal-actions{display:flex;gap:10px;flex-wrap:wrap}
.portal-content .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.portal-content .card{background:#fff;border:1px solid #dce5ee;border-radius:13px;padding:20px;box-shadow:0 5px 18px rgba(0,0,0,.035)}
.portal-content .card h2{font-size:28px;margin:0 0 6px}
.portal-content .panel{background:#fff;border:1px solid #dce5ee;border-radius:13px;padding:20px;margin-bottom:20px}
.portal-content .data{width:100%}

/* branded login screens */
.rt-login-page{margin:0;background:#f4f7fb;font-family:Inter,Arial,sans-serif;color:#071a31}
.rt-login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}
.rt-login-brand-panel{background:linear-gradient(145deg,#071a31,#031326);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:space-between}
.rt-login-logo{display:flex;align-items:center;gap:16px}
.rt-login-logo>span,.rt-login-mini-logo{width:58px;height:58px;border-radius:12px;background:#fff;color:#071a31;display:grid;place-items:center;font-weight:900;font-size:22px}
.rt-login-logo>div{display:flex;flex-direction:column;gap:4px}
.rt-login-logo b{letter-spacing:.08em}
.rt-login-logo small{letter-spacing:.16em;color:#b7c5d5}
.rt-login-brand-panel h1{font-size:56px;line-height:1.03;margin:0 0 18px}
.rt-login-brand-panel p{font-size:18px;max-width:560px;color:#c5d0de}
.rt-login-form-panel{display:grid;place-items:center;padding:30px}
.rt-login-box{width:min(460px,92%);background:#fff;border:1px solid #dce4ed;border-radius:16px;padding:30px;box-shadow:0 18px 45px rgba(7,26,49,.09)}
.rt-login-box h1,.rt-login-box h2{margin-top:0}
.rt-login-box form{display:grid;gap:14px}
.rt-login-box label{display:grid;gap:7px;font-weight:700;font-size:13px}
.rt-login-box input{border:1px solid #cfd9e5;border-radius:8px;padding:12px}
.rt-login-box a{color:#d91f19}

/* responsive portals */
@media(max-width:1050px){
 .portal-shell{grid-template-columns:220px 1fr}
 .permission-grid{grid-template-columns:repeat(2,1fr)}
 .portal-content .cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .portal-shell{grid-template-columns:1fr}
 .portal-sidebar{position:fixed;left:-280px;top:0;width:260px;z-index:1200;transition:.2s}
 .portal-open .portal-sidebar{left:0}
 .portal-menu-toggle{display:inline-block}
 .portal-content{padding:16px}
 .portal-top{padding:0 16px}
 .portal-grid.two{grid-template-columns:1fr}
 .permission-grid{grid-template-columns:1fr}
 .portal-content .cards{grid-template-columns:1fr}
 .rt-login-layout{grid-template-columns:1fr}
 .rt-login-brand-panel{display:none}
}

.print-rt-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.print-rt-logo{width:44px;height:44px;border-radius:9px;background:#071a31;color:#fff;display:grid;place-items:center;font-weight:900}
.print-rt-brand>div{display:flex;flex-direction:column;gap:3px}
.print-rt-brand small{color:#64748b}

.rt-logo-image{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}
.portal-logo-image{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}

.barcode-preview{overflow:auto;background:#fff;border:1px solid #dde5ee;border-radius:10px;padding:14px;margin:15px 0;text-align:center}
.barcode-svg{max-width:100%;height:auto}
.client-barcode{overflow:auto;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:8px;margin:10px 0;max-width:420px}
.client-barcode small{display:block;font-weight:700;margin-bottom:5px}


/* RT v14 staff location + popup messages */
.location-status{font-size:12px;color:#64748b;font-weight:700}
.staff-message-layer{position:fixed;inset:0;background:rgba(2,13,27,.55);z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px}
.staff-message-popup{position:relative;width:min(520px,94vw);background:#fff;border-radius:16px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.3);border-top:6px solid #64748b}
.staff-message-popup.priority-important{border-top-color:#f59e0b}
.staff-message-popup.priority-urgent{border-top-color:#d92d20}
.staff-message-popup small{font-weight:900;letter-spacing:.08em;color:#64748b}
.staff-message-popup.priority-important small{color:#b45309}
.staff-message-popup.priority-urgent small{color:#b42318}
.staff-message-popup h3{font-size:24px;margin:8px 0 12px}
.staff-message-body{white-space:normal;line-height:1.55;margin-bottom:20px}
.staff-message-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#667085}

.theme-color-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e4e7ec}
.theme-color-row>span:first-child{font-weight:700}
.theme-color-control{display:flex;align-items:center;gap:10px}
.theme-color-control input[type="color"]{width:56px;height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:2px;background:#fff;cursor:pointer}
.theme-hex{width:100px!important;background:#f8fafc!important;font-family:monospace;text-transform:uppercase}


/* V22 bold admin dashboard + client permissions */
.admin-hero-bold{background:linear-gradient(135deg,#071a31,#102f54);color:#fff;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;box-shadow:0 16px 34px rgba(7,26,49,.16)}
.admin-hero-bold small,.admin-section-title small{font-weight:900;letter-spacing:.12em;font-size:11px}
.admin-hero-bold h1{font-size:34px;margin:7px 0 8px;color:#fff!important;font-weight:900}.admin-hero-bold p{margin:0;max-width:720px;color:#dbe7f4;font-weight:600}.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.bold-dark{background:#fff;color:#071a31;font-weight:900}
.admin-stat-grid{margin-bottom:20px}.admin-stat-card{text-decoration:none;color:inherit;display:flex!important;align-items:center;gap:14px;position:relative;border:0!important;box-shadow:0 9px 24px rgba(16,24,40,.08);transition:.18s transform,.18s box-shadow}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,24,40,.12)}.admin-stat-icon{width:46px;height:46px;border-radius:12px;background:#eef3f8;display:grid;place-items:center;font-size:20px;font-weight:900}.admin-stat-card b{font-size:30px!important;line-height:1}.admin-stat-card strong{display:block;margin-top:5px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.admin-stat-arrow{margin-left:auto;font-size:22px;font-weight:900}
.admin-command{padding:26px!important}.admin-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.admin-section-title h2{font-size:26px;margin:4px 0 0!important;font-weight:900}.admin-section-title p{margin:0;color:#667085;font-weight:600}.admin-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-action-btn{display:flex;align-items:center;gap:12px;border:1px solid #dce5ee;border-radius:13px;padding:16px;text-decoration:none;color:#101828;background:#fff;font-weight:700;transition:.18s}.admin-action-btn:hover{border-color:#9eb2c7;box-shadow:0 8px 20px rgba(16,24,40,.07);transform:translateY(-2px)}.admin-action-btn>b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#071a31;color:#fff;font-size:17px}.admin-action-btn strong{display:block;font-weight:900}.admin-action-btn small{display:block;margin-top:3px;color:#667085;font-weight:600;line-height:1.3}
.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.permission-box{display:flex!important;align-items:flex-start;gap:12px;border:1px solid #dce5ee;border-radius:12px;padding:15px;background:#fff}.permission-box input{width:18px;height:18px;margin-top:2px}.permission-box span{display:block}.permission-box b{display:block;font-weight:900}.permission-box small{display:block;color:#667085;margin-top:4px;line-height:1.35}.client-access-head h2{font-weight:900;font-size:26px;margin-bottom:5px}.client-access-head p{margin:0;color:#667085}.account-security{max-width:760px}.account-security h2{font-size:26px;font-weight:900}
@media(max-width:1000px){.admin-action-grid{grid-template-columns:repeat(2,1fr)}.admin-hero-bold{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.admin-action-grid,.permission-grid{grid-template-columns:1fr}.admin-hero-bold{padding:22px}.admin-hero-bold h1{font-size:28px}.admin-section-title{align-items:flex-start;flex-direction:column}}


/* =========================================================
   CLIENT PORTAL PROFESSIONAL UI - v26
   ========================================================= */
.client-portal .portal-nav a.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 3px 0 0 var(--rt-portal-primary,#d92d20)}
.client-portal .portal-content{max-width:1500px;margin:0 auto;width:100%;box-sizing:border-box}
.client-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#071a31,#12365d);color:#fff;border-radius:18px;padding:30px;margin-bottom:22px;box-shadow:0 16px 36px rgba(7,26,49,.15)}
.client-hero h1{color:#fff!important;font-size:30px;margin:5px 0 8px}.client-hero p{color:#c8d5e4;margin:0;max-width:760px}.client-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#d8e5f2}.client-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.client-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.client-stat-card{display:block;background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:20px;text-decoration:none;color:#0b1b31;box-shadow:0 6px 18px rgba(7,26,49,.04)}.client-stat-card span{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.client-stat-card b{display:block;font-size:30px;line-height:1.1;margin:10px 0 5px}.client-stat-card small{color:#7a899a}.client-stat-card:hover{transform:translateY(-1px);border-color:#b9c8d8}
.client-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-action-grid a{border:1px solid #dce5ee;border-radius:12px;padding:16px;text-decoration:none;color:#0b1b31;background:#fbfcfe}.client-action-grid a:hover{border-color:#b8c8da;background:#f7faff}.client-action-grid b,.client-action-grid span{display:block}.client-action-grid span{font-size:12px;color:#718198;margin-top:5px;line-height:1.45}.client-account-list{display:grid;gap:0}.client-account-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #edf1f5}.client-account-list span{color:#718198}.client-account-list b{text-align:right}.client-account-list a{color:#b42318}
.client-form{display:grid;gap:22px}.client-form-section{border-top:1px solid #e8edf3;padding-top:20px}.client-form-section:first-of-type{border-top:0;padding-top:0}.client-form-section h3{margin:0 0 15px;font-size:15px}.client-form-grid{display:grid;gap:14px 16px}.client-form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.client-form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.client-form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.client-form-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}.client-form-grid label>span{font-size:12px;font-weight:800;color:#334155}.client-form-grid input,.client-form-grid select,.client-form-grid textarea{width:100%!important;max-width:none!important;box-sizing:border-box;min-height:44px;border:1px solid #cbd6e2!important;border-radius:9px!important;padding:10px 12px!important;font:inherit}.client-form-grid textarea{resize:vertical;min-height:88px}.client-form-grid input:focus,.client-form-grid select:focus,.client-form-grid textarea:focus{outline:0;border-color:#758ca5!important;box-shadow:0 0 0 3px rgba(74,101,132,.11)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.client-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:2px}.client-form-actions .btn{min-width:155px}.client-narrow{max-width:820px}
.client-count-pill,.client-status{display:inline-flex;align-items:center;border-radius:999px;background:#eef3f8;color:#334155;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}.client-empty{text-align:center;padding:38px 20px;background:#f9fbfd;border:1px dashed #cbd6e2;border-radius:12px}.client-empty b{font-size:16px}.client-empty p{margin:6px 0 16px}.client-empty .btn{display:inline-block}.client-rate-result{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:4px solid #d92d20}.client-rate-total{text-align:right}.client-rate-total small,.client-rate-total span,.client-rate-total b{display:block}.client-rate-total b{font-size:28px;margin:5px 0;color:#071a31}.client-stepbar{display:flex;gap:0;margin-bottom:18px;background:#fff;border:1px solid #dde5ee;border-radius:12px;overflow:hidden}.client-stepbar span{flex:1;padding:12px 15px;text-align:center;color:#718198;font-size:12px;font-weight:800;border-right:1px solid #e6ebf1}.client-stepbar span:last-child{border-right:0}.client-stepbar span.active{background:#071a31;color:#fff}.client-shipment-card{border:1px solid #dde5ee;border-radius:13px;padding:18px;margin-top:14px;background:#fcfdff}.client-shipment-card h3{font-size:20px;margin:5px 0}.client-detail-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 14px;padding:13px 0;margin-bottom:10px;border-top:1px solid #edf1f5}.client-detail-row span{color:#718198;font-size:12px}.client-timeline{display:grid;gap:0;margin-top:12px}.client-timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:16px}.client-timeline i{width:10px;height:10px;border-radius:50%;background:#071a31;margin-top:5px}.client-timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:15px;bottom:0;width:2px;background:#dce5ee}.client-timeline b,.client-timeline small{display:block}.client-timeline small{color:#718198;margin-top:3px}.client-timeline p{margin:5px 0 0}.client-gateway{display:flex;align-items:center;gap:15px;background:#f7fafc;border:1px solid #dce5ee;border-radius:12px;padding:15px}.client-gateway span,.client-gateway small{color:#718198}.statement-stats{grid-template-columns:repeat(3,1fr)}
.client-portal button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1150px){.client-stat-grid{grid-template-columns:repeat(3,1fr)}.client-form-grid.cols-4{grid-template-columns:repeat(2,1fr)}.span-4{grid-column:span 2}}
@media(max-width:800px){.client-hero{align-items:flex-start;flex-direction:column}.client-stat-grid,.statement-stats{grid-template-columns:repeat(2,1fr)}.client-form-grid.cols-3,.client-form-grid.cols-2,.client-form-grid.cols-4{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:auto}.client-action-grid{grid-template-columns:1fr}.client-rate-result{align-items:flex-start;flex-direction:column}.client-rate-total{text-align:left}.client-detail-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.client-stat-grid,.statement-stats{grid-template-columns:1fr}.client-form-actions{justify-content:stretch}.client-form-actions .btn{width:100%}.client-stepbar{display:none}}


/* V27 client logistics / air cargo / tracking */
.booking-section{padding:20px 0;border-bottom:1px solid #e7eaf0}.booking-section:first-child{padding-top:0}.booking-section:last-of-type{border-bottom:0}.booking-section h2{margin:0 0 14px;font-size:18px}.form-grid .span-2{grid-column:span 2}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.rate-result{margin:20px 0;padding:18px 20px;border:1px solid #d9e1ec;border-radius:14px;background:#f8fafc;display:grid;gap:5px}.rate-result b{font-size:24px}.rate-result small{color:#667085}.tracking-search-form{display:flex;gap:12px;align-items:end}.tracking-search-form label{flex:1}.tracking-results{display:grid;gap:12px}.tracking-result{display:grid;grid-template-columns:150px 1fr auto 210px;gap:14px;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit}.tracking-result:hover{border-color:var(--rt-portal-primary);box-shadow:0 8px 24px rgba(16,24,40,.08)}.tracking-type{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.empty-state{text-align:center;padding:36px 18px;color:#667085}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{min-width:130px}
@media(max-width:800px){.form-grid .span-2{grid-column:span 1}.tracking-search-form{display:grid}.tracking-result{grid-template-columns:1fr}.tracking-result small{display:block}}
/* v28 hosted payment links */
.payment-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.payment-link-card{display:grid;gap:14px;padding:20px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(16,24,40,.05)}.payment-link-card h3{margin:4px 0}.payment-link-card p{margin:0;color:#667085}.payment-link-amount{display:flex;justify-content:space-between;gap:12px;align-items:end}.payment-link-amount b{font-size:1.35rem}.payment-link-amount small{color:#667085}.copy-field{min-width:290px}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{min-width:100px}

/* V29 PayPal / card checkout */
.payment-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px}.payment-method-card{border:1px solid #e2e8f0;border-radius:16px;padding:20px;background:#fff}.payment-method-card h3{margin-top:0}.paypal-box{max-width:540px;margin:18px 0}.payment-method-card #paypal-button-container{max-width:520px;margin-top:14px}

/* =========================================================
   RT v30 PORTAL VISUAL UPGRADE
   ========================================================= */
:root{--rt-navy:#061a32;--rt-navy-2:#0b2b4d;--rt-red:#e3322a;--rt-red-dark:#bd201a;--rt-soft:#f5f8fc}

/* Premium admin/staff/client sidebar */
.portal-shell{grid-template-columns:292px minmax(0,1fr)}
.portal-sidebar{
  padding:20px 16px 24px;
  background:linear-gradient(180deg,#061a32 0%,#071b33 46%,#031426 100%)!important;
  box-shadow:14px 0 34px rgba(3,20,38,.12);
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
}
.portal-brand{padding:4px 8px 19px;margin-bottom:4px;gap:13px}
.portal-logo,.portal-logo-image{width:54px;height:54px;flex:0 0 54px;border-radius:14px}
.portal-brand b{font-size:16px;line-height:1.15;font-weight:900;white-space:nowrap}
.portal-brand small{font-size:9px;line-height:1.2;font-weight:700}
.portal-user{margin:10px 2px 14px;padding:14px 15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:13px}
.portal-user small{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.portal-user b{font-size:15px;color:#fff;margin-top:2px}
.portal-nav{gap:7px}
.portal-nav a{
  min-height:46px;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  gap:11px;
  color:#e8f0f8!important;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.portal-nav a span{
  width:34px;height:32px;flex:0 0 34px;
  display:grid;place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:15px;
}
.portal-nav a em{font-style:normal;display:block;flex:1;min-width:0}
.portal-nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12);box-shadow:0 7px 18px rgba(0,0,0,.10)}
.portal-nav a.active{background:linear-gradient(135deg,var(--rt-red),#c92620)!important;border-color:#ef5750;color:#fff!important;box-shadow:0 9px 22px rgba(227,50,42,.28)}
.portal-nav a.active span{background:rgba(255,255,255,.18)}
.portal-nav .portal-logout{margin-top:8px;border-color:rgba(227,50,42,.34);color:#ffdad7!important}
.portal-top{min-height:76px;box-shadow:0 4px 18px rgba(17,38,63,.04)}
.portal-title{font-size:21px;font-weight:900;letter-spacing:-.01em}
.portal-content{padding:30px}

/* Centered navy/red Client + Staff login experience */
.rt-login-page.rt-login-centered{
  min-height:100vh;
  margin:0;
  display:grid;
  place-items:center;
  padding:28px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 82% 18%,rgba(227,50,42,.30),transparent 25%),
    radial-gradient(circle at 12% 82%,rgba(227,50,42,.18),transparent 30%),
    linear-gradient(135deg,#031426 0%,#071f3a 52%,#0b2b4d 100%);
  position:relative;
  overflow:auto;
}
.rt-login-page.rt-login-centered:before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 62%,rgba(227,50,42,.10) 62% 72%,transparent 72%);
}
.rt-login-backdrop{width:min(500px,100%);position:relative;z-index:1}
.rt-login-box-premium{
  width:100%;box-sizing:border-box;
  padding:36px 38px 32px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.34);
  background:rgba(255,255,255,.985);
}
.rt-login-box-premium .brand{display:flex;align-items:center;gap:14px;padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid #e7edf4}
.rt-login-brand-image,.rt-login-mini-logo{width:58px!important;height:58px!important;flex:0 0 58px;border-radius:13px!important;object-fit:contain;background:#fff;padding:4px;box-sizing:border-box;border:2px solid #edf1f5}
.rt-login-box-premium .brandtext{display:flex;flex-direction:column;gap:4px}
.rt-login-box-premium .brandtext b{font-size:14px;letter-spacing:.13em;color:var(--rt-navy);font-weight:900}
.rt-login-box-premium .brandtext small{font-size:9px;letter-spacing:.16em;color:#748399;font-weight:800}
.rt-login-eyebrow{font-size:11px;font-weight:900;color:var(--rt-red);letter-spacing:.16em;margin-bottom:7px}
.rt-login-box-premium h1{font-size:32px;line-height:1.1;margin:0 0 7px;color:var(--rt-navy);font-weight:900;letter-spacing:-.025em}
.rt-login-subtitle{margin:0 0 25px;color:#6b7a90;font-size:14px}
.rt-login-box-premium form{gap:16px}
.rt-login-box-premium label{font-size:13px;color:#20334c;font-weight:800}
.rt-login-box-premium input{
  min-height:50px;
  padding:12px 14px;
  border:1px solid #cdd8e5;
  border-radius:11px;
  background:#f8fbff;
  font-size:15px;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.rt-login-box-premium input:focus{outline:0;border-color:#6e8eae;background:#fff;box-shadow:0 0 0 4px rgba(11,43,77,.09)}
.rt-login-box-premium .btn.primary{
  min-height:52px;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--rt-red),var(--rt-red-dark))!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 12px 24px rgba(227,50,42,.22);
  transition:transform .16s ease,box-shadow .16s ease;
}
.rt-login-box-premium .btn.primary:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(227,50,42,.30)}
.rt-login-box-premium p{margin:16px 0 0;font-size:13px}
.rt-login-box-premium a{font-weight:800;color:#bd2822;text-decoration:none}
.rt-login-box-premium a:hover{text-decoration:underline}

/* Admin login uses same navy/red identity while preserving split design */
.rt-login-brand-panel{background:linear-gradient(145deg,#031426,#082544 70%,#0b2b4d);position:relative;overflow:hidden}
.rt-login-brand-panel:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;bottom:-140px;background:rgba(227,50,42,.28)}
.rt-login-form-panel{background:linear-gradient(160deg,#f8fbff,#edf3f9)}
.rt-login-layout .rt-login-box{border-radius:20px;padding:36px;box-shadow:0 26px 70px rgba(7,26,49,.14)}
.rt-login-layout .btn.primary{background:linear-gradient(135deg,var(--rt-red),var(--rt-red-dark))!important;border:0!important;min-height:50px;border-radius:10px!important;font-weight:900}

@media(max-width:1050px){.portal-shell{grid-template-columns:245px 1fr}.portal-nav a{font-size:12.5px}}
@media(max-width:760px){
 .portal-sidebar{width:278px;left:-310px;padding:18px 14px}
 .portal-content{padding:16px}
 .rt-login-page.rt-login-centered{padding:18px}
 .rt-login-box-premium{padding:28px 22px 24px;border-radius:18px}
 .rt-login-box-premium h1{font-size:28px}
}


/* V31 Customer communication bot */
.bot-template{border:1px solid #e5eaf1;border-radius:14px;padding:16px;margin:14px 0;background:#fff}.bot-template textarea{width:100%;margin:10px 0}.check-row{display:flex;flex-wrap:wrap;gap:16px}.check-row label{display:flex;gap:7px;align-items:center;font-weight:700}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.pref-card{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:start;border:1px solid #dfe6ef;border-radius:16px;padding:18px;background:#fff;cursor:pointer}.pref-card input{grid-row:1/3;margin-top:4px}.pref-card b{font-size:17px;color:#071a31}.pref-card span{color:#667085;line-height:1.45}.danger-choice{display:flex;align-items:center;gap:9px;background:#fff4f3;border:1px solid #fecdca;border-radius:12px;padding:14px;margin:18px 0;font-weight:700;color:#b42318}@media(max-width:700px){.preference-grid{grid-template-columns:1fr}}

/* V34 floating live chat */
.rt-chat{position:fixed;right:22px;bottom:22px;z-index:9998;font-family:inherit}.rt-chat-launch{width:62px;height:62px;border-radius:50%;border:0;background:linear-gradient(145deg,#e3322a,#b91f1a);color:#fff;box-shadow:0 14px 35px rgba(7,26,49,.3);font-size:25px;cursor:pointer;position:relative}.rt-chat-launch b{position:absolute;right:-2px;top:-4px;background:#071a31;color:#fff;border:2px solid #fff;border-radius:20px;min-width:22px;height:22px;line-height:18px;font-size:11px}.rt-chat-panel{position:absolute;right:0;bottom:76px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 120px));background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(7,26,49,.28);overflow:hidden;display:none;grid-template-rows:auto auto auto 1fr auto auto;border:1px solid #dfe6ef}.rt-chat-panel.open{display:grid}.rt-chat-head{padding:18px 18px;background:linear-gradient(135deg,#061a31,#0b3158);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #e3322a}.rt-chat-head small{display:block;font-size:9px;letter-spacing:.14em;opacity:.72}.rt-chat-head strong{display:block;font-size:17px;margin-top:3px}.rt-chat-head button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:34px;height:34px;font-size:23px;cursor:pointer}.rt-chat-welcome{padding:13px 16px;display:flex;gap:11px;align-items:center;background:#f7f9fc;border-bottom:1px solid #e7edf4}.rt-chat-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e3322a;color:#fff;font-weight:900;font-size:12px}.rt-chat-welcome p{margin:0;color:#344054;font-size:13px;line-height:1.35}.rt-chat-ident{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-bottom:1px solid #e7edf4}.rt-chat-ident input,.rt-chat-ident select{min-width:0;padding:10px;border:1px solid #ccd7e4;border-radius:9px;background:#fff}.rt-chat-ident .btn{grid-column:1/-1}.rt-chat-thread{padding:16px;overflow:auto;background:linear-gradient(#fff,#fbfcfe);display:flex;flex-direction:column;gap:11px}.rt-chat-msg{max-width:82%;border-radius:16px;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 4px 12px rgba(7,26,49,.06)}.rt-chat-msg small{display:block;font-size:9px;margin-bottom:4px;opacity:.65}.rt-chat-msg.theirs{align-self:flex-start;background:#f1f4f8;color:#172b45;border-bottom-left-radius:4px}.rt-chat-msg.mine{align-self:flex-end;background:#071a31;color:#fff;border-bottom-right-radius:4px}.rt-chat-file{display:block;margin-top:7px;font-weight:800;color:inherit}.rt-chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:end;padding:11px 12px;border-top:1px solid #e7edf4;background:#fff;opacity:.55;pointer-events:none}.rt-chat-compose.ready{opacity:1;pointer-events:auto}.rt-chat-compose textarea{resize:none;max-height:90px;border:1px solid #ced9e6;border-radius:12px;padding:10px 11px;font:inherit}.rt-chat-attach{width:38px;height:38px;border-radius:10px;background:#f1f4f8;display:grid;place-items:center;cursor:pointer}.rt-chat-attach input{display:none}.rt-chat-send{width:40px;height:40px;border:0;border-radius:50%;background:#e3322a;color:#fff;font-size:18px;cursor:pointer}.rt-chat-foot{padding:8px 13px;background:#f8fafc;color:#667085;font-size:10px;display:flex;justify-content:space-between}.rt-chat-foot a{color:#b42318;font-weight:800}.chat-layout{display:grid;grid-template-columns:330px 1fr;gap:18px;min-height:650px}.chat-list,.chat-room{background:#fff;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden}.chat-list a{display:block;padding:14px;border-bottom:1px solid #edf1f5;color:#172b45;text-decoration:none}.chat-list a.active{background:#eef4fa;border-left:4px solid #e3322a}.chat-list small{display:block;color:#667085;margin-top:3px}.chat-room-head{padding:18px;border-bottom:1px solid #e7edf4;display:flex;justify-content:space-between}.chat-room-messages{height:480px;overflow:auto;padding:18px;background:#f8fafc}.chat-admin-msg{padding:10px 12px;border-radius:12px;background:#fff;margin:9px 0;max-width:75%;border:1px solid #e5eaf1}.chat-admin-msg.staff{margin-left:auto;background:#071a31;color:#fff}.chat-reply{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid #e7edf4}.chat-reply textarea{min-height:60px}@media(max-width:760px){.rt-chat{right:12px;bottom:12px}.rt-chat-panel{bottom:72px}.chat-layout{grid-template-columns:1fr}.chat-room-messages{height:360px}}


/* =========================================================
   V35 PREMIUM SPLIT CONTACT WIDGET
   WhatsApp = LEFT, Live Chat = RIGHT
   ========================================================= */
.rt-wa-left{
 position:fixed!important;left:22px!important;right:auto!important;bottom:22px!important;z-index:10020!important;
 display:flex!important;align-items:center!important;gap:10px!important;min-height:54px!important;
 padding:9px 17px 9px 10px!important;border-radius:999px!important;
 background:#25D366!important;color:#fff!important;text-decoration:none!important;
 font-family:Arial,sans-serif!important;box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
 border:2px solid rgba(255,255,255,.9)!important;transition:.2s ease!important
}
.rt-wa-left:hover{transform:translateY(-3px)!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important}
.rt-wa-left-icon{width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;color:#25D366!important;display:grid!important;place-items:center!important;font-size:16px!important;box-shadow:inset 0 0 0 7px #25D366!important;border:3px solid #fff!important}
.rt-wa-left b,.rt-wa-left small{display:block!important;color:#fff!important;line-height:1.05!important}.rt-wa-left b{font-size:14px!important}.rt-wa-left small{font-size:10px!important;opacity:.9!important;margin-top:3px!important}

.rt-chat{position:fixed!important;right:22px!important;left:auto!important;bottom:22px!important;z-index:10030!important;font-family:Arial,sans-serif!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important}
.rt-chat-launch{width:auto!important;min-width:132px!important;height:56px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#071a31,#0c3158)!important;color:#fff!important;box-shadow:0 16px 42px rgba(7,26,49,.32)!important;font-size:15px!important;font-weight:800!important;cursor:pointer!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
.rt-chat-launch:hover{transform:translateY(-2px)!important}.rt-chat-launch-icon{font-size:20px!important}.rt-chat-launch-label{display:inline!important}.rt-chat-launch b{position:absolute!important;right:-2px!important;top:-5px!important;background:#e3322a!important;color:#fff!important;border:2px solid #fff!important;border-radius:20px!important;min-width:23px!important;height:23px!important;line-height:19px!important;font-size:11px!important;text-align:center!important}
.rt-chat-panel{position:fixed!important;right:22px!important;left:auto!important;bottom:90px!important;width:400px!important;max-width:calc(100vw - 32px)!important;height:620px!important;max-height:calc(100vh - 120px)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 26px 80px rgba(7,26,49,.34)!important;overflow:hidden!important;display:none!important;grid-template-rows:auto auto auto minmax(0,1fr) auto auto!important;border:1px solid #d8e1eb!important;z-index:10031!important}
.rt-chat-panel.open{display:grid!important}
.rt-chat-head{padding:17px 18px!important;background:linear-gradient(135deg,#06182d,#0a3159)!important;color:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:4px solid #e3322a!important}
.rt-chat-brand{display:flex!important;align-items:center!important;gap:11px!important}.rt-chat-head .rt-chat-avatar{width:43px!important;height:43px!important;border-radius:12px!important;background:#fff!important;color:#071a31!important;border:2px solid #e3322a!important;font-size:13px!important;display:grid!important;place-items:center!important;font-weight:900!important;flex:0 0 auto!important}
.rt-chat-head small{display:block!important;font-size:8px!important;letter-spacing:.14em!important;opacity:.72!important}.rt-chat-head strong{display:block!important;font-size:16px!important;margin-top:2px!important;color:#fff!important}.rt-chat-head em{display:flex!important;align-items:center!important;gap:5px!important;font-size:9px!important;font-style:normal!important;opacity:.8!important;margin-top:3px!important}.rt-chat-head em i,.rt-chat-foot i{width:7px!important;height:7px!important;border-radius:50%!important;background:#28c76f!important;display:inline-block!important}
.rt-chat-head button{border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:50%!important;width:34px!important;height:34px!important;font-size:22px!important;cursor:pointer!important;line-height:1!important}
.rt-chat-welcome{padding:13px 16px!important;background:#f7f9fc!important;border-bottom:1px solid #e7edf4!important;display:block!important}.rt-chat-welcome b{font-size:13px!important;color:#071a31!important}.rt-chat-welcome p{margin:4px 0 0!important;color:#526174!important;font-size:12px!important;line-height:1.45!important}
.rt-chat-ident{padding:14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;border-bottom:1px solid #e7edf4!important;background:#fff!important}.rt-chat-ident[hidden]{display:none!important}.rt-chat-ident label{display:block!important;margin:0!important;font-size:10px!important;font-weight:800!important;color:#344054!important}.rt-chat-ident label span{display:block!important;margin:0 0 4px!important}.rt-chat-ident input,.rt-chat-ident select{display:block!important;width:100%!important;min-width:0!important;height:39px!important;padding:8px 10px!important;border:1px solid #cdd8e5!important;border-radius:9px!important;background:#fff!important;color:#172b45!important;font-size:12px!important;box-sizing:border-box!important}.rt-chat-start{grid-column:1/-1!important;height:42px!important;border:0!important;border-radius:10px!important;background:#e3322a!important;color:#fff!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}
.rt-chat-thread{min-height:0!important;padding:16px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f8fafc!important;display:flex!important;flex-direction:column!important;gap:11px!important}.rt-chat-empty{margin:auto!important;text-align:center!important;color:#8492a6!important;display:grid!important;gap:5px!important}.rt-chat-empty span{font-size:28px!important}.rt-chat-empty b{font-size:13px!important;color:#526174!important}.rt-chat-empty small{font-size:10px!important}
.rt-chat-msg{display:block!important;max-width:82%!important;border-radius:16px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.45!important;box-shadow:0 4px 12px rgba(7,26,49,.06)!important;word-wrap:break-word!important}.rt-chat-msg small{display:block!important;font-size:8px!important;margin-bottom:4px!important;opacity:.65!important}.rt-chat-msg.theirs{align-self:flex-start!important;background:#fff!important;color:#172b45!important;border:1px solid #e5eaf1!important;border-bottom-left-radius:4px!important}.rt-chat-msg.mine{align-self:flex-end!important;background:#071a31!important;color:#fff!important;border-bottom-right-radius:4px!important}.rt-chat-file{display:block!important;margin-top:7px!important;font-weight:800!important;color:inherit!important}
.rt-chat-compose{display:grid!important;grid-template-columns:40px minmax(0,1fr) 42px!important;gap:8px!important;align-items:end!important;padding:11px 12px!important;border-top:1px solid #e7edf4!important;background:#fff!important;opacity:.5!important;pointer-events:none!important}.rt-chat-compose.ready{opacity:1!important;pointer-events:auto!important}.rt-chat-compose textarea{display:block!important;width:100%!important;min-width:0!important;min-height:40px!important;max-height:90px!important;resize:none!important;border:1px solid #ced9e6!important;border-radius:12px!important;padding:10px 11px!important;font:12px Arial,sans-serif!important;box-sizing:border-box!important}.rt-chat-attach{width:40px!important;height:40px!important;border-radius:11px!important;background:#eef2f6!important;color:#071a31!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-size:18px!important}.rt-chat-attach input{display:none!important}.rt-chat-send{width:42px!important;height:42px!important;border:0!important;border-radius:12px!important;background:#e3322a!important;color:#fff!important;font-size:18px!important;cursor:pointer!important;display:grid!important;place-items:center!important}
.rt-chat-foot{padding:8px 13px!important;background:#f7f9fc!important;color:#667085!important;font-size:9px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-top:1px solid #edf1f5!important}.rt-chat-foot span:first-child{display:flex!important;align-items:center!important;gap:5px!important}
/* Move any legacy WhatsApp button to the LEFT as requested. */
.whatsapp-float{left:22px!important;right:auto!important;bottom:22px!important}
@media(max-width:640px){
 .rt-wa-left{left:10px!important;bottom:10px!important;padding:8px 10px!important}.rt-wa-left span:last-child{display:none!important}
 .rt-chat{right:10px!important;bottom:10px!important}.rt-chat-launch{min-width:56px!important;width:56px!important;padding:0!important}.rt-chat-launch-label{display:none!important}
 .rt-chat-panel{right:8px!important;bottom:76px!important;width:calc(100vw - 16px)!important;height:calc(100vh - 92px)!important;max-height:none!important;border-radius:18px!important}
 .rt-chat-ident{grid-template-columns:1fr!important}.rt-chat-start{grid-column:1!important}
}


/* V36: Live Chat + Calling only. WhatsApp floating controls removed. */
.rt-wa-left,.whatsapp,.whatsapp-float,.whatsapp-modern{display:none!important}
.rt-chat{right:22px!important;bottom:22px!important;display:flex!important;align-items:flex-end!important;gap:10px!important}
.rt-call-launch{
  height:56px!important;min-width:122px!important;padding:0 18px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#e3322a,#b91f1a)!important;color:#fff!important;text-decoration:none!important;
  box-shadow:0 16px 42px rgba(185,31,26,.28)!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:9px!important;font-weight:800!important;order:-1!important
}
.rt-call-launch:hover{transform:translateY(-2px)!important;color:#fff!important}
.rt-call-icon{font-size:20px!important}.rt-call-label{display:inline!important}
.rt-chat-panel{right:0!important}
@media(max-width:640px){
 .rt-chat{right:10px!important;bottom:10px!important;gap:8px!important}
 .rt-call-launch{min-width:56px!important;width:56px!important;padding:0!important}
 .rt-call-label{display:none!important}
}


/* V38: WhatsApp + Live Chat. Call button removed. */
.rt-call-launch{display:none!important}
.rt-wa-launch{
 height:56px!important;min-width:132px!important;padding:0 18px!important;border-radius:999px!important;
 background:#25D366!important;color:#fff!important;text-decoration:none!important;
 box-shadow:0 16px 42px rgba(37,211,102,.28)!important;display:flex!important;align-items:center!important;
 justify-content:center!important;gap:9px!important;font-weight:800!important;order:-1!important
}
.rt-wa-launch:hover{transform:translateY(-2px)!important;color:#fff!important}
.rt-wa-icon{
 width:26px!important;height:26px!important;border:2px solid #fff!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;font-size:9px!important;font-weight:900!important
}
.rt-wa-label{display:inline!important}
@media(max-width:640px){
 .rt-wa-launch{min-width:56px!important;width:56px!important;padding:0!important}
 .rt-wa-label{display:none!important}
}

/* V42 barcode/search */
.rt-record-barcode{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0}
.rt-mini-barcode{max-width:280px;overflow:auto;margin:6px 0}
.rt-mini-barcode svg,.rt-record-barcode svg,.rt-barcode-grid svg{max-width:100%;height:auto}
.rt-barcode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:14px 0}
.rt-barcode-grid>div{border:1px solid #e0e5ec;border-radius:10px;padding:10px;background:#fff}
.rt-barcode-grid small{display:block;font-weight:700;margin-bottom:6px}

/* V43 grouped admin menu, manual barcode, courier rate confirmation */
.portal-nav-groups{display:block!important}
.portal-nav-group{border-bottom:1px solid rgba(255,255,255,.08);margin:0!important}
.portal-nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:11px;font-weight:900;letter-spacing:.08em;opacity:.78}
.portal-nav-group>summary::-webkit-details-marker{display:none}
.portal-nav-group>summary b{font-size:13px;transition:transform .2s}
.portal-nav-group[open]>summary b{transform:rotate(180deg)}
.portal-nav-group>div{padding-bottom:6px}
.portal-nav-group a{margin:2px 7px!important}
.rt-manual-label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.rt-manual-barcode-label{background:#fff;border:1px dashed #777;border-radius:8px;padding:14px;text-align:center;color:#111;break-inside:avoid}
.rt-manual-barcode-label>b,.rt-manual-barcode-label>small,.rt-manual-barcode-label>strong{display:block;margin:4px 0}
.rt-manual-barcode-label svg{max-width:100%;height:auto}
.rt-rate-confirm-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.rt-rate-confirm-summary span{border:1px solid #dfe4ea;border-radius:10px;padding:12px 14px;background:#f8fafc;min-width:180px}
.rt-rate-confirm-summary b{display:block;margin-top:5px;font-size:18px}
@media print{
 body.admin-portal .portal-sidebar,body.admin-portal .portal-top,body.admin-portal .client-hero,body.admin-portal .portal-card:not(:has(.rt-manual-label-sheet)){display:none!important}
 body.admin-portal .portal-main,body.admin-portal .portal-content{margin:0!important;padding:0!important}
 .rt-manual-label-sheet{grid-template-columns:repeat(2,1fr)}
}

/* V45 persistent portal identity */
.rt-session-bar{background:#0b1f3a;color:#fff;border-bottom:1px solid rgba(255,255,255,.15);font-size:13px;position:relative;z-index:1002}
.rt-session-bar-inner{min-height:38px;display:flex;align-items:center;gap:9px}
.rt-session-bar a{color:#fff;text-decoration:none;font-weight:800;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.1)}
.rt-session-bar a:hover{background:rgba(255,255,255,.18)}
.rt-session-bar .rt-session-logout{background:#b42318}
.rt-session-dot{width:8px;height:8px;border-radius:50%;background:#32d583;box-shadow:0 0 0 3px rgba(50,213,131,.15)}
.rt-session-spacer{flex:1}
@media(max-width:700px){.rt-session-bar-inner{flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.rt-session-spacer{display:none}.rt-session-bar a{font-size:12px}}

/* V46 organized client/staff portals + large-data UI */
.client-portal .portal-sidebar,.staff-portal .portal-sidebar{overflow-y:auto;overscroll-behavior:contain}
.client-portal .portal-content,.staff-portal .portal-content{max-width:1500px;width:100%;margin:0 auto}
.staff-hero{margin-bottom:18px}.rt-pagination{display:flex;justify-content:center;padding:20px}.table-wrap{contain:layout paint;overflow:auto}.data{min-width:860px}.portal-card,.panel{content-visibility:auto;contain-intrinsic-size:1px 320px}
@media(max-width:1100px){.client-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid.two{grid-template-columns:1fr!important}}
@media(max-width:760px){.client-stat-grid{grid-template-columns:1fr}.client-hero{padding:18px!important}.client-hero h1{font-size:26px!important}.portal-content{padding:14px!important}.portal-top-actions{gap:6px;flex-wrap:wrap}.portal-card,.panel{border-radius:12px}.inline-form{display:grid!important;grid-template-columns:1fr!important}.data{min-width:760px}}

/* V47 MOBILE PORTAL FIX — Admin / Staff / Client */
@media (max-width: 820px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .portal-body{background:#eef4fb!important}
  .portal-shell{display:block!important;min-height:100vh!important;width:100%!important}
  .portal-sidebar{
    position:fixed!important;z-index:3000!important;top:0!important;bottom:0!important;
    left:0!important;width:min(86vw,320px)!important;max-width:320px!important;height:100dvh!important;
    transform:translateX(-105%)!important;transition:transform .22s ease!important;
    overflow-y:auto!important;box-shadow:12px 0 30px rgba(0,0,0,.18)!important
  }
  body.portal-open .portal-sidebar{transform:translateX(0)!important}
  body.portal-open:after{
    content:""!important;position:fixed!important;inset:0!important;background:rgba(8,24,48,.48)!important;
    z-index:2990!important
  }
  .portal-main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .portal-top{
    position:sticky!important;top:0!important;z-index:2000!important;
    width:100%!important;min-height:64px!important;height:auto!important;
    padding:10px 14px!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:10px!important;background:#fff!important;
    box-shadow:0 2px 12px rgba(20,43,76,.08)!important
  }
  .portal-top>div:first-child{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .portal-menu-toggle{
    display:inline-flex!important;width:44px!important;height:44px!important;min-width:44px!important;
    align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important
  }
  .portal-title{font-size:21px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .portal-top-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:7px!important;flex-wrap:nowrap!important;width:auto!important;min-width:0!important
  }
  .portal-top-actions #staffLocationButton,.portal-top-actions #staffLocationStatus{display:none!important}
  .portal-top-actions .lang-switcher{display:none!important}
  .portal-top-actions>a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;padding:7px 10px!important;font-size:12px!important;line-height:1.1!important;
    white-space:nowrap!important
  }
  .portal-content{width:100%!important;max-width:100%!important;padding:14px!important;margin:0!important}
  .client-hero,.admin-hero,.staff-hero{
    width:100%!important;max-width:100%!important;margin:0 0 14px!important;padding:22px!important;
    border-radius:18px!important;display:block!important
  }
  .client-hero h1,.admin-hero h1,.staff-hero h1{font-size:29px!important;line-height:1.08!important;margin:8px 0!important}
  .client-hero p,.admin-hero p,.staff-hero p{font-size:15px!important;line-height:1.55!important;max-width:none!important}
  .client-hero-actions,.admin-hero-actions{
    display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:16px!important;width:100%!important
  }
  .client-hero-actions .btn,.admin-hero-actions .btn{width:100%!important;justify-content:center!important}
  .client-stat-grid,.admin-stat-grid,.stats-grid{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important
  }
  .client-stat-card,.admin-stat-card,.stat-card{
    width:100%!important;min-width:0!important;min-height:130px!important;margin:0!important;padding:18px!important;border-radius:16px!important
  }
  .client-stat-card b,.admin-stat-card b,.stat-card b{font-size:32px!important}
  .portal-grid,.portal-grid.two,.portal-grid.three,.admin-grid,.client-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important
  }
  .portal-card,.panel{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 14px!important;
    padding:18px!important;border-radius:16px!important;overflow:hidden!important
  }
  .client-action-grid,.admin-action-grid{grid-template-columns:1fr!important}
  .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .inline-form,.form-grid{grid-template-columns:1fr!important}
  input,select,textarea,button{max-width:100%!important}
  .rt-session-bar-inner{padding-left:12px!important;padding-right:12px!important}
}
@media (max-width: 480px){
  .portal-top{padding:9px 10px!important}
  .portal-title{font-size:19px!important}
  .portal-top-actions>a{font-size:0!important;width:40px!important;min-width:40px!important;padding:0!important}
  .portal-top-actions>a:after{content:"↗"!important;font-size:18px!important}
  .portal-content{padding:10px!important}
  .client-stat-grid,.admin-stat-grid,.stats-grid{grid-template-columns:1fr!important}
  .client-stat-card,.admin-stat-card,.stat-card{min-height:112px!important}
}

/* V48 Class A selectable layouts */
.layout-compact .portal-content{max-width:1320px!important}
.layout-compact .portal-card,.layout-compact .panel{padding:14px!important;margin-bottom:10px!important}
.layout-compact .client-stat-card{min-height:100px!important;padding:14px!important}
.layout-compact .client-hero{padding:18px!important}
.layout-wide .portal-content{max-width:1800px!important;padding-left:24px!important;padding-right:24px!important}
.layout-wide .portal-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-wide .client-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.rt-home-operations .rt-hero{min-height:520px}
.rt-home-operations .rt-hero h1{max-width:900px}
.rt-home-minimal .rt-topbar{display:none}
.rt-home-minimal .rt-hero{min-height:430px}
.rt-home-minimal section{padding-top:48px;padding-bottom:48px}
.rt-layout-preview-list{display:grid;gap:10px}
.rt-layout-preview-list>div{border:1px solid #e2e8f0;border-radius:12px;padding:14px}
.rt-layout-preview-list b,.rt-layout-preview-list span{display:block}
.rt-layout-preview-list span{margin-top:4px;color:#667085}
@media(max-width:820px){
 .layout-wide .portal-content,.layout-compact .portal-content{max-width:100%!important;padding:10px!important}
 .layout-wide .portal-grid.two,.layout-wide .client-stat-grid{grid-template-columns:1fr!important}
}