/* NAVYA HR CLOUD · PWA EXECUTIVE UI v42 */
:root{
 --pwa-blue:#2563eb;--pwa-navy:#0f2442;--pwa-ink:#15253f;--pwa-soft:#f4f7fb;
 --pwa-glass:rgba(255,255,255,.82);--pwa-border:rgba(221,230,241,.9)
}
.app{background:
 radial-gradient(circle at 82% 4%,rgba(70,139,255,.11),transparent 24%),
 linear-gradient(145deg,#f8fbff 0%,#f4f7fb 52%,#eef4fc 100%)}
.sidebar{background:linear-gradient(180deg,#0d2342 0%,#102b50 55%,#0b1d37 100%);border-right:1px solid rgba(255,255,255,.07);padding:16px 11px}
.sidebar:after{content:'';position:absolute;left:15px;right:15px;bottom:18px;height:1px;background:rgba(255,255,255,.08)}
.brand{color:#fff;padding:10px 13px 22px;font-size:18px}
.brand small{color:#91abd0}
.nav a{border:1px solid transparent;transition:.18s ease}
.nav a span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);font-size:13px}
.nav a.active{background:linear-gradient(90deg,rgba(55,137,255,.28),rgba(55,137,255,.08));border-color:rgba(107,171,255,.13);box-shadow:inset 3px 0 #63a5ff,0 8px 22px rgba(0,0,0,.08)}
.nav a.active span{background:rgba(99,165,255,.16);color:#9bc8ff}
main{padding:25px 30px 38px}
.top{min-height:54px;margin-bottom:19px}
.title{font-size:25px;letter-spacing:-.04em}
.sub{font-size:11px;color:#8391a6}
.top .toolbar{gap:7px}
.top .toolbar .btn{min-height:38px;border-radius:11px}
.top .toolbar .btn.alt{background:rgba(255,255,255,.78);border-color:#dfe7f1;backdrop-filter:blur(10px)}
.dash-hero{position:relative;min-height:270px;border-radius:24px;border-color:#dce7f5;background:
 radial-gradient(circle at 82% 45%,rgba(58,132,239,.14),transparent 28%),
 linear-gradient(120deg,#fff 0%,#f8fbff 57%,#edf5ff 100%);
 box-shadow:0 18px 50px rgba(27,61,104,.09)}
.dash-hero:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:24px;background:linear-gradient(90deg,transparent 65%,rgba(255,255,255,.28));}
.dash-hero .hero-copy{position:relative;z-index:2;padding:34px 36px}
.dash-eyebrow{color:#71849d;font-size:9px;letter-spacing:.18em}
.dash-eyebrow span{color:#2563eb}
.dash-hero h1{font-size:38px;margin:12px 0 9px}
.dash-hero p{font-size:12px;max-width:610px}
.hero-actions .btn{border-radius:11px;height:42px}
.hero-actions .btn:first-child{box-shadow:0 9px 22px rgba(37,99,235,.2)}
.hero-orbit{background:radial-gradient(circle at 50% 50%,rgba(66,142,243,.17),transparent 61%)}
.orbit-card{width:252px;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 22px 55px rgba(38,85,142,.16);border-color:rgba(255,255,255,.95)}
.orbit-card>strong{font-size:40px}
.score-grid{gap:12px}
.score-card{min-height:150px;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 10px 30px rgba(29,58,96,.065)}
.score-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(29,58,96,.105)}
.score-icon{width:38px;height:38px;border-radius:11px}
.score-card>strong{font-size:34px;margin-top:17px}
.dashboard-main-grid{gap:15px}
.tenant-card{border-radius:19px;box-shadow:0 12px 34px rgba(25,54,92,.065)}
.dash-section-head{padding:19px 20px 13px}
.dash-section-head h3{font-size:16px}
.tenant-summary{margin:0 20px 13px;border-radius:13px;background:#f9fbfe}
.tenant-summary b{font-size:15px}
.tenant-card th{font-size:9px;letter-spacing:.08em}
.tenant-card td{font-size:11px}
.dashboard-side{gap:15px}
.health-panel,.action-panel{border-radius:19px}
.health-ring{box-shadow:0 8px 25px rgba(37,99,235,.08)}
.action-row{padding:12px 0}
.action-row>span{width:37px;height:37px;border-radius:11px}
.dashboard-intelligence{gap:15px}
.dashboard-intelligence .section{border-radius:19px}
.insight-kpis>div{background:linear-gradient(145deg,#fff,#f9fbff);padding:14px;border-radius:13px}
.insight-kpis strong{font-size:21px}
.renewal-mini{background:linear-gradient(145deg,#fff,#fafcff);border-radius:13px}
.scale-strip{border-radius:19px;box-shadow:0 10px 30px rgba(25,54,92,.045)}
.scale-items>div{border-radius:14px}
@media(max-width:1100px){
 main{padding:20px 20px 32px}
 .dash-hero{min-height:245px}
 .dash-hero h1{font-size:34px}
}
@media(max-width:700px){
 main{padding:14px 12px 28px}
 .top{min-height:0;margin-bottom:14px}
 .top .toolbar{width:auto;margin-left:auto}
 .top .toolbar .btn{min-height:38px}
 .dash-hero{border-radius:20px;min-height:0;margin-bottom:13px}
 .dash-hero .hero-copy{padding:23px 20px}
 .dash-hero h1{font-size:29px;line-height:1.08}
 .dash-hero p{font-size:11px;line-height:1.55}
 .hero-actions{gap:7px;margin-top:16px}
 .hero-actions .btn{height:40px}
 .score-card{min-height:136px;padding:16px}
 .score-card>strong{font-size:28px;margin:14px 0 6px}
 .tenant-card,.health-panel,.action-panel,.dashboard-intelligence .section,.scale-strip{border-radius:16px}
 .dash-section-head{padding:16px 16px 11px}
 .tenant-summary{margin:0 16px 12px}
 .insight-kpis{gap:8px}
 .insight-kpis>div{padding:12px}
 .scale-strip{padding:17px}
}
@media(max-width:480px){
 html,body{padding-top:0;}
 .app{min-height:100svh;}
 .app main{padding-top:max(8px,env(safe-area-inset-top));}
 .top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:8px;row-gap:7px;padding-top:2px;}
 .top>div:first-child{min-width:0;padding-right:0;}
 .top .toolbar{min-width:0;max-width:100%;margin-left:0;justify-content:flex-end;align-items:flex-start;}
 .top .toolbar .btn{white-space:nowrap;flex:0 0 auto;}
 .top .toolbar .btn.alt:not(#menubtn){display:none}
 main{padding:11px 9px 24px}
 .top .title{font-size:18px}
 .top .sub{font-size:10px}
 .top .toolbar .btn.alt:not(#menubtn){display:none}
 .dash-hero .hero-copy{padding:20px 17px}
 .dash-hero h1{font-size:26px}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr}
 .hero-actions .btn{width:100%;padding:8px 10px;font-size:11px}
 .score-card{min-height:128px}
 .score-card>strong{font-size:26px}
 .tenant-summary>div{padding:9px}
 .tenant-summary b{font-size:13px}
 .dashboard-intelligence{margin-top:12px}
}