/* Workspace clarity v35 — preserve keyboard, pointer and native navigation. */
#clinicWorkspaceNav .cgx-nav-menu { position:relative; flex:0 0 auto; min-width:0; }
#clinicWorkspaceNav .cgx-nav-menu > summary {
  display:list-item; list-style:none; cursor:pointer; user-select:none;
  padding-right:30px; position:relative; line-height:normal;
}
#clinicWorkspaceNav .cgx-nav-menu > summary::-webkit-details-marker {display:none;}
#clinicWorkspaceNav .cgx-nav-menu > summary::after {content:'⌄'; position:absolute; right:12px; top:50%; transform:translateY(-52%);font-size:1.1rem;}
#clinicWorkspaceNav .cgx-nav-menu[open] > summary::after {content:'⌃';}
#clinicWorkspaceNav .cgx-nav-menu.cgx-nav-group-active > summary {color:#baffdf;border-color:#528578;background:#173b43;}
#clinicWorkspaceNav .cgx-nav-menu-items {
  position:absolute; z-index:90; top:calc(100% + 7px);right:0;
  display:grid; gap:4px; min-width:240px; max-width:min(340px,90vw);
  background:#102933; border:1px solid #50737b; border-radius:12px;
  padding:8px; box-shadow:0 18px 45px rgba(0,0,0,.38);
}
#clinicWorkspaceNav .cgx-nav-menu:not([open]) .cgx-nav-menu-items {display:none;}
#clinicWorkspaceNav .cgx-nav-menu-items > .workspace-nav-item {display:block; width:100%;text-align:left;white-space:normal;}
#clinicWorkspaceNav .cgx-nav-menu-items > .workspace-nav-item[hidden]{display:none;}
#clinicWorkspaceNav .cgx-nav-menu > summary:focus-visible {outline:3px solid #f3f7ac;outline-offset:2px;}
#appView.cgx-day-focused #dashboardShortcuts,
#appView.cgx-day-focused #dashboardStats,
#appView.cgx-day-focused #clinicWorklistPanel,
#appView.cgx-day-focused #cxVisitBoard,
#appView.cgx-day-focused #cgxWorklistDisclosure,
#appView.cgx-day-focused #cgxTrainingDisclosure {display:none!important;}
.cgx-home-detail {margin:12px 0; border:1px solid #345565; border-radius:12px;background:#102b35;}
.cgx-home-detail[hidden] {display:none!important;}
.cgx-home-detail > summary {display:list-item; cursor:pointer; padding:14px 18px; font-weight:700;color:#e6f5f2;}
.cgx-home-detail > summary:focus-visible {outline:3px solid #eaf6a5;outline-offset:3px;}
.cgx-home-detail > .panel {margin:0 12px 12px;}
@media(max-width:700px){
 #clinicWorkspaceNav .cgx-nav-menu {width:100%;}
 #clinicWorkspaceNav .cgx-nav-menu > summary {width:100%;box-sizing:border-box;}
 #clinicWorkspaceNav .cgx-nav-menu-items {position:static;min-width:0;max-width:none;width:100%;box-sizing:border-box;margin-top:6px;}
}

/* v118 — one clear primary navigation, without duplicated module controls. */
#clinicWorkspaceNav{gap:5px;align-items:center;position:relative}
#clinicWorkspaceNav .workspace-nav-item{padding:10px 12px;white-space:nowrap;font-size:.84rem}
#clinicWorkspaceNav .cgx-nav-people{display:inline-flex;align-items:stretch;min-width:0;border-radius:9px;border:1px solid transparent}
#clinicWorkspaceNav .cgx-nav-people > button{border-radius:9px 0 0 9px;padding-right:8px}
#clinicWorkspaceNav .cgx-nav-people > .cgx-nav-people-menu{display:flex;align-items:center}
#clinicWorkspaceNav .cgx-nav-people-toggle{cursor:pointer;list-style:none;padding:10px 10px;color:#b9d4d6;font-weight:800;border-radius:0 9px 9px 0}
#clinicWorkspaceNav .cgx-nav-people-toggle::-webkit-details-marker{display:none}
#clinicWorkspaceNav .cgx-nav-people-toggle:focus-visible{outline:3px solid #f3f7ac;outline-offset:2px}
#clinicWorkspaceNav .cgx-nav-people:hover{background:#1c3a46}
#clinicWorkspaceNav .cgx-nav-people.cgx-nav-group-active{background:#173b43;border-color:#528578}
#clinicWorkspaceNav .cgx-nav-people .cgx-nav-menu-items{left:0;right:auto}
#clinicWorkspaceNav .cgx-secondary-menu{margin-left:auto}
#clinicWorkspaceNav .cgx-secondary-menu>.workspace-nav-item{border:1px solid #365b63}
#clinicWorkspaceNav .cgx-nav-menu-items{z-index:100}
#clinicWorkspaceNav .cgx-nav-menu-items button{font-size:.87rem;white-space:normal;text-align:left;width:100%}
#clinicWorkspaceNav .cgx-nav-menu-items [hidden],#clinicWorkspaceNav .workspace-nav-item[hidden]{display:none!important}
#appView.cgx-day-focused #dashboardShortcuts,#appView.cgx-day-focused #dashboardStats,#appView.cgx-day-focused #clinicWorklistPanel,#appView.cgx-day-focused #cxVisitBoard,#appView.cgx-day-focused #cgxWorklistDisclosure,#appView.cgx-day-focused #cgxTrainingDisclosure{display:none!important}
@media(max-width:950px){#clinicWorkspaceNav .workspace-nav-item{padding:10px 9px}}
@media(max-width:700px){#clinicWorkspaceNav{display:flex;flex-wrap:wrap}#clinicWorkspaceNav .cgx-nav-people{width:auto}#clinicWorkspaceNav .cgx-nav-people>.workspace-nav-item{width:auto}#clinicWorkspaceNav .cgx-secondary-menu{margin-left:0}#clinicWorkspaceNav .cgx-nav-people .cgx-nav-menu-items{min-width:210px}}

/* The earlier competition stylesheet hid Home for logo-only navigation. */
#clinicWorkspaceNav [data-workspace-target="dashboard"] {display:inline-flex!important}

#clinicWorkspaceNav .cgx-nav-people-menu > .cgx-nav-people-toggle {display:block;padding:10px 9px;min-width:28px;box-sizing:border-box}
#clinicWorkspaceNav .cgx-nav-people-menu > .cgx-nav-people-toggle::after {content:none!important}


/* v120 DESIGN CONSOLIDATION — one chevron language across the PIMS.
 * All controls remain native <select> and <details> elements. No new workflow.
 * Styled after the older module styles so the rules share an intentional finish. */
:root {
 --cgx-ui-accent:#8de0cb;
 --cgx-ui-outline:#49737e;
 --cgx-ui-surface:#152f3a;
 --cgx-ui-surface-raised:#1c3e49;
 --cgx-ui-ink:#e9f7f4;
 --cgx-ui-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6.5 9 5.5 5.5L17.5 9' stroke='%2392decf' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* Every existing native choice control: attractive arrow with fully native behavior. */
body select:not([multiple]):not([size]) {
 appearance:none;
 -webkit-appearance:none;
 background-color:#102934;
 background-image:var(--cgx-ui-chevron);
 background-repeat:no-repeat;
 background-position:right 13px center;
 background-size:19px 19px;
 padding:10px 42px 10px 13px;
 border:1px solid var(--cgx-ui-outline);
 border-radius:10px;
 color:var(--cgx-ui-ink);
 min-height:42px;
 box-shadow:inset 0 1px rgba(255,255,255,.035);
 transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;
}
body select:not([multiple]):not([size]):hover:not(:disabled){border-color:#73a89f;background-color:#163642}
body select:not([multiple]):not([size]):focus-visible{outline:2px solid var(--cgx-ui-accent);outline-offset:2px;box-shadow:0 0 0 3px rgba(91,209,180,.14)}
body select:not([multiple]):not([size]):disabled{opacity:.62;cursor:not-allowed}
body select option{background:#102934;color:#e9f7f4}
/* Details remain native and keyboard-accessible, no duplicate triangles. */
#appView details > summary,
#clinicWorkspaceNav details > summary,
#patientView details > summary {
 list-style:none;
 position:relative;
 padding-right:max(34px,2.3rem);
}
#appView details > summary::-webkit-details-marker,
#clinicWorkspaceNav details > summary::-webkit-details-marker,
#patientView details > summary::-webkit-details-marker{display:none}
#appView details > summary::after,
#clinicWorkspaceNav details > summary::after,
#patientView details > summary::after {
 content:'';
 width:20px;height:20px;
 position:absolute;right:12px;top:50%;
 transform:translateY(-50%) rotate(0deg);
 background:var(--cgx-ui-chevron) center/20px 20px no-repeat;
 pointer-events:none;
 opacity:.93;
 transition:transform .16s ease,opacity .16s ease;
}
#appView details[open] > summary::after,
#clinicWorkspaceNav details[open] > summary::after,
#patientView details[open] > summary::after {
 transform:translateY(-50%) rotate(180deg);
}
#appView details > summary:hover::after,
#clinicWorkspaceNav details > summary:hover::after{opacity:1}
#appView details > summary:focus-visible,
#clinicWorkspaceNav details > summary:focus-visible,
#patientView details > summary:focus-visible{
 outline:2px solid var(--cgx-ui-accent);outline-offset:3px;border-radius:8px;
}
/* Navigation: coherent split button with a real clickable, accessible chevron. */
#clinicWorkspaceNav .cgx-nav-people{border:1px solid #3b626c;border-radius:12px;background:#112b35}
#clinicWorkspaceNav .cgx-nav-people > button{border:0!important;border-radius:11px 0 0 11px!important}
#clinicWorkspaceNav .cgx-nav-people .cgx-nav-people-toggle{
 position:relative;display:block;min-width:35px;min-height:41px;
 padding:0!important;border-left:1px solid #355761;border-radius:0 11px 11px 0;
 font-size:0;line-height:0;
}
#clinicWorkspaceNav .cgx-nav-people .cgx-nav-people-toggle::after{
 content:''!important;display:block!important;right:8px;top:50%;width:19px;height:19px;
 transform:translateY(-50%);background:var(--cgx-ui-chevron) center/19px no-repeat;
}
#clinicWorkspaceNav .cgx-nav-people-menu[open] .cgx-nav-people-toggle::after{transform:translateY(-50%) rotate(180deg)}
#clinicWorkspaceNav .cgx-nav-people .cgx-nav-people-toggle:hover{background:#244a54}
#clinicWorkspaceNav .cgx-secondary-menu > summary{border-radius:11px!important;padding:11px 38px 11px 15px!important}
#clinicWorkspaceNav .cgx-nav-menu > summary::after{content:''!important;right:10px!important;top:50%;width:20px;height:20px;font-size:0;transform:translateY(-50%);background:var(--cgx-ui-chevron) center/20px no-repeat}
#clinicWorkspaceNav .cgx-nav-menu[open] > summary::after{content:''!important;transform:translateY(-50%) rotate(180deg)}
/* One menu surface shared by main navigation and consultation. */
#clinicWorkspaceNav .cgx-nav-menu-items,
#cgxVisitMore .cgx-visit-more-items{
 background:linear-gradient(180deg,#1b3b45,#132f39);
 border:1px solid #547e81;
 border-radius:13px;
 padding:7px;
 box-shadow:0 22px 55px rgba(0,8,15,.5),0 2px 9px rgba(0,0,0,.25);
 min-width:205px;
 overflow:visible;
}
#clinicWorkspaceNav .cgx-nav-menu-items > button,
#cgxVisitMore .cgx-visit-more-items > button{
 display:block;min-height:39px;padding:10px 12px!important;
 color:#e1f4ed;border:1px solid transparent!important;border-radius:8px!important;
 background:transparent!important;
 transition:background-color .12s ease,color .12s ease;
}
#clinicWorkspaceNav .cgx-nav-menu-items > button:hover,
#cgxVisitMore .cgx-visit-more-items > button:hover,
#clinicWorkspaceNav .cgx-nav-menu-items > button:focus-visible,
#cgxVisitMore .cgx-visit-more-items > button:focus-visible {
 background:#2a5960!important;color:#fff!important;border-color:#4a7978!important;
 outline:2px solid transparent;
}
#clinicWorkspaceNav .cgx-nav-menu-items > button.active,
#clinicWorkspaceNav .cgx-nav-menu-items > button[aria-current='page'],
#cgxVisitMore .cgx-visit-more-items > button.cgx-unified-active {
 background:#244e53!important;color:#b6f9db!important;
}
#clinicWorkspaceNav .cgx-nav-menu[open] > .cgx-nav-menu-items,
#cgxVisitMore[open] > .cgx-visit-more-items{animation:cgx-menu-rise .15s ease-out both}
@keyframes cgx-menu-rise{from{opacity:.25;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/* The consultation's More tab is the same disclosure affordance. */
#cgxVisitMore > summary{padding:10px 38px 10px 14px!important;border:1px solid #416a72;border-radius:11px;background:#18323c}
#cgxVisitMore > summary::after{content:''!important;font-size:0;width:20px;height:20px;right:12px;top:50%;background:var(--cgx-ui-chevron) center/20px no-repeat;transform:translateY(-50%)}
#cgxVisitMore[open] > summary::after{transform:translateY(-50%) rotate(180deg)}
/* Gentle consistency for collapsible panels, without changing their content. */
#appView details.adder,
#appView details.cgx-home-detail{border-radius:12px;border-color:#3d626a}
#appView details.adder > summary,
#appView details.cgx-home-detail > summary{min-height:42px;display:flex;align-items:center;padding-top:11px;padding-bottom:11px;color:#e5f5ef}
#appView details.adder[open] > summary,
#appView details.cgx-home-detail[open] > summary{color:#baf3df}
@media(max-width:700px){
 #clinicWorkspaceNav .cgx-nav-menu-items{max-width:min(325px,calc(100vw - 26px));min-width:min(225px,calc(100vw - 26px))}
 #clinicWorkspaceNav .cgx-nav-people .cgx-nav-menu-items{left:0;right:auto}
 #cgxVisitMore .cgx-visit-more-items{min-width:170px;max-width:calc(100vw - 25px)}
}
@media(prefers-reduced-motion:reduce){
 body select:not([multiple]):not([size]),
 #appView details > summary::after,#clinicWorkspaceNav details > summary::after,#patientView details > summary::after,
 #clinicWorkspaceNav .cgx-nav-menu-items > button,#cgxVisitMore .cgx-visit-more-items > button {transition:none!important}
 #clinicWorkspaceNav .cgx-nav-menu[open] > .cgx-nav-menu-items,#cgxVisitMore[open] > .cgx-visit-more-items{animation:none!important}
}
/* Keep the chevrons visually attached to their labels at all viewport sizes. */
@media(min-width:701px){
 #clinicWorkspaceNav .cgx-secondary-menu{display:flex;align-items:center;height:42px;min-height:42px}
 #clinicWorkspaceNav .cgx-secondary-menu>summary{display:flex!important;align-items:center;min-height:42px;height:42px;line-height:1.1}
}
@media(max-width:700px){
 #clinicWorkspaceNav .cgx-nav-people > .cgx-nav-people-menu{width:35px!important;min-width:35px;max-width:35px;flex:0 0 35px}
 #clinicWorkspaceNav .cgx-nav-people .cgx-nav-people-toggle{width:35px!important;height:42px}
 #clinicWorkspaceNav .cgx-secondary-menu>summary{min-height:42px;display:flex!important;align-items:center;line-height:1.2}
}

/* Checklists: checkbox on the left, text left-aligned beside it (global input{width:100%} was stretching the box). */
.v149-checks label,#appView .v149-checks label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px;margin:8px 0;text-align:left;direction:ltr}
.v149-checks input[type="checkbox"],#appView .v149-checks input[type="checkbox"]{width:auto;flex:0 0 auto;margin:3px 0 0;padding:0}
/* "Close" button text was being rotated 180deg by the arrow rule meant for plain panels; keep its vertical centering, drop the rotation. */
#appView details.adder[open] > summary::after,#appView #adminPanel > details[open] > summary::after{transform:translateY(-50%) rotate(0deg)}
/* The plain-panel arrow icon was also drawn behind the Close/Open text button; hide it so only the text button shows. */
#appView details.adder > summary::after,#appView #adminPanel > details > summary::after{background:none}