/* FAC OPS RC228 · fidelidad visual del Dashboard Mac */
:root{--sidebar:344px!important}
.app:not(.employee-mode){padding:18px!important}.app:not(.employee-mode):before{inset:18px!important;border-radius:30px!important}.app:not(.employee-mode) aside.sidebar{left:18px!important;top:18px!important;bottom:18px!important;width:var(--sidebar)!important;padding:20px 18px 16px!important;border-radius:28px 0 0 28px!important}.app:not(.employee-mode) main.main{margin-left:var(--sidebar)!important;width:calc(100vw - var(--sidebar) - 36px)!important;min-height:calc(100vh - 36px)!important;border-radius:0 28px 28px 0!important}
.sidebar .side-brand{padding:8px 10px 15px!important}.sidebar .fac-official-shield{width:52px!important;height:52px!important}.sidebar .side-brand strong{font-size:21px!important}.sidebar .side-brand small{font-size:12px!important}.fac225-search{height:43px!important;border-radius:14px!important;padding:0 12px!important}.fac225-search input{font-size:13px!important}.fac225-new{height:43px!important;border-radius:14px!important;font-size:13px!important}.app:not(.employee-mode) #mainNav.side-nav .nav-btn{min-height:43px!important;height:43px!important;padding:0 13px!important;border-radius:13px!important;font-size:14px!important;gap:12px!important}.app:not(.employee-mode) #mainNav.side-nav .nav-section{margin:14px 10px 5px!important;font-size:10px!important}.app:not(.employee-mode) #mainNav.side-nav .nav-ico{width:23px!important;height:23px!important}.app:not(.employee-mode) #mainNav.side-nav .nav-ico svg{width:20px!important;height:20px!important}.sidebar .side-user-card{padding:10px!important;border-radius:16px!important}.sidebar .avatar{width:44px!important;height:44px!important}
.app:not(.employee-mode) .topbar{min-height:92px!important;height:92px!important;padding:17px 25px!important}.topbar .menu-btn{width:42px!important;height:42px!important}.top-left h1{font-size:19px!important}.top-left p{font-size:12px!important}.fac225-page-context{min-width:220px!important;height:44px!important;border-radius:14px!important;font-size:13px!important}.date-control,.top-actions .outline-btn,.top-actions .bell-btn{height:44px!important;border-radius:13px!important;font-size:12px!important}.top-actions .bell-btn{width:44px!important}.top-actions #logoutBtn:before{font-size:12px!important}
.app:not(.employee-mode) #panelDashboard{padding:20px 22px 24px!important}.fac225-priorities{margin-bottom:16px!important;padding:22px!important;border-radius:22px!important;box-shadow:0 15px 38px rgba(55,26,36,.055),inset 0 1px #fff!important}.fac225-priority-head{margin-bottom:17px!important}.fac225-priority-head h1{font-size:24px!important}.fac225-priority-head p{margin-top:5px!important;font-size:11px!important}.fac225-live{padding:8px 12px!important;font-size:9px!important}.fac225-priority-kpis{gap:12px!important}.fac225-priority-kpi{min-height:94px!important;border-radius:17px!important;padding:14px!important;gap:12px!important}.fac225-priority-kpi>i{width:52px!important;height:52px!important;border-width:5px!important;font-size:25px!important}.fac225-priority-kpi small{font-size:9px!important}.fac225-priority-kpi b{margin:6px 0 3px!important;font-size:27px!important}.fac225-priority-kpi em{font-size:9px!important}.fac225-priority-panels{gap:13px!important;margin-top:13px!important}.fac225-priority-panels article{border-radius:17px!important;padding:13px!important}.fac225-priority-panels header{padding:1px 5px 11px!important}.fac225-priority-panels header b{font-size:12px!important}.fac225-priority-panels article>div{border-radius:12px!important}.fac225-priority-panels article>div button{min-height:48px!important;padding:8px 11px!important}.fac225-priority-panels strong{font-size:10px!important}.fac225-priority-panels small{font-size:8px!important}.fac225-priority-panels em{padding:7px 10px!important;font-size:8px!important}.fac225-priority-panels a{margin:10px 5px 1px!important;font-size:9px!important}
.fac228-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.fac228-dashboard-grid>main{min-width:0}.fac228-dashboard-grid>aside{display:flex;flex-direction:column;gap:14px;min-width:0}.fac228-dashboard-grid .dash-centers{margin:0!important;padding:18px!important;border-radius:22px!important}.fac228-dashboard-grid .dash-centers-head{margin-bottom:14px!important}.fac228-dashboard-grid .dash-centers-head h2{font-size:23px!important}.fac228-dashboard-grid .dash-centers-head p{font-size:11px!important}.fac228-dashboard-grid .dash-center-actions button{padding:11px 15px!important;border-radius:13px!important;font-size:11px!important}.fac228-dashboard-grid .dash-compact-summary{min-height:48px!important;margin-bottom:12px!important;border-radius:15px!important}.fac228-dashboard-grid .dash-compact-summary span{font-size:10px!important}.fac228-dashboard-grid .dash-compact-summary b{font-size:18px!important}.fac228-dashboard-grid .dash-supply-widget{min-height:72px!important;border-radius:16px!important}.fac228-dashboard-grid .dash-center-kanban{gap:12px!important;margin-top:12px!important}.fac228-dashboard-grid .dash-center-column{min-height:250px!important;border-radius:17px!important;padding:11px!important}.fac228-dashboard-grid .dash-center-column-list{height:195px!important;min-height:195px!important;max-height:195px!important}.fac228-dashboard-grid .dash-center-column-head h3{font-size:13px!important}.fac228-dashboard-grid .dash-center-card{border-radius:15px!important;padding:13px!important}.fac228-dashboard-grid .dash-center-top h3{font-size:13px!important}.fac228-dashboard-grid .dash-center-top small{font-size:9px!important}.fac228-dashboard-grid .dash-center-metrics strong{font-size:16px!important}.fac228-dashboard-grid .dash-center-metrics span{font-size:8px!important}
.fac228-side-card,.fac228-dashboard-grid .fac-ai-side-card{border:1px solid rgba(83,52,63,.09)!important;border-radius:20px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 12px 30px rgba(55,26,36,.05),inset 0 1px #fff!important;overflow:hidden}.fac228-side-card>header{height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid rgba(83,52,63,.08)}.fac228-side-card>header>div{display:flex;align-items:center;gap:8px}.fac228-side-card>header i{color:#e39800;font-style:normal;font-size:20px}.fac228-side-card h3{margin:0;font-size:13px}.fac228-side-card header button,.fac228-dashboard-grid .fac-ai-side-head button{border:1px solid rgba(169,15,49,.12)!important;border-radius:9px!important;background:#fff8fa!important;color:#a90f31!important;padding:7px 9px!important;font-size:8px!important;font-weight:900!important}.fac228-side-card>div{padding:3px 14px 9px}.fac228-side-card>div>button{width:100%;min-height:52px;display:grid;grid-template-columns:9px 1fr;gap:9px;align-items:center;border:0;border-bottom:1px solid rgba(83,52,63,.07);background:transparent;text-align:left;cursor:pointer}.fac228-side-card>div>button:last-child{border-bottom:0}.fac228-side-card>div>button>i{width:8px;height:8px;border-radius:50%;background:#e52045}.fac228-side-card b{display:block;font-size:10px}.fac228-side-card small{display:block;margin-top:3px;color:#867a7f;font-size:8px}.fac228-side-card p{padding:20px;text-align:center;color:#82767b;font-size:10px}.fac228-dashboard-grid .fac-ai-side-card{padding:14px!important}.fac228-dashboard-grid .fac-ai-side-head h3{font-size:13px!important}.fac228-dashboard-grid .fac-ai-absence-total b{font-size:29px!important}.fac228-dashboard-grid .fac-ai-absence-total span{font-size:10px!important}.fac228-dashboard-grid .fac-ai-absence-row{min-height:55px!important}.fac228-dashboard-grid .fac-ai-absence-row strong{font-size:10px!important}.fac228-dashboard-grid .fac-ai-absence-row small,.fac228-dashboard-grid .fac-ai-absence-row em{font-size:8px!important}.fac228-dashboard-grid .fac-ai-avatar{width:31px!important;height:31px!important}
@media(max-width:1450px){:root{--sidebar:320px!important}.fac225-priority-kpis{grid-template-columns:repeat(3,1fr)!important}.fac228-dashboard-grid{grid-template-columns:1fr}.fac228-dashboard-grid>aside{display:grid;grid-template-columns:1fr 1fr}.fac228-dashboard-grid .dash-center-column-list{height:250px!important;max-height:250px!important}}
@media(max-width:900px){.app:not(.employee-mode) aside.sidebar{width:310px!important}.app:not(.employee-mode) main.main{margin-left:0!important;width:100%!important}.fac228-dashboard-grid>aside{grid-template-columns:1fr}.fac225-priority-kpis{grid-template-columns:1fr 1fr!important}}
