/* DoubleCRM daily agenda. Layout sizes and timeline coordinates remain owned by the shell. */
#global-day-rail {
  --agenda-ink: #183a4d;
  --agenda-muted: #637c8b;
  --agenda-line: #e0eaef;
  --agenda-accent: #078fa9;
  color: var(--agenda-ink);
}

#global-day-rail .day-rail-shell {
  background: linear-gradient(180deg, #fff 0, #f7fafb 230px, #f3f8fa 100%);
  border-right: 1px solid var(--agenda-line);
  box-shadow: 6px 0 26px #16374c06;
}
#global-day-rail .day-rail-shell::before { display: none; }
#global-day-rail .day-rail-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px 12px;
  padding: 22px 17px 18px;
  background: #ffffffc9;
  border-bottom: 1px solid var(--agenda-line);
}
#global-day-rail .day-rail-header::before {
  content: 'לוח היום';
  color: var(--agenda-ink);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.3px;
}
#global-day-rail .day-rail-now-chip {
  gap: 7px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 9px;
  border: 1px solid #d8edf0;
  background: #f0fafb;
  box-shadow: none;
  color: #137b8d;
  font-size: 14px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
#global-day-rail .day-rail-now-chip::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0ea89c;
}
#global-day-rail .day-rail-date-row { grid-column: 1 / -1; gap: 7px; }
#global-day-rail .day-rail-date-copy { gap: 5px; text-align: center; }
#global-day-rail .day-rail-date-title {
  color: var(--agenda-ink);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
}
#global-day-rail .day-rail-date-sub { color: var(--agenda-muted); font-size: 10px; line-height: 1.4; }
#global-day-rail :is(.day-rail-nav-btn, .day-rail-collapse-btn) {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  border: 1px solid #deeaef;
  background: #fff;
  color: #4a6b7e;
  font-size: 21px;
  font-weight: 600;
  box-shadow: none;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}
