/* CSCAccounts: unified look for secondary pages (settings, plans, approvals, bank, register ...). Presentation only. */
:root{--brand:#0f766e;--brand-d1:#072a28;--brand-d2:#0b3d3a;--brand-tint:#e6f4f1;--brand-bg:#f2f6f5;--brand-rgb:15,118,110}
body{font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--brand-bg);color:#14292a}
.cb-bar{position:sticky;top:0;z-index:1040;display:flex;align-items:center;gap:12px;padding:0 18px;height:56px;background:linear-gradient(90deg,var(--side-1,var(--brand-d1)),var(--side-2,var(--brand-d2)));color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.cb-logo{display:inline-flex;align-items:center;gap:8px;font:800 18px/1 'Bricolage Grotesque',sans-serif;color:#fff;text-decoration:none}.cb-logo img{width:30px;height:30px;border-radius:8px}.cb-logo b{color:#4ade80}
.cb-title{opacity:.85;font-size:14px;padding-left:12px;border-left:1px solid rgba(255,255,255,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-sp{flex:1}
.cb-col{display:flex;align-items:center;gap:4px;margin:0;cursor:pointer;font-size:15px}.cb-col input{width:30px;height:26px;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:6px;background:none;cursor:pointer}
.cb-dk,.cb-back{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:5px 11px;font-size:13px;text-decoration:none;cursor:pointer}.cb-dk:hover,.cb-back:hover{background:rgba(255,255,255,.22);color:#fff}
@media(max-width:560px){.cb-title{display:none}}
.card{border:1px solid #dbe5e3;border-radius:14px;box-shadow:0 8px 24px -16px rgba(11,61,58,.35);overflow:hidden}
.card-header,.modal-header{background:var(--brand-tint)!important;color:var(--brand-d2)!important;border-bottom:1px solid #d3e2df!important;font-weight:700}
.table thead th{background:var(--brand-tint);color:var(--brand-d2);border-bottom:2px solid var(--brand)}
.form-control,.form-select{border-radius:10px;border-color:#cbd9d6}
.btn{border-radius:10px;font-weight:600}.btn-success{background:#16a34a;border-color:#16a34a}
.alert{border-radius:12px}.badge{border-radius:8px}
.page-link{color:var(--brand)}.nav-tabs .nav-link.active,.nav-pills .nav-link.active{color:#fff;background:var(--brand);border-color:var(--brand)}
.navbar,.navbar-dark.bg-dark,.bg-dark{background:linear-gradient(90deg,var(--brand-d1),var(--brand-d2))!important}
h1,h2,h3,h4,h5{font-family:'Bricolage Grotesque','Hanken Grotesk',sans-serif;letter-spacing:-.01em}
a:not(.btn):not(.cb-logo):not(.cb-back):not(.nav-link):not(.page-link){color:var(--brand)}
.btn-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.btn-primary:hover{filter:brightness(.9)}
.btn-outline-primary{color:var(--brand)!important;border-color:var(--brand)!important;background:transparent}.btn-outline-primary:hover{background:var(--brand)!important;color:#fff!important}
.text-primary{color:var(--brand)!important}.bg-primary{background:var(--brand)!important}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.2)}