/* Mobile panel navigation only; desktop sidebar and original action semantics stay intact. */
@media screen{body.clinic-dashboard-page-v27{padding:0!important;margin:0!important}}
#control-panel-modal .cp-mobile-panelbar{display:none}
#control-panel-modal .cp-general-fields{display:block!important;margin-top:22px;min-width:0}
@media screen and (max-width:700px){
body.clinic-dashboard-page-v27 #control-panel-modal .cp-mobile-panelbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:10;width:100%;min-height:66px;padding:10px 12px;border-bottom:1px solid var(--cp-border,#e1e8f2);background:var(--cp-bg,#fff);color:var(--cp-text,#24344c)}
#control-panel-modal .cp-mobile-panelbar strong{flex:1;min-width:0;font-size:14px;line-height:1.5}
#control-panel-modal .cp-mobile-menu{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid var(--cp-border,#dce5ef);border-radius:12px;background:var(--cp-sidebar-bg,#f3f7fc);color:var(--cp-primary,#2563eb);cursor:pointer}
body.clinic-dashboard-page-v27 #control-panel-modal .cp-mobile-panelbar .cp-window-actions{position:static!important;display:flex;flex:none;gap:7px;margin:0!important;padding:0;inset:auto!important;transform:none!important}
#control-panel-modal .cp-mobile-panelbar .cp-window-actions button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}
body.clinic-dashboard-page-v27 #control-panel-modal .cp-sidebar{display:none!important;width:100%!important;padding:10px 12px!important;max-height:min(60dvh,440px)!important;overflow-y:auto!important;position:relative!important;top:auto!important}
body.clinic-dashboard-page-v27 #control-panel-modal.cp-mobile-nav-open .cp-sidebar{display:grid!important;grid-template-columns:none!important;grid-template-rows:repeat(2,44px)!important;flex:0 0 124px!important;height:124px!important;min-height:124px!important;grid-auto-flow:column!important;grid-auto-columns:minmax(125px,40%)!important;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;max-height:128px!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
#control-panel-modal .cp-sidebar>.cp-header,#control-panel-modal .cp-sidebar>.cp-actions{display:none!important}
#control-panel-modal .cp-nav-item{min-height:44px;cursor:pointer}
#control-panel-modal .cp-mobile-menu:focus-visible,#control-panel-modal .cp-nav-item:focus-visible{outline:3px solid #83aaff;outline-offset:2px}
body.clinic-dashboard-page-v27 #control-panel-modal .cp-content{padding-top:16px!important}
}

@media(max-width:700px){#control-panel-modal .cp-sidebar .cp-nav-item{scroll-snap-align:start;white-space:normal;min-width:0;padding:8px!important;font-size:12px!important;line-height:1.5}}

@media(max-width:700px){body.clinic-dashboard-page-v27 #control-panel-modal.cp-mobile-nav-open .cp-sidebar{position:relative!important;top:auto!important;z-index:auto;background:var(--cp-bg,#fff)}}

@media(max-width:700px){body.clinic-dashboard-page-v27 #control-panel-modal.cp-mobile-nav-open .cp-sidebar .cp-nav-item{height:44px!important;min-height:44px!important;max-height:44px!important;flex-direction:row!important;gap:5px!important;padding:6px!important;font-size:11px!important;line-height:1.4!important;white-space:nowrap!important}body.clinic-dashboard-page-v27 #control-panel-modal.cp-mobile-nav-open .cp-sidebar .cp-nav-item i{font-size:15px!important;margin:0!important}}

#control-panel-modal .cp-mobile-nav-hint{display:none}
@media(max-width:700px){
#control-panel-modal.cp-mobile-nav-open .cp-mobile-nav-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;padding:8px 14px 0;color:var(--cp-text,#24344c);font-size:11px;flex:none}
#control-panel-modal .cp-mobile-nav-hint button{border:1px solid var(--cp-border,#dce5ef);border-radius:8px;background:var(--cp-sidebar-bg,#f3f7fc);color:var(--cp-primary,#2563eb);padding:5px 10px;cursor:pointer;font:inherit}
#control-panel-modal.cp-mobile-nav-open .cp-sidebar{scrollbar-width:thin;scrollbar-color:#779ce1 #e5ebf5}
#control-panel-modal.cp-mobile-nav-open .cp-sidebar::-webkit-scrollbar{height:6px}
#control-panel-modal.cp-mobile-nav-open .cp-sidebar::-webkit-scrollbar-thumb{background:#779ce1;border-radius:5px}
}