:root{--navy:#173b63;--navy2:#255b8f;--pink:#ef7fa6;--pink2:#f9dce7;--orange:#f59e42;--blue:#55a7df;--green:#168567;--ink:#203247;--muted:#6c7b8e;--line:#dce5ef;--bg:#f3f7fb;--white:#fff;--shadow:0 12px 32px rgba(30,61,95,.10);font-family:'Noto Sans Thai',sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#edf4fa 0%,#f9fbfd 48%,#fbeef4 100%);min-height:100vh}button,input,select{font:inherit}.hidden{display:none!important}.glass-panel{background:rgba(255,255,255,.92);border:1px solid rgba(209,222,235,.95);box-shadow:var(--shadow);border-radius:20px}.eyebrow{margin:0 0 4px;color:#b14c73;font-size:11px;font-weight:800;letter-spacing:.06em}.button{border:0;border-radius:11px;padding:9px 15px;font-weight:700;cursor:pointer}.button.primary{background:var(--navy);color:#fff}.button.secondary{background:#edf3f8;color:var(--navy);border:1px solid #d5e0ea}.button.danger{background:#fff0f0;color:#b42318;border:1px solid #f1c2c0}.button:disabled{opacity:.45;cursor:not-allowed}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(820px,96vw);display:grid;grid-template-columns:1fr 1px 1fr;gap:34px;align-items:center;padding:42px}.login-brand{text-align:center}.logo-frame{width:138px;height:138px;margin:0 auto 15px;display:grid;place-items:center}.logo-frame img{max-width:100%;max-height:100%;object-fit:contain}.login-card h1{margin:5px 0 8px;color:var(--navy);font-size:34px}.login-card h1 span,.sidebar-brand span{color:var(--pink)}.login-description,.login-hint{color:var(--muted);line-height:1.65}.login-rule{width:1px;height:250px;background:var(--line)}.login-action{text-align:center}.login-label{font-weight:700}.google-oauth-button{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ccd8e4;border-radius:12px;background:#fff;padding:12px;cursor:pointer;box-shadow:0 4px 12px rgba(30,61,95,.08)}.google-oauth-button img{width:20px}.notice{margin-top:14px;padding:11px;border-radius:10px}.notice.error{background:#fff0f0;color:#a72118}.notice.warning{background:#fff7e6;color:#8b5a00}.login-footer{position:absolute;margin-top:430px;color:#8b98a8;font-size:12px}.version-button{border:0;background:transparent;color:#7e8d9e;padding:5px 8px;border-radius:8px;font-size:12px;cursor:pointer}.version-button:hover,.version-button:focus-visible{background:#edf3f8;color:var(--navy);outline:none}
.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#173b63,#102e4e);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 20px}.sidebar-brand img{width:46px;height:46px;object-fit:contain}.sidebar-brand strong{display:block;font-size:19px}.sidebar-brand small{opacity:.72}.main-nav{display:grid;gap:6px}.nav-item,.nav-action{width:100%;border:0;background:transparent;color:#dce8f4;text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer;display:flex;gap:10px;align-items:center}.nav-item:hover,.nav-item.active,.nav-action:hover{background:rgba(255,255,255,.11);color:#fff}.nav-module{display:grid;gap:3px}.nav-module-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:3px}.nav-module-row>.nav-item{min-width:0}.nav-module-toggle{border:0;border-radius:10px;background:transparent;color:#c7d8e8;cursor:pointer;font-size:16px;transition:transform .18s,background .18s}.nav-module-toggle:hover{background:rgba(255,255,255,.11);color:#fff}.nav-module.open .nav-module-toggle{transform:rotate(180deg)}.nav-submenu{display:none;margin-left:25px;padding-left:10px;border-left:1px solid rgba(255,255,255,.2)}.nav-module.open .nav-submenu{display:grid;gap:2px}.nav-subitem{border:0;background:transparent;color:#bdcfe0;text-align:left;padding:8px 9px;border-radius:9px;cursor:pointer;font-size:12px}.nav-subitem:hover,.nav-subitem.active{background:rgba(255,255,255,.11);color:#fff}.nav-subitem.active{box-shadow:inset 3px 0 var(--pink)}.sidebar-bottom{margin-top:auto;display:grid;gap:7px}.admin-menu{position:relative}.admin-submenu{display:none;position:absolute;bottom:48px;left:0;right:0;padding:7px;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.admin-menu.open .admin-submenu{display:grid}.admin-submenu button{border:0;background:#fff;color:var(--ink);text-align:left;padding:10px;border-radius:8px;cursor:pointer}.admin-submenu button:hover{background:#f1f5f9}
.main-content{min-width:0}.topbar{height:57px;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:14px;padding:0 22px;background:rgba(248,251,253,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:13px;min-width:0}.breadcrumb button{border:0;background:transparent;color:var(--navy2);padding:2px;cursor:pointer}.breadcrumb span{color:#93a0af}.breadcrumb strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.server-clock{color:var(--muted)}.topbar-divider{color:#bac4cf}.group-badge{color:var(--navy);font-weight:700}.profile-button{border:1px solid #c8d7e5;background:#fff;color:var(--navy);padding:7px 13px;border-radius:10px;font-weight:700;cursor:pointer}.page-container{padding:15px 22px 30px}.app-page{display:none}.app-page.active{display:block}.home-hero{position:relative;min-height:150px;overflow:hidden;display:flex;align-items:center;padding:22px 28px;background:linear-gradient(90deg,#f8fbfd 0%,#edf4fa 34%,#dce8f2 54%,#294a70 100%)}.home-hero>img{position:absolute;top:0;right:0;width:auto;height:100%;max-width:72%;object-fit:contain;object-position:right center;opacity:.58}.home-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,.32) 62%,rgba(23,59,99,.08) 100%)}.home-hero-copy{position:relative;z-index:1;max-width:55%}.home-hero h3{margin:2px 0 3px;font-size:25px;color:var(--navy)}.home-hero p:last-child{margin:0;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.home-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.module-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(30,61,95,.07);transition:.2s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b7cde1}.module-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--pink2);color:#a93e68;font-size:22px;overflow:hidden}.module-icon img{width:100%;height:100%;padding:6px;object-fit:contain}.module-card h4{margin:13px 0 4px;font-size:18px;color:var(--navy)}.module-card p{margin:0;color:var(--muted);font-size:13px}.submodule-grid{max-width:780px}.section-heading,.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:2px 0 14px}.section-heading h3,.dashboard-heading h3{margin:0;color:var(--navy);font-size:24px}.section-heading p:not(.eyebrow),.dashboard-heading p:not(.eyebrow){margin:2px 0 0;color:var(--muted);font-size:12px}.compact-heading{margin-top:-3px}.toolbar,.dashboard-filters{display:flex;align-items:flex-end;gap:13px;padding:13px 15px;margin-bottom:14px;flex-wrap:wrap}.toolbar label,.dashboard-filters label{font-size:11px;color:var(--muted);font-weight:600}.toolbar input,.toolbar select,.dashboard-filters input,.dashboard-filters select{display:block;margin-top:4px;border:1px solid #cbd8e4;border-radius:9px;background:#fff;padding:8px 10px;color:var(--ink)}.search-field{flex:1;min-width:220px}.search-field input{width:100%}.toolbar-summary,.filter-caption{margin-left:auto;color:var(--muted);font-size:12px}.segmented{display:flex;background:#edf2f7;border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;color:#66768a;padding:7px 12px;border-radius:8px;cursor:pointer}.segmented button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(31,61,95,.12);font-weight:700}.segmented.small button{padding:5px 9px;font-size:11px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 17px;box-shadow:0 5px 16px rgba(30,61,95,.06)}.kpi-card.current{border-color:#f5c17e;background:#fffaf2}.kpi-card span{display:block;color:var(--muted);font-size:12px;min-height:38px}.kpi-card strong{display:block;color:var(--navy);font-size:30px}.kpi-card.current strong{color:#db7517}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chart-card{padding:15px;min-width:0}.chart-card.span-2{grid-column:span 2}.chart-card header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.chart-card h4{margin:0;color:var(--navy);font-size:15px}.chart-wrap{height:250px;position:relative}.trend-card .chart-wrap{height:280px}.chart-wrap.donut{height:190px;min-width:0}.donut-layout{display:grid;grid-template-columns:minmax(125px,1fr) minmax(100px,1fr);gap:8px;align-items:center}.chart-legend{display:grid;gap:7px;font-size:12px}.legend-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.legend-label{display:flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;align-content:flex-start;min-height:120px}.data-tag{border-radius:999px;background:#f9e4ec;color:#9f3e62;border:1px solid #f2c7d7;padding:7px 11px;font-size:12px}.data-tag b{margin-left:5px}.empty-state{text-align:center;padding:30px;color:var(--muted);margin:12px 0}
.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f0f5f9;color:#516478;text-align:left;padding:11px 12px;white-space:nowrap}td{padding:11px 12px;border-top:1px solid #e5ecf2;vertical-align:middle}tbody tr{background:rgba(255,255,255,.72);transition:.18s}.records-table tbody tr:not(.attended){opacity:.58}.records-table tbody tr.attended{opacity:1;background:#fff4f8;box-shadow:inset 4px 0 var(--pink)}.cell-primary{display:block;font-weight:700;color:var(--ink)}.cell-secondary{display:block;color:#8895a4;font-size:10px;margin-top:2px}.table-button{border:1px solid #c7d6e4;background:#fff;color:var(--navy2);border-radius:8px;padding:5px 8px;cursor:pointer}.pdf-button{text-decoration:none;display:inline-block}.attendance-check{width:18px;height:18px;accent-color:var(--pink);cursor:pointer}.attendance-check:disabled{cursor:not-allowed}.status-badge{padding:6px 11px;border-radius:999px;background:#e7f6f1;color:#087a55;font-size:11px;font-weight:700}
.form-card{padding:20px}.form-grid{display:grid;gap:12px;margin-bottom:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}label{color:#526477;font-size:12px;font-weight:600}label input,label select{width:100%;margin-top:5px;border:1px solid #cad6e2;border-radius:9px;background:#fff;padding:9px;color:var(--ink)}.form-meta,.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:var(--muted);font-size:12px}.form-actions{justify-content:flex-end}.profile-details{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-field{padding:12px;border:1px solid #e2e9f0;border-radius:12px;background:#fbfcfe}.profile-field span{display:block;color:var(--muted);font-size:11px}.profile-field strong{display:block;margin-top:4px}.profile-note{grid-column:1/-1;color:#96607a;background:#fff1f6;border-radius:10px;padding:11px}
.app-dialog{border:0;padding:0;background:transparent;width:min(760px,94vw);max-height:90vh}.app-dialog.large{width:min(1040px,95vw)}.app-dialog.version-dialog{width:min(560px,92vw)}.app-dialog::backdrop{background:rgba(10,25,42,.45);backdrop-filter:blur(3px)}.dialog-shell{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(12,29,48,.25);max-height:90vh;display:flex;flex-direction:column}.dialog-shell>header,.dialog-shell>footer{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-shell>footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}.dialog-shell h3{margin:0;color:var(--navy)}.dialog-close{border:0;background:#eef3f7;color:#5e6e80;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.dialog-body{padding:18px;overflow:auto}.version-summary{margin:0 0 10px;color:var(--muted);font-size:13px}.version-notes{margin:0;padding-left:22px;color:var(--ink);line-height:1.7}.version-notes li+li{margin-top:5px}fieldset{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px}legend{color:var(--navy);font-size:12px;font-weight:700}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkbox-grid label{display:flex;gap:7px;align-items:center}.checkbox-grid input{width:auto;margin:0}.record-layout{display:grid;grid-template-columns:180px 1fr;gap:18px}.record-portrait{width:180px;aspect-ratio:3/4;border-radius:14px;object-fit:cover;background:#eef2f6}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.detail-item{border:1px solid #e2e9f0;border-radius:10px;padding:10px}.detail-item span{display:block;color:var(--muted);font-size:10px}.detail-item strong{display:block;margin-top:3px;font-size:12px}
.confirmation-dialog{width:min(500px,92vw)}.confirmation-dialog .dialog-shell{border:1px solid rgba(29,53,87,.08)}.confirmation-body{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:24px 20px}.confirmation-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f1fb;color:#1d5fa7;font-size:23px;font-weight:900}.confirmation-body p{margin:0;color:var(--ink);font-size:14px;line-height:1.65}.confirmation-dialog footer .button{min-width:96px}
.role-editor{background:#f8fafc}.role-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.role-editor-heading legend{float:none;padding:0}.role-editor-heading small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.role-assignment-list{display:grid;gap:10px}.role-assignment-card{position:relative;border:1px solid #d7e1eb;border-radius:13px;background:#fff;padding:13px}.role-assignment-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:end}.role-assignment-grid.resident{grid-template-columns:1.2fr 1fr 1fr auto}.role-assignment-card label{min-width:0}.role-forever{display:flex;align-items:center;gap:7px;min-height:39px;padding:0 8px;border:1px solid #dce5ee;border-radius:9px;background:#f7fafc}.role-forever input{width:auto;margin:0}.role-remove{align-self:end}.resident-timeline-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:6px;margin-top:10px}.resident-stage{position:relative;display:grid;gap:2px;min-height:62px;border:1px solid transparent;border-radius:9px;background:#eef4fa;padding:8px 34px 8px 8px;color:#425b72;font-size:10px}.resident-stage strong{display:block;color:var(--navy);font-size:11px}.resident-stage.failed{border-color:#efb4b0;background:#fff1f0}.resident-stage.repeat{padding-right:8px;border-color:#f2c7c4;background:#fff8f7}.resident-stage.repeat small{color:#b42318;font-weight:700}.resident-stage.alumni{padding-right:8px;background:#f1eff7;color:#655a78}.resident-repeat-toggle{position:absolute;top:8px;right:8px;display:grid!important;width:20px;height:20px;min-height:0!important;margin:0;padding:0;border:1px solid #aab7c5;border-radius:4px;background:#fff;cursor:pointer;place-items:center}.resident-repeat-toggle input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.resident-repeat-toggle span{color:transparent;font-size:19px;font-weight:800;line-height:1}.resident-repeat-toggle:has(input:checked){border-color:#d92d20;background:#fff}.resident-repeat-toggle:has(input:checked) span{color:#d92d20}.role-periods{display:grid;gap:4px}.role-period-chip{display:block;padding:5px 7px;border-radius:7px;background:#f3f6f9;color:#526477;font-size:10px;line-height:1.35}.role-period-chip.current{background:#e9f6ee;color:#24653b;font-weight:700}
.loading-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(246,249,252,.78);backdrop-filter:blur(3px)}.loading-overlay>strong{margin-top:75px;position:absolute;color:var(--navy)}.loader{width:42px;height:42px;border:4px solid #dbe5ef;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-region{position:fixed;right:20px;bottom:20px;z-index:120;display:grid;gap:8px}.toast{background:#183c63;color:#fff;border-radius:11px;padding:11px 15px;box-shadow:var(--shadow)}.toast.error{background:#a92b24}.mobile-only{display:none}
@media(max-width:1100px){.home-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.chart-card.span-2{grid-column:span 1}.form-grid.four{grid-template-columns:repeat(2,1fr)}.topbar-actions{gap:6px}.server-clock{display:none}.home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.login-card{grid-template-columns:1fr;padding:28px}.login-rule{width:100%;height:1px}.login-footer{position:static;margin:0;text-align:center}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-245px;width:230px;transition:.2s}.sidebar.open{left:0}.mobile-only{display:inline-grid}.page-container{padding:12px}.topbar{padding:0 12px;gap:8px}.breadcrumb{flex:1;overflow:hidden;white-space:nowrap}.breadcrumb button,.breadcrumb span{display:none}.breadcrumb strong{max-width:82px;font-size:11px}.dashboard-grid{grid-template-columns:1fr}.chart-card.span-2{grid-column:span 1}.kpi-grid{grid-template-columns:1fr 1fr}.form-grid.two,.form-grid.three,.form-grid.four,.profile-details{grid-template-columns:1fr}.record-layout{grid-template-columns:1fr}.record-portrait{width:130px}.checkbox-grid{grid-template-columns:1fr}.home-module-grid{grid-template-columns:1fr}.home-hero{min-height:165px;padding:20px}.home-hero>img{max-width:none;width:100%;height:100%;object-position:center;opacity:.28}.home-hero::after{background:rgba(255,255,255,.8)}.home-hero-copy{max-width:100%}.topbar-divider{display:none}.topbar-actions{gap:5px}.profile-button{padding:6px 9px}.group-badge{max-width:105px;overflow:hidden;text-overflow:ellipsis}.role-editor-heading{align-items:stretch;flex-direction:column}.role-assignment-grid,.role-assignment-grid.resident{grid-template-columns:1fr}.resident-timeline-preview{grid-template-columns:1fr 1fr}.role-remove{width:100%}}

/* v1.4.0 postgraduate dashboard, intake cards and document access */
.nav-item,.nav-action{padding:10px 11px;gap:8px;font-size:12px;white-space:nowrap;overflow:hidden}.nav-item>span:last-child,.nav-action>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-module-row{grid-template-columns:minmax(0,1fr) 32px}.nav-subitem,.admin-submenu button{font-size:11px}.topbar-actions{min-width:0}.user-badge{color:#526477;font-weight:600}.home-hero{background:linear-gradient(90deg,#f8fbfd 0%,#eaf1f7 22%,#1d3557 42%,#1d3557 100%)}.home-hero>img{opacity:1}.home-hero::after{background:linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.88) 25%,rgba(29,53,87,.14) 42%,rgba(29,53,87,0) 58%)}.home-hero-copy{max-width:38%}.tag-cloud{max-height:218px;overflow:hidden}.data-tag.free{background:#fff0dc;color:#a95705;border-color:#f7c783}.data-tag.muted{background:#edf1f5;color:#6f7d8d;border-color:#d5dde5}.access-level-note{margin-bottom:12px;padding:11px 14px;color:var(--muted);font-size:12px}.access-level-table{min-width:1180px}.access-level-table th:first-child{position:sticky;left:0;z-index:2;min-width:220px}.access-level-table tbody th:first-child{background:#fbfcfe}.access-level-table thead th{position:sticky;top:0;z-index:3;max-width:180px;white-space:normal}.access-level-table .access-section th{position:static;background:#e4edf5;color:var(--navy);font-weight:800}.access-level-select{min-width:128px;width:100%;border:1px solid #cbd8e4;border-radius:8px;background:#fff;padding:7px;color:var(--ink);font-size:11px}.access-level-select:disabled{background:#eef2f6;color:#7e8996}
.switch-row{display:flex;align-items:center;gap:10px;margin:15px 0}.switch-row input{width:18px;height:18px}.document-list{display:grid;gap:8px}.document-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f9fbfd}.document-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-detail-row td{padding:0!important;background:#f7fafc}.pg-detail-panel{padding:14px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pg-applications-table{min-width:1050px}.version-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.version-metadata div{padding:9px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.version-metadata span{display:block;color:var(--muted);font-size:10px}.version-metadata strong{display:block;margin-top:3px;font-size:12px;color:var(--navy)}
.pg-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.toolbar-label{font-size:11px;color:var(--muted);font-weight:700}.pg-year-tags{flex-wrap:wrap}.pg-year-tags button{min-width:58px}.kpi-split{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}.kpi-split b{color:var(--navy);font-size:11px}.pg-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg-dashboard-grid .chart-wrap{height:245px}.pg-dashboard-grid .tag-cloud{max-height:245px;min-height:245px;overflow:auto}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #c8d7e5;border-radius:10px;background:#edf3f8;color:var(--navy);font-size:20px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 7px rgba(30,61,95,.05)}.icon-button:hover,.icon-button:focus-visible{background:#dfeaf4;outline:2px solid rgba(37,91,143,.14)}.add-intake-button{display:grid!important}.intake-card-list{display:grid;gap:12px}.intake-card{padding:14px 16px}.intake-row{display:grid;grid-template-columns:110px minmax(150px,1fr) minmax(150px,1fr) repeat(2,minmax(90px,.6fr)) minmax(150px,.9fr) auto;gap:10px;align-items:end}.intake-row.research{grid-template-columns:110px minmax(160px,1fr) minmax(160px,1fr) minmax(100px,.7fr) minmax(150px,.9fr) auto}.intake-row label{min-width:0}.intake-row .switch-row{margin:0;min-height:39px;padding:7px 9px;border-radius:10px;background:#edf8f3;color:#087a55;white-space:nowrap}.intake-row .switch-row input{margin:0;accent-color:var(--green)}.intake-status{grid-column:1/-1;margin:2px 0 0;padding:7px 10px;font-size:11px}.pg-applications-table tbody tr{opacity:1!important}.funding-mark{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:900}.funding-mark.yes{background:#e4f6ef;color:#087a55}.funding-mark.no{background:#f1f3f5;color:#8793a1}.pg-detail-row{opacity:1!important}.pg-file-window{margin:0;background:#eef3f8;color:#173b63;font-family:sans-serif;display:grid;place-items:center;min-height:100vh}.pg-file-window iframe{position:fixed;inset:0;width:100%;height:100%;border:0;background:#fff}
.access-level-select{border-color:transparent;font-weight:700}.access-level-select.tone-edit{background:#e3f6ec;color:#087a55;border-color:#b9e6d1}.access-level-select.tone-view{background:#fff6cf;color:#8a6500;border-color:#eedb8a}.access-level-select.tone-hidden{background:#edf1f5;color:#596675;border-color:#d6dee6}.access-level-select.protected.tone-edit:disabled{background:#bce8d2;color:#075f43}.access-level-select.protected.tone-view:disabled{background:#f1dc86;color:#684b00}.access-level-select.protected.tone-hidden:disabled{background:#cbd4dd;color:#3d4855}.button-group{display:flex;align-items:center;gap:8px}.intake-row{grid-template-columns:110px minmax(150px,1fr) minmax(150px,1fr) repeat(2,minmax(80px,.55fr)) repeat(2,minmax(130px,.8fr)) auto}.intake-row.research{grid-template-columns:110px minmax(160px,1fr) minmax(160px,1fr) minmax(90px,.6fr) repeat(2,minmax(130px,.8fr)) auto}.intake-row .switch-row{background:#f1f4f7;color:#738093}.intake-row .switch-row.checked{background:#e2f6ed;color:#087a55}.intake-row .switch-row.completed.checked{background:#dce9f6;color:#1d4f7d}
@media(max-width:1100px){.pg-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intake-row,.intake-row.research{grid-template-columns:repeat(3,minmax(0,1fr))}.intake-row .switch-row{align-self:end}}
@media(max-width:900px){.pg-dashboard-grid{grid-template-columns:1fr}.pg-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.user-badge{display:none}.topbar-actions{max-width:66vw}.home-hero{background:linear-gradient(90deg,#f8fbfd 0%,#eaf1f7 34%,#1d3557 100%)}.home-hero>img{opacity:.44}.home-hero::after{background:linear-gradient(90deg,rgba(248,251,253,.97) 0%,rgba(248,251,253,.86) 48%,rgba(29,53,87,.08) 100%)}.home-hero-copy{max-width:100%}.pg-feature-grid{grid-template-columns:1fr}.pg-dashboard-grid{grid-template-columns:1fr}.intake-row,.intake-row.research{grid-template-columns:1fr}.pg-year-tags{width:100%;overflow:auto;flex-wrap:nowrap}.pg-kpi-grid{grid-template-columns:1fr}.intake-card{padding:12px}}

/* v1.7.0 MOPH•Robotic Surgery */
.robotic-shared-page{min-height:calc(100vh - 90px)}.robotic-embed-shell{height:calc(100vh - 128px);min-height:660px;overflow:hidden;background:#fff}.robotic-embed-shell iframe{display:block;width:100%;height:100%;border:0;background:#f5f8f6}.robotic-master-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(500px,1.3fr);gap:12px;margin-bottom:12px}.table-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line)}.table-card-heading h4,.table-card-heading p{margin:0}.table-card-heading p{color:var(--muted);font-size:11px}.table-card-heading label{display:flex;align-items:center;gap:7px}.table-card-heading select{margin:0;padding:6px 8px;border:1px solid #cad6e2;border-radius:8px}.robotic-master-scroll{max-height:560px}.robotic-suggestion-card{margin-top:12px}.robotic-admin-items{display:grid;gap:12px;margin-top:14px}.robotic-admin-specialty{border:1px solid var(--line);border-radius:12px;overflow:hidden}.robotic-admin-specialty>h4{margin:0;padding:9px 12px;background:#edf6f1;color:#126746}.robotic-admin-procedure{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:9px;padding:8px 11px;border-top:1px solid #edf1f4}.robotic-admin-procedure label{overflow-wrap:anywhere}.robotic-admin-procedure input{margin:0;text-align:right}.dialog-total{margin-right:auto;color:#087a55;font-size:16px;font-weight:800}.robotic-permissions{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:11px}.moph-status-active{color:#087a55}.moph-status-suspended{color:#a72118}.moph-main-badge{display:inline-block;padding:2px 6px;border-radius:999px;background:#fff1bd;color:#765600;font-size:10px;font-weight:800}.moph-action-group{display:flex;gap:5px;white-space:nowrap}.moph-action-group .danger{color:#b42318;border-color:#efc3c1}.module-card[data-module-route="moph-robotic"] .module-icon{background:#e3f3e9;color:#006c3a}.nav-module.moph-robotic-nav .nav-subitem.active{box-shadow:inset 3px 0 #42a46e}.nav-module.moph-robotic-nav .nav-submenu small{padding:7px 9px 2px;color:#8fb7a1;font-size:9px}.robotic-zero-row{background:#f8faf9;color:var(--muted)}
@media(max-width:1000px){.robotic-master-grid{grid-template-columns:1fr}.robotic-embed-shell{height:calc(100vh - 145px)}}
@media(max-width:760px){.robotic-embed-shell{height:calc(100vh - 125px);min-height:620px;border-radius:12px}.robotic-shared-page .section-heading{align-items:flex-start}.robotic-shared-page .section-heading p{display:none}.robotic-admin-procedure{grid-template-columns:minmax(0,1fr) 76px}.dialog-total{width:100%;order:-1}.robotic-master-grid{grid-template-columns:1fr}.moph-action-group{flex-wrap:wrap}.table-card-heading{align-items:flex-start;flex-direction:column}}

/* v2.0.0 Supabase Auth, duty calendar and notifications */
.password-login-form{display:grid;gap:9px;margin-top:12px;text-align:left}.password-login-form label{font-size:11px}.password-login-form input{width:100%;margin-top:4px;border:1px solid #cbd8e4;border-radius:10px;padding:10px;background:#fff}.login-submit{width:100%;margin-top:3px}.link-button{border:0;background:transparent;color:var(--navy2);font-size:11px;cursor:pointer;padding:4px}.login-fallback{margin-top:12px;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);font-size:11px}.login-fallback summary{cursor:pointer}.notification-menu{position:relative}.notification-button{position:relative;width:35px;height:35px;border:1px solid #c8d7e5;border-radius:10px;background:#fff;color:var(--navy);font-size:21px;cursor:pointer}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;background:#d92d20;color:#fff;display:grid;place-items:center;padding:0 4px;font-size:9px;font-weight:800}.notification-dropdown{position:absolute;top:43px;right:0;width:min(380px,88vw);max-height:450px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 45px rgba(20,42,70,.2);z-index:40}.notification-dropdown header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line)}.notification-dropdown header button{border:0;background:transparent;color:var(--navy2);font-size:10px;cursor:pointer}.notification-list{max-height:380px;overflow:auto}.notification-item{display:block;width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;padding:11px 13px;cursor:pointer}.notification-item.unread{background:#fff5f8}.notification-item strong{display:block;color:var(--navy);font-size:12px}.notification-item span,.notification-item time{display:block;color:var(--muted);font-size:10px;margin-top:2px}.home-module-section{margin-top:18px}.module-section-label{display:flex;align-items:center;gap:9px;color:#8190a2;font-size:9px;font-weight:700;letter-spacing:.03em}.module-section-label::before,.module-section-label::after{content:'';height:1px;background:#d8e2eb;flex:1}.module-section-label::after{flex:8}.nav-section-label{display:flex;align-items:center;gap:7px;margin:8px 8px 2px;color:#91a9bf;font-size:8px;letter-spacing:.06em}.nav-section-label::after{content:'';height:1px;background:rgba(255,255,255,.16);flex:1}.module-card[data-module-route="duty"] .module-icon{background:#e8eef8}.module-card[data-module-route="duty"] .module-icon img,.module-card[data-module-route="moph-robotic"] .module-icon img{padding:4px}.duty-summary-card{padding:18px}.duty-summary-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.duty-summary-header h4{margin:0;color:var(--navy);font-size:18px}.duty-summary-actions{display:flex;gap:8px;flex-wrap:wrap}.duty-summary-table{margin-top:13px}.future-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.future-feature{padding:14px;border:1px dashed #cfdbe6;border-radius:13px;background:rgba(255,255,255,.55)}.future-feature strong{display:block;color:#62768b;font-size:12px}.future-feature small{display:block;color:#9aa6b3;margin-top:4px}.duty-toolbar{align-items:center}.duty-calendar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;overflow:auto;padding-bottom:5px}.duty-weekday{padding:7px;text-align:center;color:#66768a;font-size:10px;font-weight:800}.duty-day{min-height:130px;border:1px solid rgba(142,158,174,.28);border-radius:12px;padding:8px;background:#fff;box-shadow:0 3px 10px rgba(30,61,95,.05)}.duty-day.outside{opacity:.32}.duty-day.day-mon{background:#fbf3a6}.duty-day.day-tue{background:#f6d3df}.duty-day.day-wed{background:#ccefcf}.duty-day.day-thu{background:#f8dcc5}.duty-day.day-fri{background:#d2e9f8}.duty-day.day-sat{--calendar-day-background:#ddd4ee;background:var(--calendar-day-background)}.duty-day.day-sun{--calendar-day-background:#f3d1d1;background:var(--calendar-day-background)}.duty-day.official-holiday{box-shadow:inset 0 5px #e999b8,0 3px 10px rgba(30,61,95,.05)}.duty-day-number{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;font-size:13px;font-weight:800;color:var(--navy)}.holiday-name{display:block;margin:4px 0 6px;color:#8e3154;font-size:8px;line-height:1.25}.duty-slot-button{display:block;width:100%;margin-top:5px;border:1px solid rgba(68,90,112,.2);border-radius:8px;background:rgba(255,255,255,.82);padding:6px;text-align:left;color:#203247;font-size:10px;cursor:pointer}.duty-slot-button small{display:block;color:#6d7e90;font-size:8px}.duty-slot-button.none{color:#8c98a6;border-style:dashed}.duty-table{min-width:920px}.duty-table th,.duty-table td{text-align:center}.duty-table td:first-child{font-weight:800}.duty-table tr.weekend td:first-child{background:#1d3557;color:#fff}.duty-table tr.official td{background:#fff2f6}.duty-table tr.official td:first-child{background:#efb5ca;color:#722641}.duty-table-cell{border:0;border-radius:7px;padding:6px 8px;background:#edf3f8;color:var(--navy);cursor:pointer;min-width:120px}.duty-counter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.duty-counter-card{padding:14px}.duty-counter-card h4{margin:0 0 9px;color:var(--navy)}.duty-counter-table th,.duty-counter-table td{text-align:center;padding:7px}.sticky-duty-actions{position:sticky;bottom:12px;z-index:10;display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.duty-person-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.duty-person-tag{border:1px solid rgba(50,70,90,.18);border-radius:999px;padding:8px 11px;color:#203247;cursor:pointer;font-weight:700}.duty-person-tag.none{background:#edf1f5!important;color:#657384}.duty-pending-list{display:grid;gap:8px;margin-bottom:12px}.duty-pending-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #f1c5d5;border-radius:12px;background:#fff4f8}.duty-change-preview del{color:#9a5b65}.duty-change-preview ins{color:#087a55;text-decoration:none;font-weight:700}.duty-counter-person{display:flex;align-items:center;gap:6px}.person-color{width:10px;height:10px;border-radius:3px}.holiday-calendar-event{margin-top:5px;padding:6px;border-radius:8px;background:rgba(255,255,255,.78);color:#8e3154;font-size:9px;font-weight:700;cursor:pointer}.holiday-type-badge{display:inline-block;border-radius:999px;padding:3px 7px;background:#f8dbe6;color:#8c3153;font-size:9px}.holiday-type-badge.compensatory{background:#eee6f7;color:#654c84}.holiday-type-badge.special{background:#ffe6d2;color:#9a5416}
@media(max-width:1050px){.future-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duty-counter-grid{grid-template-columns:1fr}.duty-calendar{grid-template-columns:repeat(7,minmax(105px,1fr))}}
@media(max-width:760px){.login-card{width:min(480px,96vw)}.login-fallback{margin-bottom:4px}.notification-dropdown{position:fixed;top:58px;right:8px}.notification-button{width:33px;height:33px}.profile-button{padding:6px 7px}.group-badge{display:none}.future-feature-grid{grid-template-columns:1fr}.duty-calendar{grid-template-columns:repeat(7,minmax(92px,1fr));gap:5px}.duty-day{min-height:116px;padding:6px}.duty-toolbar{align-items:flex-end}.duty-editor-heading{align-items:flex-start;flex-direction:column}.sticky-duty-actions{bottom:6px}.home-module-section{margin-top:14px}}
.duty-change-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.duty-change-preview span{padding:4px 8px;border-radius:999px;background:#fff;color:#4a5b70;font-size:10px}.holiday-source-note{margin:-2px 2px 12px;color:#7c8796;font-size:9px}

/* v2.1.0 Username authentication and duty-table refinements */
.login-shell{width:min(820px,96vw);display:grid;justify-items:center;gap:10px}.login-shell .login-card{width:100%}.login-footer{position:static!important;margin:0!important;text-align:center;color:#8b98a8;font-size:12px}.module-card{display:grid;grid-template-rows:44px auto 1fr;align-content:start}.module-card .module-icon{align-self:start;justify-self:start}.notification-button{display:grid;place-items:center;padding:0}.notification-button svg{width:19px;height:19px;fill:currentColor}.password-change-card{margin-top:14px;padding:18px}.password-change-card h4,.password-change-card p{margin:0}.password-change-card>div:first-child{margin-bottom:12px}.password-change-card>div:first-child p:not(.eyebrow){color:var(--muted);font-size:11px}.account-password-fields{padding:12px;border:1px solid #dce5ef;border-radius:12px;background:#f8fbfd;margin:12px 0}.duty-summary-controls{display:flex;align-items:flex-end;gap:12px;padding:11px 13px;margin-bottom:10px;overflow-x:auto}.duty-summary-controls.second-row{margin-top:-3px}.duty-summary-controls label{margin-left:auto;min-width:150px;color:var(--muted);font-size:10px;font-weight:700}.duty-summary-controls input{display:block;width:100%;margin-top:4px;border:1px solid #cbd8e4;border-radius:9px;background:#fff;padding:8px 10px}.duty-summary-tabs{flex:1;min-width:max-content}.duty-summary-card .empty-state{display:grid;gap:5px;text-align:center}.duty-summary-card .empty-state strong{color:var(--navy);font-size:16px}.duty-summary-card .empty-state span,.duty-summary-card .empty-state small{color:var(--muted)}.duty-toolbar-field{display:grid;align-content:end;gap:4px;color:var(--muted);font-size:11px;font-weight:600}.duty-toolbar-field .button{min-height:36px}.duty-toolbar label{display:grid;align-content:end}.duty-table-scroll{max-height:calc(100vh - 285px);min-height:260px;overflow:auto}.duty-table thead th{position:sticky;top:0;z-index:5;background:#eef3f8}.duty-table th:first-child,.duty-table td:first-child{position:sticky;left:0;z-index:3;background:#fff;min-width:92px;max-width:120px}.duty-table thead th:first-child{z-index:7;background:#e8eef5}.duty-table tr.weekend td{background:#f0f3f7}.duty-table tr.weekend td:first-child{background:#1d3557;color:#fff}.duty-table tr.official td{background:#fff2f6}.duty-table tr.official td:first-child{background:#efb5ca;color:#722641}.duty-table tr.weekend .duty-table-cell{background:#e3e9ef}.duty-table tr.official .duty-table-cell{background:#fbe4ec}.duty-person-tags{align-items:center;gap:5px;margin-bottom:0}.duty-person-tag{padding:5px 8px;font-size:10px;font-weight:700}.duty-person-tag.add-rotator{background:#fff;border-style:dashed;color:var(--navy2)}
@media(max-width:760px){.login-shell{width:min(480px,96vw)}.duty-summary-controls{align-items:stretch;flex-direction:column}.duty-summary-controls label{width:100%;margin-left:0}.duty-summary-tabs{width:max-content}.duty-table-scroll{max-height:calc(100vh - 260px)}.duty-table th:first-child,.duty-table td:first-child{min-width:78px}.duty-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:end}.duty-toolbar .toolbar-summary{grid-column:1/-1;margin-left:0}.duty-person-tag{padding:4px 7px;font-size:9px}}

/* v2.1.1 fast sign-in, compact navigation and modern date controls */
.password-field{position:relative;display:block;margin-top:4px}.password-field input{width:100%;margin:0!important;padding-right:58px!important}.password-field button{position:absolute;top:50%;right:6px;transform:translateY(-50%);border:0;border-radius:7px;background:#edf3f8;color:var(--navy);padding:5px 7px;font-size:9px;font-weight:700;cursor:pointer}.password-field button:hover,.password-field button:focus-visible{background:#dfeaf4;outline:2px solid rgba(37,91,143,.18)}
.app-shell{transition:grid-template-columns .2s ease}.sidebar{transition:width .2s ease,padding .2s ease,left .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{padding-inline:9px}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0}.app-shell.sidebar-collapsed .sidebar-brand img{width:42px;height:42px}.app-shell.sidebar-collapsed .sidebar-brand>div,.app-shell.sidebar-collapsed .nav-section-label,.app-shell.sidebar-collapsed .nav-item span:nth-child(2),.app-shell.sidebar-collapsed .nav-module-toggle,.app-shell.sidebar-collapsed .admin-menu-button span:nth-child(2),.app-shell.sidebar-collapsed .admin-menu-button span:nth-child(3){display:none}.app-shell.sidebar-collapsed .nav-module-row{grid-template-columns:1fr}.app-shell.sidebar-collapsed .nav-submenu{display:none!important}.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .nav-action{justify-content:center;padding:11px 6px}.app-shell.sidebar-collapsed #signOutButton{font-size:0}.app-shell.sidebar-collapsed #signOutButton::before{content:'↪';font-size:18px}.app-shell.sidebar-collapsed .admin-submenu{left:58px;right:auto;bottom:0;width:190px}.sidebar-collapse-button{flex:0 0 auto}
input[data-picker]{cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23173b63' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:34px!important}.month-stepper{display:grid;grid-template-columns:30px minmax(118px,1fr) 30px;align-items:center;margin-top:4px}.month-stepper input{margin:0!important;border-radius:0!important}.month-stepper button{align-self:stretch;border:1px solid #cbd8e4;background:#edf3f8;color:var(--navy);font-size:20px;cursor:pointer}.month-stepper button:first-child{border-radius:9px 0 0 9px}.month-stepper button:last-child{border-radius:0 9px 9px 0}.month-stepper button:hover{background:#dfeaf4}
.modern-picker-dialog .dialog-shell{width:min(420px,94vw)}.modern-picker-dialog header{grid-template-columns:38px 1fr 38px;align-items:center;text-align:center}.picker-nav{width:36px;height:36px;border:1px solid #d6e1eb;border-radius:10px;background:#f5f8fb;color:var(--navy);font-size:24px;cursor:pointer}.picker-weekdays,.picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.picker-weekdays span{text-align:center;color:#7a8797;font-size:9px;font-weight:800;padding:3px}.picker-grid.month-mode{grid-template-columns:repeat(3,1fr)}.picker-cell{min-height:38px;border:0;border-radius:10px;background:#f4f7fa;color:var(--ink);font-size:11px;cursor:pointer}.picker-cell:hover{background:#e3edf6}.picker-cell.today{box-shadow:inset 0 0 0 2px #9dbbd6}.picker-cell.selected{background:var(--navy);color:#fff;font-weight:800}.picker-cell.outside{visibility:hidden}.picker-grid.month-mode .picker-cell{min-height:52px}.modern-picker-dialog footer{justify-content:space-between}
@media(max-width:760px){.sidebar-collapse-button{display:none}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.app-shell.sidebar-collapsed .sidebar{padding:20px 14px}.app-shell.sidebar-collapsed .sidebar-brand>div{display:block}.app-shell.sidebar-collapsed .nav-section-label{display:flex}.app-shell.sidebar-collapsed .nav-item span:nth-child(2),.app-shell.sidebar-collapsed .admin-menu-button span:nth-child(2),.app-shell.sidebar-collapsed .admin-menu-button span:nth-child(3){display:inline}.app-shell.sidebar-collapsed .nav-module-toggle{display:block}.app-shell.sidebar-collapsed .nav-module-row{grid-template-columns:minmax(0,1fr) 34px}.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .nav-action{justify-content:flex-start;padding:11px 12px}.app-shell.sidebar-collapsed #signOutButton{font-size:inherit}.app-shell.sidebar-collapsed #signOutButton::before{content:none}.modern-picker-dialog .dialog-shell{width:min(390px,96vw)}.picker-cell{min-height:42px}}

/* v2.1.2 duty workflow, rotating residents and themed menu controls */
.menu-button{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border:1px solid #c8d7e5;border-radius:10px;background:#fff;color:var(--navy);padding:0;cursor:pointer;box-shadow:0 2px 7px rgba(30,61,95,.05)}.menu-button.mobile-only{display:none}.menu-button:hover,.menu-button:focus-visible{background:#edf3f8;outline:2px solid rgba(37,91,143,.14)}.menu-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.app-shell.sidebar-collapsed .sidebar-collapse-button svg{transform:rotate(90deg)}
.duty-toolbar{column-gap:9px}.duty-toolbar .button{white-space:nowrap}.duty-slot-button.draft-colored,.duty-table-cell.draft-colored{border:1px solid rgba(40,60,82,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font-weight:750}.duty-slot-button.confirmed{background:rgba(255,255,255,.82)!important;color:#203247}.duty-table-cell.confirmed{background:#edf3f8!important;color:var(--navy)}.duty-slot-button .slot-status,.duty-table-cell .slot-status{display:inline-block;margin-left:4px;color:#708197;font-size:7px;font-weight:700}.duty-table-cell{border:1px solid transparent}.duty-table tr.weekend .duty-table-cell.confirmed{background:#e3e9ef!important}.duty-table tr.official .duty-table-cell.confirmed{background:#fbe4ec!important}
.rotator-list{display:grid;gap:7px;margin-top:8px}.rotator-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.rotator-list-item>div{min-width:0}.rotator-list-item strong,.rotator-list-item small{display:block}.rotator-list-item small{color:var(--muted);font-size:9px}.rotator-actions{display:flex;gap:5px;flex-wrap:wrap}.rotator-management-toolbar{padding:0 0 12px;margin:0}.rotator-management-toolbar .button{align-self:flex-end}.duty-pending-actions{display:flex;gap:6px;flex-wrap:wrap}.duty-confirmation-chip{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;background:#e8f5ed;color:#24653b;font-size:8px;font-weight:800}.duty-draft-chip{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;background:#fff1d6;color:#8a5c00;font-size:8px;font-weight:800}
@media(max-width:1100px){.duty-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.duty-toolbar .toolbar-summary{grid-column:1/-1;margin-left:0}}
@media(max-width:760px){.menu-button.mobile-only{display:grid}.menu-button.sidebar-collapse-button{display:none}.duty-toolbar{grid-template-columns:1fr 1fr}.duty-toolbar-field .button{width:100%;white-space:normal;line-height:1.25}.rotator-list-item{align-items:flex-start;flex-direction:column}.rotator-management-toolbar{display:grid;grid-template-columns:1fr}.rotator-management-toolbar .button{width:100%}.duty-pending-item{align-items:flex-start;flex-direction:column}.duty-pending-actions{width:100%}.duty-pending-actions .button{flex:1}}

/* v2.2.0 management visibility, audit status and study-visit editor */
.auth-state{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:14px;font-weight:900}.auth-state.yes{background:#e3f6ec;color:#087a55}.auth-state.no{background:#fff0f0;color:#b42318}.auth-state.unknown{background:#edf1f5;color:#687687}.record-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.audit-result{display:inline-block;border-radius:999px;padding:3px 7px;background:#e3f6ec;color:#087a55;font-size:9px;font-weight:800}.audit-result.error,.audit-result.denied,.audit-result.failed{background:#fff0f0;color:#b42318}#studyVisitDialog textarea{width:100%;margin-top:4px;border:1px solid #cbd8e4;border-radius:10px;padding:9px 10px;resize:vertical}.records-table td:last-child{min-width:120px}
@media(max-width:760px){#page-study-visit-records .section-heading,#page-access-control .section-heading{align-items:flex-start;flex-direction:column}#page-study-visit-records .section-heading .button-group,#page-access-control .section-heading .button-group{width:100%;flex-wrap:wrap}#page-study-visit-records .section-heading .button{flex:1}.record-actions{white-space:normal}}

/* v2.3.0 responsive shell and flat navigation icon standard */
html,body{width:100%;max-width:100%;overflow-x:hidden}.login-screen{min-height:100svh;width:100%;max-width:100%;padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}.login-shell,.login-card,.login-brand,.login-action,.password-login-form,.password-field{min-width:0;max-width:100%}.home-hero>img{top:-1px;height:calc(100% + 2px)}.nav-flat-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;color:currentColor}.nav-flat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.app-shell.sidebar-collapsed #signOutButton{font-size:inherit}.app-shell.sidebar-collapsed #signOutButton::before{content:none}.auth-state.yes,.auth-state.no{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
@media(max-width:760px){.login-screen{place-items:start center;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-x:hidden}.login-shell{width:100%;max-width:440px;gap:7px}.login-card{width:100%;padding:22px 18px;gap:18px;border-radius:17px}.logo-frame{width:94px;height:94px;margin-bottom:8px}.login-card .eyebrow{font-size:8px;letter-spacing:.035em;overflow-wrap:anywhere}.login-card h1{font-size:clamp(25px,8vw,31px);line-height:1.12}.login-description,.login-hint{font-size:12px;line-height:1.5}.login-label{margin:0 0 3px}.login-rule{margin:0}.password-login-form input,.google-oauth-button{min-width:0}.login-footer{line-height:1.2}.home-hero{width:100%;min-height:112px;aspect-ratio:3.2/1;padding:12px 15px;border-radius:16px}.home-hero>img{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover;object-position:center;opacity:.58}.home-hero::after{background:linear-gradient(90deg,rgba(248,251,253,.97) 0%,rgba(248,251,253,.88) 48%,rgba(29,53,87,.06) 100%)}.home-hero-copy{max-width:62%}.home-hero .eyebrow{font-size:8px}.home-hero h3{font-size:clamp(15px,4.5vw,19px);line-height:1.25;margin:1px 0 2px}.home-hero p:last-child{font-size:9px;line-height:1.35}.nav-flat-icon{width:19px;height:19px;flex-basis:19px}.nav-flat-icon svg{width:18px;height:18px}}
@media(max-width:380px){.login-card{padding:18px 14px}.logo-frame{width:82px;height:82px}.login-card h1{font-size:24px}.login-description,.login-hint{font-size:11px}.home-hero{min-height:104px;padding:10px 12px}.home-hero-copy{max-width:66%}.home-hero h3{font-size:15px}.home-hero p:last-child{font-size:8px}}

/* v2.5.0 cached navigation, conflict review and duty-summary parity */
.duty-summary-table tr.weekend td{background:#eef2f6}.duty-summary-table tr.weekend td:first-child{background:#1e3557;color:#fff}.duty-summary-table tr.weekend td:first-child .cell-secondary{color:#dce6ef}.duty-summary-table tr.official td{background:#fff0f5;color:#722641}.duty-summary-table tr.official td:first-child{background:#efb5ca}.duty-summary-table td{font-weight:700}.conflict-comparison{display:grid;gap:12px}.conflict-message{margin:0;color:var(--muted);font-size:12px}.conflict-grid{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr) minmax(0,1fr);gap:1px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.conflict-grid>*{min-width:0;padding:9px;background:#fff;overflow-wrap:anywhere;font-size:10px}.conflict-grid>strong{background:#edf3f8;color:var(--navy)}
@media(max-width:760px){.conflict-grid{grid-template-columns:92px minmax(0,1fr) minmax(0,1fr)}.conflict-grid>*{padding:7px;font-size:9px}}

/* v2.5.0 full-height shell, desktop duty table and system issue reporting */
.system-issue-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px}.system-issue-form,.system-issue-list{padding:18px;min-width:0}.system-issue-form{display:grid;gap:12px;align-content:start}.system-issue-form h4,.system-issue-list h4{margin:0;color:var(--navy);font-size:17px}.system-issue-form input,.system-issue-form textarea{width:100%;margin-top:5px;border:1px solid #cad6e2;border-radius:10px;background:#fff;padding:10px;color:var(--ink);resize:vertical}.system-issue-context{padding:10px 11px;border:1px solid #dce5ef;border-radius:10px;background:#f7fafc}.system-issue-context span,.system-issue-context strong{display:block}.system-issue-context span{color:var(--muted);font-size:9px}.system-issue-context strong{margin-top:2px;color:var(--navy);font-size:11px}.system-issue-list>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.system-issue-list>header p{margin:2px 0 0;color:var(--muted);font-size:10px}.system-issue-status{display:inline-block;border-radius:999px;padding:4px 8px;background:#fff2d8;color:#8a5b00;font-size:9px;font-weight:800}.system-issue-status.done{background:#e5f5ec;color:#176a45}.system-issue-detail{display:grid;gap:12px}.system-issue-detail-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.system-issue-detail-card span,.system-issue-detail-card strong{display:block}.system-issue-detail-card span{color:var(--muted);font-size:9px}.system-issue-detail-card strong{margin-top:3px;white-space:pre-wrap;overflow-wrap:anywhere}.system-issue-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:761px){.sidebar{position:fixed;inset:0 auto 0 0;width:230px;height:100dvh;min-height:100dvh;overflow-y:auto}.app-shell.sidebar-collapsed .sidebar{width:74px}.main-content{grid-column:2}.duty-table-scroll{max-height:calc(100dvh - 245px);min-height:280px;overflow:auto;isolation:isolate}.duty-table thead th{top:0;z-index:3}}
@media(max-width:760px){.system-issue-layout{grid-template-columns:1fr}.system-issue-form,.system-issue-list{padding:14px}.system-issue-detail-meta{grid-template-columns:1fr}.system-issue-list .table-scroll{max-width:100%}}
/* v2.6.0 — Holiday/activity, academic calendar, advisor and consultant schedule */
@media(min-width:761px){
  .app-shell.sidebar-collapsed #systemIssuesButton span:nth-child(2),
  .app-shell.sidebar-collapsed #signOutButton span:nth-child(2){display:none!important}
}
.holiday-type-badge.meeting{background:#dceafb;color:#225b8f}
.holiday-type-badge.unit_activity{background:#dff2e6;color:#23714d}
.holiday-calendar-event.meeting{background:#eaf3ff;color:#225b8f}
.holiday-calendar-event.unit_activity{background:#e8f7ed;color:#23714d}
.academic-calendar-table{min-width:700px;margin-top:14px}
.academic-calendar-table th:first-child{width:190px}
.academic-calendar-table th:nth-child(2){width:170px}
.academic-calendar-table td{vertical-align:middle}
.advisor-select{width:100%;min-width:170px;border:1px solid #cbd8e4;border-radius:9px;background:#fff;color:var(--navy);padding:8px 10px;font:inherit}
.advisor-select.inherited-advisor{background:#e1ecf8;border-color:#9db9d6}
.advisor-hint{display:block;margin-top:4px;color:#718195;font-size:8px}
.summary-calendar{margin-top:14px}
.summary-calendar-head,.summary-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:6px;min-width:720px}
.summary-calendar-head{margin-bottom:6px}
.summary-calendar-head span{padding:7px;text-align:center;color:#66768a;font-size:10px;font-weight:800}
.summary-calendar-day{min-height:105px;border:1px solid rgba(142,158,174,.24);border-radius:10px;padding:8px;background:#fff;color:var(--navy)}
.summary-calendar-day.empty{opacity:.25}
.summary-calendar-day.day-mon{background:#fbf5bf}.summary-calendar-day.day-tue{background:#f8e0e8}.summary-calendar-day.day-wed{background:#e2f4e3}.summary-calendar-day.day-thu{background:#f9e7d8}.summary-calendar-day.day-fri{background:#e1f0fa}.summary-calendar-day.day-sat{background:#e9e3f3}.summary-calendar-day.day-sun{background:#f6e0e0}
.summary-calendar-day strong{display:block;font-size:12px}.summary-calendar-day .duty-slot-button{cursor:default}
.consultant-calendar .duty-day.unavailable{opacity:.62;background:var(--calendar-day-background,#f4f6f8);box-shadow:none}
.consultant-unavailable{display:block;margin-top:22px;text-align:center;color:#9aa6b3;font-size:9px}
.consultant-table{min-width:640px}
.consultant-table th,.consultant-table td{text-align:center}
.consultant-table tr.unavailable{background:#f4f6f8;color:#94a0ad}
.consultant-toolbar{grid-template-columns:auto minmax(260px,390px) auto 1fr}
@media(max-width:1000px){.consultant-toolbar{grid-template-columns:1fr 1fr}.summary-calendar-head,.summary-calendar-grid{min-width:650px}}
@media(max-width:760px){.consultant-toolbar{grid-template-columns:1fr}.summary-calendar{overflow-x:auto}.academic-calendar-table{min-width:620px}.advisor-select{min-width:145px}}

/* v2.7.0 — readable deep views, academic schedule and cache-aware navigation */
.app-page .section-heading>div>p:last-child,.app-page .dashboard-heading>div>p:last-child{font-size:12px;line-height:1.5}
.app-page table{font-size:12px}.app-page th{font-size:11px}.app-page td{line-height:1.45}
.duty-summary-card{font-size:14px}.academic-calendar-table{font-size:14px;min-width:760px}.academic-calendar-table th,.academic-calendar-table td{padding:12px 13px}.academic-calendar-table th{font-size:13px}.academic-calendar-table .holiday-type-badge{font-size:11px}
.advisor-table{font-size:14px;min-width:980px}.advisor-table th{font-size:13px}.advisor-table th,.advisor-table td{padding:6px 10px}.advisor-select{font-size:13px;padding:7px 9px;min-height:34px}.advisor-hint{font-size:10px}.duty-summary-header h4{font-size:21px}.duty-summary-header small{font-size:11px}
.summary-calendar-head span{font-size:12px;padding:9px 6px}.summary-calendar-day{min-height:118px;font-size:12px}.summary-calendar-day strong{font-size:14px}
.consultant-summary-calendar .summary-calendar-head,.consultant-summary-calendar .summary-calendar-grid,.consultant-calendar{grid-template-columns:repeat(5,minmax(118px,1fr)) minmax(72px,.56fr) minmax(72px,.56fr)}
.consultant-summary-calendar .summary-calendar-head span,.consultant-calendar .duty-weekday{font-size:13px;font-weight:800}
.consultant-summary-calendar .summary-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.consultant-summary-calendar .summary-calendar-day strong{align-self:flex-start}.consultant-summary-calendar .summary-calendar-day>span:not(.consultant-unavailable){font-size:13px;font-weight:750}
.consultant-calendar .duty-weekday{font-size:12px;padding:9px 5px}.consultant-calendar .duty-day{display:flex;flex-direction:column}.consultant-calendar .duty-slot-button{margin:12px auto 0;text-align:center;display:grid;place-items:center;min-height:44px}.consultant-calendar .consultant-unavailable{margin:auto}
.academic-toolbar{grid-template-columns:auto minmax(250px,390px) auto 1fr}.academic-editor-calendar{grid-template-columns:repeat(7,minmax(120px,1fr))}.academic-editor-calendar .duty-weekday{font-size:13px;font-weight:800}.academic-day{display:flex;flex-direction:column;gap:5px}.academic-day.eligible{cursor:pointer}.academic-day.eligible:hover,.academic-day.eligible:focus-visible{outline:2px solid rgba(37,91,143,.28);transform:translateY(-1px)}.academic-day.unavailable{opacity:.72;cursor:default}.academic-context-event{display:block;border-radius:7px;background:rgba(255,255,255,.66);padding:4px 6px;color:#255f76;font-size:11px;font-weight:700;text-align:center}.academic-activity-name{display:block;margin-top:auto;color:var(--navy);font-size:14px;line-height:1.25;text-align:center}.academic-presenter-names{display:block;color:#52667b;font-size:12px;line-height:1.25;text-align:center}.academic-empty-slot{display:grid;place-items:center;min-height:48px;margin-top:auto;border:1px dashed rgba(65,86,107,.24);border-radius:8px;color:#7f8c9b;font-size:11px}.academic-editor-table{min-width:850px;font-size:13px}.academic-editor-table th{font-size:12px}.academic-table-cell{width:100%;min-width:170px;border:1px solid #cad8e4;border-radius:8px;background:#f2f6fa;color:var(--navy);padding:9px;font:inherit;cursor:pointer}.academic-table-cell:disabled{cursor:default;opacity:.82}.academic-summary-calendar .academic-summary-title{display:block;margin-top:9px;text-align:center;font-size:14px}.academic-summary-calendar .summary-calendar-day>span{display:block;margin-top:5px;text-align:center;font-size:12px}
.academic-picker-body{display:grid;gap:18px}.academic-picker-body section{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.academic-picker-body h4{margin:0 0 10px;color:var(--navy);font-size:14px}.academic-picker-body h4 small{color:var(--muted);font-size:10px;font-weight:500}.academic-picker-body label{display:grid;gap:5px;margin-top:10px;color:var(--muted);font-size:10px}.academic-picker-body input{width:100%;border:1px solid #cbd8e4;border-radius:10px;background:#fff;padding:10px;color:var(--ink);font:inherit}.academic-picker-tags{display:flex;flex-wrap:wrap;gap:7px}.academic-choice-tag{border:1px solid #c9d7e3;border-radius:999px;background:#fff;color:#41566c;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer}.academic-choice-tag:hover{background:#eaf1f7}.academic-choice-tag.selected{background:#1d3557;color:#fff;border-color:#1d3557}.academic-choice-tag.add{border-style:dashed;color:#1f5c8f}.academic-custom-presenters{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.academic-custom-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#e8e1f5;color:#563c75;padding:5px 8px;font-size:10px;font-weight:700}.academic-custom-chip button{border:0;background:transparent;color:inherit;cursor:pointer}.academic-custom-presenters:empty{display:none}
.academic-summary-calendar .summary-calendar-head,.academic-summary-calendar .summary-calendar-grid{grid-template-columns:repeat(5,minmax(118px,1fr)) minmax(72px,.56fr) minmax(72px,.56fr)}.academic-summary-calendar .summary-calendar-day>.academic-summary-context{display:block;min-height:1.35em;margin-top:4px;overflow:hidden;color:#7b304d;font-size:11px;font-weight:800;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}.academic-summary-calendar .academic-summary-title{display:block;min-height:1.4em;margin-top:auto;text-align:center;font-size:14px}.academic-summary-calendar .summary-calendar-day>.academic-summary-presenters{display:block;min-height:1.3em;margin-top:4px;text-align:center;font-size:11px}.academic-summary-calendar .summary-calendar-day{display:flex;flex-direction:column}.academic-summary-calendar .summary-calendar-day>strong{align-self:flex-start}
.sortable-header{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;padding:0}.sortable-header::after{content:'⇅';color:#98a6b5;font-size:10px}.sortable-header.active[data-direction="asc"]::after{content:'↑';color:var(--navy)}.sortable-header.active[data-direction="desc"]::after{content:'↓';color:var(--navy)}
@media(max-width:1000px){.academic-toolbar{grid-template-columns:1fr 1fr}.academic-editor-calendar{grid-template-columns:repeat(7,minmax(104px,1fr))}.consultant-summary-calendar .summary-calendar-head,.consultant-summary-calendar .summary-calendar-grid,.consultant-calendar{min-width:700px}}
@media(max-width:760px){.app-page table{font-size:11px}.app-page th{font-size:10px}.duty-summary-card{font-size:12px}.academic-toolbar{grid-template-columns:1fr}.academic-editor-calendar{grid-template-columns:repeat(7,minmax(94px,1fr));overflow-x:auto}.academic-choice-tag{padding:7px 9px;font-size:9px}.advisor-table{font-size:12px}.summary-calendar-head span{font-size:11px}.consultant-calendar .duty-weekday{font-size:11px}}

/* v2.7.1 — iPad landscape: preserve desktop navigation without topbar overflow. */
@media(min-width:761px) and (max-width:1280px){
  .topbar{gap:8px;padding-inline:14px;overflow:hidden}
  .breadcrumb{flex:1 1 auto;max-width:190px;overflow:hidden;white-space:nowrap}
  .topbar-actions{flex:0 1 auto;gap:6px;min-width:0;max-width:calc(100% - 198px)}
  .server-clock,.user-badge,.topbar-divider{display:none}
  .group-badge{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .profile-button{padding:7px 10px}
}

/* v2.7.2 — table readability and normal-weight consultant names. */
#holidayTableWrap table{font-size:14px}
#holidayTableWrap th{font-size:13px}
.academic-calendar-table{font-size:16px}
.academic-calendar-table th{font-size:15px}
.academic-calendar-table .holiday-type-badge{font-size:13px}
.consultant-summary-calendar .summary-calendar-day>span:not(.consultant-unavailable){font-size:15px;font-weight:400}
.consultant-calendar .duty-slot-button{font-size:12px;font-weight:400}
.consultant-table{font-size:14px}
.consultant-table th{font-size:13px}
@media(max-width:760px){
  #holidayTableWrap table{font-size:13px}
  #holidayTableWrap th{font-size:12px}
  .academic-calendar-table{font-size:14px}
  .academic-calendar-table th{font-size:13px}
  .academic-calendar-table .holiday-type-badge{font-size:12px}
  .consultant-table{font-size:13px}
  .consultant-table th{font-size:12px}
}

.pg-dashboard-filters{align-items:center;gap:12px}.pg-dashboard-filter{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;white-space:nowrap}.pg-dashboard-filter select{width:auto;min-width:108px;max-width:150px;padding:8px 30px 8px 10px}.academic-picker-hint{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.academic-picker-clear{margin-top:12px}
@media(max-width:600px){.pg-dashboard-filters{gap:10px}.pg-dashboard-filter{flex:1 1 140px;justify-content:space-between}.pg-dashboard-filter select{min-width:96px;max-width:130px}.pg-dashboard-filters .toolbar-summary{flex-basis:100%;margin-left:0}}
/* v2.7.3 — compact academic weekends and activity-tag accents. */
.academic-editor-calendar{grid-template-columns:repeat(5,minmax(120px,1fr)) minmax(72px,.56fr) minmax(72px,.56fr)}
.academic-choice-tag.academic-activity-tag-quiz{background:#f8dbe6;border-color:#e8b7ca;color:#7b304d}
.academic-choice-tag.academic-activity-tag-grand_round{background:#dff2e3;border-color:#b7ddc0;color:#2f6940}
.academic-choice-tag.academic-activity-tag-tua_lecture{background:#dceefa;border-color:#afd2e8;color:#285d80}
.academic-choice-tag.academic-activity-tag-quiz.selected,
.academic-choice-tag.academic-activity-tag-grand_round.selected,
.academic-choice-tag.academic-activity-tag-tua_lecture.selected{color:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
@media(max-width:1000px){.academic-editor-calendar{grid-template-columns:repeat(5,minmax(104px,1fr)) minmax(64px,.56fr) minmax(64px,.56fr)}}
@media(max-width:760px){.academic-editor-calendar{grid-template-columns:repeat(5,minmax(94px,1fr)) minmax(60px,.56fr) minmax(60px,.56fr)}}
/* Intake cards size columns from their available content width, including the sidebar. */
.intake-card{min-width:0}.intake-row,.intake-row.research{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
@media(max-width:760px){.intake-row,.intake-row.research{grid-template-columns:minmax(0,1fr)}}
.audit-detail { white-space: pre-wrap; overflow-wrap: anywhere; }
.advisor-inheritance-legend{margin:0 0 8px;text-align:right;font-size:12px;color:#365b7e}.advisor-counts{margin-top:14px;padding:12px;background:#f4f7fb;border:1px solid #dce5ef;border-radius:10px}.advisor-count-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px}.advisor-count-heading span{font-size:12px;color:#526b83}.advisor-count-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 12px;list-style:none;margin:10px 0 0;padding:0}.advisor-count-list li{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:#fff;border-radius:6px;font-size:12px}.advisor-count-list strong{white-space:nowrap;color:#173b63}.advisor-count-list small{font-weight:400}.advisor-counts:empty{display:none}@media(pointer:coarse){.advisor-select{min-height:44px}.month-stepper{grid-template-columns:44px minmax(118px,1fr) 44px}.month-stepper button{min-height:44px}}

/* Core 0.1.2: applicant details and document state stay readable at every width. */
.pg-applicant-link{display:block;max-width:100%;min-height:44px;padding:3px 0;border:0;background:none;text-align:left;font:inherit;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.pg-applicant-link:hover{color:#326b9c}.pg-applicant-link:focus-visible{outline:2px solid #326b9c;outline-offset:3px;border-radius:4px}
.pg-applications-table td:nth-child(2){min-width:210px}.pg-applications-table td:nth-child(7){min-width:150px}.pg-applications-table td:last-child .table-button,.pg-applications-table td:last-child .button{margin:3px 0}
.pg-pdf-status{display:block;margin-top:5px;font-size:11px;line-height:1.6;color:var(--muted);white-space:normal}.pg-pdf-status.ready{color:#087a55}.pg-pdf-status.pending{color:#806119}.pg-pdf-status.error{color:#a32828}
.pg-document-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}.pg-document-heading h4{margin:0}.pg-document-heading button{min-height:44px}
.pg-document-feedback,.pg-empty-note{font-size:12px;color:var(--muted);line-height:1.7}.pg-document-feedback:empty{display:none}
#pgApplicationDocuments .document-item{align-items:flex-start}#pgApplicationDocuments .document-item button{flex-shrink:0;min-height:44px}
.pg-document-name{min-width:0;flex:1;overflow-wrap:anywhere}.pg-document-name strong,.pg-document-name small{display:block;white-space:normal}.pg-document-name small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.6}
.pg-related-sections{margin-top:20px}.pg-related-section{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.pg-related-section h4{margin:0 0 10px}.pg-related-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0 0 10px;padding:12px;background:#f6f9fc;border:1px solid var(--line);border-radius:10px}.pg-related-item>div{min-width:0}.pg-related-item dt{color:var(--muted);font-size:11px}.pg-related-item dd{margin:3px 0 0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#pgApplicationForm input:disabled,#pgApplicationForm select:disabled,#pgApplicationForm textarea:disabled{opacity:1;color:var(--navy);-webkit-text-fill-color:var(--navy)}
@media(max-width:620px){.pg-related-item{grid-template-columns:1fr}.pg-document-heading{align-items:flex-start}.pg-document-heading button{width:100%}#pgApplicationDocuments .document-item{gap:8px}}

/* Keep assignee identity visible independently of confirmation state. */
.duty-slot-button.confirmed.draft-colored,.duty-table-cell.confirmed.draft-colored{background:var(--assignee-color)!important;color:#173a5e}
.button.archive{background:#fff0bb;color:#805a08;border:1px solid #e5c869}
tr.pg-draft-row>td{background:#fff8db}
@supports not (height:100dvh){.duty-table-scroll{max-height:65vh}}

.pg-scatter-card{grid-column:1/-1}.pg-scatter-card .chart-wrap{height:420px}.pg-comparison-card{margin:20px 0}.pg-comparison-card .table-scroll{max-height:460px;overflow:auto}.pg-comparison-card table{min-width:1080px;width:100%}.pg-comparison-card th{position:sticky;top:0;background:#edf3f8}.pg-comparison-card td:first-child{min-width:220px}.intake-row{flex-wrap:wrap}
.pg-draft-warning{background:#fff2bf;border:1px solid #eac65e;border-radius:10px;padding:14px;color:#74530b}#pgFullFields .pg-related-section{margin-top:24px}#pgFullFields input[readonly]{background:#edf1f6;color:#526477}
.or-module-host{min-width:0}.or-module-host.hidden,#orFeatureLanding.hidden{display:none}

/* Core 0.4.0 — shared control geometry and the OR feature landing. */
:root{--filter-control-height:40px;--filter-label-height:17px;--filter-radius:9px}
.module-card[data-module-route="or"] .module-icon{background:#e8eef8;color:var(--navy)}
.module-card[data-module-route="or"] .module-icon img{padding:4px}
.or-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.or-feature-grid .module-card{min-width:0;padding:20px}
.or-feature-grid h4,.or-feature-grid p{overflow-wrap:anywhere}
.toolbar,.dashboard-filters{align-items:flex-end;gap:12px;padding:14px 16px}
.toolbar>label,.dashboard-filters>label,.duty-toolbar-field{display:grid;align-content:end;gap:5px;min-width:0;max-width:100%;line-height:var(--filter-label-height);font-size:11px;font-weight:600}
.toolbar label>input,.toolbar label>select,.dashboard-filters label>input,.dashboard-filters label>select{height:var(--filter-control-height);min-height:var(--filter-control-height);width:100%;max-width:100%;min-width:0;margin-top:0;border:1px solid #cbd8e4;border-radius:var(--filter-radius);padding:8px 10px;line-height:1.4;font-size:13px}
.toolbar>label:not(.search-field),.dashboard-filters>label:not(.search-field){flex:0 1 176px}
.toolbar .search-field,.dashboard-filters .search-field{flex:1 1 220px;min-width:0}
.toolbar .button,.dashboard-filters .button{min-height:var(--filter-control-height);border-radius:var(--filter-radius);font-size:12px;line-height:1.4}
.toolbar .segmented,.dashboard-filters .segmented{min-height:var(--filter-control-height);align-items:stretch;border:1px solid #d5e0ea;border-radius:var(--filter-radius);padding:3px}
.toolbar .segmented button,.dashboard-filters .segmented button{min-height:calc(var(--filter-control-height) - 8px);line-height:1.3;font-size:12px;padding:5px 10px}
.toolbar .month-stepper{height:var(--filter-control-height);min-width:0;max-width:100%;margin-top:0;grid-template-columns:34px minmax(100px,1fr) 34px}
.toolbar .month-stepper input{height:var(--filter-control-height);min-width:0;max-width:100%;font-size:13px}
.toolbar .month-stepper button{min-height:var(--filter-control-height);line-height:1}
.toolbar .toolbar-summary,.dashboard-filters .filter-caption{min-width:0;max-width:100%;padding-bottom:10px;line-height:1.5;overflow-wrap:anywhere}
.duty-toolbar{display:flex;flex-wrap:wrap}
.duty-toolbar>label,.duty-toolbar-field{flex:0 1 auto}
.duty-toolbar>label:has(.month-stepper){flex-basis:225px}
.duty-toolbar>label:has(select){flex-basis:145px}
.duty-toolbar-field .button{width:auto;white-space:normal}
.duty-summary-controls{gap:12px;padding:14px 16px;align-items:flex-end}
.duty-summary-controls input{height:var(--filter-control-height);min-height:var(--filter-control-height);border-radius:var(--filter-radius);font-size:13px;line-height:1.4}
.duty-summary-controls .segmented{min-height:var(--filter-control-height);align-items:stretch}
@media(max-width:1100px){.or-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 :root{--filter-control-height:44px}
 .toolbar,.dashboard-filters{gap:12px 10px;padding:12px}
 .toolbar>label:not(.search-field),.dashboard-filters>label:not(.search-field),.duty-toolbar-field{flex:1 1 140px}
 .toolbar .search-field,.dashboard-filters .search-field{flex:1 1 100%}
 .toolbar .month-stepper{grid-template-columns:44px minmax(0,1fr) 44px}
 .duty-toolbar>label:has(.month-stepper){flex-basis:200px}
 .duty-toolbar>label:has(select){flex-basis:140px}
 .duty-toolbar-field>.button{width:100%}
 .toolbar .toolbar-summary,.dashboard-filters .filter-caption{flex-basis:100%;margin-left:0;padding-bottom:0}
 .duty-summary-controls{padding:12px}
 .rotator-management-toolbar{display:flex}
}
@media(max-width:600px){.or-feature-grid{grid-template-columns:minmax(0,1fr)}.or-feature-grid .module-card{padding:18px}}
@media(pointer:coarse){:root{--filter-control-height:44px}}
/* Core 0.5.0: fit mobile browser chrome and keep every navigation action reachable. */
.sidebar{height:100vh;height:100dvh;min-height:0;max-height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(20px,env(safe-area-inset-bottom));scroll-padding-bottom:max(20px,env(safe-area-inset-bottom))}
.sidebar-brand,.main-nav,.sidebar-bottom{flex-shrink:0}.sidebar-bottom{padding-top:14px}
.duty-summary-controls{min-width:0;max-width:100%;overflow:visible}
.duty-summary-tabs{min-width:0;width:100%;max-width:100%;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin}
.duty-summary-tabs>button{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.sidebar{top:0;padding-top:max(20px,env(safe-area-inset-top))}.duty-summary-controls{align-items:stretch}.duty-summary-tabs{width:100%}}

/* Compact application actions; scrolling belongs to the table wrapper. */
.pg-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;width:max-content}.pg-row-actions>.button,.pg-row-actions>.table-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:none;min-height:32px;height:32px;font-size:12px;line-height:1;padding:5px 9px;margin:0;border-radius:8px}.pg-actions-cell{width:1%;white-space:nowrap}#pgApplicationsBody>tr>td:first-child{white-space:nowrap}
.pg-removal-status{display:grid;gap:6px;margin:0 0 12px}.pg-removal-status[hidden]{display:none}.pg-removal-message{display:flex;align-items:center;gap:12px;border:1px solid #eac65e;border-radius:10px;background:#fff2bf;color:#74530b;padding:10px 14px;font-size:13px}.pg-removal-message.complete{background:#e9f5ef;border-color:#b8dcc9;color:#225c42}.pg-removal-message p{margin:0;flex:1}.pg-removal-dismiss{border:0;background:transparent;color:inherit;font-size:24px;line-height:1;min-width:32px;min-height:32px;cursor:pointer}
.toast{display:flex;align-items:center;gap:12px;max-width:min(480px,calc(100vw - 32px));overflow-wrap:anywhere}.toast>span{flex:1}.toast-close{border:0;background:transparent;color:inherit;font:inherit;font-size:22px;cursor:pointer;min-width:28px;min-height:28px;padding:0}.dialog-toast-region{position:sticky;top:0;z-index:20;display:grid;gap:6px;padding:10px 14px 0;background:inherit}.dialog-toast-region:empty{display:none}.dialog-toast-region .toast{max-width:100%;width:100%;box-sizing:border-box}
.login-public-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 14px;margin:1px 0 2px}.login-public-links a{display:inline-flex;align-items:center;min-height:34px;color:#64788e;text-decoration:none;line-height:1.5}.login-public-links a:hover,.login-public-links a:focus-visible{color:var(--navy);text-decoration:underline;text-underline-offset:3px}.calendar-privacy-link{display:inline-block;font-size:12px;color:var(--navy2);text-underline-offset:3px;margin:5px 0;line-height:1.7}

/* Clinical modules use the same blue treatment; Robotic keeps its green identity. */
.module-card:is([data-module-route="or"],[data-module-route^="or-"],[data-module-route="patients"],[data-module-route^="patients-"],[data-module-route="duty"],[data-module-route^="duty-"],[data-module-route="academic-editor"],[data-module-route="consultant-editor"],[data-module-route="holiday-management"]) .module-icon{background:#e8eef8;color:var(--navy)}
.module-card:is([data-module-route="moph-robotic"],[data-module-route^="moph-robotic-"]) .module-icon{background:#e4f4ec;color:#087a55}
.module-card[data-module-route="patients"] .module-icon img{padding:4px}
.access-level-table{table-layout:fixed;width:100%;min-width:calc(var(--access-columns,8)*180px)}
.access-level-table th,.access-level-table td{width:auto;padding:10px 12px;vertical-align:middle;text-align:center}
.access-level-table th:first-child{min-width:0;width:auto}
.access-level-table thead th{max-width:none}
.access-level-table .access-section th{text-align:left}
.access-role-th,.access-role-en{display:block;line-height:1.5;overflow-wrap:anywhere}
.access-role-th{font-weight:800}.access-role-en{font-size:11px;font-weight:500;color:var(--muted);margin-top:3px}
.access-level-table .access-level-select{min-width:0;min-height:36px}

.nav-clinical-icon{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:6px;background:#e8eef8}.nav-clinical-icon img{display:block;width:21px;height:21px;object-fit:contain}
/* 0.6.3: shared module identity and notification portal outside clipped topbars. */
.nav-module-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#ffe6e8;color:var(--navy)}
.nav-module-icon img{display:block;width:26px;height:26px;object-fit:contain}
.nav-item[data-module-tone="clinical"] .nav-module-icon,.module-card[data-module-tone="clinical"] .module-icon{background:#e1f0fc}
.nav-item[data-module-tone="internal"] .nav-module-icon,.module-card[data-module-tone="internal"] .module-icon{background:#ffe6e8}
.nav-item[data-module-tone="external"] .nav-module-icon,.module-card[data-module-tone="external"] .module-icon{background:#e1f3e8}
.notification-dropdown{position:fixed;z-index:1200;display:flex;flex-direction:column;max-width:calc(100vw - 16px);white-space:normal}
.notification-dropdown header{flex-shrink:0}.notification-list{min-height:0;overflow:auto;overscroll-behavior:contain}
/* Phone identity is independent of viewport resizing, so iPad and desktop keep their layout. */
html.phone-ui .topbar{height:auto;min-height:56px;padding:8px 10px}
html.phone-ui .page-container{padding:12px 10px 24px}
html.phone-ui .section-heading{gap:10px;align-items:flex-start;flex-wrap:wrap}
html.phone-ui .section-heading h3{font-size:22px;line-height:1.4}
html.phone-ui .section-heading>.button,html.phone-ui .section-heading>.button-group{margin-left:auto}
html.phone-ui .home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html.phone-ui .module-card{padding:14px 12px;min-width:0}
html.phone-ui .module-card h4{font-size:14px;line-height:1.5;margin:10px 0 4px}
html.phone-ui .module-card p{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
html.phone-ui .module-icon{width:44px;height:44px}
html.phone-ui .module-section-label{font-size:11px}
html.phone-ui .toolbar{gap:10px;padding:12px;flex-wrap:wrap;min-width:0}
html.phone-ui .toolbar>label{min-width:0;flex:1 1 140px}
html.phone-ui .toolbar input,html.phone-ui .toolbar select,html.phone-ui dialog input,html.phone-ui dialog select,html.phone-ui dialog textarea{font-size:16px;min-height:42px}
html.phone-ui .toolbar>label>input,html.phone-ui .toolbar>label>select{height:48px;min-height:48px}
html.phone-ui .toolbar>.segmented{height:48px;min-height:48px;padding:3px;align-items:stretch}
html.phone-ui .toolbar>.segmented button{height:40px;min-height:40px;padding-block:6px}
html.phone-ui .segmented{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
html.phone-ui .segmented button{white-space:nowrap;flex:0 0 auto;min-height:42px}
html.phone-ui .dialog-shell{max-width:calc(100vw - 16px)}
html.phone-ui dialog{max-width:calc(100vw - 12px);max-height:calc(100dvh - 16px)}
html.phone-ui .dialog-actions{gap:8px;flex-wrap:wrap}
html.phone-ui .table-scroll{max-width:100%;overscroll-behavior-x:contain}
html.phone-ui .button{min-height:40px}
html.phone-ui .pg-row-actions>.button,html.phone-ui .pg-row-actions>.table-button{height:40px;min-height:40px}
html.phone-ui .duty-summary-controls{padding:12px;gap:10px;flex-wrap:wrap}
html.phone-ui .duty-summary-card{padding:12px}
html.phone-ui .summary-calendar{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
html.phone-ui .summary-calendar-day{scroll-snap-align:start}

/* 0.7.0: page-width controls and phone-only compact feature/duty presentation. */
.sidebar :is(.nav-item,.nav-action)>span:first-child{transform:scale(.81);transform-origin:center}
.or-feature-sections{display:grid;gap:24px}.or-feature-section{min-width:0}.or-feature-section>.module-section-label{margin-bottom:10px}.or-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.system-issue-layout{grid-template-columns:minmax(0,1fr)}.system-issue-form{grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:12px 18px}.system-issue-form>h4,.system-issue-form>label{grid-column:1/-1}.system-issue-form>button{justify-self:end;align-self:end;min-width:160px}.system-issue-form textarea{min-height:110px}
.profile-account-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:14px;align-items:start}.profile-account-grid>.form-card,.profile-account-grid>.profile-details{min-width:0;margin:0;padding:18px}.profile-account-grid .form-grid{gap:10px;margin-bottom:10px}.profile-account-grid .password-change-card .form-grid{grid-template-columns:minmax(0,1fr)}.profile-account-grid .password-change-card p{margin:5px 0 12px}.profile-account-grid .form-actions{margin-top:10px}#calendarConnectionRoot{margin-top:14px}
.access-level-table{display:block;width:100%;min-width:0;table-layout:auto}.access-level-table thead{display:none}.access-level-table tbody{display:grid;gap:12px;padding:12px;min-width:0}.access-level-table tbody tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px}.access-level-table tbody tr>th:first-child{grid-column:1/-1;position:static;min-width:0;width:auto;max-width:100%;padding:0 0 7px;text-align:left;border:0;background:transparent;overflow-wrap:anywhere}.access-level-table tbody td{display:grid;gap:6px;min-width:0;padding:0;border:0;text-align:left}.access-level-table .access-section{display:block;padding:10px 12px;background:#e4edf5}.access-level-table .access-section th{padding:0!important}.access-level-table .access-level-select{width:100%;min-width:0;max-width:100%;min-height:40px}.access-cell-role{display:block;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.access-cell-role small{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.duty-phone-text{display:none}
@media(max-width:1000px){.profile-account-grid{grid-template-columns:minmax(0,1fr)}}
html.phone-ui .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html.phone-ui .or-feature-sections{gap:18px}html.phone-ui .or-feature-grid .module-card{padding:14px 12px}
html.phone-ui .system-issue-form{grid-template-columns:minmax(0,1fr)}html.phone-ui .system-issue-form>button{justify-self:stretch}
html.phone-ui .profile-account-grid>.form-card,html.phone-ui .profile-account-grid>.profile-details{padding:14px}
html.phone-ui .duty-standard-text{display:none}html.phone-ui .duty-phone-text{display:inline}
html.phone-ui .duty-table,html.phone-ui .duty-summary-table table{width:100%;min-width:0;table-layout:fixed}
html.phone-ui .duty-table th,html.phone-ui .duty-table td,html.phone-ui .duty-summary-table th,html.phone-ui .duty-summary-table td{min-width:0;padding:6px 2px;text-align:center;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.45}
html.phone-ui .duty-table th:first-child,html.phone-ui .duty-summary-table th:first-child{width:46px}
html.phone-ui .duty-table-cell{width:100%;min-width:0;max-width:100%;padding:6px 1px;min-height:40px;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
html.phone-ui .duty-table .cell-secondary,html.phone-ui .duty-summary-table .cell-secondary{display:none}
html.phone-ui .duty-confirmation-chip,html.phone-ui .duty-draft-chip{display:block;width:max-content;max-width:100%;font-size:8px;margin:3px auto 0;padding:2px 3px}
html.phone-ui .access-level-table tbody{padding:8px;gap:10px}html.phone-ui .access-level-table tbody tr{padding:10px;gap:10px 8px}

/* 0.8.0: consistent module grids and phone portrait scheduling controls. */
@media(min-width:1001px){html:not(.phone-ui) .module-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}
.module-card{min-width:0}
.summary-phone-list{display:none}
@media(orientation:portrait){
 html.phone-ui .summary-phone-list{display:block}
 html.phone-ui .summary-phone-list+ .summary-calendar{display:none}
 html.phone-ui .summary-phone-list table{width:100%;min-width:0;table-layout:fixed}
 html.phone-ui .summary-phone-list th,html.phone-ui .summary-phone-list td{padding:9px 8px;white-space:normal;overflow-wrap:anywhere;vertical-align:top;font-size:13px}
 html.phone-ui .summary-phone-list th:first-child,html.phone-ui .summary-phone-list td:first-child{width:76px;white-space:nowrap}
 html.phone-ui .summary-phone-list .summary-presenters{display:block;color:var(--muted);font-size:12px;margin-top:3px}
 html.phone-ui .duty-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px}
 html.phone-ui .duty-toolbar>label:has(.month-stepper),html.phone-ui .duty-toolbar-field:has(.segmented){grid-column:1/-1}
 html.phone-ui .duty-toolbar>label,html.phone-ui .duty-toolbar-field{width:100%;min-width:0;margin:0}
 html.phone-ui .duty-toolbar :is(.segmented,.month-stepper,select),html.phone-ui .duty-toolbar-field>.button{width:100%;height:48px;min-height:48px;box-sizing:border-box}
 html.phone-ui .duty-toolbar .month-stepper{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;overflow:hidden}
 html.phone-ui .duty-toolbar .month-stepper input{width:100%;min-width:0;height:46px;min-height:46px;padding:6px 4px;text-align:center;font-size:16px;margin:0}
 html.phone-ui .duty-toolbar .month-stepper button{width:42px;min-width:42px;height:46px;min-height:46px;padding:0}
 html.phone-ui .duty-toolbar .segmented{padding:3px;display:flex;align-items:stretch}
 html.phone-ui .duty-toolbar .segmented button{flex:1;min-height:40px;height:40px;padding:5px 8px}
}
/* Active-duty team uses the published schedule only. */
.home-current-duty{padding:12px 16px;margin:14px 0;color:var(--navy);font-size:14px;line-height:1.6;font-weight:600}
.home-current-duty[hidden]{display:none}
html.phone-ui .home-current-duty{padding:10px 12px;font-size:12px;overflow-wrap:anywhere}

/* 0.9.0: compact schedule editors and a readable patient registry on phones. */
.academic-editor-table{min-width:640px;table-layout:fixed;width:100%}
.academic-editor-table th:first-child{width:25%}.academic-editor-table th:nth-child(2){width:30%}
.academic-table-cell{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
.academic-table-activity{display:block;font-size:13px;line-height:1.45}
.academic-table-presenters{display:block;margin-top:4px;color:#52667b;font-size:11px;line-height:1.45;font-weight:400}
.consultant-table .consultant-holiday-row>td{background:#dceefd;color:#225477;border-color:#c2dff1}
.consultant-holiday-label{display:block;padding:7px 4px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
html.phone-ui .academic-editor-table,html.phone-ui .consultant-table{width:100%;min-width:0;table-layout:fixed}
html.phone-ui .academic-editor-table th,html.phone-ui .academic-editor-table td,html.phone-ui .consultant-table th,html.phone-ui .consultant-table td{padding:8px 6px;white-space:normal;overflow-wrap:anywhere}
html.phone-ui .academic-editor-table th:first-child,html.phone-ui .consultant-table th:first-child{width:58px}
html.phone-ui .academic-editor-table th:nth-child(2){width:29%}
html.phone-ui .schedule-editor-date{white-space:nowrap!important;font-size:12px}
html.phone-ui .academic-table-cell{padding:8px 6px;min-height:44px}
html.phone-ui .academic-table-activity{font-size:12px}.academic-table-presenters{font-size:11px}
html.phone-ui .consultant-table .duty-slot-button{min-height:44px;margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:13px}
html.phone-ui .or-patients-module .or-patient-toolbar{display:grid;grid-template-columns:minmax(0,1fr);padding:12px;gap:9px}
html.phone-ui .or-patients-module .or-patient-search{width:100%;max-width:none;font-size:13px}
html.phone-ui .or-patients-module .or-patient-toolbar input,html.phone-ui .or-patients-module .or-patient-toolbar>button{width:100%;min-height:44px;font-size:16px}
html.phone-ui .or-patients-module .or-patient-table-scroll{overflow:visible;border:0;background:none}
html.phone-ui .or-patient-registry-table{display:block;width:100%;min-width:0;border:0}
html.phone-ui .or-patient-registry-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.phone-ui .or-patient-registry-table tbody{display:grid;gap:12px}
html.phone-ui .or-patient-registry-table tbody tr{display:flex;flex-direction:column;width:100%;min-width:0;padding:12px;box-sizing:border-box;border:1px solid #d6e2ee;border-radius:14px;background:#fff}
html.phone-ui .or-patient-registry-table td{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;min-width:0;padding:7px 0;border:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
html.phone-ui .or-patient-registry-table td::before{content:attr(data-label);color:#64788d;font-size:12px;font-weight:500}
html.phone-ui .or-patient-registry-table td[data-field=name]{order:-2;display:block;padding:0 0 7px}
html.phone-ui .or-patient-registry-table td[data-field=name]::before{display:none}
html.phone-ui .or-patient-registry-table td[data-field=hn]{order:-1;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid #e3ebf3;font-weight:700}
html.phone-ui .or-patient-registry-table .or-patient-name{display:block;width:100%;min-height:44px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
html.phone-ui .or-patient-registry-table td[data-field=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid #e3ebf3;margin-top:5px;padding-top:10px}
html.phone-ui .or-patient-registry-table td[data-field=actions]::before{display:none}
html.phone-ui .or-patient-registry-table td[data-field=actions]:empty{display:none}
html.phone-ui .or-patient-registry-table td[data-field=actions] button{min-width:44px;min-height:44px;font-size:13px}
html.phone-ui .or-patients-module>.or-patient-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.phone-ui .or-patients-module>.or-patient-pager>span{order:-1;grid-column:1/-1;text-align:center;font-size:13px}
html.phone-ui .or-patients-module>.or-patient-pager>button{min-height:44px;min-width:0}
/* 0.10.0: phone density keeps touch controls usable while reducing passive whitespace. */
html.phone-ui{--phone-section-gap:8px;--phone-card-padding:8px;--phone-row-padding:4px}
html.phone-ui .page-container{padding:8px 8px 18px}
html.phone-ui .section-heading{gap:6px;margin-bottom:8px}
html.phone-ui .section-heading h3{font-size:20px;line-height:1.35}
html.phone-ui :is(.home-module-grid,.module-grid){gap:8px}
html.phone-ui .or-feature-sections{gap:10px}
html.phone-ui :is(.module-card,.or-feature-grid .module-card){padding:10px 9px}
html.phone-ui .module-card h4{margin:6px 0 3px;line-height:1.4}
html.phone-ui :is(.toolbar,.duty-summary-controls){padding:8px;gap:6px}
html.phone-ui :is(.duty-summary-card,.profile-account-grid>.form-card,.profile-account-grid>.profile-details){padding:8px}
html.phone-ui .app-page :is(th,td){padding-block:5px;line-height:1.4}
html.phone-ui .summary-phone-list :is(th,td){padding:5px 6px}
html.phone-ui .duty-toolbar{gap:6px}
html.phone-ui :is(.duty-counter-grid,.duty-pending-list,.academic-picker-body){gap:8px}
html.phone-ui :is(.duty-counter-card,.academic-picker-body section){padding:8px}
html.phone-ui .academic-picker-body label{margin-top:6px}
html.phone-ui .academic-picker-tags{gap:5px}
html.phone-ui .academic-choice-tag{min-height:44px;padding:6px 9px}
html.phone-ui .academic-editor-table :is(th,td),html.phone-ui .consultant-table :is(th,td){padding:4px 5px;line-height:1.4}
html.phone-ui .academic-editor-table tr.unavailable>td,html.phone-ui .consultant-table tr.unavailable>td{background:#f1f4f7;color:#748292}
html.phone-ui .academic-editor-table tr.official>td,html.phone-ui .consultant-table tr.consultant-holiday-row>td{background:#dceefd;color:#225477;border-color:#c2dff1}
html.phone-ui .consultant-holiday-label{padding:4px 0;line-height:1.4}
html.phone-ui .schedule-nonworking-label{font-size:12px;line-height:1.4}
html.phone-ui .academic-table-cell{padding:5px;line-height:1.4}
html.phone-ui .academic-table-presenters{margin-top:2px;line-height:1.35}
html.phone-ui #holidayTableWrap table{width:100%;min-width:0;table-layout:fixed;font-size:12px}
html.phone-ui #holidayTableWrap th:first-child{width:74px}
html.phone-ui #holidayTableWrap th:nth-child(3){width:70px}
html.phone-ui #holidayTableWrap th:last-child{width:52px}
html.phone-ui #holidayTableWrap :is(th,td){padding:4px;overflow-wrap:anywhere;white-space:normal}
html.phone-ui #holidayTableWrap .holiday-table-date{white-space:nowrap;font-size:12px}
html.phone-ui #holidayTableWrap .holiday-type-badge{padding:3px 5px;font-size:10px}
html.phone-ui #holidayTableWrap .table-button{min-height:44px;min-width:44px;padding:4px;font-size:11px}
html.phone-ui .or-patients-module .or-patient-toolbar{padding:8px;gap:6px}
html.phone-ui .or-patient-registry-table tbody{gap:6px}
html.phone-ui .or-patient-registry-table tbody tr{padding:8px;border-radius:10px}
html.phone-ui .or-patient-registry-table td{grid-template-columns:96px minmax(0,1fr);gap:6px;padding:3px 0;font-size:13px;line-height:1.4}
html.phone-ui .or-patient-registry-table td[data-field=name]{padding-bottom:2px}
html.phone-ui .or-patient-registry-table td[data-field=hn]{padding-bottom:4px;margin-bottom:2px}
html.phone-ui .or-patient-registry-table .or-patient-name{font-size:15px;line-height:1.4}
html.phone-ui .or-patient-registry-table td[data-field=actions]{gap:6px;margin-top:3px;padding-top:5px}
html.phone-ui .or-patients-module>.or-patient-pager{gap:6px}

/* 0.11.0: direct postgraduate features, aligned intake rows, readable summary labels and role matrix. */
.postgraduate-feature-sections{display:grid;gap:16px;min-width:0}
.pg-feature-section{min-width:0}.pg-feature-section .module-section-label{margin-bottom:8px}.pg-feature-section .module-grid{margin-top:0}
#postgraduateTrackCards .pg-feature-grid,#pgFeatureCards,#researchFeatureCards,#trainingFeatureCards{grid-template-columns:repeat(4,minmax(0,1fr))}
.intake-row.resident,.intake-row.research{grid-template-columns:90px minmax(0,1fr) 220px;gap:8px 12px;align-items:stretch}
.intake-row .intake-year{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center}
.intake-row .intake-year input{margin:0;flex:1;min-height:44px;max-height:108px;text-align:center;font-size:18px;font-weight:700}
.intake-round{grid-column:2;display:grid;grid-template-columns:66px minmax(0,1fr) minmax(0,1fr) 68px;gap:8px;align-items:end;min-width:0}
.intake-round-name{align-self:end;display:flex;align-items:center;min-height:44px;font-size:12px;color:var(--navy)}
.intake-round label{font-size:11px;line-height:1.4;display:flex;flex-direction:column;gap:4px}
.intake-round input{margin:0;min-width:0;min-height:44px;padding:7px 8px;font-size:13px}
.intake-actions{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(44px,1fr));gap:8px;align-self:stretch;align-items:end}
.intake-row .intake-actions .switch-row{display:flex;gap:6px;align-items:center;justify-content:center;white-space:normal;min-height:44px;padding:6px;border:1px solid #d6e1eb;font-size:11px;line-height:1.4}
.intake-actions .switch-row input{width:17px;height:17px;flex:none;padding:0;accent-color:var(--green)}
.intake-actions>.button{grid-column:1/-1;width:100%;min-height:44px;align-self:end}
.intake-row.research .intake-year,.intake-row.research .intake-actions{grid-row:1/2}
.intake-round.research-round{grid-template-columns:repeat(2,minmax(0,1fr)) 68px;align-self:end}
.readable-chart-wrap{container-type:inline-size;height:auto;min-height:0;max-height:380px;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.readable-bar-chart{display:grid;gap:5px;min-width:0}
.readable-bar-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(48px,1fr) max-content;align-items:center;gap:8px;min-width:0;width:100%;padding:5px 0;border:0;border-bottom:1px solid #edf1f5;background:transparent;color:var(--ink);font:inherit;text-align:left}
button.readable-bar-row{cursor:pointer;min-height:44px}button.readable-bar-row:hover{background:#f5f8fc}button.readable-bar-row:focus-visible{outline:2px solid var(--navy2);outline-offset:-2px;border-radius:5px}
.readable-bar-label{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.45;font-size:12px}
.readable-bar-track{display:block;min-width:0;height:13px;background:#f0f4f8;border-radius:5px;overflow:hidden}.readable-bar-track>span{display:block;height:100%;border-radius:5px}
.readable-bar-value{font-size:12px;min-width:22px;text-align:right;font-variant-numeric:tabular-nums}
#page-access-level .table-scroll{max-width:100%;max-height:calc(100dvh - 215px);overscroll-behavior:contain}
#page-access-level .access-level-table{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}
#page-access-level .access-level-table thead{display:table-header-group}
#page-access-level .access-level-table tbody{display:table-row-group;padding:0}
#page-access-level .access-level-table tr{display:table-row;padding:0;border:0;border-radius:0}
#page-access-level .access-level-table :is(th,td){display:table-cell;width:auto;min-width:0;padding:5px 6px;text-align:center;vertical-align:middle;border:0;border-bottom:1px solid #e3ebf2;border-right:1px solid #e3ebf2;white-space:normal;overflow-wrap:anywhere}
#page-access-level .access-level-table thead th{position:sticky;top:0;z-index:3;background:#f0f5f9;line-height:1.35}
#page-access-level .access-level-table :is(th,td):first-child{width:21%}
#page-access-level .access-level-table tbody tr[data-access-row]>th{position:sticky;left:0;z-index:1;background:#fbfcfe;text-align:left;font-size:11px;line-height:1.4}
#page-access-level .access-level-table thead th:first-child{left:0;z-index:4}
#page-access-level .access-level-table .access-role-th{font-size:11px;line-height:1.4}.access-role-en{font-size:10px;line-height:1.3;margin-top:2px}
#page-access-level .access-level-table .access-section th{position:static;padding:7px 8px!important;background:#e4edf5;color:var(--navy);text-align:left;font-weight:800}
#page-access-level .access-level-table .access-subsection th{position:static;padding:5px 8px 5px 16px;background:#f2f6fa;text-align:left;font-size:11px;color:#52677e}
#page-access-level .access-level-select{width:100%;max-width:100%;min-width:0;height:44px;min-height:40px;margin:0;padding:6px 3px;font-size:11px}
.access-cell-role{display:none}
@media(max-width:1100px){
 .intake-row.resident,.intake-row.research{grid-template-columns:80px minmax(0,1fr);gap:8px}
 .intake-actions{grid-column:2;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:44px 44px;justify-self:end;width:220px}
 .intake-row.research .intake-actions{grid-row:2}.intake-row.research .intake-year{grid-row:1/3}
}
@media(pointer:coarse){#page-access-level .access-level-select{min-height:44px}}
html.phone-ui .postgraduate-feature-sections{gap:10px}
html.phone-ui #postgraduateTrackCards .pg-feature-grid,html.phone-ui #pgFeatureCards,html.phone-ui #researchFeatureCards,html.phone-ui #trainingFeatureCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.phone-ui :is(#postgraduateTrackCards,#pgFeatureCards) .module-card{padding:8px}html.phone-ui :is(#postgraduateTrackCards,#pgFeatureCards) .module-card h4{font-size:12px;margin-top:7px;overflow-wrap:anywhere}html.phone-ui :is(#postgraduateTrackCards,#pgFeatureCards) .module-card p{font-size:10px;line-height:1.35}
html.phone-ui .intake-card{padding:8px}
html.phone-ui .intake-row.resident,html.phone-ui .intake-row.research{grid-template-columns:72px minmax(0,1fr);gap:8px}
html.phone-ui .intake-row .intake-year{grid-column:1;grid-row:1/3;font-size:11px;justify-content:stretch}
html.phone-ui .intake-row .intake-year input{font-size:16px;max-height:none}
html.phone-ui .intake-round{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html.phone-ui .intake-round-name{grid-column:1;grid-row:1;align-self:center;min-height:0;font-size:11px}
html.phone-ui .intake-round label:last-child{grid-column:2;grid-row:1}
html.phone-ui .intake-round label{font-size:10px;gap:3px}
html.phone-ui .intake-round input{padding:6px 3px;font-size:12px;min-height:44px}
html.phone-ui .intake-actions{grid-column:1/-1;grid-row:3;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:44px 44px}
html.phone-ui .intake-row.research .intake-year{grid-row:1}
html.phone-ui .intake-row.research .intake-actions{grid-row:2}
html.phone-ui .intake-round.research-round label:last-child{grid-column:1/-1;grid-row:auto}
html.phone-ui .readable-bar-row{grid-template-columns:minmax(0,1fr) max-content;gap:3px 8px;padding:5px 0}
html.phone-ui .readable-bar-label{grid-column:1;grid-row:1;font-size:12px}
html.phone-ui .readable-bar-value{grid-column:2;grid-row:1}
html.phone-ui .readable-bar-track{grid-column:1/-1;grid-row:2;height:8px}
html.phone-ui #page-access-level .table-scroll{max-height:calc(100dvh - 200px)}
html.phone-ui #page-access-level .access-level-table :is(th,td):first-child{width:25%}
html.phone-ui #page-access-level .access-level-table{min-width:0}


.access-level-cell{position:relative;min-width:0}.access-cell-value,.access-role-short{display:none}
@media(max-width:1100px){#page-access-level .access-level-table :is(th,td){padding:4px 2px}#page-access-level .access-level-select{font-size:10px;padding-inline:1px}.access-role-en{font-size:9px}}
html.phone-ui #page-access-level .access-level-table :is(th,td){padding:3px 1px}
html.phone-ui #page-access-level .access-level-table tbody tr[data-access-row]>th{font-size:10px;padding:3px 4px;position:static}
html.phone-ui #page-access-level .access-role-th,html.phone-ui #page-access-level .access-role-en{display:none}
html.phone-ui #page-access-level th:first-child .access-role-th{display:block;font-size:10px}
html.phone-ui #page-access-level .access-role-short{display:block;font-size:9px;text-decoration:none;overflow-wrap:normal}
html.phone-ui #page-access-level .access-level-select{color:transparent;appearance:none;-webkit-appearance:none;padding:0;min-height:44px}
html.phone-ui #page-access-level .access-level-select option{color:var(--ink);font-size:14px}
html.phone-ui #page-access-level .access-cell-value{display:grid;place-items:center;position:absolute;inset:0;pointer-events:none;font-size:12px;font-weight:800;color:#526477}
html.phone-ui #page-access-level .tone-edit+.access-cell-value{color:#087a55}
html.phone-ui #page-access-level .tone-view+.access-cell-value{color:#8a6500}

@container(max-width:400px){
 .readable-bar-row{grid-template-columns:minmax(0,1fr) max-content;gap:3px 8px;padding:5px 0}
 .readable-bar-label{grid-column:1;grid-row:1}.readable-bar-value{grid-column:2;grid-row:1}.readable-bar-track{grid-column:1/-1;grid-row:2;height:9px}
}
.access-phone-guide{display:none}
html.phone-ui .access-phone-guide{display:block;margin-top:5px;line-height:1.4;font-size:10px}
html.phone-ui .access-phone-guide summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
html.phone-ui .access-phone-guide p{margin:0 0 5px;line-height:1.5}
/* MOPH reporter permissions and duplicate-procedure review. */
#mophUserDialog{width:min(1080px,95vw)}
#mophUserDialog .dialog-body{padding:12px 16px}
#mophUserDialog .form-grid{gap:6px 10px}
#mophUserDialog .moph-reporter-permission-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:8px 0;padding:6px}
#mophUserDialog .moph-reporter-permission-row label{display:flex;align-items:center;gap:5px;min-width:0;min-height:36px;margin:0;font-size:11px;line-height:1.35}
#mophUserDialog .moph-reporter-permission-row input{width:17px;min-width:17px;height:17px;min-height:17px;margin:0;accent-color:#087a55}
#mophUserDialog .moph-password-row{margin-top:6px}
#mophMergeSource{display:block;padding:7px 10px;background:#f0f6f2;border-radius:8px;font-weight:700}
#mophMergeDialog .dialog-body>label{display:grid;gap:4px;margin-bottom:8px;min-width:0}
#mophMergeImpact{margin-top:8px;overflow-wrap:anywhere}
#mophMergeImpact p{margin:8px 0 0}
.moph-merge-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.moph-merge-counts span{padding:6px;background:#fff;border-radius:6px}
.moph-merge-counts strong{display:block;font-size:18px}
.moph-merge-error{color:#a72118;min-height:1.4em;margin-bottom:0}
#mophProceduresBody .table-button+.table-button{margin-left:5px}
@media(max-width:760px){#mophUserDialog .moph-reporter-permission-row{grid-template-columns:repeat(3,minmax(0,1fr))}#mophUserDialog .dialog-body{padding:8px 10px}}
@media(max-width:480px){#mophUserDialog .moph-reporter-permission-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(pointer:coarse){#mophUserDialog .moph-reporter-permission-row label{min-height:44px}#mophMergeDialog input:not([type=hidden]),#mophMergeDialog select,#mophMergeDialog .button,#mophUserDialog .moph-password-row input{min-height:44px}}
.training-guest-shell{width:min(100% - 24px,1100px);margin:12px auto}.training-guest-shell>header h1{font-size:20px;color:#173653}.training-guest-shell>header h1 span{font-size:14px;color:#576e83}
.admin-act-as-banner{margin:10px 24px 0;padding:10px 14px;border:1px solid #c2d9a5;background:#edf7e1;border-radius:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#24451d}.admin-act-as-banner[hidden],.admin-act-as-card[hidden]{display:none}.admin-act-as-banner button{margin-left:auto;padding:7px 12px}.admin-act-as-card{padding:14px;margin-bottom:14px}.admin-act-as-card h4{margin:0 0 10px}.admin-act-as-controls{display:grid;grid-template-columns:minmax(140px,1fr) minmax(220px,2fr) auto;gap:8px;align-items:center}.admin-act-as-controls input,.admin-act-as-controls select{min-width:0;width:100%}.admin-act-as-status{display:block;font-size:13px;margin-top:5px}@media(max-width:600px){.admin-act-as-banner{margin:8px 10px 0}.admin-act-as-controls{grid-template-columns:1fr}.admin-act-as-banner button{margin-left:0}.admin-act-as-banner span{font-size:12px}}

/* Current shared calendars and date selectors: Saturday purple, Sunday red. */
.picker-weekdays .day-sat,.picker-cell.day-sat:not(.selected),.duty-weekday.day-sat,.summary-calendar-head .day-sat{background:#e9e3f3;color:#60487b}
.picker-weekdays .day-sun,.picker-cell.day-sun:not(.selected),.duty-weekday.day-sun,.summary-calendar-head .day-sun{background:#f7cece;color:#714343}

.or-module{--or-navy:#173b63;--or-blue:#255b8f;--or-pink:#ef7fa6;--or-ink:#203247;--or-muted:#687b8f;--or-line:#d7e2ec;--or-bg:#f4f8fb;display:grid;gap:14px;min-width:0;color:var(--or-ink)}
.or-module button,.or-module input,.or-module select,.or-module textarea{font:inherit}.or-module .hidden{display:none!important}
.or-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:50px}.or-heading h2{margin:0;color:var(--or-navy);font-size:26px}.or-eyebrow{margin:0 0 2px;color:#b14c73;font-size:11px;font-weight:800;letter-spacing:.06em}.or-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.or-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:13px 15px;border:1px solid var(--or-line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(30,61,95,.06)}.or-toolbar>label{min-width:155px}.or-toolbar label>span.or-field-label,.or-form label>span.or-field-label{display:block;margin-bottom:5px;color:var(--or-muted);font-size:11px;font-weight:700}.or-toolbar select,.or-toolbar input,.or-form input,.or-form select,.or-form textarea{width:100%;border:1px solid #c7d5e2;border-radius:9px;background:#fff;color:var(--or-ink);padding:8px 10px}.or-toolbar input:focus,.or-toolbar select:focus,.or-form input:focus,.or-form select:focus,.or-form textarea:focus{outline:3px solid rgba(85,167,223,.2);border-color:#55a7df}.or-native-period{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}
.or-month-control{position:relative;display:grid;grid-template-columns:36px minmax(170px,1fr) 36px;min-height:39px;border:1px solid #c7d5e2;border-radius:10px;overflow:hidden}.or-step{border:0;background:#edf4fa;color:var(--or-navy);font-size:22px;cursor:pointer}.or-period-button{border:0;border-left:1px solid #d6e1ea;border-right:1px solid #d6e1ea;background:#fff;color:var(--or-navy);font-weight:700;cursor:pointer}.or-segmented{display:flex;align-items:center;padding:3px;border-radius:10px;background:#edf3f7}.or-segmented button{border:0;border-radius:8px;background:transparent;color:var(--or-muted);padding:7px 11px;cursor:pointer}.or-segmented button.active{background:#fff;color:var(--or-navy);font-weight:800;box-shadow:0 2px 8px rgba(31,61,95,.12)}.or-check-field{display:flex;align-items:center;gap:8px;min-width:auto!important;padding:8px 10px;border:1px solid #d8e2eb;border-radius:10px;background:#f8fbfd}.or-check-field .or-field-label{order:2;margin:0!important}.or-check-field input{width:auto;margin:0;accent-color:var(--or-pink)}
.or-status{min-height:0;padding:0 2px;color:#14765a;font-size:12px}.or-status:empty{display:none}.or-status.error,.or-inline-message.error{color:#b42318}.or-status.success{color:#14765a}.or-loading,.or-error{display:grid;place-items:center;gap:8px;min-height:230px;border:1px solid var(--or-line);border-radius:17px;background:#fff;color:var(--or-muted)}.or-error p{margin:0;max-width:560px;text-align:center}.or-content{min-width:0}.or-load-more{display:block;margin:14px auto 0}
.or-calendar-wrap{overflow:auto;border:1px solid var(--or-line);border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(30,61,95,.05)}.or-calendar{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));min-width:1085px}.or-weekday{position:sticky;top:0;z-index:4;padding:9px;text-align:center;background:#eaf1f7;color:#52677b;font-size:11px;font-weight:800;border-right:1px solid var(--or-line)}.or-day{min-height:190px;padding:7px;border-top:1px solid var(--or-line);border-right:1px solid var(--or-line);background:#fff}.or-day.weekday-5,.or-day.weekday-6{background:#fafbfd}.or-day.outside{background:#f1f5f8}.or-day>header{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;min-height:25px;margin-bottom:5px}.or-day>header strong{color:var(--or-navy);font-size:12px}.or-day>header span{display:-webkit-box;overflow:hidden;color:#b42318;font-size:9px;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.or-day>header span.activity{color:#a35c12}.or-day-empty{display:block;text-align:center;color:#a7b2bd}.or-room-block{display:grid;gap:3px;margin:5px 0;padding-top:4px;border-top:1px dotted #ccd9e5}.or-room-name{overflow:hidden;padding-left:6px;border-left:4px solid var(--room-color);color:#52677b;font-size:9px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.or-case-card{--surgeon-color:#dce7f2;--surgeon-foreground:#23384d;position:relative;display:grid;width:100%;gap:1px;margin:3px 0;padding:0 12px 5px 6px;border:1px solid rgba(68,91,116,.12);border-radius:8px;background:#fff;color:#273b50;text-align:left;cursor:pointer;overflow:hidden}.or-case-card:hover,.or-case-card:focus-visible{outline:2px solid #4b86b8;transform:translateY(-1px)}.or-case-card span{overflow:hidden;font-size:8px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.or-case-card .patient{margin:0 -12px 2px -6px;padding:5px 12px 5px 6px;background:var(--surgeon-color);color:var(--surgeon-foreground);font-size:9px;font-weight:900}.or-case-card .remark{color:#7b4d0d}.or-case-card small{font-size:7px;font-weight:800}.or-case-card.smc::after,.or-case-card.premium::after{content:"";position:absolute;inset:0 0 0 auto;width:5px;background:#d92d20}.or-case-card.premium::after{background:#f79009}.or-case-card.smc.premium::after{background:linear-gradient(#d92d20 0 50%,#f79009 50%)}.or-case-card.other-surgeon{background:#e9edf1!important;color:#6b7480;font-size:8px}.or-case-card.other-surgeon .patient{background:#d7dde3;color:#5f6872}.or-case-card.route-trail{background:#d9dde2;text-decoration:line-through;color:#69727c}.or-case-card.mini span:not(.patient){display:none}
.or-allocation-summary{display:grid;gap:3px;margin:3px 0}.or-allocation-summary .allocation{display:block;padding:3px 5px;border-radius:5px;background:#eef4f9;color:#476074;font-size:8px}.or-allocation-summary .allocation.remove{background:#f1f1f1;color:#6d737c}.or-empty-slot{display:grid;gap:3px}.or-empty-slot>.dark,.or-toggle{display:flex!important;align-items:center;gap:6px;color:#52677b;font-size:10px}.or-toggle input{width:auto!important;margin:0;accent-color:var(--or-pink)}
.or-year-calendar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.or-mini-month{min-width:0;border:1px solid var(--or-line);border-radius:15px;background:#fff;overflow:hidden}.or-mini-month h3{margin:0;padding:9px 12px;background:#edf4fa;color:var(--or-navy);font-size:13px}.or-calendar-wrap.mini{border:0;border-radius:0;box-shadow:none}.or-calendar-wrap.mini .or-calendar{grid-template-columns:repeat(7,minmax(55px,1fr));min-width:560px}.or-calendar-wrap.mini .or-day{min-height:85px;padding:3px}.or-calendar-wrap.mini .or-weekday{padding:5px;font-size:8px}.or-calendar-wrap.mini .or-case-card{padding:0 3px 3px}.or-calendar-wrap.mini .or-case-card .patient{margin:0 -3px 1px;padding:3px;font-size:7px}
.or-surgeon-table-wrap{overflow:auto;border:1px solid var(--or-line);border-radius:16px;background:#fff}.or-surgeon-table{width:100%;min-width:980px;border-collapse:collapse}.or-surgeon-table th{position:sticky;top:0;z-index:3;padding:10px;background:#eaf1f7;color:#52677b;text-align:left;font-size:11px}.or-surgeon-table td{padding:8px 10px;border-top:1px solid #e3ebf2;font-size:11px}.or-surgeon-table tbody tr:not(.week-heading){box-shadow:inset 5px 0 var(--room-color,transparent);cursor:pointer}.or-surgeon-table tbody tr:not(.week-heading):hover{background:#f7fafc}.or-surgeon-table .week-heading td{background:#f5f8fb;color:var(--or-navy);font-weight:900}.or-surgeon-table .other-surgeon{background:#eceff2;color:#737b84;font-size:9px}.or-surgeon-table .no-case{background:#176049;color:#fff}.or-surgeon-table .allocation-received{background:#eef6ff;color:#315f87;font-weight:700}.or-surgeon-table .allocation-removed{background:#f1f1f1;color:#7a6262;text-decoration:line-through}.or-surgeon-table .day-heading td{background:#fbfcfd;color:var(--or-navy);font-weight:800}
.or-dialog{width:min(980px,96vw);max-height:92vh;border:0;padding:0;background:transparent}.or-dialog::backdrop{background:rgba(9,25,42,.5);backdrop-filter:blur(2px)}.or-dialog-shell{display:flex;max-height:92vh;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 26px 72px rgba(12,29,48,.3);overflow:hidden}.or-dialog-shell>header,.or-dialog-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 17px;border-bottom:1px solid var(--or-line)}.or-dialog-shell>footer{justify-content:flex-end;border-top:1px solid var(--or-line);border-bottom:0;flex-wrap:wrap}.or-dialog-shell h3{margin:0;color:var(--or-navy);font-size:18px}.or-dialog-body{padding:17px;overflow:auto}.or-dialog-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#edf3f7;color:#5e7183;font-size:22px;cursor:pointer}.or-confirm-message{margin:4px 0;color:var(--or-ink);line-height:1.65}
.or-form{display:grid;gap:13px}.or-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.or-form-grid .wide{grid-column:1/-1}.or-form textarea{min-height:76px;resize:vertical}.or-form-actions{display:flex;justify-content:flex-end}.or-inline-message{min-height:18px;margin:0;color:#14765a;font-size:11px}.or-search-state{padding:9px;border-radius:9px;background:#eef4f9;color:#52677b;font-size:11px}.or-search-state.error{background:#fff0f0;color:#b42318}.or-patient-area{display:grid;gap:8px}.or-patient-result{width:100%;padding:11px;border:1px solid #c9d8e5;border-radius:10px;background:#fff;color:var(--or-navy);font-weight:800;text-align:left;cursor:pointer}.or-patient-result:hover{background:#edf5fb}.or-selected-patient{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:11px;background:#eaf3f9}.or-selected-patient strong{color:var(--or-navy)}.or-selected-patient span{color:var(--or-muted);font-size:10px}.or-age{display:flex;align-items:center;min-height:38px;padding:8px 10px;border:1px solid #d4dee7;border-radius:9px;background:#f7fafc;color:var(--or-navy);font-weight:800}.or-flag-grid{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 11px;border:1px solid #dce5ed;border-radius:10px;background:#f8fafc}.or-timeline{padding:11px;border-left:4px solid #a9b6c3;background:#f5f7f9}.or-timeline h4{margin:0 0 6px;color:var(--or-navy)}.or-timeline p{margin:4px 0;color:#637180;font-size:10px}
.or-date-picker{position:relative}.or-date-trigger{width:100%;min-height:38px;border:1px solid #c7d5e2;border-radius:9px;background:#fff;color:var(--or-ink);text-align:left;padding:8px 10px;cursor:pointer}.or-date-panel{position:absolute;z-index:20;top:calc(100% + 5px);left:0;width:300px;padding:9px;border:1px solid var(--or-line);border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(25,49,74,.2)}.or-date-panel>header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;text-align:center}.or-picker-period{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:4px}.or-picker-period select,.or-picker-period input{min-width:0;padding:5px 6px;font-size:10px}.or-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:6px}.or-picker-grid small{text-align:center;color:var(--or-muted);font-size:8px}.or-picker-grid button{border:0;border-radius:7px;background:#f3f6f9;color:var(--or-ink);padding:6px 2px;cursor:pointer}.or-picker-grid button:hover,.or-picker-grid button.selected{background:var(--or-navy);color:#fff}.or-picker-grid button:disabled{opacity:.25;cursor:not-allowed}
.or-room-list{display:grid;gap:9px}.or-room-editor{display:grid;grid-template-columns:30px minmax(170px,1fr) minmax(260px,3fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--or-line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(30,61,95,.05)}.or-room-editor strong,.or-room-editor small{display:block}.or-room-editor strong{color:var(--or-navy)}.or-room-editor small{margin-top:2px;color:var(--or-muted);font-size:9px}.or-drag-handle{color:#8798a8;cursor:grab;font-size:18px}.or-rule-chips{display:flex;gap:5px;flex-wrap:wrap}.or-rule-chips span{padding:5px 7px;border-radius:999px;background:#edf4f9;color:#52677b;font-size:9px}.or-room-actions{display:flex;gap:5px}.or-icon-button{display:grid;place-items:center;min-width:31px;height:31px;border:1px solid #c7d5e2;border-radius:8px;background:#fff;color:var(--or-navy);cursor:pointer}.or-rules-editor{display:grid;gap:8px}.or-rule-editor{display:grid;grid-template-columns:1fr 1.5fr auto 1.5fr 1fr 1fr auto;align-items:end;gap:7px;padding:9px;border:1px solid #dce5ed;border-radius:10px;background:#f8fafc}.or-week-checks{display:flex;gap:3px}.or-week-checks .or-toggle{gap:2px}.or-week-checks .or-toggle span{font-size:9px}
.allocation-calendar .or-day{min-height:145px}.or-allocation-card{display:grid;width:100%;gap:1px;margin:4px 0;padding:5px 6px;border:0;border-left:5px solid var(--room-color);border-radius:7px;background:#f1f5f8;color:var(--or-ink);text-align:left;cursor:pointer}.or-allocation-card strong{font-size:9px}.or-allocation-card span,.or-allocation-card small{font-size:8px}.or-allocation-card small{color:#886314}
@media(max-width:1100px){.or-year-calendar{grid-template-columns:1fr}.or-room-editor{grid-template-columns:30px 1fr auto}.or-room-editor .or-rule-chips{grid-column:2/4}.or-rule-editor{grid-template-columns:repeat(3,1fr)}.or-rule-editor .or-icon-button{align-self:end}}
@media(max-width:760px){.or-heading{align-items:stretch;flex-direction:column}.or-heading-actions{justify-content:flex-start}.or-heading h2{font-size:22px}.or-toolbar{align-items:stretch}.or-toolbar>label,.or-month-control{width:100%;min-width:0}.or-segmented{overflow:auto}.or-form-grid{grid-template-columns:1fr}.or-form-grid .wide{grid-column:auto}.or-selected-patient{flex-direction:column}.or-dialog{width:98vw}.or-dialog-shell>footer .button{flex:1}.or-room-editor{grid-template-columns:24px 1fr}.or-room-editor .or-rule-chips,.or-room-editor .or-room-actions{grid-column:2}.or-rule-editor{grid-template-columns:1fr}.or-date-panel{position:fixed;inset:auto 8px 12px;width:auto}.or-year-calendar{grid-template-columns:1fr}.or-calendar{grid-template-columns:repeat(7,minmax(140px,1fr))}}
@media print{.or-toolbar,.or-heading-actions{display:none!important}.or-calendar-wrap{overflow:visible;border:0;box-shadow:none}.or-calendar{min-width:0}.or-day{break-inside:avoid}.or-case-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Shared control rhythm and the patient registration rows. */
.or-module{--or-control-height:var(--filter-control-height,42px)}
.or-module .button,.or-module .or-icon-button,.or-module .or-date-trigger,.or-module .or-age,.or-toolbar select,.or-toolbar input:not([type=checkbox]),.or-form input:not([type=checkbox]):not([type=radio]),.or-form select{box-sizing:border-box;min-height:var(--or-control-height);line-height:1.4}
.or-module .button{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;white-space:normal}
.or-heading-actions,.or-toolbar{align-items:flex-end}.or-month-control{height:var(--or-control-height);box-sizing:border-box}.or-segmented{height:var(--or-control-height);box-sizing:border-box}.or-segmented button{height:100%;display:flex;align-items:center}.or-check-field{box-sizing:border-box;min-height:var(--or-control-height)}
.or-patient-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}.or-patient-grid>label{grid-column:span 2;min-width:0}.or-patient-grid>label.or-patient-half{grid-column:span 3}
.or-module .weekday-0{--weekday-bg:#fff0af;--weekday-strong:#b89600}.or-module .weekday-1{--weekday-bg:#fbd2e2;--weekday-strong:#c45583}.or-module .weekday-2{--weekday-bg:#d0edce;--weekday-strong:#468b48}.or-module .weekday-3{--weekday-bg:#ffdec1;--weekday-strong:#bf752c}.or-module .weekday-4{--weekday-bg:#cee8fb;--weekday-strong:#407da8}.or-module .weekday-5{--weekday-bg:#e9e3f3;--weekday-strong:#8b6aae;--or-day-bg:#f6f2fb}.or-module .weekday-6{--weekday-bg:#f7cece;--weekday-strong:#b75e5e;--or-day-bg:#fff4f4}
.or-surgeon-table .week-heading td{background:#50545a;color:#fff;text-align:center;font-size:14px;font-weight:800;padding:11px}.or-surgeon-table .day-heading td{background:#e9eaed;color:#353d46;font-weight:800}.or-surgeon-table .or-surgeon-case td{background:var(--weekday-bg,#fff)}.or-surgeon-table .or-surgeon-case:focus-visible{outline:3px solid var(--or-blue);outline-offset:-3px}.or-surgeon-table .or-surgeon-case:hover td{filter:brightness(.97)}.or-surgeon-table .or-surgeon-case.other-surgeon td{background:#e4e7eb;color:#5f6873}.or-surgeon-table .no-case td{padding:0;background:var(--weekday-bg,#f7fafc);color:#203247}.or-empty-case-button{display:block;width:100%;border:0;border-radius:0;padding:11px;color:inherit;background:transparent;font:inherit;text-align:center;cursor:pointer}.or-empty-case-button:hover:not(:disabled),.or-empty-case-button:focus-visible{background:rgba(255,255,255,.35);outline:2px solid var(--or-blue);outline-offset:-2px}.or-empty-case-button:disabled{cursor:default;opacity:.8}.or-table-empty td{text-align:center;padding:24px;color:var(--or-muted)}
.or-day:not(.outside){border-top:4px solid var(--weekday-strong,#d7e2ec)}.or-day>header strong{padding:1px 6px;border-radius:5px;background:var(--weekday-bg,#eef4f9)}.or-off-allocation{display:block;margin-top:2px;color:#8d4b09;font-size:9px;font-weight:700}.or-room-block.off-allocation{border:1px dashed #d5a75b;border-radius:6px;padding:4px}.or-room-name{white-space:normal}.or-case-card[draggable=true]{cursor:grab}.or-case-card.dragging{opacity:.4;cursor:grabbing}.or-day.drag-over{outline:3px solid var(--or-blue);outline-offset:-3px;background:#e3f0fd}.or-dialog:not(.large){width:min(540px,96vw)}.or-dialog-body>label>textarea{box-sizing:border-box;width:100%;min-height:84px;margin-top:6px;padding:10px;border:1px solid #c7d5e2;border-radius:9px;resize:vertical}
@media(max-width:760px){.or-patient-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.or-patient-grid>label{grid-column:span 2}.or-patient-grid>label.or-patient-half{grid-column:span 3}.or-patient-grid .or-field-label{font-size:10px}.or-patient-grid input,.or-patient-grid select,.or-patient-grid .or-date-trigger{padding:8px 6px;font-size:12px}.or-toolbar .or-segmented{width:100%}.or-toolbar .or-segmented>button{flex:1;justify-content:center}}
@media(max-width:400px){.or-patient-grid{column-gap:7px}.or-patient-grid .or-date-trigger{font-size:11px}.or-patient-grid .or-age{font-size:12px}}

/* Keep the schedule, physician and ownership calendars visually consistent. */
.or-toolbar[hidden],.or-toolbar:empty{display:none}
.or-toolbar>.or-control-group{min-width:155px}
.or-toolbar .or-control-group>.or-field-label{display:block;margin-bottom:5px;color:var(--or-muted);font-size:11px;font-weight:700}
.or-toolbar>.or-period-field{min-width:244px}
.or-room-block,.or-room-name,.or-case-card{min-width:0}
.or-module button.or-room-name{display:block;width:100%;padding:0 0 0 6px;border:0;border-left:4px solid var(--room-color);border-radius:0;background:transparent;text-align:left;color:#52677b;font-size:9px;font-weight:800;line-height:1.5;cursor:pointer}
.or-module button.or-room-name:hover,.or-module button.or-room-name:focus-visible{background:#edf4fa;outline:2px solid #4b86b8;outline-offset:2px}
.or-case-card.route-trail{padding-bottom:0}
.or-case-card.route-trail .patient{margin-bottom:0;background:#d9dde2;color:#69727c;white-space:nowrap;text-overflow:ellipsis;text-decoration:line-through}
.or-selected-slot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--or-line);border-radius:10px;background:#edf4fa;color:var(--or-navy)}
.or-selected-slot span{font-size:12px}
.or-surgeon-table{min-width:1200px;table-layout:fixed}
.or-surgeon-table .or-column-date{width:44px}.or-surgeon-table .or-column-room{width:104px}.or-surgeon-table .or-column-sequence{width:44px}.or-surgeon-table .or-column-patient{width:190px}.or-surgeon-table .or-column-hn{width:94px}.or-surgeon-table .or-column-remark{width:120px}
.or-surgeon-table td{vertical-align:top;overflow-wrap:anywhere}
.or-surgeon-table .or-case-owner{display:block;margin-top:3px;font-size:9px;color:var(--or-muted)}
.allocation-calendar .or-day{min-height:190px}
.allocation-calendar.mini .or-day{min-height:85px}
.or-module .or-allocation-add{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;margin:-2px 0 0 auto;padding:0;border:1px solid var(--or-line);border-radius:6px;background:#f4f8fb;color:var(--or-navy);font-size:16px;line-height:1;cursor:pointer}
.or-module .or-allocation-add:hover,.or-module .or-allocation-add:focus-visible{outline:2px solid #4b86b8;background:#edf4fa}
.or-allocation-card{padding:0;border:1px solid rgba(68,91,116,.12);border-radius:8px;overflow:hidden;background:#fff;color:var(--or-ink)}
.or-allocation-card .or-allocation-owner{display:block;padding:5px 6px;background:var(--surgeon-color,#dce7f2);color:var(--surgeon-foreground,#23384d);font-size:9px;font-weight:800;line-height:1.4}
.or-allocation-card small{display:block;padding:3px 6px;font-size:8px;line-height:1.4;overflow-wrap:anywhere}
.or-allocation-card.allocation-removed .or-allocation-owner{background:#d9dde2;color:#69727c;text-decoration:line-through}
.or-allocation-card:disabled{opacity:1;cursor:default}
.or-allocation-card:hover:not(:disabled),.or-allocation-card:focus-visible{outline:2px solid #4b86b8}
@media(max-width:760px){.or-toolbar>.or-control-group{width:100%;min-width:0}}

/* Pool, audited trails and Set OR actions share the existing dialog shell. */
.or-surgeon-table th,.or-surgeon-table td{vertical-align:middle;text-align:center}
.or-surgeon-table .or-column-tags{width:180px}
.or-case-tags .or-case-tag{display:inline-block;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.5;margin:2px}
.or-case-tag.smc{background:#c52232;color:#fff}.or-case-tag.premium{background:#f59a23;color:#4f2800}
.or-surgeon-trail td{padding:5px 10px;background:#eef0f2}.or-surgeon-trail .route-trail{width:min(420px,100%);margin:0 auto;text-align:center}
.or-room-block.drag-over{outline:3px solid var(--or-blue);outline-offset:2px;border-radius:6px;background:#e3f0fd}
.or-dialog-shell>footer.or-case-footer{justify-content:space-between;align-items:center}
.or-dialog-actions-left,.or-dialog-actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.or-dialog-actions-right{margin-left:auto;justify-content:flex-end}
.or-pool-staff-filter{flex:1;min-width:0!important}.or-pool-surgeons{display:flex;gap:7px;flex-wrap:wrap}
.or-pool-surgeon{padding:7px 12px;border:2px solid transparent;border-radius:999px;background:#edf1f5;color:#506174;font:inherit;font-size:12px;cursor:pointer}
.or-pool-surgeon.active{background:var(--surgeon-color);color:var(--surgeon-foreground);border-color:currentColor;font-weight:800}
.or-pool-surgeon:focus-visible{outline:3px solid var(--or-blue);outline-offset:2px}.or-pool-hide-scheduled{margin-left:auto;align-self:flex-start}
.or-pool-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--or-line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
.or-pool-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:12px}
.or-pool-table th{padding:10px 8px;background:#eaf1f7;color:#52677b;text-align:center}
.or-pool-table td{padding:8px;border-top:1px solid #e3ebf2;vertical-align:middle;text-align:center;overflow-wrap:anywhere}
.or-pool-table .or-case-owner{display:block;font-size:10px;color:var(--or-muted);margin-top:3px}
.or-pool-scheduled td{background:#e3e6ea;color:#64707b}.or-pool-scheduled td:not(:last-child){text-decoration:line-through}
.or-pool-audit{display:block;margin-top:4px;font-size:9px;text-decoration:none}.or-pool-row-actions{min-width:200px}.or-pool-row-actions .button{padding:5px 9px;min-height:34px;font-size:11px;margin:2px}
.or-pool-pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:12px}
@media(max-width:760px){.or-dialog-actions-left,.or-dialog-actions-right{width:100%;margin:0}.or-dialog-actions-left .button,.or-dialog-actions-right .button{flex:1 1 110px;min-width:0;font-size:11px}.or-pool-hide-scheduled{margin-left:0}.or-pool-surgeon{font-size:11px}.or-dialog,.or-dialog-shell{max-height:calc(100dvh - 24px)}.or-dialog-shell>footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}

.or-case-card.route-trail{text-decoration:none}.or-case-card.route-trail .or-trail-audit{display:block;padding:3px 1px;color:#596573;font-size:8px;line-height:1.35;text-decoration:none;white-space:normal;overflow-wrap:anywhere}.or-surgeon-trail .or-trail-audit{text-align:center}
/* 0.5.1: readable cards and a compact, ordered Set OR form. */
.or-case-card span{font-size:calc(8px + 1pt)}
.or-case-card .patient{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:calc(9px + 1pt)}
.or-case-card .patient .or-card-name{min-width:0;flex:1;font-size:inherit;text-align:left}
.or-case-card .patient .or-card-sequence{flex:none;font-size:inherit;text-align:right}
.or-case-card .or-card-procedure{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.or-case-card small{font-size:calc(7px + 1pt)}
.or-case-card.route-trail .patient{display:block}
.or-case-card.route-trail .or-trail-audit{font-size:calc(8px + 1pt);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.or-calendar-wrap.mini .or-case-card .patient{font-size:calc(7px + 1pt)}
.or-case-card.mini .patient span{display:block}
.or-surgeon-table .or-column-remark{width:180px}
.or-day-set-button{display:block;width:100%;padding:4px;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}
.or-day-set-button:focus-visible{outline:2px solid var(--or-blue)}
.or-case-first-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(105px,1fr) minmax(80px,1fr) auto auto;gap:11px;align-items:end}
.or-case-second-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:11px;align-items:end}
.or-case-first-row>label,.or-case-second-row>label{min-width:0}
.or-case-first-row>.or-toggle{min-height:var(--or-control-height)}
.or-owner-banner{background:var(--surgeon-color);color:var(--surgeon-foreground)}
.or-owner-banner strong,.or-owner-banner span{color:inherit}
.or-inline-message.error:not(:empty){padding:10px;border:1px solid #e6aaa4;border-radius:9px;background:#fff1ef;color:#a82219;font-size:12px}
.or-module .or-pool-surgeon{font-size:calc(12px - 1pt)}
.or-owner-picker{display:grid;gap:6px;max-height:160px;overflow:auto;min-width:0;padding:7px;border:1px solid var(--or-line);border-radius:8px;background:#fff}
.or-owner-picker small{font-size:10px;color:var(--or-muted)}
.or-owner-picker .or-toggle{min-height:32px;font-size:11px}
.or-owner-picker .or-toggle span{overflow-wrap:anywhere}
.or-rule-editor{grid-template-columns:1fr 1.3fr auto minmax(175px,2fr) 1fr 1fr auto}
@media(max-width:1100px){.or-rule-editor{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.or-case-first-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.or-case-first-row>label:first-child{grid-column:1/-1}.or-case-first-row>label:nth-child(2),.or-case-first-row>label:nth-child(3){grid-column:span 3}.or-case-first-row>.or-toggle{grid-column:span 3}.or-case-second-row{grid-template-columns:1fr 1fr}.or-case-second-row>label:last-child{grid-column:1/-1}.or-rule-editor{grid-template-columns:1fr}.or-module .or-pool-surgeon{font-size:calc(11px - 1pt)}}

.or-case-card.route-trail .patient{display:flex;gap:5px}
.or-case-card.route-trail .or-trail-hn{flex:none;font-size:inherit;text-decoration:line-through}
.or-case-card.route-trail .or-card-name{text-decoration:line-through}

/* Patient save controls remain siblings of the card's open button. */
.or-case-card .or-card-open{appearance:none;display:grid;gap:1px;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;font:inherit;cursor:pointer}
.or-case-card:focus-within{outline:2px solid #4b86b8;outline-offset:1px}.or-case-card .or-card-open:focus-visible{outline:0}
.or-patient-bookmark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:5px;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;cursor:pointer;vertical-align:middle}
.or-patient-bookmark svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}.or-patient-bookmark.saved svg{fill:currentColor}.or-patient-bookmark:focus-visible{outline:3px solid #168d9c;outline-offset:2px}.or-patient-bookmark:disabled{opacity:.5}
.or-case-card.has-bookmark .patient{padding-right:31px;min-height:24px}.or-case-card>.or-patient-bookmark{position:absolute;right:6px;top:1px;width:22px;height:22px;padding:3px;border:0;color:var(--surgeon-foreground)}
.or-case-card>.or-patient-bookmark svg,.or-case-tag-row>.or-patient-bookmark svg{width:14px;height:14px}.or-case-tag-row>.or-patient-bookmark{width:22px;height:22px;padding:3px;margin:2px;vertical-align:middle}.or-case-tag-row>.or-case-tag{vertical-align:middle}
.or-case-card.route-trail>.or-patient-bookmark{color:#596573}.or-case-card .or-card-sequence{margin-left:auto}
.or-selected-patient{position:relative;align-items:flex-start;flex-direction:column}.or-selected-patient:has(>.or-patient-bookmark){padding-right:54px}.or-selected-patient>.or-patient-bookmark{position:absolute;right:12px;top:10px}
.or-case-setter{line-height:1.5}.or-pool-cancer-flag{margin-left:auto;flex:none;color:#a61b2b}.or-pool-cancer-flag input{width:18px;height:18px;accent-color:#b42335}
.or-cancer-badge{display:inline-block;margin:4px;padding:2px 7px;border-radius:999px;background:#fff0f1;color:#a61b2b;font-size:11px;font-weight:700}
.or-pool-table .or-patient-bookmark{margin-top:5px}.or-pool-cancer-filter{min-width:145px}.or-calendar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #d7e2ec}.or-calendar-actions a{text-decoration:none;display:inline-flex;align-items:center}.or-calendar-hint{width:100%;margin:0;color:#536b80;font-size:11px}
@media(max-width:760px){.or-calendar-actions .button{width:100%;justify-content:center}.or-dialog-shell>header:has(.or-pool-cancer-flag){flex-wrap:wrap;gap:8px}.or-pool-cancer-flag{font-size:12px}.or-selected-patient strong{overflow-wrap:anywhere}}

.or-patient-result-row{display:flex;gap:8px;align-items:center;min-width:0}.or-patient-result-row>.or-patient-result{flex:1;min-width:0}

/* 0.6.2: identity stays readable while owner/audit details sit beside Save. */
.or-selected-patient.or-case-patient-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"identity meta";align-items:start}
.or-selected-patient.or-case-patient-banner:has(>.or-patient-bookmark){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;grid-template-areas:"identity meta bookmark";padding-right:12px}
.or-case-patient-identity{grid-area:identity;min-width:0;overflow-wrap:anywhere}.or-case-patient-meta{grid-area:meta;min-width:0;text-align:right;overflow-wrap:anywhere}.or-case-patient-meta>span{display:block;font-size:10px;line-height:1.5}
.or-case-patient-banner>.or-patient-bookmark{grid-area:bookmark;position:static;width:24px;height:24px;padding:4px}.or-case-patient-banner>.or-patient-bookmark svg{width:14px;height:14px}
@media(max-width:600px){.or-selected-patient.or-case-patient-banner{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "meta"}.or-selected-patient.or-case-patient-banner:has(>.or-patient-bookmark){grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"identity identity" "meta bookmark"}}

/* 0.6.3: patient details stay available in editable and read-only OR dialogs. */
.or-patient-expand{appearance:none;display:block;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer;text-decoration:none}
.or-patient-expand::after{content:' ⌄';display:inline-block;margin-left:5px}.or-patient-expand[aria-expanded=true]::after{content:' ⌃'}.or-patient-expand:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}
.or-patient-inline-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:12px;border-radius:8px;background:rgba(255,255,255,.55);text-align:left;min-width:0}
.or-patient-inline-details[hidden]{display:none}.or-patient-inline-details>div{min-width:0}.or-patient-inline-details dt{font-size:11px;font-weight:600;opacity:.8}.or-patient-inline-details dd{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere}
.or-module .or-case-footer .button.danger{background:#b42332;border-color:#b42332;color:#fff}
.or-phone-case-tags{display:none}

/* phone-ui is set centrally from a coarse pointer and a screen short edge <=600.
   iPads, including portrait/split view, retain their existing table/calendar. */
html.phone-ui .or-module[data-view=surgeon] .or-surgeon-table-wrap{overflow:visible;border:0;background:transparent}
html.phone-ui .or-module[data-view=surgeon] .or-surgeon-table{display:block;width:100%;min-width:0}
html.phone-ui .or-surgeon-table>colgroup,html.phone-ui .or-surgeon-table>thead{display:none}
html.phone-ui .or-surgeon-table>tbody{display:grid;gap:10px}
html.phone-ui .or-surgeon-table tr{display:block;min-width:0;box-shadow:none!important}
html.phone-ui .or-surgeon-table td{display:block;width:auto;min-width:0;border:0;font-size:14px;text-align:left}
html.phone-ui .or-surgeon-table .week-heading td{border-radius:10px;text-align:center;font-size:14px}
html.phone-ui .or-surgeon-table .day-heading td{padding:5px 8px;border-radius:9px}
html.phone-ui .or-surgeon-table .or-day-set-button{min-height:44px;text-align:left;line-height:1.6;font-size:14px}
html.phone-ui .or-surgeon-table .or-surgeon-case{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--or-line);border-left:5px solid var(--room-color);border-radius:12px;background:var(--weekday-bg,#fff)}
html.phone-ui .or-surgeon-table .or-surgeon-case td{grid-column:1/-1;display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:start;padding:8px 10px;line-height:1.6}
html.phone-ui .or-surgeon-table .or-surgeon-case td[data-label]::before{content:attr(data-label);color:#44596d;font-size:12px;font-weight:700}
html.phone-ui .or-surgeon-table .or-surgeon-case td:nth-child(-n+2){grid-column:span 1;grid-template-columns:auto minmax(0,1fr)}
html.phone-ui .or-surgeon-table .or-surgeon-case td:nth-child(3){font-size:16px;font-weight:800}
html.phone-ui .or-surgeon-table .or-surgeon-case td.or-case-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding-top:4px}
html.phone-ui .or-surgeon-table .or-surgeon-case .or-case-owner{grid-column:2;font-size:12px}
html.phone-ui .or-case-tag-row>.or-patient-bookmark{width:44px;height:44px;padding:10px}
html.phone-ui .or-case-tag-row>.or-patient-bookmark svg{width:20px;height:20px}
html.phone-ui .or-case-tags .or-case-tag{font-size:12px}
html.phone-ui .or-surgeon-table .or-empty-case-button{min-height:48px;font-size:14px}
html.phone-ui .or-surgeon-table .or-surgeon-trail td{padding:0;border-radius:10px}
html.phone-ui .or-surgeon-trail .route-trail{width:100%;max-width:100%;text-align:left}
html.phone-ui .or-module[data-view=surgeon] .or-calendar-wrap{overflow:visible;border:0;box-shadow:none;background:transparent}
html.phone-ui .or-module[data-view=surgeon] .or-calendar{grid-template-columns:minmax(0,1fr);min-width:0;gap:12px}
html.phone-ui .or-module[data-view=surgeon] .or-weekday,html.phone-ui .or-module[data-view=surgeon] .or-day.outside,html.phone-ui .or-module[data-view=surgeon] .or-day-empty-slot{display:none}
html.phone-ui .or-module[data-view=surgeon] .or-day{min-height:0;padding:10px;border:1px solid var(--or-line);border-top:4px solid var(--weekday-strong);border-radius:12px;background:var(--or-day-bg,#fff)}
html.phone-ui .or-module[data-view=surgeon] .or-day>header{align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}
html.phone-ui .or-module[data-view=surgeon] .or-day>header strong{font-size:15px;line-height:1.6}
html.phone-ui .or-module[data-view=surgeon] .or-day>header span{font-size:12px}
html.phone-ui .or-module[data-view=surgeon] .or-room-name{min-height:40px;padding:8px;font-size:14px;line-height:1.6}
html.phone-ui .or-module[data-view=surgeon] .or-case-card{margin:6px 0;padding:0 12px 9px 8px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card span,html.phone-ui .or-module[data-view=surgeon] .or-case-card small{font-size:14px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
html.phone-ui .or-module[data-view=surgeon] .or-case-card .patient{align-items:flex-start;min-height:44px;margin:0 -12px 6px -8px;padding:9px 12px 9px 8px;font-size:16px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card .patient .or-card-name{font-size:16px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card.has-bookmark .patient{padding-right:46px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card>.or-patient-bookmark{right:5px;top:1px;width:44px;height:44px;padding:11px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card>.or-patient-bookmark svg{width:20px;height:20px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card .or-phone-case-tags{display:block;font-weight:700;font-size:12px;color:#864715}
html.phone-ui .or-module[data-view=surgeon] .or-year-calendar{grid-template-columns:minmax(0,1fr)}
html.phone-ui .or-module[data-view=surgeon] .or-mini-month>.or-calendar-wrap{padding:10px}
html.phone-ui .or-agenda-empty{margin:0;padding:16px;font-size:14px;color:var(--or-muted);text-align:center}
html.phone-ui .or-module .or-patient-inline-details{grid-template-columns:repeat(2,minmax(0,1fr))}
html.phone-ui .or-module .or-patient-expand{min-height:44px;font-size:15px}
/* iOS native selects can ignore min-height; use the same phone touch target. */
html.phone-ui .or-toolbar select{-webkit-appearance:none;appearance:none;height:44px;min-height:44px;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#52677b 50%),linear-gradient(135deg,#52677b 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}

/* 0.8.0: operative status occupies a dedicated card footer and matches save controls. */
.or-case-card.has-operative .or-card-open{padding-bottom:29px}
.or-case-card>.op-card-note{position:absolute;z-index:2;top:auto;right:5px;bottom:5px;width:24px;height:24px;min-width:24px;min-height:24px;border:1px solid #ccdce9;border-radius:7px;background:#fff;padding:2px}
.or-selected-patient.or-case-patient-banner:has(>.or-case-patient-actions){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"identity meta actions";gap:10px}
.or-case-patient-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:5px}
.or-case-patient-actions>.op-note-link,.or-case-patient-actions>.or-patient-bookmark{position:static;width:26px;height:26px;min-width:26px;min-height:26px;padding:3px;border:1px solid #ccdce9;border-radius:7px;background:#fff;line-height:1;font-size:14px}
.or-patient-case-row{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;border:1px solid #d6e1eb;border-radius:10px;padding:10px}
.or-patient-case-row>.or-patient-case{border:0;padding:0;width:100%;margin:0}
.or-patient-case-actions{display:flex;justify-content:flex-end}
@media(max-width:600px){.or-selected-patient.or-case-patient-banner:has(>.or-case-patient-actions){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity identity" "meta actions"}}
html.phone-ui .or-case-card.has-operative .or-card-open{padding-bottom:44px}
html.phone-ui .or-case-card>.op-card-note{width:40px;height:40px;min-width:40px;min-height:40px;font-size:17px}
html.phone-ui .or-case-patient-actions>.op-note-link,html.phone-ui .or-case-patient-actions>.or-patient-bookmark{width:40px;height:40px;min-width:40px;min-height:40px;font-size:17px;padding:8px}

/* Core0.9: consulted surgeons and phone pool cards */
.or-consult-options{display:flex;gap:8px;flex-wrap:wrap}.or-consult-options[hidden]{display:none}.or-consult-chip{border:1px solid #ccd9e5;border-radius:999px;padding:7px 11px;background:var(--consult-color,#edf5fc);font-size:13px}.or-consult-chip input{accent-color:#183b60}.or-consult-label{display:block;font-size:12px;line-height:1.5;font-weight:700;color:#8b1e2d;white-space:normal;overflow-wrap:anywhere}.or-case-card.or-urgency{border:2px solid #ff8700}.or-case-card.or-emergency{border:2px solid #ff2020}.or-surgeon-case.or-urgency{outline:2px solid #ff8700;outline-offset:-2px}.or-surgeon-case.or-emergency{outline:2px solid #ff2020;outline-offset:-2px}.or-case-card.or-urgency .patient,.or-case-card.or-emergency .patient{border-radius:9px 9px 0 0}
@media(orientation:portrait){html.phone-ui .or-pool-table-wrap{overflow:visible}html.phone-ui .or-pool-table{display:block;min-width:0;width:100%;border:0}html.phone-ui .or-pool-table thead{display:none}html.phone-ui .or-pool-table tbody{display:grid;gap:12px}html.phone-ui .or-pool-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #d7e3ed;border-radius:14px;background:#fff;overflow:hidden}html.phone-ui .or-pool-table td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:7px;padding:7px 11px;white-space:normal;overflow-wrap:anywhere;text-align:left;min-width:0}html.phone-ui .or-pool-table td[data-label]::before{content:attr(data-label);font-size:12px;font-weight:700;color:#637990}html.phone-ui .or-pool-table td:nth-child(2){font-weight:800;background:#eff6fc}html.phone-ui .or-pool-table td:nth-child(2)>*{grid-column:2}html.phone-ui .or-pool-table .or-case-owner{font-size:12px;font-weight:500}html.phone-ui .or-pool-table td.or-pool-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:9px 11px}html.phone-ui .or-pool-row-actions::before{display:none}html.phone-ui .or-pool-row-actions .button{min-height:42px;padding:8px 12px;font-size:13px}html.phone-ui .or-pool-scheduled{background:#edf0f3!important}html.phone-ui .or-pool-scheduled td:nth-child(2){background:#e1e6eb}html.phone-ui .or-pool-pager{display:flex;gap:8px;align-items:center;justify-content:space-between}html.phone-ui .or-consult-chip{min-height:44px;padding:8px 12px;max-width:100%}html.phone-ui .or-flag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.phone-ui .or-flag-grid>.or-toggle:last-child{grid-column:1/-1}}

@media(orientation:portrait){html.phone-ui .or-case-second-row>.or-urgent-room{grid-column:1/-1}}

/* 0.10.0: compact phone details and transparent operative marks. */
.or-case-card>.op-card-note,.or-case-patient-actions>.op-note-link{background:transparent}
html.phone-ui .or-surgeon-table .or-surgeon-case .or-consult-label{grid-column:2}
html.phone-ui .or-module{gap:8px}
html.phone-ui .or-toolbar{gap:6px;padding:8px}
html.phone-ui .or-surgeon-table>tbody{gap:6px}
html.phone-ui .or-surgeon-table .or-surgeon-case td{padding:4px 8px;gap:5px 7px;line-height:1.4}
html.phone-ui .or-surgeon-table .or-surgeon-case td:nth-child(3){font-size:15px}
html.phone-ui .or-module[data-view=surgeon] .or-calendar{gap:6px}
html.phone-ui .or-module[data-view=surgeon] .or-day{padding:8px}
html.phone-ui .or-module[data-view=surgeon] .or-day>header{margin-bottom:5px}
html.phone-ui .or-module[data-view=surgeon] .or-room-name{padding:6px 8px;line-height:1.4}
html.phone-ui .or-module[data-view=surgeon] .or-case-card{margin:4px 0;padding-bottom:5px}
html.phone-ui .or-module[data-view=surgeon] .or-case-card :is(span,small){line-height:1.4}
html.phone-ui .or-module[data-view=surgeon] .or-case-card .patient{padding-block:6px;margin-bottom:4px;font-size:15px}
html.phone-ui .or-dialog-body{padding:10px;gap:8px}
html.phone-ui :is(.or-form,.or-patient-grid,.or-flag-grid){gap:8px}
html.phone-ui .or-patient-inline-details{gap:6px}
html.phone-ui .or-patient-inline-details dd{margin-top:2px;line-height:1.4}
html.phone-ui .or-pool-table tbody{gap:6px}
html.phone-ui .or-pool-table td{padding-block:4px;line-height:1.4}
html.phone-ui .or-pool-table td.or-pool-row-actions{padding-block:6px;gap:6px}

/* Card actions share the footer: operative mark first, patient tag second. */
.or-case-card.has-operative .or-card-open{padding-bottom:0}
.or-case-card.has-bookmark .patient{padding-right:12px;min-height:0}
.or-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;margin-right:-8px;min-width:0}
.or-case-card>.or-card-actions>:is(.op-note-link,.or-patient-bookmark){position:relative;inset:auto;flex:none;box-sizing:border-box;width:24px;height:24px;min-width:24px;min-height:24px;margin:0;padding:3px;border:1px solid #ccdce9;border-radius:7px;background:transparent;color:inherit;font-size:14px;line-height:1}
.or-case-card>.or-card-actions>.or-patient-bookmark svg{width:14px;height:14px}
.or-case-card.mini>.or-card-actions{gap:3px;margin-right:0}
.or-case-card.mini>.or-card-actions>:is(.op-note-link,.or-patient-bookmark){width:18px;height:18px;min-width:18px;min-height:18px;padding:2px;font-size:11px;border-radius:5px}
.or-case-card.mini>.or-card-actions>.or-patient-bookmark svg{width:11px;height:11px}
html.phone-ui .or-case-card.has-operative .or-card-open{padding-bottom:0}
html.phone-ui .or-module[data-view=surgeon] .or-case-card.has-bookmark .patient{padding-right:12px}
html.phone-ui .or-case-card>.or-card-actions{height:44px;min-height:44px;box-sizing:border-box;padding:16px 0 0;gap:4px;margin-top:0;margin-right:-8px}
html.phone-ui .or-case-card>.or-card-actions>:is(.op-note-link,.or-patient-bookmark){width:28px;height:28px;min-width:28px;min-height:28px;padding:3px;font-size:14px;border-radius:7px;background:transparent}
html.phone-ui .or-case-card>.or-card-actions>:is(.op-note-link,.or-patient-bookmark)::after{content:'';position:absolute;inset:-16px -2px 0}
html.phone-ui .or-case-card>.or-card-actions>.or-patient-bookmark svg{width:16px;height:16px}

/* Selected consultants are distinguished in tables; calendar headers retain the owner color. */
.or-surgeon-table .or-surgeon-case.consulted-case{background:#eceff2;color:#737b84}
.or-surgeon-table .or-surgeon-case.consulted-case td{background:#e4e7eb;color:#5f6873}
.or-case-card .or-consult-label,.or-surgeon-table .or-consult-label{color:#8b1e2d;font-weight:700}

/* Core 0.11: compact case classification and correction controls. */
.or-case-first-row{grid-template-columns:minmax(200px,1.5fr) minmax(100px,.8fr) minmax(76px,.6fr) minmax(260px,2fr);gap:8px}
.or-case-types{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}.or-case-types .or-toggle{min-height:32px;font-size:12px}
.or-case-first-row input{box-sizing:border-box;min-width:0;max-width:100%;width:100%}.or-case-types input{width:auto}
.button.or-admin-edit{background:#dcf3df;color:#215c32;border:1px solid #a6d5ad}.button.or-admin-edit:hover{background:#c7eacf}
@media(max-width:760px){.or-case-first-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.or-case-first-row>label:first-child,.or-case-first-row>.or-case-types{grid-column:1/-1}.or-case-first-row>label:nth-child(2),.or-case-first-row>label:nth-child(3){grid-column:span 1}}
html.phone-ui .or-case-first-row input[type=time]{appearance:none;-webkit-appearance:none;display:block;min-width:0;width:100%;font-size:16px;padding:8px;min-height:44px}
html.phone-ui .or-case-first-row input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:left}
html.phone-ui .or-case-types{gap:0 10px}html.phone-ui .or-case-types .or-toggle{min-height:44px;font-size:13px}
html.phone-ui .or-case-patient-banner{gap:5px!important}html.phone-ui .or-case-patient-meta{text-align:left}

/* Shared weekend palette for total, surgeon and allocation calendars. */
.or-weekday.weekday-5{background:#e9e3f3;color:#60487b}.or-weekday.weekday-6{background:#f7cece;color:#714343}
.or-day.weekday-5:not(.outside){background:#f6f2fb}.or-day.weekday-6:not(.outside){background:#fff4f4}
.or-picker-grid .weekday-5:not(.selected){background:#e9e3f3;color:#60487b}.or-picker-grid .weekday-6:not(.selected){background:#f7cece;color:#714343}
.or-toolbar .or-hide-urgent{margin-left:auto;font-size:12px;white-space:normal;min-height:42px;gap:6px}
.or-toolbar .or-hide-urgent input{flex:none;width:18px;height:18px;accent-color:#173b63}
html.phone-ui .or-toolbar .or-hide-urgent{flex:1 1 100%;justify-content:flex-end;min-height:44px}

/* Keep classification badges and case actions together in the final table cell. */
.or-case-tag-row{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;min-width:max-content}.or-case-tag-row>*{flex:none}.or-case-tags .or-case-tag{margin:0;white-space:nowrap}.or-case-tag-row>.or-patient-bookmark,.or-case-tag-row>.op-note-link{margin:0}
html.phone-ui .or-case-tag-row{justify-content:flex-end;gap:6px;width:100%;min-width:0;flex-wrap:wrap}

.or-patients-module{color:#203b5c;display:grid;gap:16px}.or-patient-toolbar{display:flex;align-items:flex-end;gap:12px;padding:16px;background:white;border:1px solid #d6e2ee;border-radius:16px}.or-patient-search{display:grid;gap:6px;flex:1;max-width:540px;font-size:13px;color:#64788d}.or-patient-search input,.or-patient-confirm input{min-height:var(--filter-control-height,44px);border:1px solid #c6d6e6;border-radius:9px;padding:8px 12px;font:inherit;color:#203b5c;width:100%;box-sizing:border-box}.or-patient-toolbar>button{min-height:var(--filter-control-height,44px);margin:0}.or-patient-status{margin:0;font-size:14px;min-height:20px}.or-patient-status.error{color:#b32638}.or-patient-table-scroll{overflow:auto;border:1px solid #d6e2ee;border-radius:14px;background:#fff}.or-patient-table{width:100%;min-width:680px;border-collapse:collapse}.or-patient-table th{background:#eaf1f8;color:#516a83;text-align:left;padding:12px}.or-patient-table td{padding:12px;border-top:1px solid #e3ebf3;font-size:14px}.or-patient-table tbody tr{cursor:pointer}.or-patient-table tbody tr:hover,.or-patient-table tbody tr:focus-within{background:#f0f6fc}.or-patient-name{border:0;background:none;padding:0;font:inherit;font-weight:600;color:#1b416b;text-align:left;cursor:pointer}.or-patient-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px}.or-patient-empty{padding:32px;background:#fff;border-radius:12px;text-align:center;color:#6b7e91}.or-patient-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.or-patient-details dt{color:#697d91;font-size:12px}.or-patient-details dd{font-size:15px;margin:4px 0 0;overflow-wrap:anywhere}.or-patient-case-list{display:grid;gap:10px}.or-patient-case{display:grid;gap:5px;width:100%;text-align:left;background:#f1f6fc;border:1px solid #d5e3f0;border-radius:10px;padding:12px;color:#234665;font:inherit;cursor:pointer;overflow-wrap:anywhere}.or-patient-case span{font-size:13px}.or-patient-delete-warning{color:#a31c30;background:#fff1f2;padding:12px;border-radius:10px}.or-patient-confirm{display:grid;gap:8px}.or-patient-dialog-host>.or-module>header,.or-patient-dialog-host>.or-module>.or-toolbar,.or-patient-dialog-host>.or-module>.or-content,.or-patient-dialog-host>.or-module>.or-status{display:none}.or-patient-dialog-host:empty{display:none}.or-patients-module .danger-outline{color:#ae253a;border-color:#dd9da6;background:#fff}.or-patients-module .danger-solid{color:#fff;background:#b32638;border-color:#b32638}.or-patient-dialog .or-dialog-body h4{margin:22px 0 12px}@media(max-width:700px){.or-patient-details{grid-template-columns:repeat(2,minmax(0,1fr))}.or-patient-toolbar{padding:12px;gap:8px}.or-patient-pager{justify-content:space-between;gap:6px;font-size:12px}.or-patient-table td,.or-patient-table th{padding:10px}.or-patient-dialog footer{flex-wrap:wrap}}@media(max-width:380px){.or-patient-details{grid-template-columns:1fr}}
.or-patients-module [hidden]{display:none!important}
.or-patients-module{min-width:0;grid-template-columns:minmax(0,1fr)}.or-patients-module>*{min-width:0}

.or-patients-module{gap:10px}.or-patient-toolbar{padding:9px 11px;gap:8px;border-radius:11px}.or-patient-search{max-width:360px;gap:3px;font-size:11px}.or-patient-search input{min-height:34px;padding:6px 9px;font-size:12px}.or-patient-toolbar>button{min-height:34px;padding:6px 12px;font-size:12px}.or-patient-status{min-height:0;font-size:12px}.or-patient-status:empty{display:none}.or-patient-table{min-width:1050px}.or-patient-table th{font-size:11px}.or-patient-table th,.or-patient-table td{padding:6px 9px;line-height:1.35}.or-patient-table td{font-size:12px}.or-patient-table .button{min-height:28px;padding:4px 9px;font-size:11px}.or-patient-table-scroll{-webkit-overflow-scrolling:touch}.or-patient-pager:empty{display:none}
.or-patient-validation:empty{display:none}.or-patient-validation.error{padding:10px 12px;border:1px solid #efb7b7;border-radius:8px;background:#fff0f0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.or-patient-form [aria-invalid="true"]{border-color:#b42318;outline:1px solid #b42318}.or-patient-form[aria-busy="true"]{cursor:progress}.or-patient-form input,.or-patient-form select{max-width:100%;min-width:0}.or-patient-form .or-date-trigger{white-space:normal}
.or-patient-form .or-patient-grid>label>input,.or-patient-form .or-patient-grid>label>select,.or-patient-form .or-date-trigger,.or-patient-form .or-age{min-height:40px}.or-patient-form .or-date-panel{left:auto;right:0;max-width:calc(100vw - 74px)}
@media(max-width:540px){.or-patient-form .or-patient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.or-patient-form .or-patient-grid>label,.or-patient-form .or-patient-grid>label.or-patient-half{grid-column:auto}.or-patient-form .or-patient-grid>label:last-child{grid-column:1/-1}}

/* Phone density: passive details are tight; existing input and action targets remain usable. */
html.phone-ui .or-patients-module{gap:6px}
html.phone-ui .or-patient-details{gap:7px 10px}
html.phone-ui .or-patient-details dd{margin-top:2px;font-size:14px;line-height:1.4}
html.phone-ui .or-patient-case-list{gap:6px}
html.phone-ui .or-patient-case{padding:8px;gap:3px;line-height:1.4}
html.phone-ui .or-patient-case-row{padding:7px;gap:3px}
html.phone-ui .or-patient-dialog .or-dialog-body h4{margin:12px 0 6px}
html.phone-ui .or-patient-empty{padding:16px 10px}

/* Phone registry: three paired information rows plus the existing action strip. */
.or-patient-mobile-age,.or-patient-owner-short{display:none}
html.phone-ui .or-patient-registry-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:3px 8px;padding:8px;align-items:start}
html.phone-ui .or-patient-registry-table td{display:block;order:initial;min-width:0;padding:0;border:0;margin:0;line-height:1.35}
html.phone-ui .or-patient-registry-table td::before{display:none}
html.phone-ui .or-patient-registry-table td[data-field=name]{grid-column:1;grid-row:1;padding:0}
html.phone-ui .or-patient-registry-table .or-patient-name{font-size:14px;line-height:1.35;min-height:44px}
html.phone-ui .or-patient-registry-table .or-patient-mobile-age{display:inline;font-size:12px;font-weight:500;white-space:nowrap}
html.phone-ui .or-patient-registry-table td[data-field=hn]{grid-column:2;grid-row:1;padding:0;border:0;margin:0;text-align:right;font-size:12px;white-space:nowrap;align-self:center}
html.phone-ui .or-patient-registry-table td[data-field=hn]::before{display:inline;content:'HN ';font-weight:500}
html.phone-ui .or-patient-registry-table td[data-field=age]{display:none}
html.phone-ui .or-patient-registry-table td[data-field=coverage]{grid-column:1;grid-row:2}
html.phone-ui .or-patient-registry-table td[data-field=phone]{grid-column:2;grid-row:2;text-align:right;white-space:nowrap}
html.phone-ui .or-patient-registry-table td[data-field=surgeon]{grid-column:1;grid-row:3}
html.phone-ui .or-patient-registry-table .or-patient-owner-full{display:none}
html.phone-ui .or-patient-registry-table .or-patient-owner-short{display:inline}
html.phone-ui .or-patient-registry-table td[data-field=cases]{grid-column:2;grid-row:3;text-align:right;white-space:nowrap}
html.phone-ui .or-patient-registry-table td[data-field=cases]::after{content:' เคส';font-weight:400}
html.phone-ui .or-patient-registry-table td[data-field=actions]{grid-column:1/-1;grid-row:4;gap:6px;margin:2px 0 0;padding:4px 0 0}
html.phone-ui .or-patients-module .danger-outline{color:#ae253a;border:1px solid #dd9da6;background:#fff1f2}

.patients-module{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;color:#203b5c;min-width:0}.patients-module>*{min-width:0}.patients-filters{display:grid;gap:12px}.patient-tag-filter{display:flex;gap:8px;flex-wrap:wrap}.patient-tag-chip{font:inherit;font-size:13px;border:1px solid #bfd0df;border-radius:22px;padding:8px 14px;color:#284e73;background:#fff;cursor:pointer;min-height:40px}.patient-tag-chip.active{background:#193e63;border-color:#193e63;color:white}.patient-bookmark{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:36px;min-height:36px;padding:7px;border:1px solid #bdcfdc;border-radius:9px;background:#f3f9fd;color:#087f8c;cursor:pointer;vertical-align:middle}.patient-bookmark svg{width:19px;height:21px}.patient-bookmark[data-public-saved=true]{background:#dff2ef}.patient-feedback{margin:0;font-size:13px;color:#56708a}.patient-feedback:empty{display:none}.patient-feedback.error,.patient-tools-dialog>.or-dialog-shell>.patient-feedback{color:#ac2435;line-height:1.6}.patient-tools-dialog>.or-dialog-shell>.patient-feedback:not(:empty){padding:12px 18px;background:#fff0f1;border-top:1px solid #f2c3c8}.patient-muted{color:#667d91;font-size:13px;line-height:1.5}.patient-tools-dialog{max-width:min(760px,calc(100vw - 28px))}.patient-save-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px}.patient-save-section{border:1px solid #d5e2ed;border-radius:12px;padding:14px;min-width:0}.patient-save-section h4{margin:0 0 10px;color:#284b6e}.patient-save-option{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;overflow-wrap:anywhere}.patient-save-option input{width:20px;height:20px;accent-color:#0b8390}.patient-text-button{font:inherit;font-size:13px;color:#235582;border:0;background:transparent;cursor:pointer;min-height:36px;padding:6px 8px}.patient-text-button.danger{color:#aa2034}.patient-tag-form label{display:grid;gap:8px}.patient-tag-form input,.patient-remark-compose textarea,.patient-remark textarea{border:1px solid #bbcfdf;border-radius:10px;padding:10px 12px;font:inherit;width:100%;box-sizing:border-box;max-width:100%;color:#203b5c}.patient-tag-settings{display:grid;gap:10px}.patient-tag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border:1px solid #d5e2ed;border-radius:12px}.patient-tag-row>div{display:flex;gap:8px}.patient-tag-badge{display:inline-block;font-size:11px;border-radius:14px;padding:4px 9px;background:#e5f1f4;color:#1b6570;margin:2px 4px 2px 0;white-space:nowrap}.patient-tag-badge.private{background:#eee9f6;color:#654886}.patient-remarks{margin-top:22px;padding-top:14px;border-top:1px solid #dce7ef}.patient-remark-list{display:grid;gap:10px}.patient-remark{padding:12px 14px;border:1px solid #dce7ef;background:#f3f7fb;border-radius:14px}.patient-remark-meta{display:flex;gap:5px 12px;flex-wrap:wrap;align-items:baseline;font-size:13px}.patient-remark-meta time,.patient-remark-meta small{font-size:11px;color:#60768b}.patient-remark-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin:8px 0 0}.patient-remark-actions{display:flex;gap:6px}.patient-remark-compose{display:grid;gap:8px;margin-top:12px}.patient-remark-compose button{justify-self:end}.patient-tools-dialog [hidden],.patients-module [hidden],.or-patients-module [hidden],.patient-remarks [hidden]{display:none!important}.patient-tools-dialog footer{justify-content:flex-end;gap:10px}.patients-content{min-width:0}.patient-tools-dialog .or-dialog-body{overflow:auto;min-height:0}.patient-tools-dialog .or-dialog-shell{min-height:0;max-height:calc(100dvh - 38px)}
@media(max-width:540px){.patient-save-groups{grid-template-columns:1fr}.patient-tag-filter{gap:6px}.patient-tag-chip{font-size:12px;padding:7px 10px}.patient-tag-row{padding:12px;flex-wrap:wrap}.patient-tag-row .button{font-size:12px}.patient-tools-dialog{width:calc(100vw - 24px)}.patient-save-section{padding:12px}}

.calendar-settings{padding:20px;display:grid;gap:14px;margin-bottom:20px}.calendar-settings h4{margin:0}.calendar-connection-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.calendar-connection-controls>p,.calendar-consent,.calendar-select-label{flex:1 1 100%}.calendar-data-disclosure{background:#fff8df;color:#705821;padding:12px;border-radius:10px;font-size:13px;line-height:1.65;margin:0}.calendar-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6}.calendar-consent input{flex:none;width:20px;height:20px;accent-color:#1d557f}.calendar-select-label{display:grid;gap:7px;font-size:13px}.calendar-select-label select{border:1px solid #bfd1df;border-radius:9px;padding:10px;font:inherit;min-height:44px;max-width:100%}.calendar-settings[hidden]{display:none!important}

.patient-tag-settings-section{display:grid;gap:10px;margin-bottom:20px;min-width:0}.patient-tag-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.patient-tag-settings-heading h3,.patient-tag-settings-section>p{margin:0}.patient-tag-row>.patient-tag-label{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.patient-tag-actions{flex-wrap:wrap}.calendar-settings{padding:16px;gap:10px;margin-bottom:0}.calendar-settings p{margin:0}.calendar-settings>div:first-child{display:grid;gap:7px}.calendar-connection-controls{gap:8px}.calendar-data-disclosure{padding:10px;font-size:12px}.calendar-privacy-link{margin:0}.calendar-consent{font-size:12px}.calendar-connection-status{font-size:13px}.calendar-settings .patient-muted{font-size:12px}

/* Shared phone spacing for patient tags, saved views and remarks. */
html.phone-ui :is(.patients-module,.patients-filters,.patient-tag-settings,.patient-tag-settings-section){gap:8px}
html.phone-ui .patient-tag-settings-section{margin-bottom:10px}
html.phone-ui .patient-tag-row{padding:8px;gap:6px}
html.phone-ui .patient-tag-chip{min-height:44px;padding:6px 10px}
html.phone-ui .patient-save-groups{gap:8px}
html.phone-ui .patient-save-section{padding:8px}
html.phone-ui .patient-save-section h4{margin-bottom:5px}
html.phone-ui .patient-remarks{margin-top:12px;padding-top:8px}
html.phone-ui .patient-remark-list{gap:6px}
html.phone-ui .patient-remark{padding:8px}
html.phone-ui .patient-remark-body{margin-top:4px;line-height:1.4}
html.phone-ui .patient-remark-compose{gap:6px;margin-top:8px}
html.phone-ui .calendar-settings{padding:8px;gap:8px}

.operative-module{color:var(--text,#273b50);max-width:100%;min-width:0}.op-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.op-heading h2{margin:4px 0;font-size:30px;color:#173b63}.op-heading-actions,.op-row-actions,.op-template-actions{display:flex;gap:8px;flex-wrap:wrap}.op-content{min-width:0}.op-panel,.op-note-form,.op-preview,.op-template-card,.op-list-filters{background:#fff;border:1px solid #d7e2ec;border-radius:20px;padding:22px}.op-note-form{display:grid;gap:16px}.op-note-form h3,.op-template-form h3{margin:5px 0;font-size:17px;color:#173b63}.op-field{display:flex;flex-direction:column;gap:6px;min-width:0}.op-field-label{font-size:14px;font-weight:700;color:#62788c}.operative-module input:not([type=checkbox]):not([type=color]),.operative-module select,.op-dialog input:not([type=checkbox]):not([type=color]),.op-dialog select{font:inherit;min-height:42px;border:1px solid #c8d8e7;border-radius:10px;padding:9px 12px;width:100%;min-width:0;box-sizing:border-box;background:#fff;color:#273b50}.op-grid{display:grid;gap:14px;align-items:start}.op-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.op-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.op-grid.timing{grid-template-columns:1.5fr 1fr 1fr 1.2fr auto;align-items:end}.op-grid.transfusion{grid-template-columns:repeat(4,minmax(0,1fr))}.op-grid.transfusion>.op-field:last-child{grid-column:1/-1}.op-grid[hidden],.op-specimen input[hidden],.op-person-results[hidden],.op-emoji-choices[hidden],.op-feedback[hidden]{display:none}.op-toggle{display:flex;align-items:center;gap:7px;min-height:42px;white-space:nowrap}.op-toggle input{width:18px;height:18px;accent-color:#173b63}.op-patient-banner{display:flex;flex-wrap:wrap;align-items:center;gap:9px 20px;background:#e4f0fa;border-radius:12px;padding:14px 16px;color:#173b63}.op-patient-banner strong{flex:1;min-width:min(100%,280px)}.op-patient-banner span{font-size:14px}.op-duration{min-height:42px;display:flex;align-items:center;padding:8px 10px;background:#edf4fa;border-radius:10px;font-weight:700;box-sizing:border-box}.op-rich{border:1px solid #bfd2e2;border-radius:12px;overflow:hidden;background:#fff}.op-rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px;background:#eef4fa;border-bottom:1px solid #d7e2ec}.op-rich-toolbar button,.op-emoji-choices button{border:1px solid #c4d4e3;background:#fff;color:#173b63;border-radius:6px;min-width:34px;height:32px;font:inherit;cursor:pointer}.op-rich-toolbar label{display:flex;align-items:center;gap:5px;font-size:12px;padding:0 4px}.op-rich-toolbar input[type=color]{width:29px;height:28px;border:0;padding:0;background:transparent}.op-rich-editor{font-family:'Noto Sans Thai',sans-serif;font-size:15px;line-height:1.65;padding:12px;overflow:auto;resize:vertical;outline:0;min-width:0;overflow-wrap:anywhere}.op-rich-editor:focus{box-shadow:inset 0 0 0 2px #6b9fce}.op-rich-editor p,.op-rich-editor div{margin:0}.op-rich-editor ul,.op-preview-rich ul{margin:0;padding-left:24px}.op-rich-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.op-rich-heading h3{margin:0}.op-choice-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #d7e2ec;padding:12px;border-radius:12px}.op-choice-group legend{font-weight:700;color:#173b63}.op-choice-group>input{flex:1;min-width:160px!important}.op-specimen{display:flex;gap:8px;flex-wrap:wrap}.op-specimen>*{flex:1}.op-feedback{padding:12px;border-radius:10px;background:#e6f5ed;color:#216648;overflow-wrap:anywhere}.op-feedback.error{color:#a72b2b;background:#fff0ed;border:1px solid #ebbbb4}.op-people-picker{position:relative}.op-person-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.op-person-chip{display:inline-flex;align-items:center;gap:5px;border-radius:8px;background:#e7f0f7;padding:4px 7px;font-size:14px}.op-chip-remove{border:0;background:none;color:#173b63;font-size:18px;cursor:pointer;padding:0 3px}.op-person-search{display:flex;gap:6px;align-items:stretch}.op-person-search input{flex:1}.op-person-search button{flex-shrink:0;padding:8px 12px}.op-person-results{position:absolute;top:100%;left:0;right:0;z-index:3;background:#fff;border:1px solid #cadbe9;border-radius:10px;max-height:250px;overflow:auto;box-shadow:0 8px 20px #173b631a}.op-person-option,.op-hn-option,.op-template-option{display:block;width:100%;text-align:left;border:0;background:#fff;color:#173b63;border-bottom:1px solid #e6eef5;padding:13px;font:inherit;cursor:pointer}.op-person-option:hover,.op-hn-option:hover,.op-template-option:hover{background:#edf5fc}.op-hn-results{margin-top:12px}.op-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #dbe5ed}.op-dialog{max-width:min(920px,94vw);width:900px;max-height:92dvh;padding:0;border:1px solid #d2dfeb;border-radius:18px;box-shadow:0 24px 80px #102b4d45;color:#273b50}.op-dialog::backdrop{background:#112c4b88}.op-dialog>header,.op-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;background:#f1f6fb}.op-dialog>header{border-bottom:1px solid #dae6f0}.op-dialog>header h3{margin:0;font-size:20px}.op-dialog>footer{justify-content:flex-end;flex-wrap:wrap;border-top:1px solid #dae6f0}.op-dialog-body{padding:20px;overflow:auto;max-height:calc(92dvh - 140px)}.op-close{border:0;background:none;font-size:28px;color:#173b63}.op-case-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #dae5ed}.op-case-choice>div{display:flex;flex-direction:column;gap:4px}.op-recorded-label{color:#bd3030;font-size:13px;font-weight:700}.op-note-link{font-size:18px;padding:3px 6px;min-height:28px;min-width:30px;border:1px solid #ccdce9;border-radius:7px;background:transparent;cursor:pointer;line-height:1.25}.op-list-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:12px;margin-bottom:16px;align-items:end}.op-list-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}.op-list-table th,.op-list-table td{padding:12px 10px;border-bottom:1px solid #dce6ee;overflow-wrap:anywhere;text-align:left;vertical-align:middle}.op-list-table th{background:#eaf1f7;color:#173b63;font-size:13px}.op-list-table th:first-child{width:90px}.op-list-table th:nth-child(2){width:19%}.op-list-table th:nth-child(3){width:24%}.op-list-table td.op-row-actions{display:table-cell}.op-list-table .button{font-size:12px;padding:7px 8px;margin:2px}.op-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.op-preview-fields>div{min-width:0;overflow-wrap:anywhere}.op-preview-fields dt{font-weight:700;color:#607488;font-size:13px}.op-preview-fields dd{margin:4px 0}.op-preview-rich{border-top:1px solid #dce5ed;padding:12px 0;overflow-wrap:anywhere}.op-preview-rich h3{font-size:17px;margin:3px 0 9px}.op-preview-result{border-top:1px solid #dce5ed;padding-top:12px}.op-preview-result p{margin:6px 0}.op-template-form{display:grid;gap:14px}.op-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-template-card{min-width:0;overflow-wrap:anywhere}.op-template-card h3{margin:0 0 8px}.op-template-card details{margin:12px 0}.op-template-card summary{cursor:pointer;color:#173b63;font-weight:700}.op-template-card .op-row-actions{margin-top:12px}.op-template-badge{display:inline-flex;background:#e7eef4;border-radius:6px;padding:3px 8px;font-size:12px}.op-template-badge.official{background:#d8f0e2;color:#226a43}.op-pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.op-empty{padding:25px;text-align:center;color:#718295}.op-note-link{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:32px;height:32px;min-width:0;min-height:0;padding:4px;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;text-decoration:none;vertical-align:middle;line-height:1}.or-case-tags .op-note-link,.op-card-note{width:22px;height:22px;font-size:12px;padding:2px;margin:2px}.op-note-link:focus-visible{outline:3px solid #168d9c;outline-offset:2px}.op-help{font-size:14px;color:#62788c}
.phone-ui .op-heading{align-items:flex-start;flex-direction:column;gap:10px}.phone-ui .op-heading h2{font-size:23px}.phone-ui .op-heading-actions{width:100%}.phone-ui .op-heading-actions .button{flex:1;font-size:14px;padding:9px}.phone-ui .op-panel,.phone-ui .op-note-form,.phone-ui .op-preview,.phone-ui .op-template-card,.phone-ui .op-list-filters{padding:13px;border-radius:14px}.phone-ui .op-grid.two,.phone-ui .op-grid.three,.phone-ui .op-preview-fields,.phone-ui .op-template-list{grid-template-columns:1fr}.phone-ui .op-grid.timing{grid-template-columns:1fr 1fr}.phone-ui .op-grid.timing>.op-field:first-child{grid-column:1/-1}.phone-ui .op-grid.transfusion{grid-template-columns:1fr 1fr}.phone-ui .op-list-filters{grid-template-columns:1fr 1fr}.phone-ui .op-list-filters>.op-field:first-child,.phone-ui .op-list-filters>.op-field:last-child{grid-column:1/-1}.phone-ui .op-rich-heading{flex-wrap:wrap}.phone-ui .op-rich-editor{font-size:16px}.phone-ui .op-rich-toolbar button{min-height:36px}.phone-ui .op-list-table,.phone-ui .op-list-table tbody{display:block}.phone-ui .op-list-table thead{display:none}.phone-ui .op-list-table tr{display:block;margin:0 0 12px;border:1px solid #d6e3ed;border-radius:13px;padding:10px}.phone-ui .op-list-table td{display:flex;gap:10px;border:0;padding:5px 0}.phone-ui .op-list-table td[data-label]::before{content:attr(data-label);flex:0 0 100px;font-weight:700;font-size:12px;color:#62788c}.phone-ui .op-list-table td.op-row-actions{display:flex}.phone-ui .op-list-table .button{font-size:14px;padding:9px 12px;flex:1}.phone-ui .op-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.phone-ui .op-dialog-body{padding:13px}.phone-ui .op-dialog>header,.phone-ui .op-dialog>footer{padding:12px}.phone-ui .op-person-search button{padding:7px;font-size:12px}.phone-ui .op-note-form input:not([type=checkbox]),.phone-ui .op-note-form select,.phone-ui .op-dialog input:not([type=checkbox]),.phone-ui .op-dialog select{font-size:16px}.phone-ui .op-choice-group{gap:6px 12px}

/* Operative summary rows and bounded, compact record table. */
.op-preview-fields{display:block}.op-preview-fields>.op-preview-row{display:grid;gap:12px;margin-bottom:12px}.op-preview-row.columns-1{grid-template-columns:1fr}.op-preview-row.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.op-preview-row.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.op-preview-row>div{min-width:0;overflow-wrap:anywhere}.op-binary-choices{display:flex;flex-wrap:wrap;gap:6px 16px}.op-specimen{display:block}.op-specimen>input{margin-top:6px}.op-list-filters{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.5fr)}.op-list-filters [hidden]{display:none!important}.op-date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.op-participant-filter,.op-selected-doctors{grid-column:1/-1;min-width:0}.op-participant-filter summary{cursor:pointer;color:#173b63;font-weight:700;padding:7px 0}.op-participant-groups{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}.op-participant-groups fieldset{margin:0;border:1px solid #d7e2ec;border-radius:10px;min-width:0;flex:1 1 180px}.op-participant-groups legend{font-weight:700}.op-participant-groups .op-toggle{white-space:normal}.op-selected-doctors{font-size:13px;color:#62788c;margin:0;overflow-wrap:anywhere}.op-list-results{min-width:0}.op-list-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid #d7e2ec;border-radius:12px}.op-list-table{min-width:1150px;table-layout:auto}.op-list-table th,.op-list-table td{white-space:nowrap;padding:6px 8px;overflow-wrap:normal;font-size:13px}.op-list-table th:first-child,.op-list-table th:nth-child(2),.op-list-table th:nth-child(3){width:auto}.op-list-table td{max-width:230px;overflow:hidden;text-overflow:ellipsis}.op-list-table td.op-row-actions{max-width:none}.op-list-table .button{white-space:nowrap;padding:5px 7px;margin:0 2px;min-height:30px}.phone-ui .op-list-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.phone-ui .op-list-filters>.op-field:first-child{grid-column:1/-1}.phone-ui .op-date-range{grid-column:1/-1}.phone-ui .op-list-table{display:table;min-width:1080px}.phone-ui .op-list-table thead{display:table-header-group}.phone-ui .op-list-table tbody{display:table-row-group}.phone-ui .op-list-table tr{display:table-row;padding:0;border:0;border-radius:0;margin:0}.phone-ui .op-list-table td,.phone-ui .op-list-table td.op-row-actions{display:table-cell;padding:6px 8px;border-bottom:1px solid #dce6ee}.phone-ui .op-list-table td[data-label]::before{content:none}.phone-ui .op-list-table .button{font-size:13px;padding:6px 8px;min-height:36px}.phone-ui .op-preview-fields{display:block}.phone-ui .op-preview-fields dt{font-size:11px}.phone-ui .op-preview-fields dd{font-size:13px}.phone-ui .op-preview-fields>.op-preview-row{gap:8px}.op-date-range input,.op-list-filters input[type=month]{min-width:0;max-width:100%;width:100%}.phone-ui .op-list-filters input,.phone-ui .op-list-filters select{font-size:16px}

html.phone-ui .or-case-tag-row>.op-note-link,html.phone-ui .op-card-note{width:44px;height:44px;font-size:20px;padding:10px}

/* Template ownership remains visible while actions follow server permissions. */
.op-template-results{min-width:0}.op-template-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d7e2ec;border-radius:14px;overflow:hidden}.op-template-table th,.op-template-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #dce6ee;vertical-align:middle}.op-template-table th{background:#eaf1f7;font-size:13px;color:#173b63}.op-template-table tr:last-child td{border-bottom:0}.op-template-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.op-template-title strong{font-size:15px}.op-template-author{font-size:13px;color:#62788c;margin-top:4px;overflow-wrap:anywhere}.op-template-action-cell{width:1%;white-space:nowrap}.op-template-action-cell .op-row-actions{flex-wrap:nowrap;justify-content:flex-end}.op-template-action-cell .button{font-size:13px;padding:8px 10px;white-space:nowrap}.op-template-text{overflow-wrap:anywhere}
.phone-ui .op-list-scroll{overflow:visible;border:0;border-radius:0;background:transparent}.phone-ui .op-list-table{display:block;width:100%;min-width:0;background:transparent}.phone-ui .op-list-table thead{display:none}.phone-ui .op-list-table tbody{display:grid;gap:10px}.phone-ui .op-list-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 10px;border:1px solid #d7e2ec;border-radius:13px;padding:12px;background:#fff}.phone-ui .op-list-table td,.phone-ui .op-list-table td.op-row-actions{display:block;min-width:0;max-width:none;border:0;padding:0;font-size:13px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.phone-ui .op-list-table td:nth-child(1){grid-column:1;grid-row:1;white-space:nowrap;font-size:12px;color:#62788c}.phone-ui .op-list-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right;font-size:12px;color:#62788c}.phone-ui .op-list-table td:nth-child(3)::before{content:'HN ';display:inline;font-weight:700}.phone-ui .op-list-table td:nth-child(2){grid-column:1/-1;grid-row:2;font-size:15px;font-weight:700;color:#173b63}.phone-ui .op-list-table td:nth-child(4),.phone-ui .op-list-table td:nth-child(5){grid-column:1/-1}.phone-ui .op-list-table td:nth-child(n+4):nth-child(-n+7)::before{content:attr(data-label) ': ';display:inline;font-size:11px;color:#62788c;font-weight:700}.phone-ui .op-list-table td.op-row-actions{grid-column:1/-1;display:flex;gap:7px;padding-top:7px}.phone-ui .op-list-table .op-row-actions .button{flex:1;margin:0;font-size:13px;min-height:40px}.phone-ui .op-template-table,.phone-ui .op-template-table tbody{display:block}.phone-ui .op-template-table thead{display:none}.phone-ui .op-template-table tr{display:block;border-bottom:1px solid #dce6ee}.phone-ui .op-template-table tr:last-child{border-bottom:0}.phone-ui .op-template-table td{display:block;width:auto;border:0;padding:11px 12px}.phone-ui .op-template-table .op-template-action-cell{padding-top:0;white-space:normal}.phone-ui .op-template-action-cell .op-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.phone-ui .op-template-action-cell .button{min-height:40px;flex:0 1 auto}.phone-ui .op-template-title strong{font-size:14px}

.op-case-registration{min-width:0;margin:0;border:0;border-radius:0;padding:0}.op-case-registration legend{font-weight:700;color:#173b63;padding:0 6px}.op-case-registration .op-help{margin:8px 0 0}.op-room-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.op-room-suggestions .button{font-size:13px;padding:7px 12px}.phone-ui .op-case-registration{padding:0}.phone-ui .op-case-registration .op-grid.two{grid-template-columns:1fr}

/* Private templates identify their restricted visibility in every view. */
.op-template-badge.private{background:#eee7f8;color:#65458d}.op-template-privacy{margin:0;font-size:13px;line-height:1.45;color:#62788c}
/* Phone spacing keeps clinical content compact without changing tablet/desktop layout. */
html.phone-ui .op-heading{gap:6px;margin-bottom:8px}html.phone-ui .op-heading h2{margin:2px 0}html.phone-ui .op-heading .eyebrow{margin:0}
html.phone-ui .op-panel,html.phone-ui .op-note-form,html.phone-ui .op-preview,html.phone-ui .op-template-card,html.phone-ui .op-list-filters{padding:8px;border-radius:12px}
html.phone-ui .op-note-form,html.phone-ui .op-template-form{gap:8px}html.phone-ui .op-field{gap:4px}html.phone-ui .op-grid{gap:8px}html.phone-ui .op-field-label{font-size:13px;line-height:1.4}
html.phone-ui .op-note-form h3,html.phone-ui .op-template-form h3{margin:2px 0;line-height:1.4}html.phone-ui .op-patient-banner{gap:4px 8px;padding:8px;line-height:1.4}html.phone-ui .op-patient-banner span{font-size:13px}
html.phone-ui .op-rich-toolbar{gap:4px;padding:5px}html.phone-ui .op-rich-editor{padding:8px;line-height:1.5}html.phone-ui .op-choice-group{margin:0;padding:8px;gap:4px 8px}
html.phone-ui .op-form-actions{gap:6px;padding-top:8px;flex-wrap:wrap}html.phone-ui .op-form-actions .button{min-height:44px}html.phone-ui .op-case-registration{padding:0}
html.phone-ui .op-list-filters{gap:8px;margin-bottom:8px}html.phone-ui .op-participant-groups{gap:8px;padding-top:4px}html.phone-ui .op-date-range{gap:8px}html.phone-ui .op-participant-filter summary{min-height:44px;display:flex;align-items:center;box-sizing:border-box;padding:4px 0}
html.phone-ui .op-list-table tbody{gap:6px}html.phone-ui .op-list-table tr{gap:4px 8px;padding:8px;line-height:1.4}html.phone-ui .op-list-table td.op-row-actions{padding-top:4px;gap:6px}html.phone-ui .op-list-table .op-row-actions .button{min-height:44px}
html.phone-ui .op-preview-fields{margin:8px 0}html.phone-ui .op-preview-fields>.op-preview-row{gap:6px;margin-bottom:8px}html.phone-ui .op-preview-fields dd{margin:2px 0;line-height:1.4}html.phone-ui .op-preview-rich{padding:8px 0;line-height:1.45}html.phone-ui .op-preview-rich h3{margin:2px 0 5px}html.phone-ui .op-preview-result{padding-top:8px}html.phone-ui .op-preview-result p{margin:4px 0;line-height:1.4}
html.phone-ui .op-template-table td{padding:8px}html.phone-ui .op-template-table .op-template-action-cell{padding-top:0}html.phone-ui .op-template-title{gap:5px;line-height:1.4}html.phone-ui .op-template-author{margin-top:3px;line-height:1.4}html.phone-ui .op-template-action-cell .button{min-height:44px}html.phone-ui .op-template-text{line-height:1.45}html.phone-ui .op-template-text p{margin:4px 0}
html.phone-ui .op-dialog>header,html.phone-ui .op-dialog>footer,html.phone-ui .op-dialog-body{padding:8px}html.phone-ui .op-dialog>header h3{font-size:18px;line-height:1.4}html.phone-ui .op-dialog>footer .button{min-height:44px}html.phone-ui .op-dialog-body>h4{margin:8px 0 4px}html.phone-ui .op-dialog-body>.op-template-author{margin-top:0}
html.phone-ui .op-case-choice{padding:6px 0;gap:8px}html.phone-ui .op-case-choice>div{gap:3px;line-height:1.4}html.phone-ui .op-case-choice .op-note-link{width:44px;height:44px}html.phone-ui .op-help{margin:4px 0;font-size:13px;line-height:1.4}html.phone-ui .op-feedback{padding:8px;margin:4px 0;line-height:1.4}html.phone-ui .op-pager{gap:8px;padding:8px}html.phone-ui .op-empty{padding:12px}

/* Phone note lists use given names and slightly tighter clinical rows. */
.op-list-table .op-clinician-short{display:none}
html.phone-ui .op-list-table .op-clinician-full{display:none}
html.phone-ui .op-list-table .op-clinician-short{display:inline}
html.phone-ui .op-list-table tbody{gap:5px}
html.phone-ui .op-list-table tr{gap:3px 8px;line-height:1.35}
html.phone-ui .op-list-table td.op-row-actions{padding-top:3px}

/* Episode selection and classification share compact, aligned controls. */
.op-new-episode{display:block;width:100%;margin:12px 0 6px;white-space:normal;text-align:center}
.op-case-controls{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(180px,1fr);gap:14px;align-items:end}
.op-case-classification{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;min-height:44px}
.op-case-classification .op-toggle{min-height:44px;gap:5px}
.op-case-classification input{flex:none;margin:0}
.op-case-registration .op-help[hidden],.op-room-suggestions:empty{display:none}
.op-form-actions .op-admin-edit{background:#e4f4e6;border:1px solid #bddfc4;color:#246138;margin-right:auto}
.op-form-actions .op-admin-edit:hover{background:#d4ebd9}
.op-list-filters{padding:14px 16px;gap:8px 12px;border-radius:14px;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(260px,1.5fr)}
.op-list-filters .op-field{gap:4px}
.op-list-filters input:not([type=checkbox]),.op-list-filters select{height:44px;min-height:44px}
.op-list-filters .op-field-label{line-height:20px}
.op-participant-filter summary{padding:3px 0}
html.phone-ui .op-case-controls{grid-template-columns:minmax(0,1fr);gap:6px}
html.phone-ui .op-case-classification{gap:0 10px}
html.phone-ui .op-case-classification .op-toggle{font-size:14px}
html.phone-ui .op-list-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}
html.phone-ui .op-list-filters .op-participant-filter summary{padding:0;min-height:44px}
html.phone-ui .op-new-episode{min-height:44px;margin:8px 0 4px}
@media(max-width:760px){.op-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.op-list-filters>.op-field:first-child,.op-list-filters>.op-date-range{grid-column:1/-1}}

/* Compact preset palettes preserve the editor's typeface and selection. */
.op-rich{overflow:visible}.op-rich-toolbar{position:relative;border-radius:11px 11px 0 0}
.op-rich-toolbar .op-rich-color{padding:0 8px;font-size:12px;white-space:nowrap}
.op-rich-palette{position:absolute;left:6px;top:calc(100% + 4px);z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:230px;max-width:calc(100% - 12px);box-sizing:border-box;padding:10px;border:1px solid #bfd2e2;border-radius:10px;background:#fff;box-shadow:0 7px 24px #173b6333}
.op-rich-palette[hidden]{display:none}.op-rich-toolbar .op-rich-color-auto{grid-column:1/-1;width:100%;font-size:13px;min-height:36px}
.op-rich-toolbar .op-rich-swatch{width:100%;min-width:0;height:34px;border:1px solid #53677a66}
.op-rich-toolbar button:focus-visible{outline:3px solid #168d9c;outline-offset:2px}
html.phone-ui .op-rich-palette{width:250px}html.phone-ui .op-rich-palette button{min-height:40px}

/* Compact templates and aligned answers follow the note form's reading order. */
.op-template-actions{align-items:center;gap:6px}
.op-template-actions .button{min-height:36px;padding:6px 12px;font-size:13px;line-height:1.4}
.op-template-actions .op-select-template{background:#1769b3;border-color:#1769b3;color:#fff}
.op-template-actions .op-create-template{background:#fff0ef;border:1px solid #edc3bf;color:#a93a36}
.op-template-table th,.op-template-table td{padding:7px 10px}
.op-template-title{gap:6px;line-height:1.35}
.op-template-author{margin-top:2px;line-height:1.35;font-size:12px}
.op-template-action-cell .button{min-height:34px;padding:5px 8px;font-size:12px}
.op-template-preview-fields{margin:12px 0;display:grid;gap:6px}
.op-preview-result{display:grid;gap:8px;margin:0}
.op-result-row{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:8px;align-items:baseline;min-width:0;overflow-wrap:anywhere}
.op-result-row dt{font-weight:700;color:#607488;font-size:13px}
.op-result-row dd{margin:0;min-width:0}
html.phone-ui .op-template-actions .button{min-height:44px;padding:6px 10px}
html.phone-ui .op-template-table td{padding:6px 8px}
html.phone-ui .op-template-table .op-template-action-cell{padding-top:0}
html.phone-ui .op-preview-result{gap:6px}
html.phone-ui .op-result-row{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:6px;font-size:13px;line-height:1.4}
html.phone-ui .op-result-row dt{font-size:12px}

.research-module{--research-ink:var(--navy,#173b63);--research-line:var(--line,#d9e4ee);--research-muted:var(--muted,#65778d);color:var(--ink,#243c54);font:inherit;min-width:0;max-width:100%;display:grid;gap:8px}
.research-module *{box-sizing:border-box}.research-module [hidden]{display:none!important}.research-module h2,.research-module h3,.research-module p{margin:0}.research-module h2{color:var(--research-ink);font-size:23px;line-height:1.4}.research-module h3{color:var(--research-ink);font-size:16px;line-height:1.4}.research-module input,.research-module select,.research-module textarea,.research-module button{font:inherit}.research-module button:focus-visible,.research-module input:focus-visible,.research-module select:focus-visible,.research-module textarea:focus-visible{outline:3px solid #7cacdf;outline-offset:2px}.research-module :is(button,input,select,textarea):disabled{opacity:.55;cursor:default}
.research-heading,.research-card-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.research-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.research-button,.research-chip,.research-name,.research-close{min-height:44px;min-width:44px;border:1px solid #c8d7e5;border-radius:10px;background:#fff;padding:8px 12px;color:var(--research-ink);cursor:pointer;line-height:1.4}.research-button.primary,.research-chip.active{color:#fff;background:#234d77;border-color:#234d77}.research-button.danger{color:#a63248;border-color:#e7b7c1;background:#fff8fa}.research-button:hover:not(:disabled),.research-chip:hover:not(:disabled){box-shadow:0 3px 9px #173b6315}.research-name{font-weight:700;background:none;border:0;text-align:left;padding:2px 0;width:100%;overflow-wrap:anywhere}.research-close{font-size:22px;padding:3px}.research-feedback{font-size:13px;line-height:1.4;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.research-feedback:empty{display:none}.research-feedback.error{color:#aa314e;background:#fff1f4;padding:8px;border-radius:8px}.research-feedback button{font-size:12px}
.research-filters{display:flex;align-items:end;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--research-line);background:#f7fafc;border-radius:12px}.research-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:600;color:#52677e}.research-field>input,.research-field>select,.research-field>textarea{width:100%;min-width:0;margin:0;min-height:44px;border:1px solid #c8d7e5;border-radius:9px;background:#fff;padding:8px;color:#243c54;font-size:14px;font-weight:400}.research-field>textarea{resize:vertical;line-height:1.45}.research-filters .research-field{flex:0 1 145px}.research-filters .research-field:has(input[type=search]){flex:1 1 220px}.research-as-of{align-self:center;font-size:12px;color:var(--research-muted);margin-right:auto}.research-residents{flex-basis:100%;display:grid;gap:6px;min-width:0}.research-resident-year{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.research-resident-year>strong{font-size:12px;min-width:24px}.research-chip{padding:7px 10px;font-size:12px}.research-body{display:grid;gap:8px;min-width:0}.research-body[aria-busy=true]{opacity:.65}.research-panel{background:#fff;border:1px solid var(--research-line);border-radius:14px;padding:12px;display:grid;gap:8px;min-width:0;max-width:100%;box-shadow:0 4px 15px #173b6306}.research-person-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center}.research-person-summary>h3{grid-column:1}.research-person-summary>p{grid-column:1}.research-person-summary>button{grid-column:2;grid-row:1/3}.research-muted,.research-as-of{color:var(--research-muted);font-size:12px;line-height:1.4}.research-description{font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.research-empty{text-align:center;padding:18px 8px;color:var(--research-muted);font-size:13px}.research-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.research-kpi{padding:10px 12px;border:1px solid var(--research-line);background:#fff;border-radius:12px;display:grid;gap:4px;min-width:0}.research-kpi span{font-size:12px;line-height:1.4;color:var(--research-muted)}.research-kpi strong{font-size:27px;color:var(--research-ink)}
.research-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.research-table th{background:#f0f5fa;color:var(--research-ink);font-size:12px}.research-table :is(th,td){padding:6px 8px;border-bottom:1px solid #e6edf3;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;min-width:0}.research-table :is(th,td):nth-child(1){width:19%}.research-table :is(th,td):nth-child(2){width:28%}.research-table :is(th,td):nth-child(3){width:19%}.research-table :is(th,td):nth-child(4){width:18%}.research-table :is(th,td):nth-child(5){width:16%}.research-table td>small{display:block}.research-table td>strong{display:block;font-size:13px}.research-table .research-badge{margin-top:4px}.research-badge{display:inline-flex;align-items:center;flex:none;min-height:24px;padding:3px 7px;border-radius:7px;font-size:11px;font-weight:600;background:#eef2f6;color:#536476}.research-badge.active,.research-badge.available{background:#edf4fc;color:#2d5d8f}.research-badge.completed{background:#e6f7ee;color:#17805b}.research-badge.failed,.research-badge.archived{background:#e7eaee;color:#697789}.research-project-list,.research-topic-list{display:grid;gap:8px}.research-project.failed{background:#f1f3f5;border-color:#d9dfe4}.research-project.failed :is(h3,p,strong){color:#657183}.research-topic.archived{background:#f4f5f7}.research-progress{display:grid;gap:4px;min-width:0}.research-progress>strong{font-size:13px}.research-progress progress{width:100%;height:10px;accent-color:#5686b5;border:none;border-radius:5px;overflow:hidden}.research-progress progress::-webkit-progress-bar{background:#e6edf4}.research-progress progress::-webkit-progress-value{background:#5686b5}.research-progress progress::-moz-progress-bar{background:#5686b5}.research-progress.unknown{color:#7a8492}.research-goal{display:block;font-size:12px;line-height:1.4}.research-goal.on-track{color:#147853}.research-goal.behind{color:#a56a1c}.research-goal.unknown{color:#697a8d}
.research-timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}.research-event{padding:8px 10px;border-left:3px solid #82a7cb;border-radius:0 8px 8px 0;background:#f6f9fc;display:grid;gap:5px;min-width:0}.research-event.failed{background:#f0f1f3;border-color:#b4bbc4;color:#677587}.research-event .research-card-heading strong{font-size:13px;overflow-wrap:anywhere}.research-event time{font-size:12px;color:var(--research-muted)}.research-event .research-actions button{font-size:12px;padding:6px 10px}.research-milestones{display:grid;gap:6px}.research-milestone{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e5edf4;font-size:13px}.research-step-list{padding-left:24px;margin:0;display:grid;gap:5px;font-size:13px;line-height:1.45}.research-pager{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;flex-wrap:wrap}.research-pager:empty{display:none}
.research-dialog{padding:0;border:1px solid var(--research-line);border-radius:16px;width:min(680px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:#243c54;background:#fff;overflow:auto;box-shadow:0 16px 70px #173b6333}.research-dialog::backdrop{background:#0d233b77;backdrop-filter:blur(3px)}.research-dialog-shell{display:grid;gap:8px;padding:12px}.research-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;background:#fff;z-index:1;padding:4px 0}.research-dialog h3{font-size:18px;line-height:1.4;color:var(--research-ink)}.research-dialog footer{display:flex;justify-content:flex-end;gap:6px;position:sticky;bottom:0;background:#fff;padding:8px 0 4px}.research-dialog-body{min-width:0}.research-form{display:grid;gap:8px}.research-advisors,.research-checklist{display:grid;gap:5px;margin:0;padding:8px;border:1px solid var(--research-line);border-radius:10px;min-width:0}.research-advisors legend,.research-checklist legend{font-size:12px;font-weight:700;color:#52677e;padding:0 4px}.research-advisors{grid-template-columns:repeat(2,minmax(0,1fr))}.research-check{display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;padding:4px;font-size:13px;line-height:1.4;color:#344c65;cursor:pointer}.research-check input{width:20px;height:20px;min-width:20px;flex:none;margin:0;accent-color:#315f8c}.research-check span{min-width:0;overflow-wrap:anywhere}.research-check-total{font-size:13px;color:#315f8c}
html.phone-ui .research-module{gap:8px}html.phone-ui .research-heading{align-items:start}html.phone-ui .research-module h2{font-size:20px}html.phone-ui .research-panel{padding:8px;border-radius:12px}html.phone-ui .research-filters{gap:6px;padding:8px}html.phone-ui .research-filters .research-field{flex-basis:110px}html.phone-ui .research-as-of{margin:0;font-size:11px}html.phone-ui .research-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}html.phone-ui .research-kpi{padding:8px}html.phone-ui .research-kpi strong{font-size:24px}html.phone-ui .research-table{display:block}html.phone-ui .research-table thead{display:none}html.phone-ui .research-table tbody{display:grid;gap:8px}html.phone-ui .research-table tr{display:grid;gap:5px;padding:8px;border:1px solid var(--research-line);border-radius:10px;background:#fbfcfe}html.phone-ui .research-table td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:5px;padding:2px 0;border:0;width:100%!important;font-size:12px}html.phone-ui .research-table td:before{content:attr(data-label);grid-column:1;grid-row:1;color:#66788b;font-size:11px;font-weight:600}html.phone-ui .research-table td>*{grid-column:2}html.phone-ui .research-table .research-name{min-height:44px;font-size:13px}html.phone-ui .research-person-summary{display:flex;align-items:start;flex-direction:column}html.phone-ui .research-card-heading{align-items:start}html.phone-ui .research-card-heading h3{font-size:14px;flex:1;min-width:120px}html.phone-ui .research-button{font-size:12px;padding:7px 9px}html.phone-ui .research-advisors{grid-template-columns:1fr}html.phone-ui .research-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}html.phone-ui .research-dialog-shell{padding:8px}html.phone-ui .research-milestone{grid-template-columns:28px minmax(0,1fr) auto;gap:6px}

/* Uniform controls across native WebKit/Chromium selectors and compact filter rows. */
.research-module .research-field>input,.research-module .research-field>select{height:44px;min-height:44px;line-height:1.4}
.research-module .research-field>select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2352677e' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.research-filters{display:grid;grid-template-columns:145px minmax(0,1fr) 145px;align-items:end}
.research-residents{grid-column:1/-1}.research-module[data-view=pool] .research-filters{grid-template-columns:minmax(0,1fr) 145px}
.research-as-of{margin:0;font-size:12px}.research-as-of:empty{display:none}
html.phone-ui .research-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html.phone-ui .research-filters .research-field:has(input[type=search]){grid-column:1/-1;order:3}
html.phone-ui .research-module[data-view=pool] .research-filters{grid-template-columns:minmax(0,1fr) 110px}
html.phone-ui .research-module[data-view=pool] .research-filters .research-field:has(input[type=search]){grid-column:auto;order:0}

.training-module{--tr-navy:#173b63;--tr-pink:#b82669;--tr-line:#d9e2ec;color:#173b63;font-family:'Noto Sans Thai',sans-serif;min-width:0;max-width:100%;font-size:14px;line-height:1.45}.training-module *{box-sizing:border-box;min-width:0}.training-module [hidden]{display:none!important}.training-heading,.training-actions,.training-filter,.training-question-head,.training-editor-toolbar,.training-pager,.training-dialog header,.training-dialog footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.training-heading{justify-content:space-between;margin-bottom:8px}.training-heading h2{font-size:22px;margin:0;color:var(--tr-navy)}.training-heading p,.training-muted{color:#617085;font-size:12px;margin:3px 0}.training-actions{justify-content:flex-end}.training-module button,.training-module input,.training-module select,.training-module textarea{font:inherit;max-width:100%}.training-button{min-height:40px;padding:7px 12px;border:1px solid #cbd7e3;border-radius:9px;background:#fff;color:var(--tr-navy);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}.training-button:hover{background:#edf3f9}.training-button.primary{background:var(--tr-navy);color:white;border-color:var(--tr-navy)}.training-button.pink{background:var(--tr-pink);color:white;border-color:var(--tr-pink)}.training-button.danger{color:#a22537;background:#fff0f1;border-color:#efbec7}.training-button:disabled{opacity:.55;cursor:default}.training-button:focus-visible,.training-module input:focus-visible,.training-module select:focus-visible,.training-module textarea:focus-visible,.training-rich:focus-visible{outline:3px solid #c9a4ff;outline-offset:2px}.training-icon{min-width:40px;padding:6px}.training-status-ready,.training-status-missing{border:1px solid #edbdc6;border-radius:7px;background:#fff0f1;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.training-status-ready{background:#edfaf1;border-color:#b9dcc5}.training-feedback{margin:6px 0;min-height:0;color:#256445;white-space:pre-line}.training-feedback:empty{display:none}.training-feedback.error{color:#ad243b}.training-filter{margin:8px 0;align-items:end}.training-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;min-width:0}.training-field input,.training-field select,.training-field textarea{border:1px solid #c7d4e1;border-radius:8px;background:white;color:#173b63;padding:8px;min-height:40px;width:100%;font-size:14px;font-weight:400}.training-filter .training-field{min-width:150px;flex:0 1 220px}.training-field textarea{resize:vertical;line-height:1.5}.training-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--tr-line);border-radius:10px;background:white;overscroll-behavior-x:contain}.training-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.training-table th{background:#edf2f7;color:var(--tr-navy);font-weight:700;white-space:nowrap}.training-table td,.training-table th{padding:7px 8px;border-bottom:1px solid var(--tr-line);vertical-align:middle}.training-table tbody tr:last-child td{border-bottom:0}.training-table .training-actions{flex-wrap:nowrap;justify-content:flex-start}.training-table .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.training-topic-cell{min-width:230px;max-width:480px;overflow-wrap:anywhere}.training-name{white-space:normal;min-width:130px}.training-staff{display:inline-block;padding:3px 8px;border-radius:7px;background:var(--staff-color,#e7effa);color:#152e49;font-weight:600}.training-past-missing{background:#d5d9de;color:#515b67}.training-past-missing .training-topic-title,.training-past-ready .training-topic-title{text-decoration:line-through}.training-past-ready{background:#f0f2f4}.training-today .training-date{animation:training-today-pulse 2.2s ease-in-out infinite;background:#b41e37;color:white;padding:4px;border-radius:5px;display:inline-block}.training-score-empty{background:#182536;color:white;border-radius:5px;min-width:28px;display:inline-block;padding:3px;text-align:center}.training-pager{justify-content:flex-end;padding:8px 0}.training-empty{padding:20px 8px;text-align:center;color:#617085}.training-card{background:white;border:1px solid var(--tr-line);border-radius:12px;padding:12px;margin:8px 0;overflow-wrap:anywhere}.training-card h3,.training-card h4{margin:0 0 8px}.training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.training-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.training-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.training-span-all{grid-column:1/-1}.training-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #cfdae6;border-radius:14px;color:var(--tr-navy);font:inherit;overflow:auto}.training-dialog::backdrop{background:#0c203b80}.training-dialog-shell{padding:12px}.training-dialog header{justify-content:space-between;border-bottom:1px solid var(--tr-line);padding-bottom:8px;margin-bottom:8px}.training-dialog header h3{margin:0;font-size:18px}.training-dialog footer{justify-content:flex-end;margin-top:8px}.training-form{display:grid;gap:8px}.training-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.training-form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.training-exam-banner{border-radius:12px;padding:12px;background:var(--staff-color,#e7effa);margin:8px 0}.training-exam-banner h3{margin:0 0 4px;font-size:20px}.training-exam-banner p{margin:3px 0}.training-editor-toolbar{padding:4px;border:1px solid #c7d4e1;border-radius:8px 8px 0 0;background:#f3f6fa}.training-editor-toolbar button{min-height:32px;min-width:36px;border:0;border-radius:5px;background:white;cursor:pointer}.training-rich{min-height:100px;background:white;border:1px solid #c7d4e1;border-top:0;border-radius:0 0 8px 8px;padding:8px;white-space:pre-wrap;overflow-wrap:anywhere;color:#172f4e;font:14px/1.55 'Noto Sans Thai',sans-serif;tab-size:4}.training-rich p,.training-rich div{margin:0}.training-rich-display{white-space:pre-wrap;overflow-wrap:anywhere}.training-rich-display p{margin:0 0 5px}.training-question{border:1px solid var(--tr-line);border-radius:12px;padding:10px;background:white;margin:8px 0}.training-question-head{justify-content:space-between;margin-bottom:8px}.training-question-head h3{margin:0;font-size:16px}.training-question-head .training-field{max-width:110px}.training-question-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;color:var(--tr-navy);font:inherit;cursor:pointer;min-height:44px}.training-question-summary strong,.training-question-summary small{display:block}.training-question-summary small{color:#617085;margin-top:3px}.training-choice{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:6px;margin:6px 0}.training-choice-answer{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #d9e2ec;border-radius:8px;margin:6px 0;min-height:44px;cursor:pointer}.training-choice-answer.correct{border-color:#de78a5;background:#fce5ef;color:#8d1a51}.training-choice-answer input{width:18px;height:18px;flex:none;accent-color:var(--tr-pink)}.training-choice input[type=radio]{width:18px;height:18px;accent-color:var(--tr-pink)}.training-choice-radio{min-height:44px;display:flex;align-items:center;gap:3px;cursor:pointer}.training-choice .training-field input{width:100%}.training-images{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.training-image{max-width:min(100%,260px);margin:0;border:1px solid #d9e2ec;border-radius:8px;overflow:hidden;background:#f5f7fa}.training-image img{display:block;max-width:100%;max-height:240px;object-fit:contain}.training-image figcaption{padding:4px 6px;font-size:11px}.training-explanation{color:#21703e;background:#eff9f1;border-radius:8px;padding:8px;margin-top:8px}.training-countdown{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:80;background:var(--tr-navy);color:white;border:2px solid white;box-shadow:0 3px 14px #173b6340;border-radius:13px;padding:10px 16px;min-width:130px;text-align:center;font-variant-numeric:tabular-nums}.training-countdown strong{font-size:24px;display:block}.training-countdown.urgent{background:#ad2339}.training-attempt{padding-bottom:90px}.training-save-state{font-size:12px;color:#607387;margin:4px 0}.training-save-state.error{color:#a0253a}.training-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.training-kpi{background:#edf3f9;border:1px solid #d9e4ef;border-radius:12px;padding:12px}.training-kpi strong{font-size:27px;display:block;line-height:1.3}.training-kpi.pink{background:#fbeaf2;border-color:#edc6d9;color:#a51b5b}.training-score-card{text-align:center;background:linear-gradient(145deg,#edf4fc,#fce8f2);padding:24px 12px;border:1px solid #dfcbe1;border-radius:16px;margin:8px 0}.training-score-card strong{font-size:44px;display:block}.training-score-card p{margin:4px 0}.training-score-card .training-actions{justify-content:center}.training-category-black{background:#152232!important;color:#9dafc3}.training-matrix{min-width:1100px}.training-matrix th:first-child,.training-matrix td:first-child{position:sticky;left:0;background:#fff;z-index:1;max-width:280px;min-width:220px}.training-matrix thead th:first-child{background:#edf2f7;z-index:2}.training-rank{display:inline-flex;min-width:30px;min-height:30px;border-radius:20px;align-items:center;justify-content:center;font-weight:700}.training-rank.gold{background:#f9e4a2;color:#684400}.training-rank.silver{background:#e1e7ef;color:#435065}.training-rank.bronze{background:#edc5ab;color:#703919}.training-keyword{color:#c21f36;font-weight:700;background:transparent}.training-grade-answer{white-space:pre-wrap;overflow-wrap:anywhere;min-width:180px;max-width:650px}.training-grade-input{width:82px;min-height:40px;padding:7px;border:1px solid #b9cadd;border-radius:7px}.training-keyword-list{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.training-keyword-chip{background:#f2f5f8;display:flex;align-items:center;border-radius:8px;padding:0 6px;gap:6px}.training-desktop-name{display:inline}.training-phone-name{display:none}.training-import-review{border:2px solid #d7aac0;background:#fff8fb;padding:10px;border-radius:10px}.training-notice{background:#fff5df;border:1px solid #ead39e;border-radius:8px;padding:8px;margin:8px 0}.training-progress{font-size:12px;color:#546e88}.training-score-footer{font-weight:700;background:#edf3f9}.training-check{display:flex;align-items:center;gap:8px;min-height:44px}.training-check input{height:18px;width:18px}.training-guest{max-width:640px;margin:auto}.training-link{color:#9b1f5b;text-decoration:underline}.training-header-right{margin-left:auto}.training-module .training-file{width:100%;padding:8px;border:1px dashed #aabfd4;border-radius:8px;background:#f6f9fc}.training-module output{font-variant-numeric:tabular-nums}
@keyframes training-today-pulse{0%,100%{background:#b41e37;color:#fff}50%{background:#fff;color:#b41e37;box-shadow:inset 0 0 0 1px #b41e37}}
@media(prefers-reduced-motion:reduce){.training-today .training-date{animation:none}}
@media(max-width:700px){.training-grid.four,.training-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.training-heading h2{font-size:19px}.training-grid.three{grid-template-columns:1fr}.training-table .training-actions{flex-wrap:wrap;min-width:130px}.training-form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.training-exam-banner h3{font-size:17px}}
html.phone-ui .training-module{font-size:13px;line-height:1.4}html.phone-ui .training-button,html.phone-ui .training-module input,html.phone-ui .training-module select,html.phone-ui .training-editor-toolbar button{min-height:44px}html.phone-ui .training-icon,html.phone-ui .training-status-ready,html.phone-ui .training-status-missing{min-width:44px;min-height:44px}html.phone-ui .training-card,html.phone-ui .training-question,html.phone-ui .training-dialog-shell{padding:8px}html.phone-ui .training-card,html.phone-ui .training-question{margin:6px 0}html.phone-ui .training-filter{gap:6px}html.phone-ui .training-filter .training-field{flex:1 1 130px}html.phone-ui .training-table td,html.phone-ui .training-table th{padding:5px 6px}html.phone-ui .training-desktop-name{display:none}html.phone-ui .training-phone-name{display:inline}html.phone-ui .training-kpi{padding:8px}html.phone-ui .training-kpi strong{font-size:23px}html.phone-ui .training-countdown{padding:7px 10px;min-width:110px}html.phone-ui .training-grid{gap:6px}html.phone-ui .training-score-card{padding:16px 8px}html.phone-ui .training-field{font-size:11px}html.phone-ui .training-field input,html.phone-ui .training-field select{padding:6px}html.phone-ui .training-form-row{gap:6px}html.phone-ui .training-dialog{width:calc(100vw - 16px)}html.phone-ui .training-exam-banner{padding:8px}

.training-explanation>strong{display:block;margin-bottom:4px}

.training-conflict-data{font:12px/1.5 'Noto Sans Thai',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}

/* Evaluation lists keep the same reading alignment across topics, scores and actions. */
.training-heading .training-subtitle{color:#b32136;font-size:14px;font-weight:600;margin:2px 0 0}.training-exam-filters{display:flex;justify-content:flex-end;gap:4px 14px;flex-wrap:wrap}.training-exam-filters .training-check{font-size:12px}.training-exam-list{text-align:center}.training-exam-list td,.training-exam-list th,.training-exam-list .numeric{text-align:center}.training-exam-list .training-actions{justify-content:center;flex-wrap:wrap;gap:5px}.training-exam-list .training-topic-title{font-size:14.333px}.training-topic-link.training-button{background:none;border:0;border-radius:0;padding:0;color:inherit;display:inline;text-align:center;text-decoration:underline;text-underline-offset:3px;min-height:44px;font-weight:700}.training-add-topic.training-button{font-weight:800}.training-highest{display:flex;flex-direction:column;align-items:center;gap:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.training-my-score{white-space:nowrap}.training-button.training-start-exam{background:#267441;color:#fff;border-color:#267441}.training-button.training-start-exam:hover{background:#1e6136}.training-exam-state{flex-basis:100%;font-size:12px}.training-author-methods{padding:9px 12px}.training-author-methods h3{font-size:15px;margin-bottom:6px}.training-author-methods>.training-actions{justify-content:flex-start}.training-question .training-rich{min-height:calc(2 * 1.55em + 16px);height:auto;overflow:visible}.training-choice-text{border:1px solid #c7d4e1;border-radius:8px;padding:8px;min-height:40px;background:white;color:#173b63;width:100%}
.training-score-scopes{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch}.training-score-scopes .training-scope{padding:8px 13px;min-height:44px;box-shadow:0 1px 2px #173b6308}.training-scope[aria-pressed=true]{color:white;background:#173b63;border-color:#173b63}.training-score-table{font-size:14.333px;text-align:center}.training-score-table th,.training-score-table td,.training-score-table .numeric{text-align:center}.training-score-table th{white-space:normal}.training-header-sub{display:block;font-size:12px;font-weight:500;margin-top:3px}.training-score-table .training-score-zone{border-left:2px solid #9bafc4;background:#f4f8fc}.training-score-table thead .training-score-zone{background:#e7eff8}.training-score-table .training-salary-zone{border-left:2px solid #bb91a6;background:#fff8fb}.training-score-table thead .training-salary-zone{background:#f8eaf1}.training-score-table .training-rank-zone{border-left:2px solid #9bafc4}.training-person-link.training-button{background:transparent;border:0;border-radius:0;box-shadow:none;padding:2px 0;min-height:44px;line-height:1.4;color:#173b63;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-size:inherit;font-weight:600}.training-full-status{min-width:140px;max-width:190px}.training-score-table .training-rank{white-space:nowrap;min-width:46px;padding:3px 7px}.training-person-heading{text-align:center}.training-matrix,.training-matrix .numeric,.training-matrix th,.training-matrix td{text-align:center}.training-matrix .training-maximum-band td{background:#d9e5f0;color:#173b63;font-weight:800;border-bottom:2px solid #839fba}.training-matrix .training-score-best{font-weight:800;background:#e5f5e9;color:#145d2c}.training-matrix .training-score-worst{font-weight:800;background:#ffeaed;color:#ac2138;text-decoration:underline;text-underline-offset:3px}.training-matrix .training-rank{min-width:50px;padding:3px 6px;white-space:nowrap}.training-kpi{text-align:center}.training-kpi>.training-rank{font-size:25px;min-height:44px;padding:3px 12px;margin-top:8px}.training-matrix th:not(:first-child){min-width:85px}
@media (max-width:600px) and (orientation:portrait){
 html.phone-ui .training-exam-filters{justify-content:flex-start;gap:0 10px}html.phone-ui .training-heading>.training-actions{width:100%;justify-content:space-between}html.phone-ui .training-exam-list-wrap{border:0;background:transparent;overflow:visible}html.phone-ui .training-exam-list,html.phone-ui .training-exam-list tbody{display:block;width:100%;min-width:0}html.phone-ui .training-exam-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html.phone-ui .training-exam-list tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #cfdae6;border-radius:10px;padding:5px;margin:7px 0;background:#fff}html.phone-ui .training-exam-list tr.training-past-ready{background:#f0f2f4}html.phone-ui .training-exam-list tr.training-past-missing{background:#d5d9de}html.phone-ui .training-exam-list td{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;padding:4px;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}html.phone-ui .training-exam-list td::before{content:attr(data-label);font-size:11px;font-weight:500;color:#617085;display:block}html.phone-ui .training-exam-list td.training-topic-cell{grid-column:1/-1;grid-row:1;max-width:none;min-width:0;border-bottom:1px solid #d9e2ec;padding-bottom:6px}html.phone-ui .training-exam-list td.training-topic-cell::before{content:none}html.phone-ui .training-exam-list td:last-child{grid-column:1/-1;border-top:1px solid #d9e2ec;padding-top:5px}html.phone-ui .training-exam-list td:last-child::before{content:none}html.phone-ui .training-exam-list .training-actions{min-width:0;width:100%;justify-content:center}html.phone-ui .training-exam-list .training-my-score,html.phone-ui .training-exam-list .training-highest{white-space:nowrap}html.phone-ui .training-score-scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}html.phone-ui .training-score-scopes .training-scope{padding:6px;font-size:12px}html.phone-ui .training-author-methods{padding:8px}
}

/* 0.15.1: one bounded filter panel and legible topic/name alignment. */
.training-filter-box{border:1px solid var(--tr-line);border-radius:10px;background:#f6f9fc;padding:8px;align-items:end;justify-content:space-between;gap:8px 16px}.training-filter-primary{display:flex;align-items:end;gap:8px;flex:0 1 auto}.training-filter-primary .training-field{min-width:140px;flex:0 1 180px}.training-filter-primary .training-button{min-height:40px}.training-filter-box .training-exam-filters{margin-left:auto;align-items:center}.training-exam-filters .training-check+.training-check{border-left:1px solid #c7d4e1;padding-left:14px}.training-filter-box .training-score-scopes{margin-left:auto}.training-exam-list .training-topic-cell,.training-exam-list .training-topic-title,.training-exam-list .training-topic-link.training-button{text-align:left}.training-exam-list .training-topic-cell{white-space:normal}.training-person-link .training-name{white-space:nowrap;min-width:0}
html.phone-ui .training-filter-box{padding:8px;gap:6px}html.phone-ui .training-filter-primary{width:100%}html.phone-ui .training-filter-primary .training-field{flex:1 1 0}html.phone-ui .training-filter-primary .training-button{min-height:44px}html.phone-ui .training-filter-box .training-exam-filters{margin-left:0;width:100%;display:grid;gap:0}html.phone-ui .training-exam-filters .training-check+.training-check{border-left:0;padding-left:0}html.phone-ui .training-exam-list td.training-topic-cell{align-items:stretch;text-align:left}html.phone-ui .training-exam-list .training-topic-title{width:100%}
.training-image-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.training-image-tools select{min-height:44px;border:1px solid #c7d4e1;border-radius:8px;background:white;padding:7px;color:var(--tr-navy)}
.training-filter-box select,.training-filter-box .training-button{height:44px;min-height:44px}.training-filter-box select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#58728e 50%),linear-gradient(135deg,#58728e 50%,transparent 50%);background-position:calc(100% - 15px) 19px,calc(100% - 10px) 19px;background-size:5px 5px;background-repeat:no-repeat}
.training-filter-box:empty{display:none}