/* VOLENG V25.59 — Appointment-first Agenda showcase. Marketing UI illustration, not live slots. */
.v58-home .v59-agenda-preview {width:100%;height:100%;min-height:0;display:flex;flex-direction:column;color:#182944;background:linear-gradient(145deg,#fbfdff,#edf4ff);font:inherit;isolation:isolate;position:relative;z-index:3;overflow:hidden}
.v58-home .v59-agenda-preview[hidden]{display:none!important}
.v58-home .v52-stage-image.v59-agenda-active::after{display:none}
.v58-home .v59-agenda-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #dce7f8;background:rgba(255,255,255,.86);min-height:54px;flex:none}
.v58-home .v59-agenda-logo{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:#e5edff;color:#3069dd}
.v58-home .v59-agenda-top>div:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}
.v58-home .v59-agenda-top strong{font-size:11px;color:#1d3354;line-height:1.2}
.v58-home .v59-agenda-top small{font-size:9px;color:#7c91af;line-height:1.2}
.v58-home .v59-live-tag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 9px;border-radius:20px;background:#eaf8f2;color:#168068;font-size:9px;font-weight:850}
.v58-home .v59-live-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:#23ad83;box-shadow:0 0 0 3px #d6f4e7}
.v58-home .v59-agenda-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;padding:14px 14px 7px}
.v58-home .v59-calendar-column,.v58-home .v59-slots-column{min-width:0}
.v58-home .v59-calendar-column{background:#fff;border:1px solid #dce6f6;border-radius:11px;padding:10px 11px;box-shadow:0 3px 10px rgba(38,84,138,.035)}
.v58-home .v59-agenda-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:7px}
.v58-home .v59-agenda-meta>strong{font-size:11px;letter-spacing:-.02em;color:#263e63}
.v58-home .v59-month-nav{display:flex;align-items:center;gap:3px}
.v58-home .v59-month-title{font-size:10px;color:#3b5780;font-weight:750;white-space:nowrap;min-width:62px;text-align:center}
.v58-home .v59-month-nav button{display:grid;place-items:center;width:21px;height:21px;padding:0;border:1px solid #dce7f8;background:#fff;border-radius:5px;color:#456b9b;cursor:pointer;font-size:16px;line-height:1}
.v58-home .v59-month-nav button:hover:not(:disabled){background:#e8f1ff;border-color:#bdd0fa}
.v58-home .v59-month-nav button:disabled{opacity:.3;cursor:not-allowed}
.v58-home .v59-weekdays,.v58-home .v59-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.v58-home .v59-weekdays{margin-bottom:4px}
.v58-home .v59-weekdays span{color:#8292ac;font-size:9px;font-weight:800;line-height:18px}
.v58-home .v59-calendar-days button,.v58-home .v59-calendar-days span{height:25px;min-width:0;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#30476b;font-size:10px;font-weight:650;padding:0}
.v58-home .v59-calendar-days button{cursor:pointer}
.v58-home .v59-calendar-days button:hover:not(:disabled){background:#ebf2ff;color:#175ada}
.v58-home .v59-calendar-days button.is-selected{color:#fff;background:#3e73e9;box-shadow:0 4px 9px rgba(53,111,230,.25)}
.v58-home .v59-calendar-days button:disabled{color:#b7c4d4;cursor:not-allowed}
.v58-home .v59-calendar-days .v59-empty{pointer-events:none}
.v58-home .v59-slots-column{display:flex;flex-direction:column;gap:7px;padding:3px 0}
.v58-home .v59-service-label,.v58-home .v59-slots-title{color:#6e83a1;font-size:10px;font-weight:800}
.v58-home .v59-service-pill{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#284b7e;background:#fff;border:1px solid #dce7f8;border-radius:9px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v58-home .v59-service-dot{width:6px;height:6px;border-radius:50%;background:#397ae9;flex:none}
.v58-home .v59-slots-title{margin-top:3px}
.v58-home .v59-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.v58-home .v59-slots button{border:1px solid #d6e3f4;border-radius:7px;background:#fff;color:#3b5c8d;padding:7px 3px;font-size:10px;font-weight:800;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.v58-home .v59-slots button:hover{border-color:#5991f7;transform:translateY(-1px)}
.v58-home .v59-slots button.is-selected{color:#2162d2;border-color:#75a2fb;background:#e7f0ff}
.v58-home .v59-selected{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:740;color:#4c6c91;min-height:17px}
.v58-home .v59-checkmark{font-size:11px;color:#159d8a}
.v58-home .v59-agenda-cta{background:#356ef0;border-radius:8px;padding:9px 11px;color:white;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:850;text-decoration:none;margin-top:auto;transition:background .2s}
.v58-home .v59-agenda-cta:hover{background:#1e53c1;color:#fff}
.v58-home .v59-agenda-note{font-size:9px;text-align:center;color:#7d91ad;line-height:1.15;padding:1px 8px 7px}
.v58-home .v59-showcase-calendar{width:100%;max-width:680px;background:#fff;border:1px solid #d7e5f8;border-radius:17px;box-shadow:0 13px 32px rgba(24,67,140,.09);overflow:hidden;padding:15px;min-height:260px;display:flex;flex-direction:column;gap:12px}
.v58-home .v59-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eff9;padding-bottom:12px}
.v58-home .v59-showcase-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;color:#244a8e}
.v58-home .v59-showcase-brand svg{color:#3b7bef}
.v58-home .v59-showcase-pill{font-size:10px;font-weight:850;color:#16866d;background:#e9f7f2;border-radius:15px;padding:6px 9px;white-space:nowrap}
.v58-home .v59-showcase-label{font-size:16px;font-weight:850;color:#243c5b}
.v58-home .v59-week-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #e1eaf7;border-left:1px solid #e1eaf7;flex:1;min-height:130px}
.v58-home .v59-week-day{min-width:0;border-right:1px solid #e1eaf7;border-bottom:1px solid #e1eaf7;padding:9px 5px;display:flex;flex-direction:column;gap:13px}
.v58-home .v59-week-day>span{font-weight:800;font-size:10px;color:#8295af;text-align:center}
.v58-home .v59-week-event{padding:9px 5px;border:1px solid #d4e3fd;background:#eaf2ff;border-radius:7px;min-height:65px;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.v58-home .v59-week-event small{color:#4770b8;font-size:10px}
.v58-home .v59-week-event strong{font-size:10px;color:#28539c;overflow-wrap:anywhere;line-height:1.35}
.v58-home .v59-week-color-1{background:#eeebff;border-color:#e2dcff}.v58-home .v59-week-color-1 small,.v58-home .v59-week-color-1 strong{color:#6652a4}
.v58-home .v59-week-color-2{background:#e8f8f3;border-color:#d5f0e6}.v58-home .v59-week-color-2 small,.v58-home .v59-week-color-2 strong{color:#24836b}
.v58-home .v59-showcase-bottom{display:flex;justify-content:space-between;gap:8px;color:#2a8a70;font-size:11px;font-weight:760}
.v58-home .v59-showcase-bottom small{color:#8a9bb0;font-size:9px;font-weight:500;text-align:right}
.v58-home .suite-agenda .suite-appnames{font-size:11px}
@media(max-width:1100px){.v58-home .v59-agenda-preview{min-height:350px}.v58-home .v52-stage-image.v59-agenda-active{aspect-ratio:1.63}}
@media(max-width:750px){.v58-home .v52-stage-image.v59-agenda-active{aspect-ratio:auto;min-height:0}.v58-home .v59-agenda-body{padding:11px;gap:8px}.v58-home .v59-agenda-preview{min-height:0}.v58-home .v59-calendar-days button,.v58-home .v59-calendar-days span{height:24px}.v58-home .v59-week-grid{min-height:110px}}
@media(max-width:510px){.v58-home .v59-agenda-body{grid-template-columns:1fr}.v58-home .v59-agenda-top{padding:9px 10px}.v58-home .v59-live-tag{font-size:8px;padding:6px}.v58-home .v59-calendar-column{padding:8px}.v58-home .v59-agenda-meta{margin-bottom:4px}.v58-home .v59-calendar-days button,.v58-home .v59-calendar-days span{height:26px}.v58-home .v59-slots-column{padding:4px}.v58-home .v59-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.v58-home .v59-showcase-calendar{padding:10px}.v58-home .v59-week-day{padding:8px 3px}.v58-home .v59-week-event{padding:6px 3px}.v58-home .v59-week-event strong{font-size:9px}.v58-home .v59-showcase-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.v58-home .v59-slots button,.v58-home .v59-agenda-cta{transition:none!important}}
/* Keep the demo full-width even if a previous product image fails to load. */
.v58-home .v52-stage-image.v59-agenda-active .v52-fallback{display:none!important}
.v58-home .v52-stage-image.v59-agenda-active .v59-agenda-preview{flex:0 0 100%;max-width:100%}
.v58-home .v59-calendar-column{display:flex;flex-direction:column}
.v58-home .v59-agenda-samples{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px}
.v58-home .v59-agenda-samples>span{font-size:9px;color:#7f92af;font-weight:800}
.v58-home .v59-agenda-samples>div{display:flex;align-items:center;gap:7px;background:#f5f8ff;border:1px solid #ebf0fa;border-radius:6px;padding:5px 7px;min-width:0}
.v58-home .v59-agenda-samples b{font-size:9px;color:#4777cd}
.v58-home .v59-agenda-samples strong{font-size:9px;color:#456289;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v58-home .v59-agenda-samples i{margin-left:auto;font-size:8px;color:#17846e;font-weight:750;font-style:normal;white-space:nowrap}
.v58-home .v59-reminder-note{margin-top:auto;display:flex;align-items:center;gap:7px;background:#ecf7f2;border-radius:8px;padding:8px 9px;color:#257861;font-size:10px;line-height:1.3;font-weight:700}
.v58-home .v59-reminder-note span{font-size:15px}
.v58-home .v59-reminder-note+.v59-selected{margin-top:3px}
.v58-home .v59-reminder-note~.v59-agenda-cta{margin-top:0}
@media(max-width:510px){.v58-home .v59-agenda-samples{margin-top:10px}.v58-home .v59-reminder-note{margin-top:8px}.v58-home .v59-agenda-samples>div{padding:5px}}