.fg-app{--fg:#155e75;--fg-light:#eaf6f7;color:#183342}.fg-hero{display:flex;justify-content:space-between;align-items:center;padding:28px;border:1px solid #d7e8ec;border-radius:16px;background:linear-gradient(115deg,#edf8f8,#fff);margin-bottom:20px}.fg-hero h2{margin:8px 0;font-size:1.6rem}.fg-hero p,.fg-kpi span,.fg-kpi small{color:#57717e}.fg-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--fg)}.fg-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #d9e5e9;margin-bottom:22px;padding-bottom:8px}.fg-tabs button{white-space:nowrap;border:0;border-radius:8px;background:transparent;padding:12px 15px;color:#426170;font-weight:700;cursor:pointer}.fg-tabs button.active{background:var(--fg);color:white}.fg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.fg-kpi{border:1px solid #dce7eb;background:white;padding:22px;border-radius:12px;display:flex;flex-direction:column;gap:9px}.fg-kpi strong{font-size:1.5rem}.fg-kpi span,.fg-kpi small{font-size:.78rem}.fg-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.fg-offer{border-bottom:1px solid #e2ebee;padding:16px 0}.fg-offer p{font-size:.83rem;color:#5a727d;line-height:1.6}.fg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.fg-toolbar form,.fg-toolbar>div{display:flex;gap:8px}.fg-toolbar input{min-width:220px}.fg-table{overflow:auto;border:1px solid #dce7eb;border-radius:12px;background:white}.fg-table table{width:100%;border-collapse:collapse}.fg-table th{text-align:left;background:#f3f8fa;color:#486674;font-size:.72rem;padding:14px}.fg-table td{padding:14px;border-top:1px solid #e7eef1;font-size:.82rem}.fg-table small{display:block;margin-top:5px;color:#68808a}.fg-link{border:0;background:none;text-align:left;color:#0f617c;font-weight:750;cursor:pointer;padding:0}.fg-badge{display:inline-block;border-radius:6px;background:#edf2f5;color:#526c78;padding:5px 8px;font-size:.67rem;font-weight:750;margin:3px}.fg-alta,.fg-cobrado,.fg-activo,.fg-confirmada{background:#e2f4ec;color:#166444}.fg-media,.fg-pendiente,.fg-en_calificacion{background:#fff3d8;color:#886513}.fg-cancelada,.fg-perdido,.fg-no_presentado{background:#fbe8e8;color:#963e3e}.fg-appointment{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e3ecef;padding:15px 0}.fg-appointment p{margin:7px 0}.fg-appointment small{color:#627b88}.fg-appointment>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.fg-calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fg-day{padding:15px;border:1px solid #deeaef;border-radius:10px;background:#fff}.fg-day .fg-appointment{display:block;font-size:.75rem}.fg-day .fg-appointment>div:last-child{align-items:flex-start}.fg-day>.muted{font-size:.7rem}.fg-empty{padding:45px;text-align:center;color:#6b818e;background:#f8fbfc;border-radius:12px}.fg-app dl{display:grid;grid-template-columns:180px 1fr;gap:10px;font-size:.83rem}.fg-app dt{font-weight:700}.fg-app dd{margin:0}.fg-pre{white-space:pre-wrap;line-height:1.65}.fg-dialog{width:min(760px,94vw);max-height:92vh;border:0;border-radius:16px;padding:0;color:#183342;box-shadow:0 25px 100px #1235}.fg-dialog::backdrop{background:#102c4380}.fg-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #dce6eb}.fg-dialog-head h2{font-size:1.15rem;margin:0}.fg-dialog-body{padding:25px}.fg-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fg-form label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;font-weight:650}.fg-form input,.fg-form select,.fg-form textarea{width:100%;padding:10px;border:1px solid #c8d9e0;border-radius:7px;font:inherit}.fg-full{grid-column:1/-1}.fg-app progress{width:100px;accent-color:#14768a}.fg-app .button.primary{background:#155e75;border-color:#155e75}.fg-app button:focus-visible{outline:3px solid #65adbc;outline-offset:3px}@media(max-width:900px){.fg-kpis{grid-template-columns:1fr 1fr}.fg-columns{grid-template-columns:1fr}.fg-calendar-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fg-hero{padding:18px;display:block}.fg-hero h2{font-size:1.2rem}.fg-kpis,.fg-form,.fg-calendar-grid{grid-template-columns:1fr}.fg-full{grid-column:auto}.fg-app dl{grid-template-columns:1fr}.fg-toolbar form{width:100%}.fg-toolbar input{min-width:0;width:100%}}
