#opd-review{color-scheme:light;--ink:#21364e;--muted:#5b6c7e;--blue:#2464b5;--line:#d8e3ee;--rose:#a23059}
#opd-review *{box-sizing:border-box}
#opd-review{scroll-behavior:smooth}
#opd-review{margin:0;background:#eef4f9;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}
#opd-review [hidden]{display:none!important}
#opd-review button,#opd-review select{font:inherit}
#opd-review button{cursor:pointer}
#opd-review button:disabled{cursor:default;opacity:.45}
#opd-review button:focus-visible,#opd-review select:focus-visible,#opd-review summary:focus-visible{outline:3px solid #ecb623;outline-offset:3px}
#opd-review a{color:#1557a3}
#opd-review .demo-banner{padding:10px 16px;background:#fff1c7;color:#5a4517;text-align:center;font-size:13px;line-height:1.6}
#opd-review .demo-banner strong,#opd-review .demo-banner span{display:block}
#opd-review .page{width:min(1120px,100%);padding:24px;margin:auto}
#opd-review .heading{margin:0 0 20px}
#opd-review .hospital{color:var(--blue);font-size:14px;font-weight:700;margin:0 0 6px}
#opd-review h1{font-size:28px;line-height:1.4;margin:0 0 12px}
#opd-review h2{font-size:24px;line-height:1.4;margin:0}
#opd-review .hours{margin:0;color:var(--muted);font-size:15px}
#opd-review .hours strong{color:var(--ink);margin-left:8px}
#opd-review .hours span{display:block;font-size:13px;margin-top:3px}
#opd-review .calendar-card,#opd-review .day-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;scroll-margin-top:16px}
#opd-review .calendar-card{margin-bottom:20px}
#opd-review .mode-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;background:#edf3f9;border-radius:12px;margin-bottom:18px}
#opd-review .mode-control button{min-height:44px;border:0;background:transparent;border-radius:8px;color:#4e627a;font-size:15px;font-weight:700;padding:8px 4px;white-space:nowrap}
#opd-review .mode-control button[aria-pressed=true]{background:#fff;color:#1557a3;box-shadow:0 1px 5px #234f761b}
#opd-review .filter-field{display:flex;align-items:center;gap:12px}
#opd-review .filter-field label{font-size:14px;font-weight:700;min-width:64px}
#opd-review .filter-field select{min-height:46px;min-width:0;width:min(460px,100%);border:1px solid #bdcfe0;border-radius:8px;background:#fff;color:var(--ink);padding:9px 32px 9px 12px}
#opd-review .active-condition{font-size:14px;font-weight:600;color:var(--blue);margin:12px 0 20px}
#opd-review .month-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
#opd-review .month-head button,#opd-review .day-heading button{padding:8px 14px;min-height:44px;border:1px solid #c5d5e5;background:#f6f9fd;color:#1557a3;border-radius:8px;font-size:14px;flex-shrink:0}
#opd-review .month-help{font-size:14px;color:var(--muted);margin:0 0 14px}
#opd-review .data-alert{padding:12px;background:#fff3ce;border:1px solid #dabc75;border-radius:8px;color:#62481d;font-size:14px}
#opd-review .month-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:4px 4px}
#opd-review .month-table th{font-size:14px;color:var(--muted);height:30px;font-weight:600}
#opd-review .month-table td{padding:0;vertical-align:top}
#opd-review .month-table .sunday{color:#a54a53}
#opd-review .day-button{--row-lines:var(--row-lines-small);display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;height:calc(36px + var(--row-lines)*22px);min-height:72px;border:1px solid #dce5ef;border-radius:8px;background:#f8fbff;padding:6px 1px;color:var(--ink);font:inherit}
#opd-review .day-number{font-size:16px;font-weight:700;line-height:22px}
#opd-review .symbols{display:grid;grid-template-columns:repeat(2,20px);gap:2px;justify-content:center}
#opd-review .symbol{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:1.5px solid #3e70a8;border-radius:50%;color:#24568f;background:white;font-size:14px;font-weight:700;line-height:1;flex-shrink:0}
#opd-review .day-status{font-size:12px;line-height:1.5;margin-top:4px;color:var(--muted)}
#opd-review .day-button[data-status=closed]{background:#f1f3f5}
#opd-review .day-button[data-status=clinic_closed]{background:#f3f6f9}
#opd-review .day-button[data-status=missing]{background:#fff9e9;border-style:dashed;color:#765928}
#opd-review .day-button[data-status=choose_doctor]{background:#f8f9fb}
#opd-review .day-button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 1px var(--blue)}
#opd-review .day-button[aria-pressed=true] .day-status{color:white}
#opd-review .day-button[aria-pressed=true] .symbol{border-color:white;color:white;background:transparent}
#opd-review .status-key{font-size:12px;color:var(--muted);margin:12px 0 0}
#opd-review .legend{margin-top:16px;border-top:1px solid #e4ebf2;padding-top:10px}
#opd-review .legend summary{font-size:14px;font-weight:600;min-height:44px;padding:9px 0;cursor:pointer}
#opd-review .legend #legendList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:8px}
#opd-review .legend button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #dce5ef;background:#fff;border-radius:6px;padding:8px;text-align:left;color:var(--ink);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#opd-review .day-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#opd-review .eyebrow{font-size:13px;color:var(--muted);margin:0 0 5px}
#opd-review .day-heading h2{font-size:23px}
#opd-review .day-nav{display:flex;align-items:center;gap:12px;margin:18px 0}
#opd-review .day-nav button{min-height:44px;min-width:68px;border:1px solid #c5d5e5;background:#fff;color:#1557a3;border-radius:8px;font-size:14px;padding:8px}
#opd-review .day-nav p{flex:1;min-width:0;font-size:14px;color:var(--muted);text-align:center;margin:0;overflow-wrap:anywhere}
#opd-review .day-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#opd-review .clinic{border:1px solid var(--line);border-radius:10px;background:#fbfdff;padding:14px}
#opd-review .clinic h3{display:flex;gap:8px;align-items:center;font-size:16px;margin:0 0 10px;line-height:1.5}
#opd-review .clinic .symbol{width:24px;height:24px;font-size:15px}
#opd-review .clinic ul{list-style:none;margin:0;padding:0}
#opd-review .clinic li{border-top:1px solid #e4ebf2;padding:10px 0}
#opd-review .doctor-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#opd-review .doctor-name{font-size:18px;font-weight:700;line-height:1.5}
#opd-review .doctor-note{font-size:14px;color:#775019;line-height:1.6;margin:5px 0 0}
#opd-review .unknown-doctor{font-size:13px;color:var(--muted);margin:4px 0 0}
#opd-review .day-message{padding:20px 16px;background:#f4f8fc;border-radius:8px;font-size:16px;line-height:1.7}
#opd-review .day-message p{margin:0}
#opd-review .day-message small{display:block;font-size:14px;color:var(--muted);margin-top:6px}
#opd-review .updated{font-size:12px;color:var(--muted);margin:18px 0 0}
#opd-review .source-note{font-size:13px;color:var(--muted);line-height:1.7;margin-top:16px}
#opd-review .source-note p{margin:0 0 8px}
@media(min-width:700px){#opd-review .day-button{--row-lines:var(--row-lines-wide);height:calc(38px + var(--row-lines)*28px);min-height:88px;padding:8px 4px;gap:6px}
#opd-review .symbols{grid-template-columns:repeat(3,24px);gap:4px}
#opd-review .symbols .symbol{width:24px;height:24px;font-size:15px}
#opd-review .month-table{border-spacing:6px}
#opd-review .month-table th{font-size:16px}
#opd-review .day-number{font-size:18px}}
@media(max-width:575px){#opd-review .page{padding:16px 12px}
#opd-review .heading{margin-bottom:16px}
#opd-review h1{font-size:24px}
#opd-review .calendar-card,#opd-review .day-card{padding:14px 8px;border-radius:12px}
#opd-review .mode-control{padding:4px;gap:2px;margin-bottom:14px}
#opd-review .mode-control button{font-size:13px;min-height:44px}
#opd-review .filter-field{display:block;padding:0 4px}
#opd-review .filter-field label{display:block;margin:0 0 5px}
#opd-review .filter-field select{width:100%;font-size:16px}
#opd-review .active-condition{padding:0 4px;font-size:13px;margin:10px 0 16px}
#opd-review .month-head{padding:0 4px}
#opd-review .month-head h2{font-size:22px}
#opd-review .month-help{padding:0 4px;font-size:13px}
#opd-review .month-table{border-spacing:3px 4px}
#opd-review .status-key{padding:0 4px}
#opd-review .legend{padding:10px 4px 0}
#opd-review .legend #legendList{grid-template-columns:repeat(2,minmax(0,1fr))}
#opd-review .day-heading{padding:0 6px}
#opd-review .day-heading h2{font-size:20px}
#opd-review .day-heading button{font-size:13px;padding:8px 10px}
#opd-review .day-nav{gap:6px;padding:0 4px;margin:14px 0}
#opd-review .day-nav button{min-width:62px;font-size:13px;padding:8px 5px}
#opd-review .day-nav p{font-size:12px}
#opd-review .day-groups{grid-template-columns:1fr;gap:10px;padding:0 4px}
#opd-review .clinic{padding:12px}
#opd-review .day-message{margin:0 4px}
#opd-review .updated{padding:0 6px}}
@media(max-width:575px){#opd-review .day-button{padding-left:0;padding-right:0}}
#opd-review .doctor-name.is-female{color:var(--rose)}
#opd-review .symbol.is-pink{color:var(--rose);border-color:var(--rose);background:#fff0f5}
#opd-review .day-button[aria-pressed=true] .symbol.is-pink{color:var(--rose);border-color:#ffc8dc;background:#fff0f5}
@media(prefers-reduced-motion:reduce){#opd-review{scroll-behavior:auto}}
#opd-review .clinical-time{font-size:16px;font-weight:400;color:var(--ink);margin:5px 0 0;line-height:1.5}
#opd-review .clinical-time.is-exception{color:#775019}
#opd-review .clinical-time.is-exception strong{font-size:inherit;font-weight:600}
#opd-review .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
#opd-review .day-legend{font-size:14px;color:var(--muted);margin:12px 0 0}
#opd-review .legend-female{color:var(--rose)}
#opd-review .mobile-sunday-note{display:none}
@media(max-width:575px){#opd-review .month-table th.sunday,#opd-review .month-table td.sunday-column,#opd-review .month-table tr.sunday-only-row{display:none}
#opd-review .mobile-sunday-note{display:block;font-size:13px;color:var(--muted);margin:0 4px 10px}}
#opd-review .time-example-help{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px}
#opd-review .department-name,#opd-review .desktop-department-key{display:none}
#opd-review .mobile-symbol-key,#opd-review .desktop-department-key{font:inherit;color:inherit}
@media(min-width:576px){#opd-review .mobile-symbol-key{display:none}
#opd-review .desktop-department-key{display:inline}
#opd-review .month-table td[data-status]{border:1px solid #dce5ef;border-radius:8px;background:#f8fbff;cursor:pointer}
#opd-review .month-table td[data-status=closed]{background:#f1f3f5}
#opd-review .month-table td[data-status=clinic_closed]{background:#f3f6f9}
#opd-review .month-table td[data-status=missing]{background:#fff9e9;border-style:dashed}
#opd-review .month-table td[data-selected=true]{background:#eaf2fc;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
#opd-review .month-table .day-button,#opd-review .month-table .day-button[aria-pressed=true]{width:100%;height:auto;min-height:90px;align-items:stretch;padding:8px 6px;gap:5px;border:0;border-radius:7px;background:transparent;color:var(--ink);box-shadow:none}
#opd-review .month-table .day-number{text-align:center}
#opd-review .month-table .symbols{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}
#opd-review .month-table .symbols>.symbol{display:none}
#opd-review .month-table .department-name{display:block;font-size:13px;line-height:1.45;font-weight:400;color:var(--ink);text-align:left;overflow-wrap:anywhere}
#opd-review .month-table .department-name.is-pink{color:var(--rose)}
#opd-review .month-table .day-button[aria-pressed=true] .day-status{color:var(--muted)}}
#opd-review{font-family:inherit;font-size:16px;background:transparent}
#opd-review button{width:auto}
#opd-review .month-table th,#opd-review .month-table td{border:0}
#opd-review .month-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;gap:6px}
#opd-review .month-head h2{text-align:center;font-size:22px}
#opd-review .month-head button{padding:6px;min-width:44px}
#opd-review .clinical-time.is-unavailable{font-size:13px;color:var(--muted)}
#opd-review .closed-clinics{font-size:14px;color:var(--muted);margin-top:16px}
#opd-review #retrySchedule{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);min-height:44px;margin:0 0 12px}
#opd-review .day-legend{display:flex;align-items:center;gap:8px}
#opd-review .legend-swatch{display:block;flex:0 0 20px;width:20px;height:4px;border-radius:2px;background:currentColor}
@media(max-width:575px){#opd-review .month-head h2{font-size:20px}#opd-review .clinic h3,#opd-review .department-name{overflow-wrap:anywhere}}