/* PIACERE Atelier — shared presentation only. Clinical state remains authoritative. */
@media screen {
:root{--ink:#081e2b;--ink-2:#113346;--bg:#eef4f8;--bg-2:#e4eef4;--text:#183344;--text-secondary:#506778;--text-faint:#637888;--card:#fff;--card-tint:#f4f9fc;--border:#c9dbe5;--border-soft:#dbe7ee;--accent:#087d89;--accent-deep:#075e6d;--accent-bg:#e1f5f6;--accent-border:#89cbd2;--gray-bg:#edf5f8;--font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--shadow-sm:0 4px 18px -9px #153f5424;--shadow-xs:0 2px 10px -5px #153f5420;--shadow-md:0 16px 35px -18px #0b354e55}
body{font-size:16px;line-height:1.6;background:radial-gradient(ellipse at 95% 0%,#cfe9ee 0,transparent 42%),radial-gradient(ellipse at 0% 80%,#dce6f7 0,transparent 45%),#eef4f8;background-attachment:fixed}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em;line-height:1.2;text-wrap:balance}h3,h4{letter-spacing:-.025em}h1 em{font-family:Fraunces,Georgia,serif;font-weight:400;color:#91e2dc}
.brand-panel{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0 0,#205c6d 0,transparent 65%),linear-gradient(145deg,#112d40,#071925);border:1px solid #ffffff1c}
.brand-panel:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 35%,#75d8dc0d 35.2%,transparent 65%),radial-gradient(ellipse at 85% 75%,#198e9240,transparent 55%)}
.brand{letter-spacing:.08em;font-family:Inter,sans-serif;font-weight:600}.brand-symbol{border-radius:15px;background:linear-gradient(145deg,#3799a5,#124455);border:1px solid #84d5d84a;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff45}.brand small{letter-spacing:.28em}.brand-message h1{font-size:clamp(2.6rem,4.2vw,4.7rem);line-height:1.13;letter-spacing:-.055em}.brand-message p{color:#c0d8e2}.journey li{color:#bfd2df}.journey li.active>span{background:#bcf0e7;box-shadow:0 0 24px #3bbeb72b}.brand-footer{color:#b6cbd7;font-size:12px}
body:not(.clinical-workspace) main{background:linear-gradient(135deg,#ffffffd9,#f3f8fcbf)}body:not(.clinical-workspace) .content{padding-top:clamp(36px,7vh,80px);padding-bottom:40px}#auth-title,#clinic-title,#recovery-title{font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.055em}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:#076b7b}.brand-panel .eyebrow{color:#98d9dc}
button,input,select,textarea{font-size:1rem;border-radius:12px}button{min-height:42px;box-shadow:0 2px 5px #193a4910;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s}button:hover{background:#eaf3f7;box-shadow:0 6px 18px -8px #16475844;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed;transform:none}
input,select,textarea{background:#fbfdff;border-color:#c9dae5;color:#183344;box-shadow:inset 0 1px 2px #16324405}input::placeholder,textarea::placeholder{color:#708594}input:focus,select:focus,textarea:focus{outline:2px solid transparent;border-color:#108a94;box-shadow:0 0 0 4px #108a9419;background:#fff}input[type=checkbox]{accent-color:#087d89}:focus-visible{outline:3px solid #00899a;outline-offset:3px}
.primary,.clinical-workspace .primary{color:#fff;background:linear-gradient(120deg,#086575,#09808b);border:1px solid #086e7b;box-shadow:0 8px 20px -9px #00657680;min-height:46px}.primary:hover,.clinical-workspace .primary:hover{color:#fff;background:linear-gradient(120deg,#075766,#08727d);box-shadow:0 10px 24px -8px #00657680}.text-button{box-shadow:none;color:#076577}.mode-switch{padding:5px;background:#e7eff4;border-radius:14px;border:1px solid #dce7ee}.mode-switch button{border:0;box-shadow:none}.mode-switch .selected{background:#fff;color:#075e6d;box-shadow:0 3px 12px #153d4d15}.privacy-note{font-size:14px;color:#526a79}.info-note,.health-notice{border-radius:12px;background:#eaf5f7;color:#335969}
.clinical-workspace .shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;max-width:1920px;padding:20px;margin:auto;align-items:start;min-height:100vh}.clinical-workspace .brand-panel{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:26px 15px;border-radius:22px;background:radial-gradient(ellipse at 0 0,#19465b,transparent 70%),#091e2d;box-shadow:0 18px 45px -22px #102b4c88}.clinical-workspace .brand{font:600 20px Inter,sans-serif;letter-spacing:.09em;padding:0 8px;color:#f4fcff}.clinical-workspace .brand-symbol{width:42px;height:42px;font:500 29px Georgia,serif}.clinical-workspace .clinical-nav{grid-template-columns:1fr;gap:5px;margin:28px 0 0}.clinical-workspace .clinical-nav a{flex-direction:row;justify-content:flex-start;text-align:left;min-height:46px;padding:8px 11px;font-size:14px;gap:12px;border-radius:12px;background:transparent;border:1px solid transparent;box-shadow:none;transform:none;color:#c6d8e3;line-height:1.35}.clinical-workspace .navCardIcoWrap{width:30px;height:30px;flex-shrink:0;border:0;background:transparent;border-radius:9px}.clinical-workspace .navCard svg{stroke:#a8c9d7;width:19px;height:19px}.clinical-workspace .navCard::before,.clinical-workspace .navCard::after,.clinical-workspace .navCard .cornerBR,.clinical-workspace .navCard .cornerBL,.clinical-workspace .navCardIcoWrap::before{content:none;display:none}.clinical-workspace .clinical-nav a:hover{background:#ffffff0c!important;color:#fff;border-color:#9edee51f;transform:translateX(2px)}.clinical-workspace .clinical-nav .navCardActive{background:linear-gradient(100deg,#176577,#1d4c60)!important;border-color:#72c8d34a;box-shadow:inset 3px 0 #7ce1d6,0 7px 20px #0002;color:#fff}.clinical-workspace .navCardActive svg{stroke:#a8f5e9}
.clinical-workspace main{min-width:0;padding:0 4px 0 0}.clinical-workspace .topbar{min-height:52px;font-size:14px;border-bottom:1px solid #cddde6;padding:0 0 14px;color:#536c7c}.clinical-workspace .content{width:100%;max-width:none;padding:25px 0}.clinical-workspace h2{font-size:clamp(1.8rem,2.5vw,2.4rem);margin:8px 0 12px}.clinical-workspace #account-label{font-size:14px;color:#536c7c;margin-bottom:22px}.clinical-workspace label{font-size:14px;font-weight:600;color:#375568}.clinical-workspace input,.clinical-workspace select{min-height:44px}.clinical-workspace .clinical-panel,#work-queue{border:1px solid #dbe7ef;border-radius:20px;background:#ffffffed;padding:26px;box-shadow:0 12px 32px -22px #143e5455}.clinical-panel h3,.chart-section h3{font-size:1.3rem;color:#123e52}.clinic-context{background:#ffffffb8;border:1px solid #d0e1eb;border-radius:14px;padding:13px 18px;box-shadow:0 3px 14px #294a6005}.clinic-context summary{font-size:14px;color:#38596a}.clinic-context[open]{background:#fff}.clinic-card,.work-card,.inventory-card,.balance-card,.appointment-card,.history-entry{border:1px solid #d9e6ee;border-radius:14px;box-shadow:0 3px 12px #183a4a06}.work-card,.inventory-card,.appointment-card{transition:border-color .18s,box-shadow .18s}.work-card:hover,.inventory-card:hover,.appointment-card:hover{border-color:#a5cbd7;box-shadow:0 8px 24px -15px #0d627955}.chart-section{border-radius:18px;padding:24px;border-color:#dbe6ee;background:#fff}.chart-section h3{padding-bottom:12px;border-bottom:1px solid #e8eff4}.chart-section fieldset{border-color:#cedfe9;border-radius:12px}legend{font-size:14px;font-weight:600;color:#38596a;padding:0 8px}
.patient-hero{background:linear-gradient(115deg,#e7f5f6,#fff 75%);border:1px solid #c6e3e9;border-radius:20px;padding:25px;box-shadow:0 9px 28px -20px #075d7570}.patient-hero h2{color:#104b60}.patient-hero p,.patient-hero button{font-size:14px}.patient-avatar{border-radius:24px;background:linear-gradient(145deg,#0c6377,#11364c);color:#d6fff6;border:3px solid #fff;box-shadow:0 8px 25px -12px #0c496f80;font-family:Inter,sans-serif}.patient-quick{background:#f6fafc;border-color:#dce8ef;border-radius:14px}.patient-quick small{font-size:13px}.patient-quick strong{font-size:15px}.financial-section{background:#f5f9fd;border-color:#c9ddea}.balance-card{font-variant-numeric:tabular-nums;background:white}.allergy-alert,.inventory-card.stock-low{background:#fff1eb;border-color:#dbb09e;color:#87351f}.badge{background:#e6f3f4;color:#095e68;border:1px solid #b8dce0;border-radius:8px;padding:4px 9px;font-size:13px}.inventory-card small{font-size:13px;color:#506b7b}.inventory-actions{flex-wrap:wrap}.report-table{font-variant-numeric:tabular-nums;font-size:14px}.report-table th{font-size:14px;color:#385a6c;background:#eef5f8;padding:14px 12px}.report-table td{padding:14px 12px;border-color:#e0eaf0}.report-table tbody tr:nth-child(even){background:#f8fbfd}.report-table tbody tr:hover{background:#edf7f8}.table-scroll{border-radius:14px;border:1px solid #e0e9ef}.table-scroll .report-table{margin:0}.odontogram-arc{border-color:#d1e0e9;border-radius:16px}.odontogram-arc>p{font-size:13px;color:#4b6474}.odontogram-number{font-size:12px}.odontogram-face{min-height:0;box-shadow:none}.odontogram-face:hover{transform:none;box-shadow:none}.status{border-radius:14px;box-shadow:0 8px 24px -15px #133e5366}.clinical-workspace .development-note,.main-footer{font-size:12px;color:#576d7b}
#workspace-home{background:radial-gradient(ellipse at 100% 0%,#dcf4f4,transparent 65%),#fff;border-color:#d2e4ed;border-radius:20px;padding:32px;box-shadow:var(--shadow-sm)}#workspace-home h3{font-size:1.6rem;color:#12495e}#workspace-home p{max-width:65ch;color:#506b7b}
.pia-enter{animation:atelier-enter .3s cubic-bezier(.16,1,.3,1) both}button.piaRebote{animation:atelier-press .18s ease-out} @keyframes atelier-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes atelier-press{50%{transform:scale(.98)}100%{transform:none}}
@media(min-width:1100px){body:not(.clinical-workspace) .brand-panel{margin:18px;border-radius:26px;min-height:calc(100vh - 36px)}body:not(.clinical-workspace) .brand-message{margin-top:auto;margin-bottom:38px}}
@media(max-width:1050px){.clinical-workspace .shell{grid-template-columns:1fr;padding:14px;gap:14px}.clinical-workspace .brand-panel{position:relative;top:auto;max-height:none;padding:18px}.clinical-workspace .clinical-nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;gap:7px}.clinical-workspace .clinical-nav a{font-size:14px;min-width:0;gap:7px;padding:9px 7px}.clinical-workspace main{padding:0}.clinical-workspace .content{padding-top:16px}}
@media(max-width:640px){.clinical-workspace .clinical-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.clinical-workspace .clinical-nav a{flex-direction:column;text-align:center;font-size:14px;padding:10px 3px;min-height:72px}.clinical-workspace .shell{padding:8px;gap:12px}.clinical-workspace .brand-panel{border-radius:16px;padding:16px 10px}.clinical-workspace .clinical-panel,#work-queue,.chart-section{padding:16px;border-radius:16px}.clinical-workspace h2{font-size:1.8rem}.patient-hero{flex-wrap:wrap;padding:18px}.patient-avatar{min-width:64px;width:64px;height:64px;border-radius:18px}.patient-quick{grid-template-columns:1fr}.inventory-card{flex-wrap:wrap;overflow-wrap:anywhere}.inventory-filters{grid-template-columns:1fr}.clinical-workspace .topbar{font-size:13px}.brand-message h1{font-size:2.7rem}#workspace-home{padding:22px}.report-table{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.clinical-workspace .clinical-nav a:hover,button:hover{transform:none!important}}
@media(forced-colors:active){.navCardActive,.primary{border:2px solid ButtonText}.brand-panel{background:Canvas;color:CanvasText}}
}

/* Horizontal Piacere console; each module has a dedicated scroll surface. */
@media screen {
.clinical-workspace .shell{display:flex;flex-direction:column;gap:16px;height:100dvh;min-height:0;padding:16px;max-width:1920px}
.clinical-workspace .brand-panel{position:relative;top:auto;flex:none;width:100%;max-height:none;overflow:visible;padding:18px 22px;border-radius:20px}
.clinical-workspace .clinical-nav{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;padding:6px 2px 12px;margin:12px 0 0;scrollbar-width:thin;scrollbar-color:#508795 transparent}
.clinical-workspace .clinical-nav a{flex:1 0 108px;flex-direction:column;justify-content:center;text-align:center;min-height:82px;padding:10px 8px;border:1px solid #8dbcca40;border-radius:12px;background:linear-gradient(155deg,#245b70,#102735);box-shadow:inset 0 1px #ffffff40,inset 0 -3px #0005,0 5px 10px #0003;color:#eefaff;gap:7px}
.clinical-workspace .navCardIcoWrap{background:#ffffff09;border:1px solid #8ad9e32b;border-radius:10px;width:32px;height:32px}
.clinical-workspace .clinical-nav a:hover{background:linear-gradient(155deg,#2c7187,#173a4c)!important;transform:translateY(-2px);border-color:#74dde4;box-shadow:inset 0 1px #ffffff60,0 0 18px #5ee4df25}
.clinical-workspace .clinical-nav .navCardActive{background:linear-gradient(145deg,#21667d,#112e40)!important;border-color:#7cece7;box-shadow:inset 0 0 0 2px #82ece629,0 0 15px #55e6de30;color:white}
.clinical-workspace main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;padding:0 6px 24px;scrollbar-width:thin;scrollbar-color:#a9c5d1 transparent}
.clinical-workspace .content{padding:16px 0}.clinical-workspace .topbar{min-height:42px}.clinical-workspace .clinical-panel{min-height:260px}
body[data-workspace-route="agenda"] .patient-chart,
body[data-workspace-route="agenda"] .treatment-plans,
body[data-workspace-route="agenda"] #treatment-panel>form,
body[data-workspace-route="recetario"] .patient-agenda,
body[data-workspace-route="recetario"] .treatment-plans,
body[data-workspace-route="recetario"] #treatment-panel>form,
body[data-workspace-route="recetario"] .patient-chart>:not(.prescription-section):not(.patient-hero),
body[data-workspace-route="treatment-panel"] .patient-agenda{display:none!important}
body[data-workspace-route="agenda"] #treatment-panel>h3,
body[data-workspace-route="recetario"] #treatment-panel>h3,
body[data-workspace-route="agenda"] #treatment-panel>p:first-of-type,
body[data-workspace-route="recetario"] #treatment-panel>p:first-of-type{display:none}
body[data-workspace-route="agenda"] .patient-agenda{margin-top:20px;padding-top:0;border-top:0}
@media(max-width:640px){.clinical-workspace .shell{padding:8px;gap:10px}.clinical-workspace .brand-panel{padding:12px}.clinical-workspace .clinical-nav a{flex:0 0 108px;min-height:74px}.clinical-workspace .brand{font-size:18px}.clinical-workspace .clinical-nav{margin-top:10px}.clinical-workspace main{padding:0 2px 16px}}
@media(prefers-reduced-motion:reduce){.clinical-workspace .clinical-nav a:hover{transform:none}}
}

/* Tactile clinical blocks and weekly agenda. Textures are procedural, no downloads. */
@media screen {
.clinical-workspace .clinical-panel,#work-queue{background:linear-gradient(135deg,#f8fcffed,#e8f2f7ed),repeating-linear-gradient(45deg,#174f6610 0 1px,transparent 1px 5px);border:1px solid #bdd3df;box-shadow:inset 0 1px #fff,0 8px 0 -5px #b7cdd7,0 20px 35px -26px #163d5b99}
.chart-section,.patient-quick,.balance-card,.work-card{border:1px solid #bfd4df;box-shadow:inset 0 1px #fff,0 3px 0 -1px #d3e2e9,0 10px 22px -17px #214f6980;background:linear-gradient(145deg,#fff,#f1f7fa)}
.chart-section{border-top:3px solid #5296a8}.chart-section h3{background:linear-gradient(100deg,#deedf3,#f4fafc);margin:-24px -24px 20px;padding:16px 24px;border-radius:15px 15px 0 0;border-bottom:1px solid #c9dee7;color:#164e65}.chart-section:nth-of-type(even){border-top-color:#6693bd}.chart-section:nth-of-type(even)>h3{background:linear-gradient(100deg,#e3ecf8,#f5f9fd)}.chart-section.financial-section{border-top-color:#b08b4d;background:linear-gradient(135deg,#fffdf8,#f5f1e8)}.financial-section>h3{background:linear-gradient(100deg,#eee4d1,#fbf7ee)}
.clinical-panel>h3{padding:14px 18px;border-radius:12px;background:linear-gradient(120deg,#19475e,#226d80);color:#f3fbff;box-shadow:inset 0 1px #ffffff40,0 8px 16px -12px #122f56;letter-spacing:-.02em}.inventory-card{background:linear-gradient(125deg,#fff,#eff6fa);border-color:#bcd3df;box-shadow:inset 0 1px #fff,0 3px 0 -1px #d1e1e9,0 7px 20px -15px #17435c80}.inventory-card.stock-low{background:linear-gradient(125deg,#fff4ed,#f9e6dc);border-color:#d4ac95}.history-entry{background:linear-gradient(120deg,#fff,#ecf5f5);border-left:4px solid #3b9196}.patient-chart fieldset{background:#ffffffb3;box-shadow:inset 0 2px 4px #15436008}.clinical-panel details{border:1px solid #c7dbe4;border-radius:12px;padding:12px 16px;background:#f7fbfddd}.clinical-panel details[open]{background:#fff}.clinical-panel summary{color:#245b71}.allergy-alert{background:#fff0e7;border:1px solid #d8ad97;border-left:4px solid #bd5737}
.agenda-booking{max-width:none!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px;background:linear-gradient(135deg,#dceef2,#f7fbfe);border:1px solid #b8d4de;border-top:3px solid #357f94;border-radius:16px;box-shadow:inset 0 1px #fff,0 6px 18px -14px #1c587b66}.agenda-booking label{margin:0!important}.agenda-booking>p{grid-column:1/-1;margin:0;font-size:13px;color:#536e7d}.agenda-booking .primary{margin-top:0}.agenda-provider{margin:12px 0}.agenda-provider form{margin:12px 0}.agenda-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #a8c7d7;border-radius:14px;background:linear-gradient(125deg,#1a4259,#276e81);box-shadow:inset 0 1px #ffffff40,0 7px 20px -12px #173b6180}.clinical-workspace .agenda-toolbar label{margin:0;color:#ebf9ff}.agenda-toolbar button{background:linear-gradient(#fbfeff,#dceaf1);border:1px solid #aacbdc;color:#194d63;box-shadow:inset 0 1px #fff,0 3px #12344466}.agenda-range{font-weight:600;color:#315d72;padding:4px 2px}.agenda-calendar.week-view{display:grid;grid-template-columns:repeat(7,minmax(200px,1fr));overflow-x:auto;border:1px solid #a9c7d7;border-radius:16px;background:#e4eef4;box-shadow:inset 0 1px #fff,0 8px 24px -16px #1b4b6d55;scrollbar-width:thin;scrollbar-color:#86afc2 #e4eef4}.agenda-day{min-height:320px;border-right:1px solid #bed3df;padding:0 8px 14px;background:repeating-linear-gradient(to bottom,#ffffff50 0,#ffffff50 59px,#c9dce54d 60px);min-width:0}.agenda-day:last-child{border-right:0}.agenda-day>h4{position:sticky;top:0;margin:0 -8px 12px;padding:16px 10px;background:linear-gradient(#edf5f9,#d9e8f1);border-bottom:1px solid #b9d0dd;text-transform:capitalize;font-size:14px;letter-spacing:0;color:#2e566d;text-align:center;z-index:1}.agenda-day.is-today{background-color:#d2efee}.agenda-day.is-today>h4{background:linear-gradient(#257789,#165265);color:#fff}.agenda-empty{font-size:13px;text-align:center;color:#577080;margin-top:32px}.agenda-day .appointment-card{padding:12px 10px;margin:10px 0;background:linear-gradient(140deg,#fff,#eaf5fb);border:1px solid #afc9da;border-left:4px solid #528db8;box-shadow:inset 0 1px white,0 4px 10px #254c6317;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.appointment-state{display:inline-block;padding:2px 7px;background:#dceaf8;color:#254d74;border-radius:6px;font-size:12px;font-weight:700;margin-bottom:8px}.appointment-card strong{display:block;font-size:14px}.appointment-card[data-status=confirmed]{border-left-color:#288e88}.appointment-card[data-status=confirmed] .appointment-state{background:#d5eeea;color:#175e55}.appointment-card[data-status=completed]{border-left-color:#658471;background:#eff5f0}.appointment-card[data-status=completed] .appointment-state{background:#dceadd;color:#345b3c}.appointment-card[data-status=cancelled],.appointment-card[data-status=no_show]{border-left-color:#b27660;background:#fcf0ea}.appointment-card[data-status=cancelled] .appointment-state,.appointment-card[data-status=no_show] .appointment-state{background:#f5ddd1;color:#84432c}.agenda-day .appointment-card button{width:100%;font-size:13px;min-height:36px;margin-top:7px}.agenda-day .appointment-card select{font-size:14px;padding:6px;min-height:38px}.agenda-day .appointment-card p{margin:6px 0;font-size:13px}
@media(max-width:900px){.agenda-booking{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.chart-section h3{margin:-16px -16px 16px;padding:14px 16px}.agenda-booking{grid-template-columns:1fr;padding:14px}.agenda-toolbar{padding:12px;gap:8px}.agenda-toolbar label{flex:1 1 120px}.agenda-toolbar button{flex:1;font-size:13px}.agenda-calendar.week-view{grid-template-columns:repeat(7,220px)}}
}
.agenda-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;padding:24px;color:#193c4a;background:linear-gradient(135deg,#f3fafc,#deedf3);border:1px solid #78aaba;border-radius:20px;box-shadow:0 30px 90px #082d4266}.agenda-dialog::backdrop{background:#082534aa;backdrop-filter:blur(5px)}.agenda-dialog .detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.clinic-appointment{display:block;width:100%;text-align:left;cursor:pointer;white-space:normal}.clinic-appointment:hover{outline:2px solid #288e88;transform:translateY(-2px)}.clinic-appointment:focus-visible{outline:3px solid #176987;outline-offset:3px}.clinic-agenda .agenda-day{min-height:420px}.agenda-dialog form{max-width:none}.agenda-dialog button{margin:4px}.agenda-dialog .agenda-calendar{max-height:48vh;overflow:auto}
.agenda-toolbar label{color:#f0fbff!important}.clinic-agenda>.agenda-calendar{max-height:65vh;overflow:auto}.agenda-dialog .agenda-range{color:#315d72}.agenda-dialog .appointment-card{padding:18px;background:linear-gradient(135deg,#fff,#dceef3);border:1px solid #a2c4d1;border-left:4px solid #26888e;border-radius:12px;box-shadow:0 8px 20px #234b611a}.agenda-dialog .appointment-card label{display:block;margin:10px 0}
.pia-time-calendar{display:grid;max-height:68vh;overflow:auto;border:1px solid #a8c4d1;border-radius:14px;background:#e9f1f5;box-shadow:0 12px 28px #163e531a;position:relative}.time-head{position:sticky;top:0;z-index:5;padding:12px 8px;background:linear-gradient(#e8f3f7,#cfdee8);border-right:1px solid #adc6d3;color:#244f64;text-align:center;font-size:14px;font-weight:700}.time-head.is-today{background:linear-gradient(#277b8b,#164b60);color:white}.time-axis,.time-column{position:relative;min-width:0}.time-axis{background:#edf4f7;position:sticky;left:0;z-index:3}.time-axis span{position:absolute;right:8px;font-size:14px;color:#37566a}.time-column{border-left:1px solid #bed2de;background:repeating-linear-gradient(#f8fbfd 0px,#f8fbfd 89px,#c9dce5 90px,#eaf2f6 91px,#eaf2f6 179px,#c9dce5 180px)}.time-slot{position:absolute;width:100%;left:0;border:0;border-radius:0;background:transparent;margin:0!important;padding:0!important;box-shadow:none!important}.time-slot:hover{background:#38a1b51c}.time-slot:focus-visible{outline:2px solid #207b93;outline-offset:-3px}.time-appointment{position:absolute;z-index:2;display:flex;flex-direction:column;text-align:left;overflow:hidden;margin:0!important;padding:5px 7px!important;border:1px solid #9cbfce;border-left:4px solid #277e99;border-radius:7px;background:linear-gradient(145deg,#e9f7fb,#cce4ef);box-shadow:0 3px 6px #17415724;font-size:14px;line-height:1.25;gap:3px;white-space:normal}.time-appointment strong,.time-appointment span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-appointment[data-status=confirmed],.time-appointment[data-status=arrived]{border-left-color:#32836c;background:linear-gradient(#e4f5ef,#c9e5dd)}.time-appointment[data-status=completed]{background:#e5ede8;border-left-color:#688978}.time-appointment[data-status=cancelled],.time-appointment[data-status=no_show]{background:#f6e7df;border-left-color:#a86851}.time-appointment:hover,.time-appointment:focus-visible{z-index:4;outline:2px solid #21677a;filter:brightness(1.03)}