/* ==========================================================================
   Klaslead Theme — Client portal
   ========================================================================== */
body.customers{font-family:var(--kl-font)!important;background:var(--kl-mist)!important;color:var(--kl-text);-webkit-font-smoothing:antialiased}
body.customers h1,body.customers h2,body.customers h3,body.customers h4.section-heading,body.customers .section-heading,body.customers .tw-font-semibold.tw-text-lg,body.customers .login-heading,body.customers .register-heading{font-family:var(--kl-display)!important;letter-spacing:-.02em}
body.customers a{color:var(--kl-teal-ink)}

/* Header / navigation */
body.customers .navbar.header,body.customers header .navbar,body.customers .navbar-default{background:var(--kl-ink)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 30px -24px rgba(0,0,0,.8);min-height:72px}
body.customers .navbar-default .navbar-nav>li>a,body.customers .navbar .navbar-nav>li>a,body.customers .navbar-brand{color:#E8F0ED!important;font-weight:600}
body.customers .navbar-default .navbar-nav>li>a:hover,body.customers .navbar-default .navbar-nav>.active>a,body.customers .navbar-default .navbar-nav>.open>a{background:rgba(255,255,255,.07)!important;color:#fff!important;border-radius:999px}
body.customers .navbar-default .navbar-nav>.active>a{box-shadow:inset 0 -2px 0 var(--kl-gold)}
body.customers .navbar-default .navbar-toggle{border-color:rgba(255,255,255,.25)!important}
body.customers .navbar-default .navbar-toggle .icon-bar{background:#fff!important}
body.customers .navbar-default .navbar-collapse{border-color:rgba(255,255,255,.08)!important}
body.customers .customers-nav-item-login a,body.customers .customers-nav-item-register a{border-radius:999px!important}
body.customers .customers-nav-item-register a{background:var(--kl-gold-grad)!important;color:var(--kl-on-gold)!important}
.kl-back-site{display:inline-flex!important;align-items:center;gap:6px;color:#FFD24D!important;font-weight:700!important}

/* Page body */
body.customers #content,body.customers #wrapper{background:transparent}
body.customers .panel_s,body.customers .panel_s .panel-body,body.customers .panel{border-radius:var(--kl-radius)!important}
body.customers .panel_s{border:1px solid var(--kl-line)!important;box-shadow:0 1px 2px rgba(10,10,10,.04),0 18px 40px -30px rgba(10,10,10,.35)!important}
body.customers .customer-top-submenu,body.customers .submenu{background:#fff;border-radius:999px;padding:6px;border:1px solid var(--kl-line)}
body.customers .customer-top-submenu li a{border-radius:999px;font-weight:600}
body.customers .customer-top-submenu li.active a,body.customers .customer-top-submenu li a:hover{background:var(--kl-ink)!important;color:#fff!important}
body.customers .section-client-dashboard>.row:first-child,body.customers .home-summary{border-radius:var(--kl-radius)}

/* Buttons / forms / tables */
body.customers .btn{border-radius:999px!important;font-weight:700!important}
body.customers .btn-primary,body.customers .btn-primary:focus{background:var(--kl-gold-grad)!important;border-color:transparent!important;color:var(--kl-on-gold)!important;box-shadow:0 10px 24px -12px rgba(255,194,26,.85)!important}
body.customers .btn-primary:hover{filter:brightness(1.05);color:var(--kl-on-gold)!important}
body.customers .btn-info,body.customers .btn-success{background:var(--kl-grad)!important;border-color:transparent!important;color:#021310!important}
body.customers .btn-default{background:#fff!important;border:1px solid rgba(10,10,10,.16)!important;color:var(--kl-text)!important}
body.customers .form-control{border-radius:12px!important;border-color:rgba(10,10,10,.16)!important;min-height:44px}
body.customers .form-control:focus{border-color:var(--kl-accent)!important;box-shadow:0 0 0 3px rgba(31,214,196,.22)!important}
body.customers .table>thead>tr>th,body.customers table.dataTable thead th{font-family:var(--kl-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--kl-muted);background:#F7FAF9;border-bottom:1px solid var(--kl-line)!important}
body.customers .label{border-radius:999px!important}
body.customers .label-info,body.customers .label-primary{background:var(--kl-teal-ink)!important}
body.customers .pagination>.active>a{background:var(--kl-ink)!important;border-color:var(--kl-ink)!important}
body.customers .nav-tabs>li.active>a{border-bottom:2px solid var(--kl-accent)!important;color:var(--kl-text)!important}

/* Invoice / estimate / proposal "view online" pages */
body.customers .invoice-html-status,body.customers .estimate-html-status,body.customers .proposal-status{border-radius:999px!important}
body.viewinvoice,body.viewestimate,body.viewproposal,body.viewcontract{background:var(--kl-mist)!important}

/* Footer */
body.customers footer,body.customers .footer{background:var(--kl-ink)!important;color:#A9BBB5!important;border-top:0!important;padding:18px 0}
body.customers footer a,body.customers .footer a{color:#FFD24D!important}

/* ---- v1.1 fixes ---- */
body.customers .customers-nav-item-register a,body.customers .customers-nav-item-register a *{color:var(--kl-on-gold)!important}
body.customers .customers-nav-item-login a{background:transparent!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)!important;color:#fff!important}
body.customers .customers-nav-item-login a *{color:#fff!important}
body.customers [class*="tw-bg-primary-6"],body.customers [class*="tw-bg-primary-5"]{background:var(--kl-gold-grad)!important;color:var(--kl-on-gold)!important;border-color:transparent!important}
body.customers .btn-success,body.customers .btn-success *,body.customers .btn-info,body.customers .btn-info *{color:#021310!important}
body.customers .btn-primary *{color:var(--kl-on-gold)!important}
body.customers .navbar .navbar-nav>li.customers-nav-item-register>a,body.customers .navbar .navbar-nav>li.customers-nav-item-register>a *{color:var(--kl-on-gold)!important}
body.customers .navbar .navbar-nav>li.customers-nav-item-register>a{background:var(--kl-gold-grad)!important}