/* RentCar17 skin for the customer-account module (.kk-acct): confirmed page, my bookings, check-in. Tokens first, then components. */
.kk-acct{
  --ink:#0F1B2D;--ink-2:#4A5361;--ink-3:#667080;--canvas:#F3F5F8;--canvas-2:#EEF3FD;--surface:#fff;--line:#DDE2EA;--field-border:#C4CEDE;
  --volt:#1F5FD6;--volt-press:#174BB0;--volt-tint:#EAF1FD;--volt-ink:#1747A6;--danger:#B42318;--danger-tint:#FDECEA;--success:#12805C;--success-tint:#E3F3EA;
  --radius-sm:10px;--radius-md:14px;--radius-lg:16px;--note:#FFF4C2;--note-ink:#5A4A00;
  --font-sans:"Geist","Noto Sans Arabic","Heebo","Segoe UI",system-ui,sans-serif;--font:var(--font-sans);
  --focus:0 0 0 2px #fff,0 0 0 4px #1F5FD6;font-family:var(--font-sans);background:var(--canvas)}
.kk-acct.kk-page{padding-top:18px}
.kk-acct .wrap{max-width:1240px}
.kk-acct .panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none}
.kk-acct .btn-primary,.kk-acct .acct-btn.is-dark{background:#1F5FD6;border-color:#1F5FD6;color:#fff;border-radius:10px}
.kk-acct .btn-primary:hover{background:#174BB0}
.kk-acct .btn-outline,.kk-acct .acct-btn{border-radius:10px;border:1.5px solid #0F1B2D;color:#0F1B2D;background:#fff}
.kk-acct .acct-btn.is-ask{border-color:#0F1B2D}
.kk-acct .btn-dark{background:#0F1B2D;color:#fff;border-radius:10px}
.kk-acct .control{border-radius:10px;border-color:var(--field-border)}
/* booking confirmed */
.kk-acct .cf-hero{background:#0F1B2D;color:#fff;border-radius:16px;border:0}
.kk-acct .cf-hero .cf-title{color:#fff;font-weight:800}
.kk-acct .cf-hero .cf-sub{color:rgba(255,255,255,.75)}
.kk-acct .cf-hero .cf-sub b{color:#fff}
.kk-acct .cf-hero .confirm-mark{background:#FFD23F;color:#0F1B2D}
.kk-acct .cf-stats{border-top:1px solid rgba(255,255,255,.18)}
.kk-acct .cf-stats dt{color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.kk-acct .cf-stats dd{color:#fff;font-weight:700;font-family:"Geist Mono",ui-monospace,monospace}
.kk-acct .cf-n{background:#EAF1FD;color:#1747A6}
.kk-acct .cf-steps li:first-child .cf-n{background:#1F5FD6;color:#fff}
.kk-acct .cf-tick{color:#1F5FD6}
/* my bookings */
.kk-acct .acct-title{font-weight:800;letter-spacing:-0.02em}
.kk-acct .acct-card{border-radius:16px;padding:0;overflow:hidden}
.kk-acct .acct-row1{padding:14px 18px;border-bottom:1px solid var(--line)}
.kk-acct .acct-body{padding:14px 18px}
.kk-acct .acct-actions-bar{padding:0 18px 16px}
.kk-acct .acct-pill{border-radius:999px;background:#EAF1FD;color:#1747A6;font-weight:600;font-size:12.5px;padding:3px 10px}
.kk-acct .acct-pill.is-past,.kk-acct .acct-pill.is-cancelled{background:#EEF1F5;color:#4A5361}
.kk-acct .acct-pill.is-current{background:#EAF1FD;color:#1747A6}
.kk-acct .acct-total{font-weight:800;font-size:18px}
.kk-acct .acct-photo{border-radius:10px;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}
.kk-acct .acct-car{font-size:17px;font-weight:700}
.kk-acct .acct-actions{gap:8px}
.kk-acct .t-h1,.kk-acct .t-h2,.kk-acct .t-h3,.kk-acct h1,.kk-acct h2{color:#0F1B2D}
html[dir="rtl"] .kk-acct{text-align:start}
/* contact + account pages: one background, readable tags */
.kk-acct,.kk-acct.kk-page{background:transparent}
.kk-acct .ct-tag{background:#EAF1FD;color:#1747A6}
.kk-acct .ct-tag.is-dark{background:#0F1B2D;color:#fff}
.kk-acct .ct-tag:not(.is-dark),.kk-acct .acct-tag{color:#1747A6}
.kk-acct .ct-card,.kk-acct .ct-group .panel{border-radius:16px}
.kk-acct .ct-ico{background:#EAF1FD;color:#1F5FD6}
.kk-acct .ct-warn,.kk-acct .ct-emergency{background:#FFF4C2;color:#5A4A00;border-radius:10px}
.kk-acct a:hover{color:#1F5FD6}
.kk-acct .btn-primary:hover,.kk-acct .acct-btn.is-dark:hover{color:#fff}
.kk-acct .acct-btn:hover{background:#F3F5F8;border-color:#0F1B2D}