/* Softodont - personalizzazioni sopra Bootstrap 5 */
:root{--bs-primary:#0F6E7A;--bs-primary-rgb:15,110,122;--bs-body-color:#14302F;
--bs-link-color:#0F6E7A;--bs-link-color-rgb:15,110,122;--bs-link-hover-color:#0A4A52;--bs-link-hover-color-rgb:10,74,82;--bs-link-decoration:none}
body{background:#F4F7F7}
a{text-decoration:none}a:hover{text-decoration:underline}
.table a,.card a:not(.btn){color:#1f2937;font-weight:500;border-bottom:1px solid #cbd5e1}.table a:hover,.card a:not(.btn):hover{color:#0F6E7A;border-bottom-color:#0F6E7A;text-decoration:none}
.card-footer a,.form-text a,.text-muted a{color:#0A4A52;border-bottom:0;font-weight:400}.card-footer a:hover{text-decoration:underline}
.card .agenda-week a{border-bottom:0;font-weight:600}.card .app{color:#14302F;font-weight:400}.card .app:hover{color:#14302F}.card .agenda-week .hd a{color:#1f2937}
.page-link{color:#0A4A52}.page-item.active .page-link{background:#0F6E7A;border-color:#0F6E7A}
.btn-primary{--bs-btn-bg:#0F6E7A;--bs-btn-border-color:#0F6E7A;--bs-btn-hover-bg:#0A4A52;--bs-btn-hover-border-color:#0A4A52;--bs-btn-active-bg:#0A4A52;--bs-btn-active-border-color:#0A4A52}
.btn-outline-primary{--bs-btn-color:#0F6E7A;--bs-btn-border-color:#0F6E7A;--bs-btn-hover-bg:#0F6E7A;--bs-btn-hover-border-color:#0F6E7A;--bs-btn-active-bg:#0F6E7A;--bs-btn-active-border-color:#0F6E7A}
/* navbar */
.topnav{background:#0F6E7A;min-height:56px}
.topnav .navbar-brand{font-weight:700;letter-spacing:.5px;font-size:1.25rem}
.topnav .navbar-nav .nav-link{color:#CBE9E4;padding:.5rem .7rem;border-radius:.375rem;display:flex;align-items:center;gap:.4rem;line-height:1.2}
.topnav .navbar-nav .nav-link .bi{font-size:1.05rem;line-height:1}
.topnav .navbar-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.topnav .navbar-nav .nav-link.active{color:#fff;font-weight:600;background:rgba(255,255,255,.14)}
.topnav .avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#9FE6DC;color:#0A4A52;font-weight:700;font-size:.8rem}
@media (min-width:992px) and (max-width:1399.98px){.topnav .navbar-nav .nav-link{padding:.5rem .5rem;font-size:.9rem}.topnav .navbar-nav .nav-link .bi{display:none}}
@media (max-width:991.98px){.topnav .navbar-nav .nav-link{padding:.6rem .75rem}}
.nav-tabs .nav-link{color:#475569}.nav-tabs .nav-link.active{color:#0F6E7A;font-weight:600}
.table>thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;color:#475569;background:#F4F7F7}
.table td.actions{white-space:nowrap;text-align:right}
.num{text-align:right;font-variant-numeric:tabular-nums}
.stat .n{font-size:1.75rem;font-weight:700;color:#0A4A52}.stat .l{color:#6c757d;font-size:.75rem;text-transform:uppercase}
.kv dt{color:#6c757d;font-weight:500}
input.num{text-align:right}
/* agenda: griglia oraria */
.ag-grid{display:grid;grid-template-columns:56px repeat(6,1fr);border:1px solid #dee2e6;border-radius:.5rem;background:#fff;overflow:hidden;font-size:12px}
.ag-corner,.ag-head{background:#F4F7F7;border-bottom:1px solid #dee2e6;padding:8px 6px;text-align:center;font-weight:600}
.ag-head{border-left:1px solid #dee2e6;min-width:0}.ag-head.today{background:#E8F5F2;color:#0A4A52}.ag-head a{color:inherit}
.ag-times{position:relative;height:calc(var(--slots) * var(--slot-h))}
.ag-hour{position:absolute;right:6px;transform:translateY(-50%);color:#6c757d;font-size:11px;background:#fff;padding:0 2px}
.ag-day{position:relative;border-left:1px solid #dee2e6;cursor:cell;background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(var(--slot-h) * 4 - 1px),#dee2e6 calc(var(--slot-h) * 4 - 1px),#dee2e6 calc(var(--slot-h) * 4))}
.ag-day.today{background:repeating-linear-gradient(to bottom,#F4FBF9 0,#F4FBF9 calc(var(--slot-h) * 4 - 1px),#dee2e6 calc(var(--slot-h) * 4 - 1px),#dee2e6 calc(var(--slot-h) * 4))}
.ag-day:hover{background-color:#f0fdfa}
.ag-app{position:absolute;display:flex;flex-direction:column;gap:0;padding:2px 5px;border-radius:4px;border-left:3px solid #0F6E7A;background:#DDF3EE;color:#14302F;overflow:hidden;line-height:1.25;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer}
.ag-app:hover{filter:brightness(.95);color:#14302F;z-index:2}
.ag-app.presente .ag-nome{font-weight:700}.ag-app.personale{background:#fef3c7;border-left-color:#b45309;color:#78350f}
.ag-ora{font-size:10px;opacity:.8;white-space:nowrap}.ag-nome{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-med{font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-nota{font-size:10px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legend i:not(.bi){display:inline-block;width:14px;height:12px;border-radius:3px;margin-right:4px;vertical-align:middle}
@media (min-width:768px){.d-md-grid{display:grid!important}}
@media (max-width:991.98px){.ag-grid{font-size:11px}.ag-med{display:none}}
/* agenda: indisponibilità */
.ag-block{position:absolute;left:0;right:0;z-index:0;background:repeating-linear-gradient(135deg,#e2e8f0 0,#e2e8f0 6px,#f1f5f9 6px,#f1f5f9 12px);color:#475569;font-size:10px;padding:2px 5px;text-decoration:none;border-top:1px dashed #94a3b8;border-bottom:1px dashed #94a3b8;overflow:hidden;cursor:pointer}
.ag-block span{position:sticky;top:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card a.ag-block{border-bottom:1px dashed #94a3b8;color:#475569;font-weight:500}.ag-block:hover{filter:brightness(.97)}
.ag-head-indisp{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:4px}
.card a.ag-indisp-badge{display:inline-block;font-size:10px;font-weight:600;line-height:1.2;padding:1px 5px;border:1px solid;border-radius:999px;background:#fff;white-space:nowrap;border-bottom:1px solid}
.card a.ag-indisp-badge:hover{filter:brightness(.9);text-decoration:none}
.ag-app{z-index:1}
.card a.ag-list-block{display:block;padding:6px 10px;border-left:4px solid #94a3b8;background:repeating-linear-gradient(135deg,#f1f5f9 0,#f1f5f9 6px,#F4F7F7 6px,#F4F7F7 12px);color:#475569;font-size:.85rem;border-bottom:1px solid #f1f5f9;font-weight:500}
/* agenda: chip giorni della settimana */
.ag-days{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ag-days::-webkit-scrollbar{display:none}
.ag-day-chip{flex:0 0 auto;padding:5px 11px;border:1px solid #dee2e6;border-radius:999px;background:#fff;color:#475569;font-size:.85rem;white-space:nowrap;text-decoration:none}
.ag-day-chip:hover{border-color:#0F6E7A;color:#0F6E7A;text-decoration:none}
.ag-day-chip.today{border-color:#9FE6DC;background:#E8F5F2;color:#0A4A52}
.ag-day-chip.active{background:#0F6E7A;border-color:#0F6E7A;color:#fff}
.card a.ag-day-chip{border-bottom:1px solid #dee2e6;font-weight:500}.card a.ag-day-chip.active{border-color:#0F6E7A}
/* agenda: elenco mobile */
.ag-list-col{border:1px solid #dee2e6;border-radius:.5rem;background:#fff;margin-bottom:12px;overflow:hidden}
.ag-list-col.today{border-color:#9FE6DC}
.ag-list-head{background:#F4F7F7;padding:8px 10px;border-bottom:1px solid #dee2e6;font-weight:600}.ag-list-col.today .ag-list-head{background:#E8F5F2;color:#0A4A52}
.ag-list-item{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-left:4px solid #0F6E7A;border-bottom:1px solid #f1f5f9}
.card a.ag-list-main{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;color:#1f2937;border-bottom:0;font-weight:400;text-decoration:none}
.ag-list-item:active,.ag-list-item:hover{background:#F4F7F7}
.ag-list-item.personale{background:#fffbeb}
.ag-list-ora{font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1;width:44px;flex:0 0 44px}.ag-list-ora small{font-weight:400;color:#6c757d}
@media (max-width:767.98px){.legend .ms-auto{margin-left:0!important}}
/* autocomplete */
.ac-wrap{position:relative}.ac-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-radius:0 0 .375rem .375rem;box-shadow:0 6px 20px rgba(0,0,0,.08);z-index:1050;max-height:260px;overflow:auto}
.ac-list div{padding:8px 10px;cursor:pointer}.ac-list div:hover,.ac-list div.sel{background:#E8F5F2}
/* login */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0A4A52,#0F6E7A)}
@media print{.navbar,.no-print,.btn{display:none!important}.card{border:0!important}}
/* sidebar layout */
.layout-sidebar .app-shell{display:flex;min-height:100vh}
.layout-sidebar .app-main{flex:1 1 auto;min-width:0}
.sidebar{background:#0F6E7A!important;color:#CBE9E4;width:240px;flex:0 0 240px;--bs-offcanvas-bg:#0F6E7A;--bs-offcanvas-color:#CBE9E4;--bs-offcanvas-width:260px;border:0!important}
@media (min-width:992px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex!important;flex-direction:column;visibility:visible!important}}
@media (max-width:991.98px){.sidebar{width:260px}}
.sidebar-brand{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar-brand .navbar-brand{font-weight:700;letter-spacing:.5px;font-size:1.25rem;margin:0;min-width:0;max-width:100%}
/* nome dello studio (multi-istanza) sotto al marchio, non tagliato di lato */
.sidebar-brand .sidebar-studio{font-size:.8rem;letter-spacing:0;line-height:1.2;margin-top:2px}
.sidebar-brand{min-width:0}.sidebar-brand>.d-flex,.sidebar-brand a{min-width:0}
.sidebar-nav{padding:10px 10px;flex:1 1 auto}
.side-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:.375rem;color:#CBE9E4;text-decoration:none;font-size:.95rem;margin-bottom:2px}
.side-link .bi{font-size:1.1rem;width:20px;text-align:center}
.side-link:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.side-link.active{color:#fff;background:rgba(255,255,255,.16);font-weight:600}
.side-head{font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;color:#93CDC6;padding:14px 12px 6px}
.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.12)}
.sidebar .avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#9FE6DC;color:#0A4A52;font-weight:700;font-size:.8rem;flex:0 0 32px}
.topbar-mobile{background:#0F6E7A;padding:10px 16px;display:flex;align-items:center;position:sticky;top:0;z-index:1020}
/* pagina impostazioni: anteprime layout */
.layout-choice{cursor:pointer;border-width:2px}
.layout-preview{height:90px;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;background:#F4F7F7}
.lp-top{height:16px;background:#0F6E7A}.lp-side{width:34px;background:#0F6E7A}
.lp-body{padding:8px;display:flex;gap:8px}.lp-card{flex:1;height:50px;background:#fff;border:1px solid #dee2e6;border-radius:4px}

/* Incassi: lista giorni compatta; sotto md sta sopra la tabella con altezza limitata */
.incassi-lista .list-group-item{padding:.45rem .9rem;line-height:1.25}
@media (max-width:767.98px){.incassi-giorni .incassi-lista{max-height:40vh;overflow-y:auto}}
/* odontogramma */
.odo-wrap{position:relative}
.odo-svg{width:100%;height:auto;max-height:78vh;display:block;background:#fff;border-radius:.5rem}
.odo-label{font-size:11px;font-weight:600;fill:#8b7d66;letter-spacing:1px}
.dente{cursor:pointer;outline:none}
.dente .numero{font-size:11px;font-weight:600;fill:#475569;pointer-events:none}
.dente:hover .corpo,.dente:focus .corpo{stroke:#0F6E7A;stroke-width:2.2}
.dente.selezionato .corpo{stroke:#0F6E7A;stroke-width:2.6}
.odo-wrap[data-editabile="0"] .dente{cursor:default}
.m-carie,.m-otturazione,.m-devitalizzato,.m-impianto,.m-da_estrarre,.m-parodonto,.m-nota,.m-lavoro{display:none}
.con-lavoro .m-lavoro{display:block;fill:#f59e0b;stroke:#7c2d12;stroke-width:1}
.stato-carie .m-carie{display:block;fill:#4a2c12}
.stato-otturazione .m-otturazione{display:block;fill:#8a97a8;stroke:#5f6b7a;stroke-width:.8}
.stato-devitalizzato .m-devitalizzato{display:block;fill:none;stroke:#c2410c;stroke-width:1.5}.stato-devitalizzato .m-devitalizzato .pieno{fill:#c2410c}
.stato-corona .corpo{fill:url(#odo-oro)}
.stato-ponte .corpo{fill:url(#odo-oro);stroke:#7a5a10;stroke-width:2}
.stato-impianto .corpo{fill:url(#odo-metallo)}.stato-impianto .m-impianto{display:block;fill:none;stroke:#374151;stroke-width:1.3}
.stato-assente .corpo{fill:#fff;fill-opacity:.35;stroke-dasharray:4 3;stroke:#9ca3af;filter:none}.stato-assente .solchi{display:none}
.stato-radice .corpo{fill:#c9a27a}.stato-radice .solchi{display:none}
.stato-da_estrarre .m-da_estrarre{display:block;fill:none;stroke:#dc2626;stroke-width:3;stroke-linecap:round}
.stato-mobile .corpo{fill:url(#odo-tratt)}
.stato-parodonto .m-parodonto{display:block;fill:none;stroke:#a855f7;stroke-width:2.5;stroke-linecap:round}
.con-nota .m-nota{display:block;fill:#0F6E7A;stroke:#fff;stroke-width:1.5}
.odo-ponti line{stroke-linecap:round;pointer-events:none}
.odo-palette .btn{--bs-btn-padding-y:.25rem;--bs-btn-padding-x:.6rem;font-size:.8rem}
.odo-palette .btn i.sw{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.25);vertical-align:-1px;margin-right:4px}
.odo-palette .btn.active{box-shadow:0 0 0 2px #0F6E7A55}
.odo-riassunto{font-size:.85rem}
@media (max-width:767.98px){.odo-svg{max-height:none}}

/* Pulsante "Esporta XML" (fatture): viola richiesto dall'utente */
.btn-outline-xml { --bs-btn-color: #820582; --bs-btn-border-color: #820582; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #820582; --bs-btn-hover-border-color: #820582; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6b046b; --bs-btn-active-border-color: #6b046b; --bs-btn-focus-shadow-rgb: 130, 5, 130; }

/* Dashboard: riquadri statistici con icona e liste (appuntamenti di oggi, prossime prime visite) */
.stat-ico{font-size:1.6rem;color:#0F6E7A;opacity:.35;flex:0 0 auto}
.stat .n{line-height:1.1}
/* le due card della dashboard hanno la stessa altezza: la lista occupa lo spazio disponibile e scorre */
.card-lista{display:flex;flex-direction:column;min-height:0}
.card-lista .card-header,.card-lista .card-footer{flex:0 0 auto}
.card-lista .lista-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}
.card-lista .vuoto{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}
/* Dashboard: la pagina occupa esattamente la finestra (come la sidebar) e le liste scorrono dentro le card */
@media (min-width:992px){
  body.pagina-dashboard.layout-sidebar .app-shell{height:100vh}
  body.pagina-dashboard.layout-sidebar .app-main{display:flex;flex-direction:column;min-height:0}
  body.pagina-dashboard.layout-topnav{display:flex;flex-direction:column;height:100vh}
  body.pagina-dashboard main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  /* nowrap: senza questo la riga di Bootstrap (flex-wrap:wrap) si dimensiona sul contenuto e le card sforano */
  body.pagina-dashboard .dash-fill{flex:1 1 auto;min-height:0;margin-bottom:0;flex-wrap:nowrap}
  body.pagina-dashboard .dash-fill>[class*="col-"]{display:flex;min-height:0;height:100%;flex:1 1 0;min-width:0;max-width:100%}
  body.pagina-dashboard .dash-fill>[class*="col-"]>.card{flex:1 1 auto;min-height:0}
}
@media (max-width:991.98px){.card-lista .lista-scroll{max-height:60vh}}
.card-lista .riga-app{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #eef2f6;text-decoration:none;color:inherit;border-left:3px solid var(--c,#0F6E7A);background:#fff}
.card-lista .riga-app:first-child{border-top:0}
.card-lista .riga-app:hover{background:#F4F7F7}
.card-lista .riga-app.passato{opacity:.55}
.card-lista .riga-app.adesso{background:#E8F5F2}
.card-lista .riga-app .ora,.card-lista .riga-app .data{flex:0 0 52px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#0A4A52;line-height:1.1}
.card-lista .riga-app .ora small,.card-lista .riga-app .data small{font-weight:500;color:#94a3b8;font-size:.7rem}
.card-lista .riga-app .data .gg{font-size:1.25rem}
.card-lista .riga-app .corpo{flex:1 1 auto;min-width:0}
.card-lista .riga-app .nome{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-lista .riga-app .sotto{display:block;font-size:.8rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-lista .riga-app .sotto .sep{margin:0 4px;color:#cbd5e1}
.card-lista .riga-app .pallino{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px}
.card-lista .riga-app .tel{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#0A4A52}
.card-lista .riga-app .tel:hover{background:#DDF3EE}
.card-lista .vuoto{text-align:center;color:#94a3b8;padding:28px 16px;min-height:120px}
.card-lista .vuoto i{font-size:2rem;display:block;margin-bottom:6px;opacity:.6}

/* Marchio Softodont (simbolo + wordmark Montserrat) */
.brand-sof{display:inline-flex;align-items:center;gap:8px;min-width:0}
.brand-sof .brand-sym{flex:0 0 auto;border-radius:22%}
.brand-sof .brand-testo{font-family:Montserrat,system-ui,sans-serif;font-size:1.18rem;line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.brand-sof .w-soft{font-weight:200;letter-spacing:.02em}
.brand-sof .w-odont{font-weight:800;letter-spacing:-.02em}
.brand-sof .w-o{color:#57D9A3}
.brand-sof.brand-chiaro .w-o{color:#0E9F73}
.brand-sof .brand-studio{font-weight:300;opacity:.8;margin-left:6px}
.brand-sof.brand-chiaro .brand-testo{color:#14302F}
/* nella sidebar il nome dello studio va a capo */
.sidebar-brand .brand-sof{align-items:flex-start}
.sidebar-brand .brand-sof .brand-testo{white-space:normal}
.sidebar-brand .brand-sof .brand-studio{display:block;margin-left:0;font-size:.8rem;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-page .brand-sof{flex-direction:column;gap:12px}
.login-page .brand-sof .brand-testo{font-size:1.9rem}

/* Regola dei due verdi: vale per l'inchiostro, non per le superfici.
   #57D9A3 mai come testo su fondo chiaro; come sfondo va bene se il testo sopra è scuro (5.61:1). */
.text-success{color:#0E9F73!important}
.badge.text-bg-success{background-color:#57D9A3!important;color:#0A4A52!important;box-shadow:inset 0 0 0 1px rgba(10,74,82,.18)}
.ag-app.presente{box-shadow:inset 0 0 0 1px #0E9F73,0 1px 2px rgba(0,0,0,.08)}
.card-lista .riga-app.adesso{background:#E8F5F2;border-left-color:#0E9F73}
.btn-success{--bs-btn-bg:#0E9F73;--bs-btn-border-color:#0E9F73;--bs-btn-hover-bg:#0b8560;--bs-btn-hover-border-color:#0b8560;--bs-btn-active-bg:#0b8560;--bs-btn-active-border-color:#0b8560}

/* Modal appuntamento: storico degli spostamenti (solo cambi di giorno/ora) */
.ma-spost li{padding:4px 0;border-top:1px dashed #dee2e6;line-height:1.35}
.ma-spost li:first-child{border-top:0}
.ma-spost .vecchia{text-decoration:line-through;color:#94a3b8}