/* Shared SCB desktop, tablet and touch layout rules. CRM is separate. */
:root{--scb-control-radius:6px;--scb-touch-size:44px;--scb-space:12px}
.sidebar-header h2::after,.tasks-brand a::after,.calendar-brand-row>a::after{height:2px}
.tasks-view-switch button,.calendar-view-switch button,.calendar-toolbar-actions button{border-radius:var(--scb-control-radius)}
@media(min-width:761px) and (max-width:1180px){
 .tasks-shell,.tasks-shell:has(.tasks-sidebar.is-collapsed){grid-template-columns:220px minmax(0,1fr)}
 .tasks-shell:has(.tasks-sidebar.is-collapsed){grid-template-columns:48px minmax(0,1fr)}
 .task-detail:not([hidden]){position:fixed;inset:0 0 0 auto;width:min(360px,48vw);box-sizing:border-box;z-index:90;box-shadow:-8px 0 28px #0002}
 .tasks-main{min-width:0;padding:30px 24px}
 .calendar-shell,.calendar-shell.calendar-sidebar-closed{grid-template-columns:220px minmax(0,1fr)}
 .calendar-shell.calendar-sidebar-closed{grid-template-columns:48px minmax(0,1fr)}
 .calendar-shell .task-drawer{grid-column:2;min-width:0}
 .calendar-main{min-width:0;padding:24px 16px}
 .sidebar{width:220px}
 .columns-grid{gap:var(--scb-space)}
 .page-canvas{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){
 .sticky-controls{display:flex!important;bottom:calc(12px + env(safe-area-inset-bottom));right:12px}
 .sticky-controls .sticky-icon-btn{width:var(--scb-touch-size);height:var(--scb-touch-size)}
 .task-detail input,.task-detail textarea,.task-detail select,.quick-task-form input,.form-text-input{font-size:16px}
 .task-detail:not([hidden]){max-height:100dvh;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .task-notes-toolbar button,.page-appearance-actions button,.page-appearance-actions summary{min-height:var(--scb-touch-size)}
 .columns-grid{grid-template-columns:1fr!important}
 .task-kanban{overscroll-behavior-x:contain}
}
@media(hover:none){
 .folder-icon[role=button]{min-width:24px;min-height:32px;display:grid;place-items:center}
 button:focus-visible,summary:focus-visible{outline:2px solid var(--navy-accent);outline-offset:2px}
}
@media(min-width:761px) and (max-width:1180px){
 .tasks-shell:not(:has(.tasks-sidebar.is-collapsed)):not(:has(.task-detail[hidden])){grid-template-columns:220px minmax(0,1fr)}
 .tasks-shell:has(.tasks-sidebar.is-collapsed):not(:has(.task-detail[hidden])){grid-template-columns:48px minmax(0,1fr)}
 .tasks-shell:has(.tasks-sidebar.is-collapsed):has(.task-detail[hidden]){grid-template-columns:48px minmax(0,1fr)}
}

/* Keep the floating note control comfortably inside the viewport. */
.sticky-controls,body:has(.sidebar.is-collapsed) .sticky-controls{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));}

/* One menu width across Notes, tasks, calendar and Flow. */
@media(min-width:761px){
 :root{--scb-sidebar-width:250px}
 body .sidebar:not(.is-collapsed){width:var(--scb-sidebar-width);min-width:var(--scb-sidebar-width);flex:0 0 var(--scb-sidebar-width);box-sizing:border-box}
 body .tasks-shell{grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr) 360px!important}
 body .tasks-shell:has(.task-detail[hidden]){grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr)!important}
 body .tasks-shell:has(.tasks-sidebar.is-collapsed){grid-template-columns:48px minmax(0,1fr) 360px!important}
 body .tasks-shell:has(.tasks-sidebar.is-collapsed):has(.task-detail[hidden]){grid-template-columns:48px minmax(0,1fr)!important}
 body .calendar-shell{grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr) 290px!important}
 body .calendar-shell.task-drawer-closed{grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr)!important}
 body .calendar-shell.calendar-sidebar-closed{grid-template-columns:48px minmax(0,1fr) 290px!important}
 body .calendar-shell.calendar-sidebar-closed.task-drawer-closed{grid-template-columns:48px minmax(0,1fr)!important}
 body .workflow-layout{grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr)}
 body .workflow-layout.sidebar-collapsed{grid-template-columns:48px minmax(0,1fr)}
}
@media(min-width:761px) and (max-width:1180px){
 body .tasks-shell{grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr)!important}
 body .tasks-shell:has(.tasks-sidebar.is-collapsed){grid-template-columns:48px minmax(0,1fr)!important}
 body .calendar-shell{grid-template-columns:var(--scb-sidebar-width) minmax(0,1fr)!important}
 body .calendar-shell.calendar-sidebar-closed{grid-template-columns:48px minmax(0,1fr)!important}
}
.workflow-sidebar .scb-module-dock a[aria-current="page"]{background:#e8f1f5;color:#1c4963}
html[data-theme="dark"] .workflow-sidebar .scb-module-dock a[aria-current="page"]{background:#284655;color:#92c5df}