#global-day-rail :is(.day-rail-nav-btn, .day-rail-collapse-btn):hover {
  transform: none;
  background: #eaf7fa;
  color: var(--agenda-accent);
  border-color: #b9dee7;
  box-shadow: none;
}
#global-day-rail button:focus-visible { outline: 2px solid var(--agenda-accent); outline-offset: 3px; }
#global-day-rail .day-rail-body {
  padding: 20px 12px 72px;
  scrollbar-width: thin;
  scrollbar-color: #c7dbe4 transparent;
}
#global-day-rail .day-rail-body::-webkit-scrollbar-thumb { background: #c7dbe4; border-radius: 8px; }
#global-day-rail .day-rail-timeline { grid-template-columns: 42px minmax(0, 1fr); gap: 9px; }
#global-day-rail .day-rail-hour-label { color: #6b8291; font-size: 11px; font-weight: 650; }
#global-day-rail .day-rail-track { border-right: 2px solid #d7e7ed; }
#global-day-rail .day-rail-hour-line { background: linear-gradient(90deg, #e6eef280, #dce8ef); }
#global-day-rail .day-rail-now-line {
  background: linear-gradient(90deg, #12a9b333, #0fa3ae);
  box-shadow: none;
}
#global-day-rail .day-rail-now-line::before {
  width: 9px;
  height: 9px;
  right: -6px;
  border: 2px solid #fff;
  background: #0b9aa7;
  box-shadow: 0 0 0 2px #0b9aa723;
  animation: none;
}
#global-day-rail .day-rail-event {
  padding: 8px 11px 8px 10px;
  border: 1px solid #dce8ee;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 2px 6px #183a4d05;
  gap: 4px;
}
#global-day-rail .day-rail-event:hover {
  transform: none;
  border-color: #a9cedb;
  box-shadow: 0 3px 10px #183a4d0c;
}
#global-day-rail .day-rail-event::before { top: 9px; bottom: 9px; box-shadow: none; }
#global-day-rail .day-rail-event-title {
  color: var(--agenda-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  text-shadow: none;
}
#global-day-rail .day-rail-event-meta { color: #5c7686; font-size: 10px; font-weight: 500; line-height: 1.3; }
#global-day-rail .day-rail-event-time { color: #15798f; font-size: 10.5px; font-weight: 700; opacity: 1; }
#global-day-rail .day-rail-event.is-past:not(.is-live):not(.is-closed) { opacity: 1; }
#global-day-rail .day-rail-event.is-meeting { background: #fffcf4; border-color: #eee1bf; box-shadow: 0 2px 6px #183a4d05; }
#global-day-rail .day-rail-event.is-meeting .day-rail-event-time { color: #936815; }
#global-day-rail .day-rail-event.is-meeting::before { background: #c5993b; box-shadow: none; }
#global-day-rail .day-rail-event.is-outlook { background: #f3f9fe; border-color: #cfe3f3; box-shadow: 0 2px 6px #183a4d05; }
#global-day-rail .day-rail-event.is-outlook .day-rail-event-time { color: #286eaa; }
#global-day-rail .day-rail-event.is-outlook::before { background: #448fc8; box-shadow: none; }
#global-day-rail .day-rail-event.is-overdue:not(.is-live) {
  border-color: #efc9c5;
  background: #fff8f6;
  box-shadow: none;
}
#global-day-rail .day-rail-event.is-overdue:not(.is-live)::before { background: #cb6863; }
#global-day-rail .day-rail-event.is-overdue:not(.is-live) .day-rail-event-time { color: #ac4844; }
#global-day-rail .day-rail-event.is-live {
  background: #edfbf8;
  border-color: #72cbbd;
  box-shadow: 0 0 0 2px #0ea58f0d;
  animation: none;
}
#global-day-rail .day-rail-event.is-live::before { background: #0b9b86; }
#global-day-rail .day-rail-event.is-live .day-rail-event-time { color: #067d6d; }
#global-day-rail .day-rail-event.is-closed {
  opacity: 1;
  filter: none;
  background: #f3f6f7;
  border-color: #dfe7eb;
  box-shadow: none;
}
#global-day-rail .day-rail-event.is-closed::before { background: #a2b5bc; }
#global-day-rail .day-rail-event.is-closed .day-rail-event-title { color: #687d88; text-decoration: line-through; text-decoration-color: #9eb0b9; }
#global-day-rail .day-rail-event.is-closed :is(.day-rail-event-meta, .day-rail-event-time) { color: #697e89; }
#global-day-rail .day-rail-empty {
  border: 1px dashed #ccdee6;
  border-radius: 13px;
  background: #ffffffb3;
  color: var(--agenda-muted);
  font-size: 12px;
}
#global-day-rail .day-rail-empty-title { color: var(--agenda-ink); font-size: 14px; font-weight: 750; }
#global-day-rail .day-rail-footer { left: 12px; bottom: 84px; }
#global-day-rail .day-rail-footer .day-rail-collapse-btn {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  border: 1px solid #cddfe7;
  background: #fff;
  color: #36778d;
  box-shadow: 0 3px 10px #183a4d0a;
}
#global-day-rail .day-rail-footer .day-rail-collapse-btn:hover { background: #eaf7fa; border-color: #acd5e1; }
body.dayrail-collapsed #global-day-rail .day-rail-shell { background: #f8fbfc; box-shadow: none; }
body.dayrail-collapsed #global-day-rail .day-rail-shell::before {
  display: block;
  inset: auto;
  top: 23px;
  left: 50%;
  width: 22px;
  height: 22px;
  transform: translateX(-50%);
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23577989' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='4'/%3E%3Cpath d='M8 3v4m8-4v4M4 10h16m-12 4h2m4 0h2m-8 3h2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.dayrail-collapsed #global-day-rail .day-rail-shell::after {
  content: 'לוח היום';
  position: absolute;
  top: 98px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  white-space: nowrap;
  color: #637f8e;
  font-size: 12px;
  font-weight: 700;
  pointer-events: none;
}
body.dayrail-collapsed #global-day-rail .day-rail-footer { left: 50%; transform: translateX(-50%); }
body.dayrail-collapsed #global-day-rail .day-rail-footer .day-rail-collapse-btn { width: 32px; height: 32px; }

@media (max-width: 980px) {
  #global-day-rail .day-rail-header { padding: 19px 12px 16px; gap: 16px 8px; }
  #global-day-rail .day-rail-date-title { font-size: 13px; }
  #global-day-rail .day-rail-date-sub { font-size: 9px; }
  #global-day-rail .day-rail-date-row { gap: 4px; }
  #global-day-rail .day-rail-nav-btn { width: 27px; height: 29px; }
  #global-day-rail .day-rail-body { padding-inline: 9px; }
  #global-day-rail .day-rail-timeline { grid-template-columns: 35px minmax(0, 1fr); gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  #global-day-rail, #global-day-rail .day-rail-content, #global-day-rail button { transition: none; }
}