/* My Day: the existing work record in a compact planner workspace. */
#myWorkBoard.mwb-planner {
  width:100%; max-width:none; min-width:0; margin:0 0 24px; padding:0;
  border:0; border-radius:0; background:transparent; box-shadow:none;
  color:var(--ink); font-family:Inter,system-ui,sans-serif;
}
#myWorkBoard.mwb-planner[hidden],
#myWorkBoard.mwb-planner [hidden] { display:none!important; }
#myWorkBoard.mwb-planner *,
#myWorkBoard.mwb-planner *::before,
#myWorkBoard.mwb-planner *::after { box-sizing:border-box; }
#myWorkBoard.mwb-planner .mwb-planner-sr {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%);
  white-space:nowrap; border:0;
}
#myWorkBoard.mwb-planner :is(button,input,select,textarea,a) { max-width:100%; }
#myWorkBoard.mwb-planner :is(button,.btn) {
  min-height:44px; border-radius:8px; font-size:13px; line-height:1.4;
  white-space:normal; overflow-wrap:anywhere; box-shadow:none;
}
#myWorkBoard.mwb-planner :is(input,select,textarea) { min-width:0; font-size:16px; }
#myWorkBoard.mwb-planner :is(button,a,input,select,textarea,summary):focus-visible,
#myWorkBoard.mwb-planner :is(input,select,textarea):focus {
  outline:2px solid var(--green,var(--forest,currentColor)); outline-offset:2px;
}
#myWorkBoard.mwb-planner .mwb-planner-head {
  display:grid; gap:16px; align-items:start; margin-bottom:16px; min-width:0;
}
#myWorkBoard.mwb-planner .mwb-planner-head h2 {
  margin:0; color:var(--ink); font:700 22px/1.25 Montserrat,Inter,sans-serif;
  letter-spacing:-.02em; overflow-wrap:anywhere;
}
#myWorkBoard.mwb-planner .mwb-planner-head p {
  margin:8px 0 0; color:var(--mute); font-size:14px; line-height:1.5;
}
#myWorkBoard.mwb-planner .mwb-day-nav {
  display:grid; grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:end; gap:8px; margin:0; width:100%; min-width:0;
}
#myWorkBoard.mwb-planner .mwb-day-nav > * { grid-area:auto; min-width:0; }
#myWorkBoard.mwb-planner .mwb-day-nav > [data-mwb-agenda-step] { flex:0 0 44px; min-width:44px; width:44px; }
#myWorkBoard.mwb-planner .mwb-day-nav > .mwb-seg { grid-column:1/-1; }
#myWorkBoard.mwb-planner .mwb-day-nav > [data-mwb-agenda-step="-1"] { grid-column:1; }
#myWorkBoard.mwb-planner .mwb-day-nav > label { grid-column:2; }
#myWorkBoard.mwb-planner .mwb-day-nav > [data-mwb-agenda-step="1"] { grid-column:3; }
#myWorkBoard.mwb-planner .mwb-day-nav > [data-mwb-agenda-today] { grid-column:1/-1; justify-self:end; }
#myWorkBoard.mwb-planner .mwb-day-nav label { font-size:13px; line-height:1.4; }
#myWorkBoard.mwb-planner .mwb-day-nav input[type=date] {
  width:100%; min-width:0; min-height:44px; margin:0;
  border:1px solid var(--line); border-radius:8px; color:var(--ink); background:#fff;
}
#myWorkBoard.mwb-planner .mwb-planner-toolbar {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:8px 16px; margin-bottom:16px; border-bottom:1px solid var(--line);
}
#myWorkBoard.mwb-planner .mwb-planner-tabs {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%; min-width:0; gap:0;
}
#myWorkBoard.mwb-planner .mwb-planner-tabs button {
  min-width:0; min-height:48px; padding:8px 4px; margin:0;
  border:0; border-bottom:3px solid transparent; border-radius:0;
  background:transparent; color:var(--mute); font:600 13px/1.4 Inter,system-ui,sans-serif;
  cursor:pointer;
}
#myWorkBoard.mwb-planner .mwb-planner-tabs button:is([aria-selected=true],[aria-pressed=true],.active) {
  color:var(--forest); border-bottom-color:var(--forest);
}
#myWorkBoard.mwb-planner .mwb-planner-toolbar > [data-mwb-add-toggle] { margin:0 0 8px auto; }
#myWorkBoard.mwb-planner .mwb-planner-metrics {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:16px;
}
#myWorkBoard.mwb-planner .mwb-planner-metric {
  display:flex; align-items:flex-start; gap:8px; min-width:0; padding:12px;
  border:1px solid var(--line); border-radius:8px; background:#fff;
}
#myWorkBoard.mwb-planner .mwb-planner-icon {
  display:grid; place-items:center; flex:0 0 28px; width:28px; height:32px;
  color:var(--forest); background:transparent;
}
#myWorkBoard.mwb-planner .mwb-planner-icon svg { display:block; width:24px; height:24px; }
#myWorkBoard.mwb-planner .mwb-planner-metric > div { min-width:0; }
#myWorkBoard.mwb-planner .mwb-planner-metric strong {
  display:block; color:var(--ink); font:700 20px/1.25 Inter,system-ui,sans-serif;
  font-variant-numeric:tabular-nums; overflow-wrap:anywhere;
}
#myWorkBoard.mwb-planner .mwb-planner-metric :is(span:not(.mwb-planner-icon),small) {
  display:block; margin-top:4px; color:var(--mute); font-size:13px; line-height:1.4;
  overflow-wrap:anywhere;
}
#myWorkBoard.mwb-planner .mwb-planner-layout { display:grid; gap:16px; align-items:start; }
#myWorkBoard.mwb-planner :is(.mwb-planner-main,.mwb-planner-rail) { min-width:0; }
#myWorkBoard.mwb-planner .mwb-planner-main { display:grid; gap:16px; }
#myWorkBoard.mwb-planner .mwb-planner-rail { display:grid; gap:16px; align-items:start; }
#myWorkBoard.mwb-planner :is(.mwb-agenda,.mwb-planner-panel) {
  min-width:0; margin:0; padding:12px; border:1px solid var(--line);
  border-radius:8px; background:#fff; box-shadow:none;
}
#myWorkBoard.mwb-planner .mwb-planner-panel h3 {
  display:flex; align-items:center; gap:8px;
  margin:0 0 12px; font:700 15px/1.4 Inter,system-ui,sans-serif; color:var(--ink);
}
#myWorkBoard.mwb-planner .mwb-planner-panel h3 svg {
  display:block; flex:0 0 22px; width:22px; height:22px; color:var(--forest);
}
#myWorkBoard.mwb-planner .mwb-week-days {
  display:grid; grid-template-columns:repeat(7,minmax(44px,1fr));
  gap:4px; width:100%; max-width:100%; min-width:0;
  overflow-x:auto; overscroll-behavior-x:contain; padding:4px; margin:0;
}
#myWorkBoard.mwb-planner .mwb-week-days button { min-width:44px; }
#myWorkBoard.mwb-planner .mwb-planner-panel p,
#myWorkBoard.mwb-planner .mwb-planner-help { font-size:13px; line-height:1.5; color:var(--mute); overflow-wrap:anywhere; }
#myWorkBoard.mwb-planner .mwb-planner-panel p { margin:8px 0 12px; }
#myWorkBoard.mwb-planner .mwb-planner-panel > :last-child { margin-bottom:0; }
#myWorkBoard.mwb-planner .mwb-planner-panel > :is(button,a.btn) {
  display:flex; align-items:center; justify-content:flex-start; gap:8px;
  width:100%; margin-top:8px; text-align:left;
}
#myWorkBoard.mwb-planner .mwb-planner-panel button svg { width:20px; height:20px; flex:0 0 20px; }
#myWorkBoard.mwb-planner .mwb-planner-panel .mwb-cal {
  display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; border:0;
  border-radius:0; background:transparent; font-size:13px; line-height:1.5;
}
#myWorkBoard.mwb-planner .mwb-planner-panel .mwb-cal > :is(button,details) { width:100%; }
#myWorkBoard.mwb-planner .mwb-agenda {
  --day-green:var(--forest); --day-line:var(--line); --day-muted:var(--mute);
  --day-time-width:64px; --day-gap:12px; font-family:Inter,system-ui,sans-serif;
}
#myWorkBoard.mwb-planner .mwb-agenda-head { gap:8px; margin-bottom:8px; }
#myWorkBoard.mwb-planner .mwb-agenda-head h4 { color:var(--ink); font-size:16px; font-weight:700; }
#myWorkBoard.mwb-planner .mwb-agenda-head > span,
#myWorkBoard.mwb-planner [data-mwb-day-state] { font-size:13px; line-height:1.5; }
#myWorkBoard.mwb-planner .mwb-workday-hours { margin:0 0 16px; font-size:13px; }
#myWorkBoard.mwb-planner .mwb-agenda-slots { gap:8px; }
#myWorkBoard.mwb-planner .mwb-agenda-slots::before,
#myWorkBoard.mwb-planner .mwb-agenda-copy::before { content:none; }
#myWorkBoard.mwb-planner .mwb-agenda-item { min-width:0; padding:0; }
#myWorkBoard.mwb-planner .mwb-agenda-gap {
  margin:0; padding:4px 12px; border:0; font-size:13px; line-height:1.4;
}
#myWorkBoard.mwb-planner .mwb-cell-row {
  display:block; width:100%; min-width:0; margin:0; padding:0;
  border:1px solid var(--line); border-left:3px solid var(--forest);
  border-radius:8px; background:#fff; color:var(--ink);
}
#myWorkBoard.mwb-planner .mwb-cell-row.done { background:var(--mint); }
#myWorkBoard.mwb-planner .mwb-cell-row.doing { border-left-width:5px; }
#myWorkBoard.mwb-planner .mwb-planner-row {
  display:grid; grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center; gap:4px; min-height:76px; padding:8px;
}
#myWorkBoard.mwb-planner .mwb-planner-check {
  display:flex; align-items:center; justify-content:center; width:44px; min-height:44px;
  margin:0; padding:0; color:var(--forest); cursor:pointer;
}
#myWorkBoard.mwb-planner span.mwb-planner-check { cursor:default; }
#myWorkBoard.mwb-planner .mwb-planner-check input[type=checkbox] {
  width:20px; height:20px; min-width:20px; min-height:20px; margin:0; padding:0;
  accent-color:var(--forest); cursor:pointer;
}
#myWorkBoard.mwb-planner .mwb-planner-check svg { width:20px; height:20px; }
#myWorkBoard.mwb-planner .mwb-planner-row-open {
  position:relative; display:block; min-width:0; width:100%; min-height:52px; padding:4px 28px 4px 4px;
  border:0; border-radius:4px; background:transparent; color:var(--ink);
  text-align:left; font-family:Inter,system-ui,sans-serif; cursor:pointer;
}
#myWorkBoard.mwb-planner .mwb-planner-row-open::after {
  content:''; position:absolute; right:10px; top:50%; width:8px; height:8px;
  margin-top:-6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); color:var(--mute); pointer-events:none;
}
#myWorkBoard.mwb-planner .mwb-planner-row-open[aria-expanded=true]::after {
  transform:rotate(225deg); margin-top:-2px;
}
#myWorkBoard.mwb-planner .mwb-planner-row-open strong { display:block; font-size:14px; line-height:1.45; font-weight:600; }
#myWorkBoard.mwb-planner .mwb-planner-row-open small {
  display:block; margin-top:4px; font-size:13px; line-height:1.4; color:var(--mute); overflow-wrap:anywhere;
}
#myWorkBoard.mwb-planner .mwb-planner-duration {
  max-width:64px; padding:0 4px; font-size:13px; line-height:1.4;
  color:var(--mute); font-variant-numeric:tabular-nums; overflow-wrap:anywhere;
}
#myWorkBoard.mwb-planner .mwb-planner-editor {
  display:grid; grid-template-columns:minmax(0,1fr); gap:12px;
  margin:0; padding:12px; border-top:1px solid var(--line); background:#fff;
}
#myWorkBoard.mwb-planner .mwb-planner-editor .mwb-cell-times {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start;
  gap:8px; padding:0;
}
#myWorkBoard.mwb-planner .mwb-planner-editor .mwb-cell-times label { margin:0; }
#myWorkBoard.mwb-planner .mwb-planner-editor .mwb-agenda-copy {
  border:0; border-radius:0; padding:0; background:transparent; color:var(--ink);
}
#myWorkBoard.mwb-planner .mwb-planner-editor :is(input,textarea,select) {
  border-color:var(--line); border-radius:8px; background:#fff; color:var(--ink);
}
#myWorkBoard.mwb-planner .mwb-cell-feedback { margin:0; padding:8px 12px; font-size:13px; }
#myWorkBoard.mwb-planner .mwb-cell-feedback:empty { display:none; }
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-slot {
  align-items:center; min-height:64px; padding:8px 12px; border:1px solid var(--line); border-radius:8px;
  background:var(--off); cursor:default;
}
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-copy {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 8px;
  padding:0; border:0; border-radius:0; background:transparent;
}
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-copy > b {
  grid-column:1/-1; grid-row:1; font-size:14px; line-height:1.4;
}
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-copy > small {
  grid-column:1; grid-row:2; margin:0; font-size:13px; line-height:1.4;
}
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-copy > .mwb-agenda-state {
  grid-column:2; grid-row:2; margin:0; font-size:13px; line-height:1.4; font-weight:400;
}
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-time { padding:0; font-size:13px; font-weight:600; }
#myWorkBoard.mwb-planner [data-mwb-fixed-break] .mwb-agenda-time small { margin-top:4px; font-size:13px; }
#myWorkBoard.mwb-planner .mwb-agenda-state { margin-bottom:4px; font-size:13px; text-transform:none; }
#myWorkBoard.mwb-planner .mwb-agenda-send {
  display:grid; gap:8px; margin:0; padding:0; border:0;
}
#myWorkBoard.mwb-planner .mwb-agenda-send .btn { width:100%; }
#myWorkBoard.mwb-planner .mwb-agenda-send [role=status] { font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#myWorkBoard.mwb-planner .mwb-agenda-send [role=status]:empty { display:none; }
#myWorkBoard.mwb-planner .mwb-planner-help summary {
  display:flex; align-items:center; min-height:44px; color:var(--ink); font-weight:600; cursor:pointer;
}
#myWorkBoard.mwb-planner .mwb-planner-help ol { padding-left:20px; margin:8px 0 0; }
#myWorkBoard.mwb-planner .mwb-planner-help li { padding-bottom:8px; }
#myWorkBoard.mwb-planner [data-inspection-calendar] { margin:0; border-radius:8px; padding:12px; box-shadow:none; }
#myWorkBoard.mwb-planner [data-inspection-calendar] :is(.mw-empty,.mw-item b,.mw-item small) {
  font-size:13px; line-height:1.5; white-space:normal; overflow-wrap:anywhere;
}
@media (max-width:649px) {
  #myWorkBoard.mwb-planner { position:relative; }
  #myWorkBoard.mwb-planner .mwb-planner-head { gap:12px; margin-bottom:12px; }
  #myWorkBoard.mwb-planner .mwb-planner-head h2 {
    display:flex; align-items:center; min-height:44px; padding-right:112px;
  }
  #myWorkBoard.mwb-planner .mwb-planner-head p {
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0;
  }
  #myWorkBoard.mwb-planner .mwb-day-nav {
    grid-template-columns:44px minmax(0,1fr) 44px auto; gap:4px;
  }
  #myWorkBoard.mwb-planner .mwb-day-nav > [data-mwb-agenda-today] {
    grid-column:4; min-width:44px; padding:8px;
  }
  #myWorkBoard.mwb-planner .mwb-day-nav input[type=date] { padding:4px; }
  #myWorkBoard.mwb-planner .mwb-planner-toolbar { gap:4px 12px; margin-bottom:12px; }
  #myWorkBoard.mwb-planner .mwb-planner-toolbar > [data-mwb-add-toggle] {
    position:absolute; top:0; right:0; margin:0;
  }
  #myWorkBoard.mwb-planner .mwb-planner-metrics { margin-bottom:12px; }
  #myWorkBoard.mwb-planner .mwb-planner-metric { gap:4px; padding:8px; }
  #myWorkBoard.mwb-planner .mwb-planner-icon { flex-basis:24px; width:24px; }
  #myWorkBoard.mwb-planner .mwb-planner-metric :is(span:not(.mwb-planner-icon),small) { margin-top:2px; }
}
@media (min-width:650px) {
  #myWorkBoard.mwb-planner .mwb-planner-head h2 { font-size:26px; }
  #myWorkBoard.mwb-planner .mwb-day-nav { display:flex; width:auto; align-items:end; }
  #myWorkBoard.mwb-planner .mwb-day-nav input[type=date] { width:200px; }
  #myWorkBoard.mwb-planner .mwb-planner-tabs { display:flex; width:auto; }
  #myWorkBoard.mwb-planner .mwb-planner-tabs button { padding:12px 16px; }
  #myWorkBoard.mwb-planner .mwb-planner-toolbar > [data-mwb-add-toggle] { margin:0 0 8px; }
  #myWorkBoard.mwb-planner .mwb-planner-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
  #myWorkBoard.mwb-planner :is(.mwb-agenda,.mwb-planner-panel) { padding:16px; }
  #myWorkBoard.mwb-planner .mwb-planner-editor { grid-template-columns:96px minmax(0,1fr); padding:16px; }
  #myWorkBoard.mwb-planner .mwb-planner-editor .mwb-cell-times { grid-template-columns:minmax(0,1fr); }
  #myWorkBoard.mwb-planner .mwb-planner-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1100px) {
  #myWorkBoard.mwb-planner .mwb-planner-head { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
  #myWorkBoard.mwb-planner .mwb-planner-layout { grid-template-columns:minmax(0,1fr) 280px; }
  #myWorkBoard.mwb-planner .mwb-planner-rail { grid-template-columns:minmax(0,1fr); }
  #myWorkBoard.mwb-planner .mwb-planner-metric { gap:12px; padding:16px; }
  #myWorkBoard.mwb-planner .mwb-planner-icon { flex-basis:32px; width:32px; }
}
@media (max-width:359px) {
  #myWorkBoard.mwb-planner .mwb-planner-head { gap:8px; margin-bottom:8px; }
  #myWorkBoard.mwb-planner .mwb-planner-toolbar { gap:0; margin-bottom:8px; }
  #myWorkBoard.mwb-planner .mwb-planner-metrics { margin-bottom:8px; }
  #myWorkBoard.mwb-planner .mwb-planner-metric { display:block; padding:4px 8px; }
  #myWorkBoard.mwb-planner .mwb-planner-icon { display:none; }
  #myWorkBoard.mwb-planner .mwb-planner-row {
    grid-template-columns:44px minmax(0,1fr); grid-template-rows:44px auto; gap:0 4px;
  }
  #myWorkBoard.mwb-planner .mwb-planner-check { grid-column:1; grid-row:1; align-self:start; }
  #myWorkBoard.mwb-planner .mwb-planner-row-open { grid-column:2; grid-row:1/3; }
  #myWorkBoard.mwb-planner .mwb-planner-duration {
    grid-column:1; grid-row:2; align-self:start; justify-self:center; max-width:none; padding:0;
  }
}
@media (prefers-reduced-motion:reduce) {
  #myWorkBoard.mwb-planner * { scroll-behavior:auto; transition:none; animation:none; }
}