/* The recorder keeps repeated actions in a stable, visible position. */
.ev-workspace .ev-title{margin-bottom:14px;align-items:center}
.ev-workspace .ev-title>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ev-workspace .ev-title h1{font:650 1.75rem/1.2 system-ui;margin:0}
.ev-workspace .ev-title .text-back{margin:0;min-height:42px;padding:7px 10px;background:transparent}
.ev-workspace .ev-badge{font-size:.75rem}
.ev-command-dock{position:sticky;top:86px;z-index:12;background:#122733;border:1px solid #577482;border-radius:12px;padding:10px;box-shadow:0 8px 22px #0005}
.ev-command-dock .ev-timer-bar{position:static;box-shadow:none;border:0;background:transparent;padding:0 7px 10px;grid-template-columns:1fr 1fr auto;gap:14px}
.ev-command-dock .ev-timer-bar strong{font-size:2rem;line-height:1.1}
.ev-command-dock .ev-timer-bar strong.ev-wall{font-size:1.3rem}
.ev-command-dock .ev-timer-bar span{font-size:.875rem}
.ev-command-dock .ev-timer-bar small{font-size:.75rem;margin:2px 0 0}
.ev-primary-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ev-page .ev-main-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;min-width:0;min-height:148px;width:100%;padding:13px 16px;border-width:2px;background:#203d4c;color:#f1f9fc;overflow-wrap:anywhere}
.ev-main-button>span{font-size:.875rem;font-weight:850;letter-spacing:.05em}
.ev-main-button>strong{font-size:1rem;line-height:1.3;font-weight:600}
.ev-main-button>b{font:750 1.8rem/1.1 ui-monospace,monospace;font-variant-numeric:tabular-nums}
.ev-main-button>small{font-size:.875rem;font-weight:450;line-height:1.25;color:#c8dce4}
.ev-page .ev-cpr{background:#1b4945;border-color:#69b9a5}
.ev-page .ev-rhythm{background:#1c3c59;border-color:#72a2c9}
.ev-page .ev-rhythm>b{font:650 1rem/1.3 system-ui;color:#daeaf8}
.ev-main-wrap{display:flex;flex-direction:column;min-width:0;border:2px solid #c09683;border-radius:7px;overflow:hidden;background:#3c3430}
.ev-main-wrap .ev-main-button{flex:1;min-height:105px;border:0;border-radius:0;background:transparent;padding:10px 14px}
.ev-main-wrap .ev-route-choice{margin:0;padding:0 12px 8px;gap:7px}
.ev-page .ev-main-wrap .ev-route-choice button{flex:1;min-height:34px;padding:3px 12px;font-size:.875rem;background:#2c2928;border-color:#9c8a80;color:#f6efea}
.ev-page .ev-main-wrap .ev-route-choice button[aria-pressed=true]{background:#f0dfd0;color:#382c26;border-color:#f0dfd0}
.ev-main-button:disabled,.ev-main-wrap:has(.ev-main-button:disabled){opacity:.55}
.ev-primary-trio .ev-due{border-color:#f5ce69;animation:recorder-cue 2s ease-in-out infinite}
.ev-primary-trio .ev-late{border-color:#f0a79f;background:#51312f}
@keyframes recorder-cue{50%{box-shadow:inset 0 0 0 2px #f5ce6988}}
.ev-feedback{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px 0;font-size:.875rem;color:#c3d7df}
.ev-feedback span{min-width:0;overflow-wrap:anywhere}
.ev-page .ev-feedback button{min-height:36px;padding:5px 10px;font-size:.875rem;background:#254739;border-color:#659d7d;white-space:nowrap}
.ev-workspace .ev-one-screen{grid-template-columns:minmax(0,1.5fr) minmax(285px,.8fr);margin-top:16px;gap:16px}
.ev-live-log{position:static;max-height:none;padding:15px}
.ev-live-log .ev-timeline strong{font-size:1rem}
.ev-live-log .ev-timeline article{padding:11px 0}
.ev-live-log .ev-timeline button{font-size:.875rem;min-height:40px}
.ev-action-area{min-width:0}
.ev-rhythm-picker{margin:14px 0 0;padding:16px;background:#f2f7fa;color:#213e4a;border:2px solid #80a9c8;border-radius:10px;scroll-margin-top:350px}
.ev-picker-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.ev-picker-title h2{font:650 1.2rem/1.3 system-ui;margin:0}
.ev-page .ev-picker-title button{min-height:40px;background:#e0eaf0;color:#284857;border-color:#bacbd6;font-size:1.25rem;padding:3px 14px}
.ev-rhythm-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.ev-page .ev-rhythm-choices button{min-height:70px;background:#fff;color:#244a64;border:1px solid #94b2c8;text-align:left;padding:10px 14px}
.ev-rhythm-choices strong,.ev-rhythm-choices small{display:block}
.ev-rhythm-choices strong{font-size:1.1rem}
.ev-rhythm-choices small{font-size:.875rem;font-weight:400;margin-top:4px}
.ev-rhythm-fields{display:flex;gap:12px;flex-wrap:wrap}
.ev-rhythm-fields>.ev-field{flex:1 1 200px}
.ev-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.ev-picker-footer>span{font-size:.875rem;color:#536c7b}
.ev-early{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:14px;border-radius:8px;background:#ffedc3;color:#583e1d;border:1px solid #bf9753}
.ev-early strong{flex-basis:100%}
.ev-early span{flex:1}
.ev-workspace .ev-path-prompt{min-height:100px;padding:22px;font-size:1rem}
.ev-workspace .ev-energy{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ev-workspace .ev-quick{min-height:68px;padding:11px}
.ev-workspace .ev-quick small{font-size:.875rem}
.ev-refractory{margin:0 15px 15px;border:1px solid #c5d3dc;border-radius:7px;background:#eef4f9}
.ev-refractory summary{padding:13px;cursor:pointer;font-weight:700;font-size:1rem;color:#345268}
.ev-refractory .ev-caption{margin:0 13px 13px;color:#526a78}
.ev-refractory .ev-med-row{grid-template-columns:1fr 1fr;padding:0 12px 12px}
.ev-workspace .ev-compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.ev-workspace .ev-clinical-card .ev-caption{font-size:.875rem;line-height:1.5;margin-top:0}
.ev-late-tools{padding:18px;background:#203b49;border:1px solid #597583;border-radius:8px;margin-top:18px}
.ev-late-tools>strong{display:block;margin-bottom:12px}
.ev-form-inside .ev-caption,.ev-form-inside .ev-timeline p{color:#48616b}
.ev-form-inside .ev-timeline time{color:#285b64}
.ev-form-inside .ev-timeline small{color:#5b747c}
.ev-form-inside .ev-timeline strong{color:#233c42}
.ev-form-inside .ev-details{background:#e9f0ed;color:#29413e}
.ev-form-inside .ev-details p{color:#425c59}
#eventDialog{max-width:700px}
#eventDialog .ev-modal{gap:14px;padding:24px}
#eventDialog .ev-modal-title h2{font:650 1.6rem/1.2 system-ui}
#eventDialog .ev-entry-meta{border:1px solid #cad7d4;background:#eff4f1;padding:12px;border-radius:6px}
#eventDialog .ev-entry-meta summary{cursor:pointer;font-weight:650;font-size:.875rem}
#eventDialog .ev-entry-meta .ev-field{margin-top:12px}
@media(max-width:1000px){.ev-workspace .ev-one-screen{grid-template-columns:1fr}.ev-live-log .ev-timeline{max-height:400px;overflow-y:auto}.ev-rhythm-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .ev-command-dock{top:0;padding:7px;border-radius:8px}
  .ev-workspace .ev-title{display:flex;gap:8px;flex-wrap:wrap}
  .ev-workspace .ev-title>div{gap:10px}.ev-workspace .ev-title h1{font-size:1.4rem}
  .ev-workspace .ev-title .ev-badge{margin:0;font-size:.75rem;padding:5px 7px}
  .ev-clock-cell{display:none}
  .ev-command-dock .ev-timer-bar{grid-template-columns:1fr auto;gap:8px}
  .ev-command-dock .ev-timer-actions{grid-column:auto;flex-wrap:nowrap}
  .ev-command-dock .ev-timer-actions button{min-height:40px;padding:6px 9px;font-size:.875rem}
  .ev-command-dock .ev-start{font-size:1rem!important;padding:10px!important}
  .ev-primary-trio{gap:5px}
  .ev-page .ev-main-button{min-height:166px;padding:10px 8px;gap:7px}
  .ev-main-button>span{font-size:.75rem;letter-spacing:0}
  .ev-main-button>strong{font-size:.875rem}
  .ev-main-button>small{font-size:.875rem}
  .ev-main-button>b{font-size:1.5rem}
  .ev-page .ev-main-wrap .ev-main-button{min-height:126px;padding:8px}
  .ev-main-wrap .ev-route-choice{padding:0 5px 6px;gap:4px}
  .ev-page .ev-main-wrap .ev-route-choice button{padding:3px 6px;min-height:36px}
  .ev-feedback{flex-wrap:wrap;gap:5px;font-size:.8125rem}.ev-feedback span{flex:1 1 150px}
  .ev-page .ev-feedback button{font-size:.8125rem;white-space:normal}
  .ev-rhythm-picker{padding:12px;scroll-margin-top:340px}
  .ev-picker-footer{display:block}.ev-picker-footer button{width:100%;margin-top:10px}
  .ev-workspace .ev-energy{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev-workspace .ev-compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  #eventDialog .ev-modal{padding:20px 16px}
}
@media(max-height:600px) and (orientation:landscape){.ev-command-dock{position:static}}
@media(prefers-reduced-motion:reduce){.ev-primary-trio .ev-due{animation:none;box-shadow:inset 0 0 0 2px #f5ce69}}

/* Elapsed meters complement the written cue; animation never carries meaning alone. */
.ev-main-button>.ev-meter{display:block;position:relative;width:100%;height:9px;min-height:9px;border-radius:8px;overflow:hidden;background:#081d27;box-shadow:inset 0 0 0 1px #adc8d244;margin-top:5px}
.ev-meter i{display:block;width:0;height:100%;background:#7ed4bf;transition:width .45s linear}
.ev-meter-epi{background:linear-gradient(to right,#1d2229 60%,#65542b 60%)!important}
.ev-meter-epi i{background:#ddbc87}
.ev-meter-epi em{position:absolute;left:60%;top:0;width:2px;height:100%;background:#fff0c6}
.ev-main-button>.ev-meter-labels{display:flex;justify-content:space-between;width:100%;position:relative;letter-spacing:0;font-weight:400;color:#d3e2e8}
.ev-meter-labels small{font-size:.75rem;line-height:1.2}
.ev-meter-epi-labels small:nth-child(2){position:absolute;left:60%;transform:translateX(-50%)}
.ev-due .ev-meter i{background:#f5ce69}
.ev-late .ev-meter i{background:#f1a79a}
.ev-meter-paused .ev-meter{opacity:.45}
.ev-timing-note{font-size:.875rem;line-height:1.5;margin:12px 3px 0;color:#c1d3dc;max-width:100ch}
@media(prefers-reduced-motion:reduce){.ev-meter i{transition:none}}
@media(max-width:380px){.ev-primary-trio{grid-template-columns:1fr}.ev-page .ev-main-button{min-height:130px}.ev-command-dock{position:static}}