/* Rana Rekor Ali customer account — premium industrial account experience. */
:root{
  --rra-account-navy:#061b32;
  --rra-account-navy-2:#0a2b4e;
  --rra-account-blue:#0877f9;
  --rra-account-blue-dark:#075fc8;
  --rra-account-ice:#f2f6fb;
  --rra-account-line:#dfe7f0;
  --rra-account-ink:#10243a;
  --rra-account-muted:#667b91;
}

body.rra-account-page{background:var(--rra-account-ice);}
body.rra-account-page main{background:linear-gradient(180deg,#f8fafd 0%,#eff4f9 100%);}
body.rra-account-page .preloader{display:none!important;}
#accountRoot.account-loading{min-height:380px;color:#64809b;}

/* Sign in, registration and password recovery. */
#accountRoot:not(.acv2):not(.rra-quote-root){width:min(100%,1320px);margin:0 auto;}
.account-auth--split{
  width:min(100%,1120px);max-width:none;margin:22px auto 34px;grid-template-columns:minmax(370px,.92fr) minmax(490px,1.08fr);
  border:1px solid rgba(15,44,75,.09);border-radius:26px;background:#fff;overflow:hidden;
  box-shadow:0 28px 80px rgba(9,36,66,.13),0 2px 8px rgba(9,36,66,.04);
}
.account-auth__brand{min-height:680px;padding:48px 46px 42px;background:var(--rra-account-navy);}
.account-auth__brand-photo{background-image:linear-gradient(180deg,rgba(5,23,43,.64),rgba(5,23,43,.92) 68%,#061b32),url('/images/fabrika.jpg');background-position:center;background-size:cover;}
.account-auth__brand:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 12%,rgba(8,119,249,.36),transparent 34%),linear-gradient(130deg,transparent 45%,rgba(10,100,190,.14));}
.account-auth__brand-inner{z-index:2;max-width:440px;}
.account-auth__brand .eyebrow{color:#a8d2ff!important;font-size:10px!important;letter-spacing:.16em!important;}
.account-auth__brand h2{max-width:430px;margin:18px 0 20px;font-family:Inter,system-ui,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.045em;font-weight:800;}
.account-auth__brand-list{gap:15px;}
.account-auth__brand-list li{font-size:13px;color:rgba(239,247,255,.79);}
.account-auth__brand-list li svg{color:#65b1ff;}
.account-auth__brand-watermark{top:auto;bottom:-54px;right:-18px;font-family:Inter,system-ui,sans-serif;font-size:190px;font-weight:900;letter-spacing:-.1em;color:#fff;opacity:.055;z-index:1;}
.account-auth__float--1{top:13%;right:12%;width:88px;height:88px;color:rgba(140,198,255,.2);}
.account-auth__float--2{bottom:20%;right:17%;width:54px;height:54px;color:rgba(140,198,255,.16);}
.account-auth__live{color:rgba(237,246,255,.76);}
.account-auth__brand-stats{gap:34px;margin-top:32px;padding-top:23px;border-color:rgba(255,255,255,.18);}
.account-auth__brand-stats b{font:800 22px/1 Inter,system-ui,sans-serif;color:#fff;}
.account-auth__brand-stats span{margin-top:6px;color:rgba(231,241,252,.63);font-size:10px;letter-spacing:.08em;text-transform:uppercase;}
.account-auth--split .account-auth__card{align-self:center;padding:clamp(34px,5vw,66px);}
.account-auth__card h1{margin:0 0 9px;color:var(--rra-account-ink);font:800 clamp(28px,3vw,36px)/1.1 Inter,system-ui,sans-serif;letter-spacing:-.04em;}
.account-auth__sub{max-width:440px;margin:0 0 26px;color:var(--rra-account-muted);font-size:13px;line-height:1.7;}
.account-auth__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;margin-bottom:23px;border:1px solid #e3eaf2;border-radius:13px;background:#f3f6fa;}
.account-auth__tab{min-height:43px;border:0!important;border-radius:9px!important;background:transparent!important;color:#718398!important;font:700 12px/1 Inter,system-ui,sans-serif!important;transition:background .18s,color .18s,box-shadow .18s;}
.account-auth__tab.is-active{background:#fff!important;color:var(--rra-account-blue-dark)!important;box-shadow:0 3px 12px rgba(13,44,76,.1);}
.account-auth__card .account-field{display:block;margin:0 0 15px;}
.account-auth__card .account-field>span{display:block;margin:0 0 7px;color:#40566d;font:750 11px/1.35 Inter,system-ui,sans-serif;}
.account-auth__card .account-field input,.account-auth__card .account-field select{width:100%;height:48px;padding-top:0;padding-bottom:0;border:1px solid #dce5ef;border-radius:11px;background:#fff;color:#132b44;font:500 13px Inter,system-ui,sans-serif;box-shadow:0 1px 2px rgba(8,32,58,.02);transition:border-color .18s,box-shadow .18s;}
.account-auth__card .account-field__icon-wrap input,.account-auth__card .account-field__icon-wrap select{padding-left:40px;}
.account-auth__card .account-field input::placeholder{color:#a1afbd;}
.account-auth__card .account-field input:focus,.account-auth__card .account-field select:focus{outline:0;border-color:#6aafff;box-shadow:0 0 0 4px rgba(8,119,249,.11);}
.account-auth__card .account-field__icon-wrap svg{left:14px;color:#8296aa;}
.account-auth__card .account-field__pw-toggle{right:12px;color:#6d8298;cursor:pointer;}
.account-auth__card .account-auth__grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.account-auth__card .account-auth__forgot-link{margin:0 0 18px;}
.account-auth__card .account-auth__forgot-link button,.account-auth__card .account-auth__switch button{padding:4px 0;color:var(--rra-account-blue-dark);font:700 11.5px Inter,system-ui,sans-serif;}
.account-auth__card .theme_btn_1.paanee_btn{width:100%;min-height:50px!important;margin-top:6px;border:0!important;border-radius:11px!important;background:linear-gradient(115deg,#0877f9,#1764d7)!important;color:#fff!important;font:800 13px Inter,system-ui,sans-serif!important;box-shadow:0 10px 24px rgba(8,119,249,.23)!important;transition:transform .18s,box-shadow .18s;}
.account-auth__card .theme_btn_1.paanee_btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(8,119,249,.29)!important;}
.account-auth__card .account-kvkk{align-items:flex-start;margin:12px 0 17px;color:#65798e;font-size:10.5px;line-height:1.65;}
.account-auth__card .account-kvkk a{color:#075fc8;}
.account-auth__card .account-kvkk input:focus-visible+.account-kvkk__box{outline:3px solid rgba(8,119,249,.25);}
.account-auth__msg{padding:12px 14px;border:1px solid transparent;border-radius:11px;font-size:12px;}
.account-auth__msg.is-error{border-color:#f3c8cd;background:#fff4f5;color:#a52e3a;}
.account-auth__msg.is-ok{border-color:#bfe7d1;background:#f1fbf5;color:#187a4c;}
.account-pw-meter{margin:9px 0 4px;}
.account-pw-meter__track{height:5px;border-radius:99px;background:#e7edf4;}
.account-pw-meter span{color:#718398;font-size:10px;}

/* Signed-in account workspace. */
.acv2{
  --bg:#f2f6fb;--panel:#fff;--panel-2:#f2f6fa;--line:#e0e8f1;--line-soft:#eaf0f6;
  --text:#10243a;--text-dim:#5d7187;--text-faint:#71849a;
  --cyan:#0877f9;--cyan-dim:#075fc8;--cyan-wash:rgba(8,119,249,.09);
  --card:#fff;--navy:#061b32;--amber:#a96508;--amber-wash:#fff6e8;
  width:min(100%,1500px);min-height:0;margin:0 auto 54px;padding:0 0 40px;background:transparent;color:var(--text);
  font-family:Inter,system-ui,sans-serif;
}
.acv2__topbar{min-height:64px;padding:12px clamp(20px,4vw,48px);border:1px solid #e0e8f1;border-radius:0 0 16px 16px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(8,36,66,.045);}
.acv2__brand{font:800 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#15314d;}
.acv2__brand em{margin-left:9px;padding-left:10px;border-left:1px solid #d8e1eb;color:#72869b;font-size:11px;letter-spacing:0;}
.acv2__iconbtn{width:40px;height:40px;border-radius:12px;background:#f5f8fb;color:#405b76;}
.acv2__hub{max-width:none;padding:34px clamp(20px,4vw,48px) 0;}
.acv2__hero{position:relative;isolation:isolate;min-height:205px;gap:22px;margin-bottom:23px;padding:30px 34px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(112deg,#061b32 0%,#0a3157 58%,#0a4b82 100%);box-shadow:0 20px 48px rgba(7,37,68,.17);overflow:hidden;}
.acv2__hero:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.44;background-image:linear-gradient(rgba(175,215,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(175,215,255,.09) 1px,transparent 1px),radial-gradient(ellipse at 80% 10%,rgba(30,135,244,.5),transparent 38%);background-size:42px 42px,42px 42px,auto;mask-image:linear-gradient(90deg,transparent,#000 44%);}
.acv2__hero:after{position:absolute;z-index:-1;right:-100px;top:-190px;width:440px;height:440px;border:1px solid rgba(199,226,255,.17);border-radius:50%;content:"";box-shadow:0 0 0 52px rgba(196,225,255,.035),0 0 0 104px rgba(196,225,255,.025);}
.acv2__hero-avatar{width:68px;height:68px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#71bbff,#0877f9);box-shadow:0 8px 25px rgba(0,0,0,.22);font:800 23px Inter,system-ui,sans-serif;}
.acv2__hero-text{min-width:220px;}
.acv2__hero-eyebrow{color:#96caff;font:800 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.18em;}
.acv2__hero-text h1{margin:5px 0 0;color:#fff;font:800 clamp(24px,3vw,34px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.04em;}
.acv2__hero-custid{color:rgba(233,243,255,.62);font:500 10px/1.5 ui-monospace,monospace;}
.acv2__hero-openbadge,.acv2__hero-openbadge.is-closed{color:#b9d7f6;}
.acv2__hero-openbadge span{background:#50d39b;box-shadow:0 0 0 3px rgba(80,211,155,.18);}
.acv2__hero-openbadge.is-closed span{background:#9eb2c7;box-shadow:0 0 0 3px rgba(158,178,199,.16);}
.acv2__hero-stats{justify-content:flex-end;gap:9px;margin-left:auto;}
.acv2 .account-bar__chip{min-width:84px;padding:12px 15px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.09);text-align:center;backdrop-filter:blur(8px);}
.acv2 .account-bar__chip b{display:block;color:#fff;font:800 21px/1 Inter,system-ui,sans-serif;}
.acv2 .account-bar__chip span{display:block;margin-top:5px;color:rgba(231,242,255,.72);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.acv2 .account-bar__chip.is-warn{border-color:rgba(255,203,112,.35);background:rgba(235,166,53,.16);}
.acv2 .account-bar__chip.is-warn b{color:#ffd78c;}
.acv2__completion{max-width:680px;margin:-4px 0 22px;padding:13px 16px;border-radius:13px;background:#fff;border-color:#e1e9f1;box-shadow:0 4px 15px rgba(8,36,66,.035);}
.acv2__completion-head{font-size:10.5px;font-weight:700;}
.acv2__completion-track{height:5px;background:#e7edf4;}
.acv2__completion-fill{background:linear-gradient(90deg,#1684ff,#54b8ff);}
.acv2__announce{margin-bottom:18px;}
.acv2__announce-item{background:#fff;border-color:#e2eaf2;box-shadow:0 5px 18px rgba(8,36,66,.035);}
.acv2__search{max-width:680px;min-height:50px;margin:0 0 22px;border-color:#dce6f0;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(8,36,66,.035);}
.acv2__search:focus-within{border-color:#85baff;box-shadow:0 0 0 4px rgba(8,119,249,.09);}
.acv2__search input{font:500 12px Inter,system-ui,sans-serif;}
.acv2__cardgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 22px;}
.acv2__card,.acv2__card--lg{grid-column:auto;min-height:172px;padding:22px;border:1px solid #e0e8f0;border-radius:16px;background:linear-gradient(155deg,#fff,#fbfdff);box-shadow:0 4px 15px rgba(9,39,69,.045);}
.acv2__card:before{left:0;right:0;height:2px;background:linear-gradient(90deg,#0877f9,#63b7ff);border-radius:0;opacity:.72;}
.acv2__card:hover{transform:translateY(-3px);border-color:#9ccaff;box-shadow:0 16px 32px rgba(13,72,125,.1);}
.acv2__card-icon{width:42px;height:42px;border:1px solid #d9eaff;border-radius:13px;background:#edf6ff;color:#0877f9;}
.acv2__card b{color:#18344f;font:750 14px Inter,system-ui,sans-serif;}
.acv2__card-desc{max-width:260px;color:#6c8094;font-size:11px;line-height:1.6;}
.acv2__card-arrow{color:#0767d5;font-size:10.5px;}
.acv2__card-badge{background:#0877f9;box-shadow:0 3px 8px rgba(8,119,249,.2);}
.acv2__quicklinks{gap:9px;padding-top:0;}
.acv2__quicklinks a{padding:10px 14px;border-color:#dfe8f1;border-radius:10px;background:#fff;color:#42617d;font-size:11px;}
.acv2__quicklinks a:hover{border-color:#9bc9ff;background:#f5faff;color:#075fc8;}
.acv2__notes{max-width:680px;margin-top:18px;border-color:#e1e9f1;border-radius:15px;background:#fff;box-shadow:0 4px 15px rgba(8,36,66,.035);}
.acv2__notes-add input{min-height:40px;border-color:#dfe7f0;border-radius:9px;}
.acv2__notes-add button{min-width:76px;border-radius:9px;background:#0877f9;}
.acv2__detail{max-width:none;padding:26px clamp(20px,4vw,48px) 0;}
.acv2__backbtn{padding:9px 12px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#46617b;}
.acv2__detail-inner{min-height:320px;padding:clamp(22px,3vw,38px);border:1px solid #e0e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(8,36,66,.045);}
.acv2__detail-inner>h2{color:#142f4a;font:800 22px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.03em;}
.acv2__detail-inner>.account-dash__desc{margin:0 0 23px;color:#6b8095;font-size:12px;line-height:1.7;}
.acv2__detail-inner .account-dash__divider{margin:26px 0;border-color:#e7edf4;}
.acv2__detail-inner .account-quote-card,.acv2__detail-inner .account-doc-row,.acv2__detail-inner .account-panel{border-radius:13px;border-color:#e1e9f1;}
.acv2__detail-inner .account-quote-grid{gap:13px;}
.acv2__detail-inner .account-inline-field input,.acv2__detail-inner .account-address-form input,.acv2__detail-inner .account-dash__form input,.acv2__notes-add input{min-height:42px;border-color:#dce6f0;border-radius:9px;}
.acv2__detail-inner .account-inline-field input:focus,.acv2__detail-inner .account-address-form input:focus,.acv2__detail-inner .account-dash__form input:focus{border-color:#7cb8ff;box-shadow:0 0 0 3px rgba(8,119,249,.09);outline:0;}
.acv2__detail-inner .theme_btn_2.paanee_btn{min-height:40px;border-radius:9px;background:#0877f9;color:#fff;}
.account-notif__panel{border:1px solid #e1e8f0;border-radius:14px;box-shadow:0 18px 42px rgba(7,33,59,.16);}

/* Quote journey uses the same deep navy and hydraulic blue palette. */
body.rra-quote-page .rra-quote-hero{background:linear-gradient(112deg,#061b32 0%,#0a3157 58%,#0a4b82 100%);}
body.rra-quote-page .rra-quote-hero h1 em{color:#75baff;}
body.rra-quote-page .rra-quote-progress__step.is-active>b,
body.rra-quote-page .rra-quote-submit,
body.rra-quote-page .rra-quote-empty a{background:linear-gradient(135deg,#0877f9,#1764d7);}
body.rra-quote-page .rra-quote-card{border-color:#e0e8f0;box-shadow:0 16px 42px rgba(8,36,66,.075);}

@media(max-width:1050px){
  .account-auth--split{grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);}
  .account-auth__brand{padding:38px 34px;}
  .acv2__hero{padding:25px;}
  .acv2__hero-stats{width:100%;justify-content:flex-start;margin-left:90px;}
}
@media(max-width:760px){
  .account-auth--split{width:min(100%,580px);grid-template-columns:1fr;margin:8px auto 24px;border-radius:20px;}
  .account-auth__brand{display:flex;min-height:0;align-items:flex-start;padding:26px 25px 23px;}
  .account-auth__brand-inner{max-width:none;}
  .account-auth__brand .account-auth__brand-list,.account-auth__brand-stats,.account-auth__float--2{display:none;}
  .account-auth__brand h2{max-width:520px;margin:11px 0 0;font-size:25px;}
  .account-auth__live{margin-bottom:10px;}
  .account-auth__brand-watermark{top:auto;bottom:-60px;right:0;font-size:150px;}
  .account-auth--split .account-auth__card{padding:28px 25px 32px;}
  .account-auth__card h1{font-size:29px;}
  .acv2__topbar{padding:11px 17px;}
  .acv2__hub{padding:22px 17px 0;}
  .acv2__hero{min-height:0;align-items:flex-start;padding:22px 19px;border-radius:18px;}
  .acv2__hero-avatar{width:54px;height:54px;font-size:18px;}
  .acv2__hero-text{min-width:0;}
  .acv2__hero-text h1{font-size:24px;}
  .acv2__hero-stats{gap:7px;margin-left:0;}
  .acv2 .account-bar__chip{min-width:69px;padding:10px 11px;}
  .acv2 .account-bar__chip b{font-size:18px;}
  .acv2__cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .acv2__card,.acv2__card--lg{min-height:154px;padding:17px;}
  .acv2__card-desc{font-size:10px;}
  .acv2__detail{padding:20px 17px 0;}
  .acv2__detail-inner{padding:22px 18px;}
}
@media(max-width:480px){
  body.rra-account-page:not(.rra-quote-page) main>.section{padding-top:23px!important;padding-bottom:38px!important;}
  .account-auth__brand{padding:22px 20px 20px;}
  .account-auth__brand h2{font-size:22px;}
  .account-auth--split .account-auth__card{padding:25px 19px 27px;}
  .account-auth__card h1{font-size:26px;}
  .account-auth__card .account-auth__grid2{grid-template-columns:1fr;gap:0;}
  .acv2__brand{font-size:10px;}
  .acv2__brand em{font-size:9px;}
  .acv2__hub{padding-inline:13px;}
  .acv2__hero{gap:13px;padding:19px 15px;}
  .acv2__hero-avatar{width:46px;height:46px;font-size:15px;}
  .acv2__hero-text h1{font-size:20px;}
  .acv2__hero-custid{font-size:9px;}
  .acv2__hero-openbadge{font-size:9px;}
  .acv2__hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .acv2 .account-bar__chip{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;}
  .acv2 .account-bar__chip span{margin:0;font-size:8px;}
  .acv2__cardgrid{grid-template-columns:1fr;}
  .acv2__card,.acv2__card--lg{min-height:132px;}
  .acv2__detail{padding-inline:13px;}
  .acv2__detail-inner{padding:19px 15px;}
}
@media(prefers-reduced-motion:reduce){.account-auth--split *,.acv2__card,.acv2__iconbtn{transition:none!important;animation:none!important;}}