/* Narvi Connect identity layer. Keep semantic success, warning and danger colours intact. */
:root{
 --brand-navy:#00172f;
 --brand-navy-soft:#062947;
 --brand-blue:#0868f7;
 --brand-sky:#04aaf0;
 --brand-cyan:#08dce8;
 --brand-aqua:#05e4cf;
 --brand-red:#ef4444;
 --brand-light-blue:#b8dcff;
 --ink:#102540;
 --muted:#60738d;
 --line:#dbe6f1;
 color:#102540;
 background:#f4f8fc;
}

body{background:#f4f8fc;color:var(--ink)}
a{color:#0665dc}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:var(--brand-cyan)}
input:focus,select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #08dce81f}
.eyebrow{color:#0868f7}
.primary{background:linear-gradient(135deg,#075cf4 0%,#04aaf0 55%,#07d8df 100%);box-shadow:0 8px 20px #0768e824;color:#fff}
.primary:hover{background:linear-gradient(135deg,#064ed8 0%,#078fd8 58%,#08becb 100%)}
.text-button{color:#0665dc}
.badge{border-color:#bddcff;background:#edf6ff;color:#075cbd}

.brand-lockup{display:inline-flex;text-decoration:none;min-width:0}
.brand-lockup img{display:block;width:min(230px,100%);height:auto;object-fit:contain;object-position:left center}
.sidebar-lockup img{width:176px}
.welcome,.sidebar{background:radial-gradient(circle at 18% 12%,#08355f 0,transparent 35%),linear-gradient(155deg,#001126 0%,#001b38 48%,#002b4b 100%)}
.welcome:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#08dce80c 55%,transparent 78%);pointer-events:none}
.welcome:after{border-color:#08dce82b;box-shadow:0 0 0 65px #0868f70a,0 0 0 130px #08dce807}
.welcome-copy,.welcome>div{position:relative;z-index:1}
.welcome-copy h1{color:#fff}
.welcome-copy .eyebrow,.welcome-copy p{color:#bdd7ee}
.welcome-line{background:linear-gradient(90deg,#0868f7,#08dce8,#05e4cf);box-shadow:0 0 18px #08dce866}
.welcome-footer{color:#8eb7d8}
.brand-partners a{color:#d9faff;text-decoration:none}
.brand-partners a:hover{text-decoration:underline}
.auth-pane{background:radial-gradient(circle at 90% 8%,#08dce810 0,transparent 33%),#fff}
.sidebar nav button:hover{background:#073459}
.sidebar nav button[aria-current=page]{background:linear-gradient(90deg,#0754a966,#073459);box-shadow:inset 3px 0 #08dce8;color:#fff}
.sidebar select{background:#062745;border-color:#1b547a;color:#effaff}
.sidebar-bottom{border-color:#8addeb24}
.status-dot{background:#05e4cf;box-shadow:0 0 9px #05e4cf99}
.topbar{box-shadow:0 1px 14px #00172f0a}
.stat,.panel,dialog,.settings-card,.workspace-card{border-color:#d8e5f1;box-shadow:0 10px 32px #003b7010}
.avatar,.empty-icon{background:linear-gradient(145deg,#e7f3ff,#ddfbfb);color:#075fca}
.callout{border-color:#b9dfff;background:linear-gradient(120deg,#eef7ff,#edffff);color:#124f8e}
.callout-icon{border-color:#08aeda}
.notice{box-shadow:0 6px 18px #00172f0b}
.page-footer{color:#6f849a}

.phone-header{border-bottom-color:#d5e4f1;box-shadow:0 5px 22px #00172f0a}
.phone-brand{color:#102540;text-decoration:none}
.phone-brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 8px #0868f729)}
.phone-brand small{color:#0788c7;letter-spacing:1.7px}
.phone-login{background:radial-gradient(circle at 5% 5%,#0868f714 0,transparent 35%),#fff}
.login-art{background:radial-gradient(circle at 20% 15%,#0b3d6d 0,transparent 38%),linear-gradient(150deg,#001126,#001f40 55%,#003a5b);color:#fff}
.login-art:after{border-color:#08dce82c}
.phone-login-logo{display:block;width:min(310px,78%);height:auto;margin:0 0 44px;filter:drop-shadow(0 14px 30px #000a)}
.login-art .eyebrow{color:#67eaf0}
.dialler,.phone-console,.settings-card{border-color:#d8e5f1}
.phone-console{box-shadow:0 18px 48px #003b7014}
.identity-mark-image{width:42px;height:42px;object-fit:contain;border:0;background:transparent;padding:0;filter:drop-shadow(0 4px 8px #0868f72b)}
.about-brand-mark{display:block;width:74px;height:74px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 8px 16px #0868f733)}
#phone-about{text-align:center}
#phone-about a{color:#0665dc}
.directory-views,.segmented-control{border-color:#d5e4f1;background:#eef5fb}
.connection-dot.connected{background:#05c7a9;box-shadow:0 0 0 4px #05e4cf22}

@media(max-width:720px){
 .sidebar-lockup img{width:150px}
 .brand-lockup img{width:190px}
 .phone-brand img{width:34px;height:34px}
 .phone-login-logo{width:220px;margin-bottom:28px}
}

@media(max-width:800px){
 .phone-header{height:60px;min-height:60px;flex-wrap:nowrap;gap:8px;padding:0 14px}
 .phone-header .phone-brand{min-width:0;font-size:17px;gap:8px;white-space:nowrap}
 .phone-header .header-actions{min-width:0;margin-left:auto;gap:6px;flex-wrap:nowrap}
 .phone-header .header-presence select{min-width:112px;max-width:112px;padding-right:31px!important}
 .phone-header #logout{padding:7px 4px;white-space:nowrap}
}

@media(max-width:360px){
 .phone-header .phone-brand{font-size:15px}
 .phone-header .phone-brand img{width:30px;height:30px}
 .phone-header .header-presence select{min-width:104px;max-width:104px}
}