/* Guided and Manual share the quiet material palette of the Waves drawer. */
body.zen-mode #zen-advanced-drawer :is(#levels-selector-bar, #tempo-control-panel, #panel-guided, #panel-freeform) {
  --accent-cyan: #9bc4b9;
  --bg-subtle: #202324;
  --bg-hover: #292d2e;
  --text-muted: #a8b0b2;
  --text-dim: #929c9f;
  background: #1b1e1f !important;
  border: 1px solid #ffffff0d !important;
  border-radius: 18px !important;
  padding: 22px !important;
  color: #d5dddd;
  min-width: 0;
}
#zen-advanced-drawer .levels-label-row {display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px;}
#zen-advanced-drawer .section-heading {color:#e0e6e6;font-weight:600;}
#zen-advanced-drawer #level-badge-display {background:none;border:0;border-radius:0;padding:0;color:#a6b9b4;font-size:12px;font-weight:400;line-height:1.5;}
#zen-advanced-drawer .levels-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#zen-advanced-drawer .tempo-preset-group {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
body.zen-mode #zen-advanced-drawer :is(.level-card,.tempo-btn,.quick-shift-btn) {
  background:linear-gradient(150deg,#25292a,#202324) !important;
  border:1px solid #ffffff12 !important;
  border-radius:12px !important;
  color:#bec7c9 !important;
  box-shadow:inset 0 1px 0 #ffffff04 !important;
  text-shadow:none !important;
  transform:none;
  overflow:hidden;
  transition:background .18s,border-color .18s,box-shadow .18s;
}
#zen-advanced-drawer .level-card {padding:16px;min-height:138px;}
#zen-advanced-drawer .tempo-btn {padding:13px 10px;min-height:64px;}
body.zen-mode #zen-advanced-drawer :is(.level-card,.tempo-btn,.quick-shift-btn):hover:not(:disabled):not(.is-locked) {border-color:#ffffff30 !important;}
body.zen-mode #zen-advanced-drawer :is(.level-card,.tempo-btn,.quick-shift-btn):is(.active,:active):not(:disabled):not(.is-locked) {
  background:linear-gradient(155deg,#1a2020,#293332) !important;
  border-color:#a4c7bc66 !important;
  box-shadow:inset 0 2px 5px #0007,inset 0 -1px 0 #ffffff09 !important;
  color:#eef5f2 !important;
}
#zen-advanced-drawer :is(.level-card,.tempo-btn,.quick-shift-btn,input,select):focus-visible {outline:2px solid #a4c7bc;outline-offset:3px;}
#zen-advanced-drawer .level-num {color:#9bb5ae;font-size:10px;letter-spacing:.08em;font-weight:600;margin-bottom:8px;}
#zen-advanced-drawer .level-name {color:inherit;font-size:14px;line-height:1.4;margin-bottom:8px;}
#zen-advanced-drawer .level-spec {color:#a1abad;font-size:12px;line-height:1.5;}
#zen-advanced-drawer .speed-name {color:inherit;font-size:12px;font-weight:600;line-height:1.5;}
#zen-advanced-drawer .speed-bpm {color:#99a5a7;font-size:11px;line-height:1.5;}
#zen-advanced-drawer .tempo-slider-row {display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:24px;width:100%;}
#zen-advanced-drawer .slider-label-row {gap:16px !important;}
#zen-advanced-drawer :is(.slider-label,.custom-bpm-direct-input label) {font-size:12px !important;color:#aeb8ba !important;line-height:1.6;}
#zen-advanced-drawer #slider-bpm-val {color:#e0ece7 !important;}
#zen-advanced-drawer #bpm-number-input {background:#141818 !important;color:#e0ece7 !important;border:1px solid #ffffff24 !important;border-radius:9px !important;padding:10px !important;font-family:inherit !important;}
#zen-advanced-drawer #bpm-slider {width:100%;height:4px;margin:12px 0;accent-color:#9bc4b9;background:#39413f;border-radius:4px;}
#zen-advanced-drawer #bpm-slider::-webkit-slider-thumb {background:#aaccc1;box-shadow:none;}
#zen-advanced-drawer #bpm-slider::-moz-range-thumb {background:#aaccc1;box-shadow:none;border:0;}
#zen-advanced-drawer .bpm-slider-bounds {gap:10px;font-family:inherit !important;color:#8f9b9d !important;}
#zen-advanced-drawer .bpm-slider-bounds span {color:inherit !important;font-weight:400 !important;}
#zen-advanced-drawer :is(#panel-guided,#panel-freeform) {margin-top:20px;}
#zen-advanced-drawer .subpanel-title {margin:0 0 14px;color:#e1e7e7;font-size:14px;font-weight:600;}
#zen-advanced-drawer .subpanel-desc {color:#a8b2b4;line-height:1.7;margin:0 0 20px;}
#zen-advanced-drawer #guided-flow-preview {display:block;overflow:visible;padding:0;}
#zen-advanced-drawer .protocol-card {background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;width:100%;}
#zen-advanced-drawer .protocol-card :is(div,span) {border-color:#ffffff12 !important;}
#zen-advanced-drawer .protocol-card h4 {color:#dce9e4 !important;font-size:16px !important;line-height:1.5;}
#zen-advanced-drawer .protocol-card p {color:#aab5b6 !important;line-height:1.7;}
#zen-advanced-drawer .protocol-card span {background:#ffffff05 !important;color:#acbfb9 !important;font-family:inherit;font-weight:500 !important;white-space:normal !important;}
#zen-advanced-drawer .protocol-card strong {color:#cedbd7 !important;}
#zen-advanced-drawer .protocol-card > div > div {flex-wrap:wrap;line-height:1.6;}
#zen-advanced-drawer .flow-stages-list > div {background:#ffffff03 !important;padding:12px !important;border-radius:10px;line-height:1.6;}
#zen-advanced-drawer .flow-stages-list div {color:#afb9bb !important;}
#zen-advanced-drawer #panel-freeform .relentless-control-card {background:#151919 !important;border:1px solid #ffffff10 !important;border-radius:14px;padding:18px;margin-top:4px;}
#zen-advanced-drawer #panel-freeform .toggle-control {color:#c5d2ce !important;align-items:center;gap:12px;font-weight:500 !important;line-height:1.6;margin-bottom:14px;}
#zen-advanced-drawer #panel-freeform .toggle-slider {flex-shrink:0;}
#zen-advanced-drawer #panel-freeform input:checked + .toggle-slider {background:#6c9688 !important;box-shadow:none;}
#zen-advanced-drawer #panel-freeform .relentless-control-card > div {border-color:#ffffff12 !important;}
#zen-advanced-drawer .relentless-options-grid {gap:18px;margin:18px 0;}
#zen-advanced-drawer #panel-freeform .setting-item label {display:block;font-size:12px;color:#9faeaf;margin-bottom:8px;}
#zen-advanced-drawer #panel-freeform .custom-select {background:#222727 !important;border-color:#ffffff14 !important;color:#d5dfdc !important;border-radius:10px;min-height:44px;}
#zen-advanced-drawer .quick-shift-row {gap:8px !important;margin-top:20px !important;}
#zen-advanced-drawer .quick-shift-row > .section-heading {flex-basis:100%;margin-bottom:4px;}
#zen-advanced-drawer .quick-shift-btn {min-height:40px;padding:8px 12px !important;font-size:12px !important;}
@media(max-width:600px) {
  body.zen-mode #zen-advanced-drawer :is(#levels-selector-bar,#tempo-control-panel,#panel-guided,#panel-freeform) {padding:16px !important;}
  #zen-advanced-drawer .levels-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #zen-advanced-drawer .tempo-preset-group {grid-template-columns:repeat(3,minmax(0,1fr));}
  #zen-advanced-drawer .relentless-options-grid {grid-template-columns:1fr;}
  #zen-advanced-drawer .bpm-slider-bounds {font-size:10px !important;}
}
@media(max-width:380px) {#zen-advanced-drawer .levels-grid {grid-template-columns:1fr;}#zen-advanced-drawer .tempo-preset-group {grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Manual tempo is one compact control, with an accurate range label. */
#zen-advanced-drawer #tempo-control-panel .tempo-slider-row {margin-top:0;gap:16px;}
#zen-advanced-drawer #tempo-control-panel .bpm-slider-bounds {display:flex;justify-content:space-between;font-size:11px;}
#zen-advanced-drawer #manual-tempo-help {margin:0;color:#929fa0;font-size:12px;line-height:1.6;max-width:60ch;}

body.zen-mode #zen-advanced-drawer #bpm-slider {height:4px !important;min-height:4px !important;border-radius:4px !important;}

/* Session actions: a single invitation until a session is underway. */
body.zen-mode .primary-controls[data-session-controls="idle"] .main-actions {
  display:flex !important;justify-content:center;grid-template-columns:none !important;
}
body.zen-mode .primary-controls[data-session-controls="idle"] #btn-start-pause {
  flex:0 1 280px !important;width:280px;max-width:100%;
}
body.zen-mode .primary-controls[data-session-controls="idle"] :is(#btn-edge-trigger,.secondary-actions),
body.zen-mode .primary-controls[data-session-controls="ended"] {display:none !important;}
body.zen-mode .primary-controls[data-session-controls="active"] .controls-row {
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px;
}