/* Vozua Chama login v4.9.3 — premium compact mobile-first login.
   Scope: login UI only. Authentication and routing are unchanged. */
:root{--vc-navy:#0b3f78;--vc-blue:#0b73e0;--vc-blue-2:#075fc4;--vc-gold:#e1b43b;--vc-ink:#17324f;--vc-muted:#6d7f92;--vc-line:#dfe7f0;--vc-soft:#f6f9fc;--vc-white:#fff}
html:has(body.vozua-login-v493),body.vozua-login-v493{width:100%;min-width:0;min-height:100%;margin:0;background:#f5f8fc}
body.vozua-login-v493{min-height:100vh;min-height:100dvh;color:var(--vc-ink);overflow-x:hidden;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.vozua-login-v493 *{box-sizing:border-box}
.vozua-login-v493 .ui-icon{width:18px;height:18px;flex:0 0 auto}

/* Pull to refresh */
.v493-pull-refresh{position:fixed;z-index:9999;top:max(10px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid rgba(20,67,116,.12);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 8px 26px rgba(13,57,106,.14);color:#526a82;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transform:translate(-50%,-62px) scale(.96);transition:opacity .16s ease,transform .16s ease;color .16s ease}
.v493-pull-refresh .v493-pull-icon{width:18px;height:18px;display:grid;place-items:center;color:var(--vc-blue);transition:transform .16s ease}
.v493-pull-refresh .v493-pull-icon svg{width:18px;height:18px}
.v493-pull-refresh.is-visible{opacity:1}.v493-pull-refresh.is-ready{color:var(--vc-navy)}.v493-pull-refresh.is-ready .v493-pull-icon{transform:rotate(180deg)}
.v493-pull-refresh.is-refreshing .v493-pull-icon{animation:v493spin .7s linear infinite}
@keyframes v493spin{to{transform:rotate(360deg)}}

.v493-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(620px,1.18fr);background:#fff}
.v493-brand-panel{position:relative;display:flex;align-items:center;overflow:hidden;padding:clamp(42px,6vw,88px);background:radial-gradient(circle at 16% 12%,rgba(43,138,242,.88),transparent 31%),radial-gradient(circle at 88% 88%,rgba(6,92,201,.52),transparent 36%),linear-gradient(145deg,#092f68 0%,#0753b6 56%,#0878df 100%);isolation:isolate}
.v493-brand-panel:before{content:"";position:absolute;z-index:-1;width:min(52vw,720px);aspect-ratio:1;right:-44%;top:-15%;border-radius:50%;border:clamp(44px,5vw,76px) solid rgba(255,255,255,.09);box-shadow:0 0 0 64px rgba(255,255,255,.028)}
.v493-brand-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0874df 0 65%,#e2b53b 65% 84%,#fff 84%)}
.v493-brand-copy{position:relative;z-index:1;width:min(100%,520px);color:#fff}
.v493-brand-logo{display:block;width:clamp(128px,12vw,182px);height:auto;filter:drop-shadow(0 15px 26px rgba(0,25,71,.18))}
.v493-brand-kicker{display:inline-flex;margin-top:32px;padding:7px 10px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v493-brand-copy h1{margin:18px 0 8px;color:#fff;font-size:clamp(40px,4.3vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:860}
.v493-brand-copy>p{margin:0;color:rgba(255,255,255,.82);font-size:clamp(13px,1.15vw,17px);line-height:1.55;font-weight:600}
.v493-brand-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:420px}
.v493-brand-features span{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.075);color:rgba(255,255,255,.9);font-size:11.5px;font-weight:750;backdrop-filter:blur(7px)}
.v493-brand-features .ui-icon{width:16px;height:16px;color:#f0c74f}

.v493-main{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(22px,4vh,48px) clamp(24px,4vw,64px);background:radial-gradient(circle at 100% 0%,rgba(220,236,255,.60),transparent 33%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.v493-card{width:min(100%,610px);padding:30px;border:1px solid #e5ecf3;border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(15,55,104,.10)}
.v493-mobile-brand{display:none}
.v493-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}
.v493-eyebrow{display:block;margin-bottom:6px;color:#b88a12;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.v493-card-head h2{margin:0;color:#103764;font-size:clamp(31px,3vw,39px);line-height:1.02;letter-spacing:-.04em;font-weight:860}
.v493-card-head p{margin:8px 0 0;max-width:410px;color:#718297;font-size:12.5px;line-height:1.5;font-weight:550}
.v493-portal-badge{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #dce6f0;border-radius:11px;background:#f8fbff;color:#536f8d;font-size:9.5px;font-weight:800;white-space:nowrap}
.v493-portal-badge .ui-icon{width:13px;height:13px;color:var(--vc-blue)}
.v493-alert{margin:0 0 14px!important;padding:11px 12px!important;border-radius:12px!important;font-size:11px!important}

.v493-form{display:grid;gap:15px}
.v493-form>label{display:grid;gap:7px;color:#2d4e70;font-size:12px;font-weight:800}
.v493-label{display:flex;align-items:center;gap:7px}.v493-label .ui-icon{width:15px;height:15px;color:#2a70b9}
.v493-phone,.v493-pin{display:flex;align-items:center;min-height:55px;overflow:hidden;border:1px solid #d9e3ed;border-radius:14px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}
.v493-phone:focus-within,.v493-pin:focus-within{border-color:#2a78c9;box-shadow:0 0 0 4px rgba(27,112,203,.085)}
.v493-phone select{flex:0 0 118px;align-self:stretch;min-width:0;border:0;border-right:1px solid #e4ebf2;outline:0;padding:0 11px;background:#f7f9fc;color:#224d78;font-size:12px;font-weight:800}
.v493-phone input,.v493-pin input{flex:1;min-width:0;height:53px;border:0!important;outline:0!important;background:#fff!important;box-shadow:none!important;padding:0 15px!important;color:#1c4167;font-size:15px!important;font-weight:700}
.v493-phone input::placeholder,.v493-pin input::placeholder{color:#a3afbd;font-weight:550}
.v493-pin button{flex:0 0 auto;height:36px;margin-right:8px;border:0;border-radius:10px;padding:0 11px;background:#f1f6fb;color:#225f9d;font-size:10px;font-weight:850;cursor:pointer}
.v493-field-help{margin-top:-2px;color:#8b98a7;font-size:10.5px;font-weight:550;line-height:1.35}
.v493-form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-1px}.v493-form-meta a{color:#1766b3;font-size:11px;font-weight:800;text-decoration:none}.v493-trust{display:flex;align-items:center;gap:5px;color:#8796a6;font-size:10px;font-weight:700}.v493-trust .ui-icon{width:12px;height:12px;color:#5e80a5}
.v493-signin{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px;margin-top:1px;border-radius:13px!important;border-color:#075fc4!important;background:linear-gradient(180deg,#137be9,#075fc4)!important;box-shadow:0 12px 24px rgba(11,103,211,.18)!important;font-size:14px!important;font-weight:850!important;letter-spacing:.01em}.v493-signin .ui-icon{width:16px;height:16px}.v493-signin:disabled{opacity:.72;cursor:wait}

.v493-secondary{margin-top:20px;padding-top:17px;border-top:1px solid #eaf0f5}
.v493-secondary-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#6e8093;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.v493-secondary-title:after{content:"";flex:1;height:1px;background:#eef2f6}
.v493-action-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v493-action{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px 10px;border:1px solid #e0e8f0;border-radius:14px;background:#fff;color:#244c75;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.v493-action:hover{transform:translateY(-1px);border-color:#c7d9eb;background:#fbfdff;box-shadow:0 8px 20px rgba(20,67,116,.07)}
.v493-action-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#eef6ff;color:#1468bb}.v493-action-icon .ui-icon{width:17px;height:17px}
.v493-action>span:last-child{display:grid;gap:2px;min-width:0}.v493-action b{font-size:11px;line-height:1.15;font-weight:850;color:#234d78}.v493-action small{font-size:9.5px;line-height:1.2;font-weight:600;color:#8594a5}
.v493-action.agent{border-color:#eadbae;background:#fffdf8}.v493-action.agent .v493-action-icon{background:#fff6d9;color:#aa7c09}
.v493-utility-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 15px;margin-top:14px;color:#8a98a7}
.v493-utility-row a{display:inline-flex;align-items:center;gap:5px;color:#45698e;text-decoration:none;font-size:10.5px;font-weight:750}.v493-utility-row .ui-icon{width:13px;height:13px;color:#6f8ba7}
.v493-policies{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:11px}.v493-policies a{color:#a0aab5;text-decoration:none;font-size:9.5px;font-weight:550}

@media(max-width:1100px) and (min-width:821px){.v493-shell{grid-template-columns:minmax(330px,.7fr) minmax(560px,1.3fr)}.v493-brand-panel{padding:40px}.v493-main{padding:24px}.v493-card{padding:26px}.v493-action b{font-size:10px}.v493-action small{font-size:8.8px}}

@media(max-width:820px){
  html:has(body.vozua-login-v493),body.vozua-login-v493{height:auto;min-height:100%;overflow-y:auto}
  .v493-shell{display:block;min-height:100vh;min-height:100dvh;background:#f6f9fd}
  .v493-brand-panel{display:none}
  .v493-main{min-height:100vh;min-height:100dvh;align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#f4f8fd 0,#fff 38%)}
  .v493-card{width:min(100%,590px);padding:20px 18px 17px;border-radius:22px;box-shadow:0 15px 44px rgba(23,63,108,.08)}
  .v493-mobile-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
  .v493-mobile-brand-main{display:flex;align-items:center;gap:11px;min-width:0}.v493-mobile-brand img{display:block;width:58px;height:34px;object-fit:contain}.v493-mobile-brand-copy{display:grid;gap:2px;min-width:0}.v493-mobile-brand strong{color:#154879;font-size:16px;line-height:1.1;font-weight:850}.v493-mobile-brand small{color:#8593a2;font-size:10px;line-height:1.2;font-weight:650}
  .v493-mobile-security{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e0e8f0;border-radius:12px;background:#f8fbff;color:#276aa9}.v493-mobile-security .ui-icon{width:16px;height:16px}
  .v493-card-head{margin-bottom:18px}.v493-card-head h2{font-size:32px}.v493-card-head p{font-size:12px;max-width:360px}.v493-portal-badge{display:none}
  .v493-action-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.v493-action{min-height:64px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:8px}.v493-action b{font-size:10.5px}.v493-action small{font-size:9px}
}

@media(max-width:560px){
  .v493-main{padding-left:9px;padding-right:9px}
  .v493-card{padding:18px 14px 15px;border-radius:19px}
  .v493-mobile-brand{margin-bottom:15px}.v493-mobile-brand img{width:54px;height:31px}.v493-mobile-brand strong{font-size:15px}.v493-mobile-brand small{font-size:9.5px}
  .v493-card-head{margin-bottom:16px}.v493-eyebrow{font-size:9px}.v493-card-head h2{font-size:29px}.v493-card-head p{margin-top:7px;font-size:11.5px}
  .v493-form{gap:13px}.v493-form>label{font-size:11.5px}.v493-phone,.v493-pin{min-height:52px;border-radius:13px}.v493-phone select{flex-basis:105px;padding-inline:8px;font-size:11.5px}.v493-phone input,.v493-pin input{height:50px;font-size:14.5px!important;padding-inline:13px!important}.v493-pin button{height:34px}
  .v493-signin{min-height:51px!important;border-radius:12px!important;font-size:13.5px!important}
  .v493-secondary{margin-top:17px;padding-top:14px}.v493-secondary-title{margin-bottom:9px;font-size:9px}
  .v493-action-dock{gap:7px}.v493-action{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:6px;min-height:77px;padding:8px 5px}.v493-action-icon{width:34px;height:34px;flex-basis:34px}.v493-action>span:last-child{gap:1px}.v493-action b{font-size:9.8px;line-height:1.15}.v493-action small{display:none}
  .v493-utility-row{margin-top:13px;gap:7px 12px}.v493-utility-row a{font-size:10px}.v493-policies{margin-top:10px}.v493-policies a{font-size:9px}
}

@media(max-width:355px){.v493-action-dock{grid-template-columns:1fr 1fr}.v493-action.agent{grid-column:1/-1;min-height:58px;flex-direction:row}.v493-action.agent small{display:block}}