/* INFIVO Unified v2 — public concept carried into Office and SaaS */
:root{
 --bg:#020817;--bg-deep:#01040d;--panel:#071329;--panel-2:#091a36;--panel-3:#0b2042;
 --ink:#f6f9ff;--muted:#9cadc8;--subtle:#70829f;--line:rgba(132,177,235,.18);
 --navy:#071329;--navy-2:#0b2b5d;--blue:#1877ff;--cyan:#16c9e5;--green:#24cfa1;
 --red:#ff7182;--soft:#071329;--surface:#071329;
 --accent:linear-gradient(135deg,#0678e8 0%,#11c8df 52%,#55edcf 100%);
 --shadow:0 24px 70px rgba(0,0,0,.3);color-scheme:dark
}
html{background:var(--bg-deep)}
body,body.saas-body,.login{
 color:var(--ink);
 background:
  radial-gradient(circle at 78% 3%,rgba(19,92,195,.2),transparent 34rem),
  radial-gradient(circle at 12% 46%,rgba(7,93,202,.1),transparent 38rem),
  radial-gradient(circle at 86% 82%,rgba(19,209,206,.07),transparent 42rem),
  linear-gradient(180deg,#010611 0,#031022 45%,#020817 100%)!important
}
body:before{background-image:linear-gradient(rgba(60,137,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(60,137,230,.03) 1px,transparent 1px);background-size:72px 72px}
a{color:#72e6ed}
h1,h2,h3,h4,h5,h6,.top h1,.section h2,.card h2,.saas-hero h1,.saas-card h2,.saas-section h2,.saas-price,.saas-meter b,.saas-kpis b,.saas-column-head h3,.saas-deal h4,.saas-module-link b,.saas-module-card h3,details summary{color:#f6f9ff}
p,.muted,.saas-lead,.saas-hero p,.saas-card p,.saas-fine,.saas-user small,.saas-module-link small,.saas-module-card p,.saas-task small,.saas-clean-list small{color:var(--muted)}
.layout{background:transparent}
.side{
 background:linear-gradient(165deg,#010713 0%,#061a37 62%,#063b43 135%)!important;
 border-right:1px solid rgba(103,176,230,.14);box-shadow:12px 0 38px rgba(0,0,0,.3)!important
}
.side .brand{border-bottom-color:rgba(132,177,235,.17)}
.brand img,.login-brand img,.saas-brand img,.admin-brand img{filter:drop-shadow(0 9px 24px rgba(20,202,224,.12))}
.tenant-card,.side .foot,.menu-group{
 border-color:rgba(111,183,255,.18)!important;
 background:linear-gradient(135deg,rgba(23,97,190,.15),rgba(29,194,177,.07))!important
}
.side nav a,.menu-links a{color:#b9c9df!important}
.side nav a:hover,.menu-links a:hover{border-color:rgba(82,224,241,.18)!important;background:rgba(23,111,194,.13)!important;color:#fff!important}
.side nav a.active,.menu-links a.active{
 border-color:rgba(87,230,236,.36)!important;background:linear-gradient(100deg,#0769dd,#118dc9 58%,#14a98f)!important;
 color:#fff!important;box-shadow:0 12px 28px rgba(0,15,45,.33)!important
}
.main{background:transparent}
.top,.card,.help-dialog,.saas-card,.saas-form,.saas-kpis article,.saas-module-link,.saas-module-card,.saas-meter>div,.saas-deal{
 border:1px solid rgba(132,177,235,.18)!important;
 background:linear-gradient(145deg,rgba(9,27,56,.95),rgba(4,15,34,.97))!important;
 box-shadow:0 16px 44px rgba(0,0,0,.2)!important
}
.top{backdrop-filter:blur(16px)}
.card:hover,.saas-card:hover,.saas-module-link:hover,.saas-module-card:hover{border-color:rgba(53,206,231,.4)!important}
.kpi:before{background:linear-gradient(90deg,#0678e8,#11c8df,#55edcf)}
.kpi:nth-child(2):before{background:linear-gradient(90deg,#11c8df,#55edcf)}
.btn,button,.saas-btn{
 border:1px solid rgba(68,213,235,.34)!important;background:linear-gradient(125deg,#0768e8,#128cd3 58%,#11bca8)!important;
 color:#fff!important;box-shadow:0 10px 24px rgba(5,92,206,.2)!important
}
.btn:hover,button:hover,.saas-btn:hover{border-color:rgba(111,247,233,.72)!important;filter:brightness(1.06)!important}
.btn.secondary,.saas-btn.light,.saas-logout button{
 border-color:rgba(132,177,235,.24)!important;background:rgba(10,31,64,.8)!important;color:#e9f3ff!important;box-shadow:none!important
}
.btn.green,.saas-btn.green{background:linear-gradient(120deg,#0788b8,#14b596)!important}
.btn.danger,.saas-btn.danger{border-color:rgba(255,113,130,.28)!important;background:rgba(174,40,62,.18)!important;color:#ff9aa8!important;box-shadow:none!important}
table,.saas-table{
 overflow:hidden;border-color:rgba(132,177,235,.18)!important;background:rgba(5,17,38,.9)!important;
 box-shadow:0 12px 36px rgba(0,0,0,.18)!important;color:#dce8f8
}
th,.saas-table th{border-color:rgba(132,177,235,.14)!important;background:rgba(15,48,92,.64)!important;color:#8fa7c5!important}
td,.saas-table td{border-color:rgba(132,177,235,.12)!important}
tbody tr:hover{background:rgba(21,100,188,.1)!important}
.form input,.form select,.form textarea,.filters input,.filters select,
.saas-form input,.saas-form select,.saas-form textarea,.saas-inline-form input,.saas-inline-form select,.saas-inline-form textarea,
.saas-mini-form input,.saas-mini-form select,.menu-tools input{
 border-color:rgba(132,177,235,.25)!important;background:#071831!important;color:#edf5ff!important
}
input::placeholder,textarea::placeholder{color:#6f84a1!important}
.form input:focus,.form select:focus,.form textarea:focus,
.saas-form input:focus,.saas-form select:focus,.saas-form textarea:focus{
 border-color:#2ccfe0!important;outline:0!important;box-shadow:0 0 0 4px rgba(28,199,224,.12)!important
}
.notice,.saas-notice{border-color:rgba(49,191,228,.28)!important;background:rgba(19,92,160,.16)!important;color:#acd7ec!important}
.notice.warning,.saas-notice.warn{border-color:rgba(240,190,78,.28)!important;background:rgba(138,92,12,.18)!important;color:#f0d69a!important}
.saas-notice.good{border-color:rgba(75,218,173,.3)!important;background:rgba(22,122,91,.16)!important;color:#9be6cb!important}
.saas-notice.bad{border-color:rgba(255,113,130,.28)!important;background:rgba(174,40,62,.16)!important;color:#ffb0ba!important}
.status,.saas-status,.saas-badge,.saas-country-lock{border:1px solid rgba(132,177,235,.16);background:rgba(21,61,111,.48)!important;color:#b8c9de!important}
.status.paid,.status.active,.status.approved,.saas-status.good{background:rgba(23,135,101,.2)!important;color:#72e1bb!important}
.status.overdue,.status.cancelled,.saas-status.bad{background:rgba(175,47,65,.2)!important;color:#ff9ead!important}
.saas-status.trial{background:rgba(106,83,216,.22)!important;color:#c4b8ff!important}
.saas-top{
 border-bottom-color:rgba(132,177,235,.16)!important;background:rgba(1,7,18,.88)!important;
 box-shadow:0 12px 40px rgba(0,0,0,.24);backdrop-filter:blur(22px) saturate(140%)
}
.saas-top nav a{border:1px solid transparent;color:#b9c8dc}
.saas-top nav a:hover,.saas-top nav a.active{border-color:rgba(70,206,231,.22);background:rgba(22,111,197,.14);color:#73e4e9}
.saas-user span{color:#f4f8ff}
.saas-switch,.saas-subnav{
 border-color:rgba(132,177,235,.18)!important;background:rgba(5,18,40,.9)!important;
 box-shadow:0 12px 35px rgba(0,0,0,.16)
}
.saas-switch a,.saas-subnav a{color:#9cafc8}
.saas-switch a.active,.saas-subnav a.active,.saas-subnav a:hover{background:linear-gradient(120deg,#0768e8,#12a7b6)!important;color:#fff}
.saas-icon{border:1px solid rgba(61,203,231,.2);background:linear-gradient(145deg,rgba(20,107,218,.2),rgba(29,219,210,.08));color:#56e7df}
.saas-card.highlight{border-color:rgba(77,221,221,.5)!important;box-shadow:0 18px 48px rgba(8,117,166,.15)!important}
.saas-column{border-color:rgba(132,177,235,.17);background:rgba(8,27,57,.85)}
.saas-clean-list li,.saas-empty{border-color:rgba(132,177,235,.17);background:rgba(9,31,63,.65);color:var(--muted)}
.saas-chip-list span{border-color:rgba(132,177,235,.2);background:#081a35;color:#dbe8f8}
.help-overlay{background:rgba(0,4,13,.78)}
.help-dialog p,.help-dialog ol{color:#b8c7da}
.help-note{border-color:#38d2b0;background:rgba(27,128,101,.16);color:#a8ddca}
.help-close,.context-help{border-color:rgba(74,198,230,.3)!important;background:rgba(16,72,130,.62)!important;color:#72e6ed!important}

/* Help dialogs are reading surfaces, so keep them light and calm in every theme. */
.help-overlay{background:rgba(8,24,52,.48)!important;backdrop-filter:blur(5px)}
.help-overlay .help-dialog{
 border:1px solid #d7e5f3!important;background:linear-gradient(155deg,#fff 0%,#f7fbff 100%)!important;
 color:#102442!important;box-shadow:0 30px 90px rgba(7,27,69,.24)!important
}
.help-overlay .help-dialog h2{color:#0b2347!important}
.help-overlay .help-dialog p,.help-overlay .help-dialog ol,.help-overlay .help-dialog li{color:#425773!important}
.help-overlay .help-dialog h3{color:#1769d2!important}
.help-overlay .help-dialog .help-note{
 border-color:#2cc9a8!important;background:#eaf9f5!important;color:#285f54!important
}
.help-overlay .help-dialog .help-note b{color:#087c68!important}
.help-overlay .help-dialog small{color:#6d7f96!important}
.help-overlay .help-dialog .help-close{
 border:1px solid #b9d4ee!important;background:#eaf4ff!important;color:#1263ae!important;box-shadow:none!important
}
.login{min-height:100vh}
.login .card{width:min(470px,100%);padding:40px;border-color:rgba(92,178,231,.24)!important;background:rgba(5,17,38,.94)!important;box-shadow:0 30px 90px rgba(0,0,0,.46)!important;backdrop-filter:blur(18px)}
.login h1{color:#fff}
.login label{color:#c9d7e9}
.login input{border-color:rgba(132,177,235,.26)!important;background:#071831!important;color:#f2f7ff!important}
.login .eyebrow,.saas-eyebrow,.top .eyebrow,.saas-group{color:#5be8e1!important}
dialog,.infi-panel,.infi-drawer,.infivo-modal,.command-palette{
 border-color:rgba(132,177,235,.2)!important;background:#071329!important;color:#eaf2ff!important
}
@media(max-width:820px){
 .side{background:linear-gradient(120deg,#010713,#082a50)!important}
 .saas-top{gap:12px}.saas-top nav{padding-top:8px;border-top:1px solid rgba(132,177,235,.13)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
@media print{
 :root{color-scheme:light}body,body.saas-body,.login{background:#fff!important;color:#111!important}
 .side,.saas-top,.top,.actions,.btn,button{box-shadow:none!important}
 .card,.saas-card,table,.saas-table{background:#fff!important;color:#111!important;border-color:#ccc!important;box-shadow:none!important}
 h1,h2,h3,h4,h5,h6,p,td,th{color:#111!important}
}