:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f3a3f;background:#f2f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0F3A3F;--teal: #0F5C63;--teal-strong: #0A4D53;--teal-soft: #E4EFED;--background: #F2F7F6;--surface: #FFFFFF;--line: #DCE8E6;--muted: #6C8688;--muted-light: #8FA8A8;--green: #3FA88C;--amber: #E8A33D;--amber-soft: #FFF2DD}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--background);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;background:var(--background)}.page{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.screen{min-height:calc(100vh - 72px);animation:page-in .18s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(3px)}}.agenda-hero{padding:28px 22px 24px;color:#fff;background:var(--teal)}.agenda-hero p{margin:0;color:#ffffffc2;font-size:13px;font-weight:500}.agenda-hero h1{margin:18px 0 17px;color:#fff;font-size:28px;line-height:1.12;letter-spacing:-.035em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:34px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:#ffffff24;font-size:12px;font-weight:650;cursor:pointer}.chips button:active{background:#ffffff3d}.screen-content{padding:21px 18px 28px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title h2{margin:0;color:var(--ink);font-size:16px;line-height:22px}.section-title button{min-height:32px;padding:0;border:0;color:var(--teal);background:transparent;font-size:13px;font-weight:700;cursor:pointer}.appointment-list{display:grid;gap:11px}.appointment-card{width:100%;min-height:74px;display:flex;align-items:center;gap:14px;padding:15px 16px;border:0;border-radius:14px;color:inherit;background:#fff;box-shadow:0 2px 8px #0f3a3f12;text-align:left;cursor:pointer}.appointment-card:active{transform:scale(.994);background:#fafcfc}.appointment-time{width:48px;color:var(--teal);font-size:14px}.appointment-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.appointment-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.appointment-copy small{color:var(--muted);font-size:12px}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--green)}.status-dot.amber{background:var(--amber)}.notice-card{width:100%;min-height:72px;margin-top:12px;padding:15px 16px;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;color:var(--ink);background:var(--teal-soft);text-align:left;cursor:pointer}.notice-card>span{flex:1;display:flex;flex-direction:column;gap:5px}.notice-card strong{font-size:13px}.notice-card small{color:#4f7276;font-size:12px}.standard-screen{width:min(100%,680px);margin:0 auto;padding:24px 18px 30px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}.page-header p{margin:0 0 6px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.page-header h1{margin:0;color:var(--ink);font-size:27px;line-height:32px;letter-spacing:-.03em}.header-action,.icon-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--teal);background:transparent;cursor:pointer}.header-action:active,.icon-button:active{background:var(--teal-soft)}.search-field{height:46px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:#fff;box-shadow:0 1px 3px #0f3a3f0a}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0f5c6317}.search-field input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:12.5px}.search-field input::placeholder{color:var(--muted-light)}.filters{display:flex;gap:8px;margin:14px 0 22px;overflow-x:auto;scrollbar-width:none}.filters button{min-height:34px;padding:0 13px;flex:0 0 auto;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#fff;font-size:11.5px;cursor:pointer}.filters button.selected{border-color:#0f5c6352;color:var(--teal);background:var(--teal-soft);font-weight:700}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.list-heading button{min-height:34px;padding:0;border:0;color:var(--teal);background:transparent;font-size:11px;font-weight:750;letter-spacing:0;text-transform:none}.patient-list{display:grid;gap:9px}.patient-row{width:100%;min-height:70px;padding:11px 12px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;color:inherit;background:#fff;text-align:left;cursor:pointer}.patient-row:active{border-color:#bbd2cf;background:#fafcfc}.avatar{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--teal);font-size:11px;font-weight:750}.avatar.large{width:46px;height:46px;font-size:12px}.avatar.muted{color:var(--teal);background:var(--teal-soft)}.patient-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.patient-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.patient-copy small{overflow:hidden;color:var(--muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.file-state{display:none;padding:3px 7px;border-radius:99px;color:#247e68;background:#e1f2ec;font-size:9px;font-weight:650}.file-state.amber{color:#9a6212;background:var(--amber-soft)}.empty-state{padding:42px 20px;display:flex;align-items:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center}.empty-state strong{color:var(--ink);font-size:14px}.empty-state span{font-size:12px}.clinic-status{min-height:108px;padding:16px;display:flex;align-items:center;gap:14px;border-radius:16px;color:#fff;background:var(--teal)}.clinic-mark{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:var(--teal);background:#fff;font-size:16px;font-weight:800}.clinic-status h2{margin:7px 0 3px;font-size:17px}.clinic-status p{margin:0;color:#ffffffb8;font-size:11.5px}.open-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.open-badge i{width:7px;height:7px;border-radius:50%;background:#72d2b6}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.clinic-metric{min-height:74px;padding:12px 7px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;border-right:1px solid var(--line)}.clinic-metric:last-child{border-right:0}.clinic-metric.warning{background:var(--amber-soft)}.clinic-metric strong{color:var(--teal);font-size:19px}.clinic-metric.warning strong{color:#9a6212}.clinic-metric span{color:var(--muted);font-size:10px;text-align:center}.content-section+.content-section{margin-top:24px}.team-list,.service-list{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.team-row,.service-row{width:100%;min-height:66px;padding:11px 13px;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);color:inherit;background:#fff;text-align:left;cursor:pointer}.team-row:last-child,.service-row:last-child{border-bottom:0}.team-row>span:nth-child(2),.service-row>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.team-row strong,.service-row strong{font-size:12.5px}.team-row small,.service-row small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:10.5px}.service-row>strong{color:var(--teal)}.quick-links{display:grid;gap:9px;margin-top:24px}.quick-links button{min-height:64px;padding:10px 13px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;color:var(--teal);background:#fff;text-align:left}.quick-links button>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.quick-links strong{color:var(--ink);font-size:12.5px}.quick-links small{color:var(--muted);font-size:10.5px}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#fffffffa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-item{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;border:0;color:var(--muted-light);background:transparent;font-size:10.5px;cursor:pointer}.nav-item.active{color:var(--teal);font-weight:750}.nav-item.active:before{content:"";position:absolute;top:0;left:32%;right:32%;height:2px;border-radius:0 0 4px 4px;background:var(--teal)}.modal-layer{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:#0f3a3f6b;animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;padding:8px 18px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -10px 32px #0f3a3f26;animation:sheet-in .22s ease-out}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-handle{width:42px;height:4px;margin:0 auto 22px;border-radius:99px;background:#c5d1cf}.sheet-header{display:flex;align-items:center;gap:12px}.sheet-header>div{min-width:0;flex:1}.sheet-header h2{margin:0 0 4px;color:var(--ink);font-size:19px}.sheet-header p{margin:0;color:var(--muted);font-size:11.5px}.patient-summary{margin:22px 0;overflow:hidden;border:1px solid var(--line);border-radius:13px}.patient-summary>div{min-height:58px;padding:10px 13px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);color:var(--teal)}.patient-summary>div:last-child{border-bottom:0}.patient-summary span{display:flex;flex-direction:column;gap:3px}.patient-summary small{color:var(--muted);font-size:10px}.patient-summary strong{color:var(--ink);font-size:12px}.sheet-actions{display:flex;gap:9px}.primary,.secondary{min-height:46px;flex:1;border-radius:11px;font-size:12.5px;font-weight:750;cursor:pointer}.primary{border:0;color:#fff;background:var(--teal)}.primary:active{background:var(--teal-strong)}.secondary{border:1px solid var(--line);color:var(--teal);background:#fff}.toast{position:fixed;z-index:80;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:11px 15px;display:flex;align-items:center;gap:8px;border-radius:10px;color:#fff;background:var(--ink);box-shadow:0 8px 24px #0f3a3f3d;font-size:11.5px}@media(min-width:430px){.file-state{display:inline-flex}}@media(min-width:768px){.app-shell{padding-left:76px}.bottom-nav{top:0;right:auto;width:76px;height:100vh;padding:0;grid-template-columns:1fr;grid-template-rows:repeat(3,82px);align-content:center;border-top:0;border-right:1px solid var(--line)}.nav-item.active:before{top:24%;bottom:24%;left:0;right:auto;width:2px;height:auto}.page{padding-bottom:0}.agenda-screen{width:min(100%,680px);margin:0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}
