/* Shared visual treatment from the PitFlow backoffice sidebar. */
#app .sidebar nav a{min-height:44px;gap:12px}
#app .sidebar nav a>span{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(22,145,255,.22),rgba(12,74,140,.12));border:1px solid rgba(69,166,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.12);color:#72baff;transition:all .18s ease}
#app .sidebar nav a>span svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#app .sidebar nav a:hover>span{color:#fff;background:linear-gradient(145deg,#118dff,#0862bd);border-color:#31a2ff;box-shadow:0 0 0 3px rgba(17,141,255,.10),0 6px 16px rgba(0,92,190,.28);transform:translateY(-1px)}
#app .sidebar nav a.active>span{color:#fff;background:linear-gradient(145deg,#24a4ff,#0871d8);border-color:#56b8ff;box-shadow:0 0 0 3px rgba(32,158,255,.14),0 7px 18px rgba(0,82,180,.32)}
#app .sidebar nav a.active{background:linear-gradient(90deg,#0756ad,#0b477f)}
#app .office-kpis article>i{width:48px;height:48px;flex:0 0 48px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#168bff,#0560c7);box-shadow:inset 0 1px 0 #ffffff18,0 6px 14px #0002;color:#fff}
#app .office-kpis article>i svg{width:24px;height:24px;stroke-width:1.8}
#app .office-kpis .indigo>i{background:linear-gradient(145deg,#1185e9,#0759aa)}
#app .office-kpis .amber>i{background:linear-gradient(145deg,#eeb12c,#a46d12)}
#app .office-kpis .green>i{background:linear-gradient(145deg,#14c993,#087c65)}
#app .office-kpis .teal>i{background:linear-gradient(145deg,#168cc8,#07609a)}
@media(max-width:1300px){#app .office-kpis article>i{width:38px;height:38px;flex-basis:38px}#app .office-kpis article>i svg{width:22px;height:22px}}
@media(max-width:760px){#app .office-kpis article>i{width:28px;height:32px;flex-basis:28px;border-radius:6px}#app .office-kpis article>i svg{width:19px;height:19px}}