/* Customer portal & VTU-like dashboard styles */
.ocha-customer-portal{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;}
.ocha-auth-card{width:100%;max-width:520px;background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:22px;box-shadow:0 10px 25px rgba(0,0,0,.06);}
.ocha-auth-header{margin-bottom:16px;}
.ocha-auth-title{font-size:24px;font-weight:700;margin-bottom:6px;}
.ocha-auth-sub{color:#667085;font-size:14px;}
.ocha-auth-tabs{display:flex;gap:8px;margin:16px 0;}
.ocha-tab-btn{flex:1;border:1px solid #e6e9ef;background:#f8fafc;border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer;}
.ocha-tab-btn.is-active{background:#0b2a4a;color:#fff;border-color:#0b2a4a;}
.ocha-tab-panel{display:none;}
.ocha-tab-panel.is-active{display:block;}
.ocha-form label{display:block;margin:10px 0 6px;font-weight:600;color:#344054;}
.ocha-form input{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:14px;}
.ocha-btn-primary{display:inline-block;background:#0b2a4a;color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;}
.ocha-btn-primary:hover{opacity:.95;}
.ocha-auth-footer{margin-top:14px;color:#667085;font-size:12px;}
.ocha-alert{margin:10px 0;border-radius:10px;padding:10px 12px;font-size:13px;}
.ocha-alert-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6;}
.ocha-alert-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca;}

/* VTU dashboard layout */
.ocha-vtu-shell{display:flex;gap:18px;min-height:70vh;padding:18px;}
.ocha-vtu-sidebar{width:250px;background:#0b2a4a;color:#fff;border-radius:14px;padding:16px;position:sticky;top:16px;height:fit-content;}
.ocha-vtu-brand{display:flex;gap:10px;align-items:center;margin-bottom:18px;}
.ocha-vtu-logo{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-weight:800;}
.ocha-vtu-name{font-weight:800;}
.ocha-vtu-sub{font-size:12px;opacity:.85}
.ocha-vtu-nav a{display:block;color:#fff;text-decoration:none;padding:10px 12px;border-radius:12px;margin:6px 0;background:rgba(255,255,255,.08);}
.ocha-vtu-nav a.is-active,.ocha-vtu-nav a:hover{background:rgba(255,255,255,.18);}
.ocha-vtu-main{flex:1;}
.ocha-vtu-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.ocha-vtu-title{font-size:26px;font-weight:800;}
.ocha-vtu-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.ocha-vtu-card{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:14px;}
.ocha-vtu-card-title{font-weight:700;margin-bottom:6px;}
.ocha-vtu-card-value{font-size:24px;font-weight:900;margin-bottom:4px;}
.ocha-vtu-card-sub{font-size:12px;color:#667085;}
.ocha-vtu-panel{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:14px;margin-bottom:16px;}
.ocha-vtu-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;}
.ocha-vtu-panel-title{font-weight:800;font-size:16px;}
.ocha-vtu-panel-sub{font-size:12px;color:#667085;}
.ocha-vtu-tablewrap{overflow:auto;}
.ocha-vtu-table{width:100%;border-collapse:collapse;}
.ocha-vtu-table th,.ocha-vtu-table td{padding:10px 8px;border-top:1px solid #eef2f7;font-size:13px;text-align:left;white-space:nowrap;}
.ocha-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#f2f4f7;font-weight:700;font-size:12px;}
.ocha-pill.is-success{background:#ecfdf3;color:#067647;}
.ocha-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:13px;}
@media (max-width:1000px){.ocha-vtu-cards{grid-template-columns:repeat(2,1fr);} .ocha-vtu-shell{flex-direction:column;} .ocha-vtu-sidebar{width:100%;position:relative;top:0;}}
@media (max-width:520px){.ocha-vtu-cards{grid-template-columns:1fr;} .ocha-profile-grid{grid-template-columns:1fr;}}