/* The timeline occupies a resizable grid row; the map receives the freed space. */
#wwm-timeline-panel {
  display:flex; flex-direction:column; min-height:0; min-width:0;
  height:var(--wwm-dock-height, auto); box-sizing:border-box;
  border-top:1px solid var(--hairline); background:#eee7d9;
}
#wwm-timeline-panel[hidden], #wwm-dock-show[hidden] { display:none !important; }
.wwm-dock-toolbar { display:flex; align-items:center; gap:4px; min-height:32px; padding:0 12px; flex:none; }
#wwm-dock-resize {
  position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:12px; align-self:stretch; flex:1; min-width:0; cursor:ns-resize;
  touch-action:none; user-select:none; -webkit-user-select:none;
  color:#77674f; font:11px var(--sans-stack);
}
.wwm-dock-title { font-weight:600; }
.wwm-dock-grip { position:absolute; left:50%; width:34px; height:3px; border-top:2px solid #ad9e86; border-bottom:2px solid #ad9e86; border-radius:2px; transform:translateX(-50%); }
.wwm-dock-hint { margin-right:12px; font-size:10px; color:#8d7e68; }
.wwm-dock-toolbar button {
  min-height:28px; border:0; border-radius:5px; padding:3px 9px;
  background:transparent; color:#705c43; font:11px var(--sans-stack); cursor:pointer;
}
#wwm-dock-reset { font-size:19px; }
.wwm-dock-toolbar button:hover, #wwm-dock-resize:hover { background:#fff5; }
.wwm-dock-toolbar :focus-visible, #wwm-dock-show:focus-visible { outline:2px solid #9c553c; outline-offset:-2px; border-radius:5px; }
#wwm-dock-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
#wwm-timeline-panel #scrubber-dock { border-top:0; padding-top:3px; }
#wwm-dock-show {
  position:fixed; z-index:29; bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  left:50%; transform:translateX(-50%); max-width:calc(100vw - 32px);
  min-height:36px; padding:7px 15px; white-space:nowrap;
  border:1px solid #c9bba5; border-radius:20px; background:#f8f3e7ed;
  box-shadow:0 2px 12px #49382124; color:#70543a; cursor:pointer;
  font:12px var(--sans-stack); backdrop-filter:blur(8px);
}
body.wwm-dock-resizing, body.wwm-dock-resizing * { cursor:ns-resize !important; user-select:none !important; -webkit-user-select:none !important; }
/* A top-layer card stays usable when its trigger is inside the scrolling dock. */
#wwm-admin-notes-panel[popover] { margin:0; }
#wwm-admin-notes-panel:popover-open { position:fixed; inset:auto; z-index:40; }
@media(max-width:640px) {
  .wwm-dock-toolbar { padding:0 8px; min-height:36px; }
  .wwm-dock-toolbar button { min-height:32px; }
  .wwm-dock-hint { display:none; }
}
@media print { .wwm-dock-toolbar, #wwm-dock-show { display:none !important; } }
