/* Scoped to the approved dashboard and employee drawer. Sidebar stays unchanged. */
.fa-home{--fa-wine:#af0034;--fa-ink:#11182b;--fa-muted:#6b7c9b;--fa-line:#dfe5ee;color:var(--fa-ink)}
body.fac-redesign .fa-home{max-width:none;margin:0 auto;font-size:12px}
.fa-home button,.fa-drawer button{cursor:pointer}.fa-home svg,.fa-drawer svg{width:22px;height:22px;flex-shrink:0}
.fa-hero{display:grid;grid-template-columns:minmax(270px,1.1fr) minmax(180px,.7fr) minmax(270px,.9fr) minmax(270px,1fr);gap:12px;align-items:center;margin:0 0 16px}
.fa-eyebrow{font-size:11px;font-weight:750;color:var(--fa-wine)}body.fac-redesign #appView .fa-hero h1{font-size:25px!important;margin:8px 0 5px;letter-spacing:-1px}.fa-hero p{margin:0;color:var(--fa-muted);font-size:13px}
.fa-signal{display:flex;align-items:center;gap:12px;border:1px solid #d6eee3;border-radius:7px;background:#edfaf3;color:#00964e;padding:14px;text-align:left}.fa-signal>i{width:19px;height:19px;border-radius:50%;background:currentColor;flex-shrink:0}.fa-signal span{flex:1}.fa-signal b{font-size:14px;display:block;white-space:nowrap}.fa-signal small{display:block;font-size:10px;margin-top:5px}.fa-signal.attention{background:#fff7e8;border-color:#f5dfac;color:#a46c00}.fa-signal.critical{background:#fff0f2;border-color:#f4c0cc;color:#af0034}.fa-signal.unknown{background:#eef1f5;border-color:#dbe0e8;color:#607087}
.fa-health{display:flex;gap:14px;padding:14px;background:#ffffffed;border-radius:7px;z-index:1}.fa-health span{font-size:10px;color:var(--fa-muted);white-space:nowrap}.fa-health b{display:block;font-size:18px;margin-bottom:4px;color:#b00034}.fa-health span:first-child b{color:#11182b}
.fa-banner{height:94px;display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 18px;background:linear-gradient(100deg,#fff1,#fffffff0),url('images/coord-edificio-moderno.webp') center 43%/cover;border-radius:7px}.fa-banner>b{font-size:15px;line-height:1.2;max-width:200px}.fa-banner>div{text-align:center;flex-shrink:0}.fa-banner img{width:42px;height:48px;object-fit:contain;display:block;margin:0 auto 4px}.fa-banner strong{font-size:14px;display:block}
.fa-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) .82fr;gap:12px;margin-bottom:14px}.fa-metric{display:flex;align-items:center;gap:16px;border:1px solid var(--fa-line);border-radius:7px;background:#fff;padding:15px;text-align:left;min-width:0}.fa-metric i{width:48px;height:48px;border-radius:14px;background:#fbe8ef;color:#b00034;display:grid;place-items:center}.fa-metric svg{width:29px;height:29px}.fa-metric span{display:flex;flex-direction:column;gap:3px}.fa-metric small{font-size:12px;color:var(--fa-muted)}.fa-metric strong{font-size:26px;color:var(--fa-ink);line-height:1.15}.fa-metric .fa-date{font-size:10px}.fa-metric.blue i{background:#e9f2ff;color:#0788ff}.fa-metric.green i{background:#e5f7ee;color:#00a761}.fa-metric.amber i{background:#fff4e2;color:#d87e00}.fa-new{background:linear-gradient(120deg,#b30038,#990029);border:0;border-radius:7px;color:#fff;font-weight:700;font-size:14px}
.fa-operation{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(200px,.75fr) minmax(285px,1.1fr);gap:12px;align-items:stretch}.fa-aside{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}.fa-card{border:1px solid var(--fa-line);border-radius:7px;background:#fff;padding:14px;min-width:0}.fa-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.fa-card h2{display:flex;align-items:center;gap:8px;margin:0;line-height:1.25}.fa-card h2 svg{color:#af0034;width:20px;height:20px}body.fac-redesign #appView .fa-card h2{font-size:15px!important}.fa-link{border:0;background:none;color:#b00034;font-size:10px;font-weight:650;padding:4px 0;white-space:nowrap}.fa-outline{border:1px solid #eab7c6;color:#a80033;border-radius:5px;background:white;padding:7px 10px;font-size:11px;font-weight:650;text-decoration:none;display:inline-block}.fa-empty{font-size:12px;line-height:1.6;color:#728097;padding:12px 0}.fa-note{font-size:10px!important;color:#77849a;line-height:1.5;margin:10px 0 0}.fa-warning{padding:12px;background:#fff4df;color:#835100;border-radius:6px}.fa-next{padding:14px 0}.fa-next>header{padding:0 12px}.fa-movement{border:0;border-top:1px solid #edf0f5;background:#fff;display:grid;grid-template-columns:40px 15px 1fr;gap:8px;text-align:left;width:100%;padding:23px 12px;align-items:center;font-size:12px;color:#24324a}.fa-movement small{display:block;font-size:10px;line-height:1.5;color:#71819c;margin-top:6px}.fa-movement i{width:10px;height:12px;border:2px solid #29bd83;background:#d5f3e5;border-radius:3px;position:relative}.fa-movement i:after{content:'';height:35px;width:1px;background:currentColor;position:absolute;left:3px;top:-13px;color:#9cbacb}.fa-movement i.out{border-color:#1688fa;background:#e5f1ff}
.fa-team{display:flex;align-items:center;gap:20px}.fa-ring{width:110px;height:110px;border-radius:50%;background:conic-gradient(#05b96d var(--portion),#c8dcf7 0);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.fa-ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:white}.fa-ring strong,.fa-ring small{position:relative}.fa-ring strong{font-size:29px}.fa-ring small{font-size:10px;color:#687b99}.fa-team dl{flex:1;margin:0;font-size:11px}.fa-team dl>div{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.fa-team dt{color:#627594}.fa-team dd{font-weight:750;margin:0}.fa-alert{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f5;padding:7px 0}.fa-alert>i{color:#d98600;background:#fff5e5;padding:4px;border-radius:50%;display:flex}.fa-alert i svg{width:15px;height:15px}.fa-alert>div{flex:1;min-width:0}.fa-alert b{font-size:11px;font-weight:550}.fa-alert small{display:block;font-size:9px;color:#6d7f9d;margin-top:2px}.fa-alerts{padding-bottom:8px}.fa-alerts>header{background:#fff8ed;margin:-14px -14px 0;padding:12px;border-radius:7px 7px 0 0}.fa-alerts h2 svg{color:#d08000}
.fa-bottom{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;margin-top:14px}.fa-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 14px}.fa-summary>div{padding:0 12px;border-left:1px solid #dfe5ee;text-align:center}.fa-summary>div:first-child{border:0}.fa-summary b{font-size:25px}.fa-summary small{display:block;font-size:10px;color:#6f819b;margin-top:6px}.fa-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:20px}.fa-shortcuts button{background:#eaf3ff;color:#0060cc;border:0;border-radius:9px;padding:12px 4px;display:flex;align-items:center;flex-direction:column;gap:9px;min-height:85px}.fa-shortcuts button:first-child{background:#f1eaff;color:#6230bc}.fa-shortcuts button:nth-child(3){background:#e9f7ef;color:#316860}.fa-shortcuts button:nth-child(5){background:#fff5e6;color:#b37b00}.fa-shortcuts b{font-size:10px}.fa-shortcuts svg{width:27px;height:27px}.fa-activity{display:grid;grid-template-columns:10px minmax(0,1fr) 100px 35px;gap:8px;align-items:center;width:100%;background:#fff;border:0;border-bottom:1px solid #edf0f5;padding:10px 0;text-align:left;font-size:10px;color:#22314b}.fa-activity b{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-activity small,.fa-activity time{font-size:9px;color:#6b7e9f}.fa-activity i{width:10px;height:10px;border-radius:50%;background:#24c989}.fa-activity i.out{background:#238efa}.fa-agenda{margin-top:14px}.fa-agenda>summary{cursor:pointer;color:#6f7b91;font-size:11px;padding:10px 0}.fa-agenda-content{margin-top:8px}
body.fac-redesign .fa-home #facTimeline{padding:14px;margin:0;border-radius:7px;overflow:hidden}body.fac-redesign .fa-home #facTimeline h2{font-size:19px!important}.fa-home #facTimeline .ft-scroll{max-height:370px}.fa-home #facTimeline .ft-agenda{min-width:650px}.fa-home #facTimeline .ft-axis,.fa-home #facTimeline .ft-row{grid-template-columns:145px minmax(0,1fr)}.fa-home #facTimeline .ft-clock-area{left:145px}.fa-home #facTimeline .ft-clock{border-left:2px dashed #df124d}.fa-home #facTimeline .ft-clock b{color:#fff;background:#c4003b;border-radius:5px;padding:5px;top:-25px}.fa-home #facTimeline .ft-person{border:0;background:white;text-align:left;color:#182039;width:100%;padding:6px 6px 6px 0;gap:8px}.fa-home #facTimeline .ft-person b{font-size:11px}.fa-home #facTimeline .ft-person i{width:29px;height:29px}.fa-home #facTimeline .ft-row,.fa-home #facTimeline .ft-track{min-height:var(--height)}.fa-home #facTimeline .ft-bar{height:31px;padding:3px 7px}.fa-home #facTimeline .ft-bar b{font-size:10px}.fa-home #facTimeline .ft-note{font-size:9px;margin-top:12px}.fa-home #facTimeline .ft-axis{height:43px}.fa-home #facTimeline .ft-legend{gap:12px;font-size:10px;margin:10px 0 18px}.fa-home #facTimeline .ft-tools{font-size:10px}.fa-home #facTimeline .ft-bar:focus-visible{z-index:5}
body.fa-drawer-open{overflow:hidden}.fa-drawer{--fa-ink:#11182b;position:fixed;inset:0 0 0 auto;margin:0;padding:24px 20px;width:690px;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #e0e5ed;border-radius:0;background:#fff;color:#15203a;overflow:auto;box-shadow:-12px 0 45px #18203926;font:12px Inter,"Segoe UI",Arial,sans-serif;box-sizing:border-box}.fa-drawer *{box-sizing:border-box}.fa-drawer::backdrop{background:#15203580}.fa-dhead{display:flex;align-items:center;gap:16px;padding-right:22px}.fa-dhead>i{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#fbe9ef;color:#b00034;font-style:normal;font-size:22px;font-weight:750;flex-shrink:0}.fa-dhead h2{font-size:20px;line-height:1.4;margin:0 0 4px}.fa-dhead h2 span{display:inline-block;font-size:10px;background:#e4f5eb;color:#008c4c;padding:3px 7px;border-radius:5px;vertical-align:middle}.fa-dhead small{font-size:11px;color:#6f7f99}.fa-close{border:0;background:#f4f5f8;border-radius:7px;font-size:23px;position:absolute;right:16px;top:22px;width:30px;height:30px;color:#23304b}.fa-dactions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin:24px 0 22px}.fa-solid{background:#b00034;color:#fff;border:1px solid #b00034;border-radius:6px;padding:9px 15px;font-size:11px;text-decoration:none;font-weight:650;display:inline-block}.fa-dactions .fa-outline{padding:9px 15px}.fa-dtabs{display:flex;padding:0;background:#f5f6f8;border-radius:7px;margin-bottom:20px;overflow:auto}.fa-dtabs button{flex:1;white-space:nowrap;border:0;background:transparent;border-radius:6px;color:#415471;padding:10px 8px;font-size:10px}.fa-dtabs button.active{background:#b00034;color:#fff;font-weight:700}.fa-dcolumns{display:grid;grid-template-columns:1fr 1.06fr;gap:12px}.fa-dcolumns>div{min-width:0}.fa-dcard{border:1px solid #e1e7ef;border-radius:6px;padding:12px;margin-bottom:8px;min-width:0}.fa-dcard header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.fa-dcard h3{font-size:14px;margin:0;color:#11182b}.fa-dcard dl{margin:0}.fa-dcard dl>div{display:grid;grid-template-columns:42% minmax(0,1fr);gap:8px;font-size:11px;line-height:1.5;margin:9px 0}.fa-dcard dt{color:#6b7d9a}.fa-dcard dd{margin:0;overflow-wrap:anywhere}.fa-dcard p{line-height:1.6}.fa-dservice{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;border:0;background:#eaf3ff;border-radius:6px;padding:12px;text-align:left;color:#304560;margin-bottom:10px;font-size:10px}.fa-dservice.in_service{background:#e7f6ee}.fa-dservice.pending,.fa-dservice.uncovered{background:#fff3df}.fa-dservice strong{font-size:10px;color:#087ac5;text-align:right}.fa-dservice small{text-align:right;font-size:10px;color:#6983a7}.fa-dservice span{color:#688099}.fa-wide{width:100%;margin-top:10px}.fa-location{padding:18px 12px;background:linear-gradient(135deg,#eef2f6,#f7f8fa);border-radius:6px}.fa-observations{background:#f5f6f9;color:#687b98;padding:12px;border-radius:6px;white-space:pre-wrap}.fa-unlock{background:#f5f6f9;padding:12px;border-radius:6px;margin-top:12px;color:#687b98;font-size:11px;line-height:1.5}.fa-unlock input{display:block;min-width:0;width:100%;border:1px solid #d8dfe9;background:white;border-radius:5px;padding:8px;margin:8px 0}.fa-unlock p{margin:5px 0}.fa-history{border-bottom:1px solid #e8ecf3;padding:12px 0}.fa-history>b,.fa-history>span{display:block;margin-bottom:5px}.fa-history>span{color:#76849b;font-size:11px}.fa-drawer :focus-visible{outline:3px solid #a80d36;outline-offset:2px}.fa-drawer button:disabled{opacity:.5;cursor:wait}
@media(min-width:1900px){.fa-home #facTimeline .ft-scroll{max-height:430px}}
@media(max-width:1600px){.fa-hero{grid-template-columns:1.2fr .9fr 1.1fr}.fa-banner{grid-column:1/-1;height:75px;justify-content:flex-end;background-position:center 42%}.fa-operation{grid-template-columns:minmax(0,2.4fr) minmax(180px,.8fr) minmax(260px,1fr)}.fa-team{gap:10px}.fa-ring{width:86px;height:86px}.fa-team dl{font-size:10px}.fa-bottom{grid-template-columns:1fr 1fr}.fa-bottom>.fa-card:last-child{grid-column:1/-1}.fa-activity{grid-template-columns:10px minmax(0,1fr) 150px 45px}}
@media(max-width:1250px){.fa-operation{grid-template-columns:minmax(0,2fr) minmax(210px,1fr)}.fa-aside{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.fa-hero{grid-template-columns:1fr 1fr}.fa-health{grid-column:1}.fa-banner{grid-column:2;grid-row:2}.fa-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.fa-new{grid-column:1/-1;padding:13px}.fa-metric{padding:12px;gap:9px}.fa-metric i{width:36px;height:36px}}
@media(max-width:760px){.fa-hero{grid-template-columns:1fr}.fa-health,.fa-banner{grid-column:auto;grid-row:auto}.fa-health{justify-content:space-between;gap:8px}.fa-banner{height:90px}.fa-hero h1{font-size:23px!important}.fa-metrics{grid-template-columns:1fr 1fr;gap:8px}.fa-metric{gap:8px;padding:10px}.fa-metric small{font-size:10px}.fa-metric strong{font-size:24px}.fa-metric .fa-date{font-size:9px}.fa-operation,.fa-aside,.fa-bottom{grid-template-columns:1fr}.fa-aside{grid-column:auto}.fa-bottom>.fa-card:last-child{grid-column:auto}.fa-shortcuts{grid-template-columns:repeat(3,1fr)}.fa-next .fa-movement{padding:16px 12px}.fa-summary>div{padding:0 6px}.fa-summary b{font-size:22px}.fa-activity{grid-template-columns:8px minmax(0,1fr) 75px 32px;gap:6px}.fa-drawer{width:100%;padding:22px 14px}.fa-dcolumns{grid-template-columns:1fr}.fa-dhead h2{font-size:18px}.fa-dactions{gap:8px;flex-wrap:wrap}.fa-dtabs button{padding:12px 10px}.fa-dcard dl>div{font-size:12px}.fa-drawer .fa-close{top:14px;right:10px}}

body.fac-redesign #appView:not(.employee-mode) #panelDashboard .fa-card h2{font-size:15px!important;line-height:1.3!important}body.fac-redesign #appView:not(.employee-mode) #panelDashboard .fa-hero h1{font-size:25px!important}body.fac-redesign #appView:not(.employee-mode) #panelDashboard #facTimeline h2{font-size:19px!important}

.fa-home #facTimeline .fa-now-label{position:absolute;top:0;transform:translateX(-50%);border-radius:5px;background:#c4003b;color:white;font-size:10px;white-space:nowrap;padding:5px;z-index:6}.fa-home #facTimeline .ft-clock b{display:none}
@media(max-width:820px){body.fac-redesign #appView:not(.mobile-menu-open):not(.employee-mode)>.sidebar{visibility:hidden!important}body.fac-redesign #appView.mobile-menu-open:not(.employee-mode)>.sidebar{visibility:visible!important}}

/* Wide desktop viewports, including a full-HD screen at 70% browser zoom.
   Preserve compact navigation; let the employee sheet use available space. */
@media(min-width:1800px){
 .fa-drawer{width:clamp(760px,36vw,1040px);padding:28px;font-size:14px}
 .fa-dhead h2{font-size:25px}.fa-dhead small{font-size:13px}
 .fa-dhead>i{width:64px;height:64px;font-size:25px}
 .fa-dhead h2 span{font-size:12px}.fa-close{width:36px;height:36px;font-size:26px}
 .fa-dcolumns{gap:18px}.fa-dcard{padding:17px;margin-bottom:12px}
 .fa-dcard h3{font-size:17px}.fa-dcard header{margin-bottom:14px}
 .fa-dcard dl>div{font-size:14px;line-height:1.55;margin:10px 0;grid-template-columns:43% minmax(0,1fr)}
 .fa-drawer .fa-outline,.fa-drawer .fa-solid{font-size:13px;padding:10px 14px}
 .fa-dtabs button{font-size:13px;padding:13px 10px}
 .fa-dservice{font-size:14px;padding:16px;gap:8px}
 .fa-dservice strong,.fa-dservice small{font-size:12px}
 .fa-drawer .fa-note{font-size:12px!important}.fa-unlock{font-size:13px;padding:15px}
 .fa-unlock input{padding:11px}.fa-history>span{font-size:13px}
 .fa-dactions{margin:22px 0}.fa-dtabs{margin-bottom:18px}
 .fa-home{--fa-muted:#5e708d}
 .fa-metric small{font-size:14px}.fa-metric .fa-date{font-size:12px}
 .fa-health span{font-size:12px}.fa-health b{font-size:21px}
 .fa-signal b{font-size:16px}.fa-signal small{font-size:12px}
 .fa-home .fa-link{font-size:12px}.fa-home .fa-empty{font-size:14px;padding:12px}
 .fa-home .fa-note{font-size:12px!important}.fa-home .fa-outline{font-size:12px}
 .fa-team dl{font-size:13px}.fa-ring{width:125px;height:125px}.fa-ring small{font-size:12px}
 .fa-alert b{font-size:13px}.fa-alert small{font-size:12px;line-height:1.4}
 .fa-alert{padding:9px 0}.fa-movement{font-size:14px}.fa-movement small{font-size:12px}
 .fa-summary small{font-size:12px}.fa-shortcuts b{font-size:12px}
 .fa-activity{font-size:12px;grid-template-columns:10px minmax(0,1fr) 120px 42px}
 .fa-activity small,.fa-activity time{font-size:11px}.fa-agenda>summary{font-size:12px}
 body.fac-redesign #appView:not(.employee-mode) #panelDashboard .fa-card h2{font-size:18px!important}
 .fa-home #facTimeline .ft-person b{font-size:13px}
 .fa-home #facTimeline .ft-bar b{font-size:12px}.fa-home #facTimeline .ft-bar small{font-size:11px}
 .fa-home #facTimeline .ft-bar{height:34px}.fa-home #facTimeline .ft-row,.fa-home #facTimeline .ft-track{min-height:max(var(--height),50px)}
 .fa-home #facTimeline .ft-axis,.fa-home #facTimeline .ft-row{grid-template-columns:175px minmax(0,1fr)}
 .fa-home #facTimeline .ft-clock-area{left:175px}
 .fa-home #facTimeline .ft-tools,.fa-home #facTimeline .ft-legend,.fa-home #facTimeline .ft-axis span{font-size:12px}
 .fa-home #facTimeline .ft-note{font-size:11px}.fa-home #facTimeline .fa-now-label{font-size:12px}
 .fa-home #facTimeline .ft-scroll{max-height:clamp(430px,40vh,600px)}
}