/* ===== Gantt + Calendar ===== */
.gantt-section .section-head{ flex-wrap:wrap; gap:14px; }
.gantt-controls{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.gantt-controls .seg{
  display:flex; gap:2px; padding:3px;
  background:var(--bg-alt);
  border:1px solid var(--line);
  border-radius:10px;
}
.gantt-controls .seg button{
  padding:6px 12px; border-radius:7px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink-soft);
  transition:background .15s, color .15s;
}
.gantt-controls .seg button.on{ background:var(--bg-card); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.08); }

.gantt{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  overflow:hidden;
}
.gantt-legend{
  display:flex; flex-wrap:wrap; gap:18px;
  margin-bottom:14px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-soft);
}
.gantt-legend span{ display:inline-flex; align-items:center; gap:6px; }
.gantt-legend .sw{ width:14px; height:6px; border-radius:2px; display:inline-block; }

.gantt-grid{ position:relative; }
.gantt-head{
  display:grid;
  grid-template-columns:220px 1fr;
  border-bottom:1px solid var(--line);
}
.g-track-head{
  display:flex; position:relative;
  padding:6px 0;
}
.g-month{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-soft);
  border-left:1px solid var(--line);
  padding:2px 0 2px 8px;
  flex-shrink:0;
}
.g-month:first-child{ border-left:none; }

.gantt-body{ position:relative; }
.g-today{
  position:absolute; top:0; bottom:0;
  width:2px;
  background:var(--accent);
  z-index:5;
  pointer-events:none;
}
.g-today::before{
  content:""; position:absolute; left:-3px; top:0;
  width:8px; height:8px; border-radius:50%; background:var(--accent);
}
.g-today-pin{
  position:absolute; top:-18px; left:-18px;
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; color:var(--accent);
  background:var(--bg-card); padding:2px 6px; border-radius:4px;
  border:1px solid color-mix(in oklab, var(--accent) 30%, var(--line));
}

.g-lane{
  display:grid;
  grid-template-columns:220px 1fr;
  border-bottom:1px solid var(--line-soft);
  min-height:54px;
  align-items:center;
}
.g-lane:last-child{ border-bottom:none; }
.g-lane-label{
  display:flex; align-items:center; gap:10px;
  padding:8px 14px 8px 4px;
  border-right:1px solid var(--line);
}
.g-lane-label b{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500; font-size:15px;
  letter-spacing:-.01em;
}
.g-lane-tag{ width:6px; height:24px; border-radius:2px; flex-shrink:0; background:var(--ink-muted); }
.g-lane-tag.md{ background:var(--accent); }
.g-lane-tag.mgmt{ background:var(--teal); }
.g-lane-tag.int{ background:var(--plum); }

.g-track{
  position:relative;
  height:44px;
  margin:6px 0;
  overflow:hidden;
}
.g-bar-extlabel{
  position:absolute;
  display:inline-flex; align-items:center; gap:6px;
  padding:2px 8px; border-radius:4px;
  background:var(--bg-card); border:1px solid var(--line);
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-size:11.5px;
  font-weight:500; color:var(--ink);
  white-space:nowrap; cursor:pointer;
  z-index:2;
  height:auto;
}
.g-bar-extlabel:hover{ border-color:var(--accent); }
.g-bar.narrow{
  cursor:pointer;
}
/* Floating label that sits in the bar's visible portion, so titles stay on screen
   when the bar's actual span extends past the current viewport. */
.g-bar-overlay{
  position:absolute;
  display:flex; align-items:center; gap:8px;
  padding:0 10px;
  color:#fff;
  font-size:11.5px; font-weight:500; line-height:1.1;
  white-space:nowrap; overflow:hidden;
  pointer-events:none;
  z-index:2;
}
.g-track-grid{ display:flex; position:absolute; inset:0; }
.g-month-cell{ border-left:1px dashed var(--line-soft); height:100%; }
.g-month-cell:first-child{ border-left:none; }

.g-bar{
  position:absolute; top:8px; bottom:8px;
  border-radius:6px;
  padding:0 10px;
  display:flex; align-items:center; gap:8px;
  color:#fff;
  font-size:11.5px; line-height:1.1;
  font-weight:500;
  cursor:pointer;
  overflow:hidden; white-space:nowrap;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 2px 6px -2px rgba(0,0,0,.18);
  transition:transform .15s, box-shadow .15s;
  min-width:14px;
}
.g-bar:hover{ transform:translateY(-1px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 8px 16px -6px rgba(0,0,0,.28); z-index:3; }
.g-bar-label{
  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
  flex:1; min-width:0;
}
.g-bar-owner{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.06em; opacity:.85;
  background:rgba(0,0,0,.18); padding:2px 5px; border-radius:4px;
  white-space:nowrap;
}
.g-bar-date{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.04em; opacity:.78;
  background:rgba(255,255,255,.14); color:#fff;
  padding:2px 6px; border-radius:4px;
  white-space:nowrap; flex-shrink:0;
}
.g-bar.overdue{ animation:pulse 2s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 0 color-mix(in oklab, var(--red) 50%, transparent); } 50%{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 6px color-mix(in oklab, var(--red) 0%, transparent); } }

.g-milestone{
  position:absolute; top:8px; bottom:8px;
  display:flex; align-items:center; gap:8px;
  background:transparent !important;
  z-index:2;
}
.g-milestone-dot{
  width:14px; height:14px; transform:rotate(45deg);
  background:var(--gold);
  border:2px solid var(--bg-card);
  box-shadow:0 0 0 2px var(--gold);
  flex-shrink:0;
}
.g-milestone-label{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-size:11.5px;
  font-weight:500; color:var(--ink);
  white-space:nowrap;
  background:var(--bg-card);
  padding:2px 6px; border-radius:4px;
  border:1px solid var(--line);
  display:inline-flex; align-items:baseline; gap:6px;
}
.g-milestone-date{
  font-family:'JetBrains Mono',monospace; font-size:9.5px;
  color:var(--ink-muted); letter-spacing:.04em;
  font-weight:400;
}

/* ===== Calendar ===== */
.calendar{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
}
.cal-head{
  display:flex; align-items:center; justify-content:center;
  gap:14px; margin-bottom:14px;
}
.cal-head h3{
  font-size:22px; letter-spacing:-.02em; min-width:240px; text-align:center;
}
.cal-nav{
  width:32px; height:32px; border-radius:50%;
  border:1px solid var(--line);
  display:grid; place-items:center;
  color:var(--ink-soft);
}
.cal-nav:hover{ color:var(--ink); border-color:var(--ink-soft); }

.cal-grid{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}
.cal-dow{
  background:var(--bg-alt);
  padding:8px 10px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; color:var(--ink-soft);
  text-align:left;
}
.cal-cell{
  background:var(--bg-card);
  padding:8px 10px;
  min-height:96px;
  display:flex; flex-direction:column; gap:6px;
  position:relative;
}
.cal-cell.weekend{ background:color-mix(in oklab, var(--bg) 70%, var(--bg-card)); }
.cal-cell.today{
  background:color-mix(in oklab, var(--accent-wash) 50%, var(--bg-card));
  outline:2px solid var(--accent);
  outline-offset:-2px;
  z-index:1;
}
.cal-day{ display:flex; align-items:baseline; gap:6px; }
.cal-num{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-size:16px; font-weight:500;
  letter-spacing:-.02em; color:var(--ink);
}
.cal-cell.today .cal-num{ color:var(--accent); }
.cal-mo{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; color:var(--accent);
  background:color-mix(in oklab, var(--accent) 10%, transparent);
  padding:1px 5px; border-radius:4px;
}
.cal-events{ display:flex; flex-direction:column; gap:3px; }
.cal-evt{
  padding:4px 6px;
  background:var(--bg);
  border:1px solid var(--line-soft);
  border-left:3px solid var(--accent);
  border-radius:5px;
  font-size:10.5px;
  line-height:1.2;
  cursor:pointer;
}
.cal-evt b{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  display:block; font-size:11.5px;
  color:var(--ink); letter-spacing:-.01em;
}
.cal-evt span{ color:var(--ink-soft); display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cal-more{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.1em; color:var(--ink-soft);
  padding:0 2px;
}

@media(max-width:1100px){
  .gantt-head, .g-lane{ grid-template-columns:140px 1fr; }
  .g-lane-label b{ font-size:13px; }
  .g-bar-label{ font-size:10.5px; }
  .cal-cell{ min-height:64px; padding:6px; }
}

/* ===== Finance Section ===== */
.finance-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1.2fr;
  gap:16px;
}
@media(max-width:1100px){ .finance-grid{ grid-template-columns:1fr; } }

.fin-big{
  position:relative; overflow:hidden;
  padding:24px 24px 12px;
  background:linear-gradient(135deg, color-mix(in oklab, var(--accent-wash) 70%, var(--bg-card)), var(--bg-card));
  border:1px solid color-mix(in oklab, var(--accent) 20%, var(--line));
  border-radius:22px;
  display:flex; flex-direction:column; gap:6px;
  min-height:240px;
}
.fin-big .lbl{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);
}
.fin-big .val{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:400;
  font-size:72px; line-height:.95; letter-spacing:-.04em;
  color:var(--ink); font-feature-settings:'tnum';
}
.fin-big .trend{
  font-size:13px; color:var(--ink-soft);
  display:flex; align-items:center; gap:8px;
}
.fin-big .trend .up{
  font-family:'JetBrains Mono',monospace; font-size:11px;
  color:var(--green);
  background:color-mix(in oklab, var(--green) 12%, transparent);
  padding:2px 8px; border-radius:999px;
  letter-spacing:.06em;
}
.fin-chart{
  position:absolute; left:0; right:0; bottom:0;
  width:100%; height:90px;
  pointer-events:none;
}

.fin-stack{ display:flex; flex-direction:column; gap:10px; }
.fin-card{
  padding:16px 18px;
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:16px;
}
.fin-card .lbl{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);
}
.fin-card .val{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-size:28px;
  letter-spacing:-.025em; margin-top:4px;
  color:var(--ink); font-feature-settings:'tnum';
}
.fin-card .val .unit{ font-size:14px; color:var(--ink-soft); margin-left:3px; }
.fin-card .sub{ font-size:11.5px; color:var(--ink-soft); margin-top:2px; }
.fin-card .bar{
  margin-top:8px; height:5px; border-radius:3px;
  background:var(--bg-alt); overflow:hidden;
}
.fin-card .bar > div{ height:100%; border-radius:3px; }

.fin-breakdown{
  padding:22px;
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:18px;
  display:flex; flex-direction:column; gap:14px;
}
.fin-breakdown .lbl{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);
  margin-bottom:4px;
}
.seg-row{
  display:grid;
  grid-template-columns:140px 1fr 64px;
  align-items:center; gap:12px;
}
.seg-row .seg-name{ font-size:13px; color:var(--ink); }
.seg-row .seg-bar{
  height:8px; border-radius:4px;
  background:var(--bg-alt); overflow:hidden;
}
.seg-row .seg-bar > div{ height:100%; border-radius:4px; }
.seg-row b{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-size:15px;
  letter-spacing:-.015em; text-align:right;
}

/* ===== Schedule of events (replacing event grid) ===== */
.schedule{
  position:relative;
  padding-left:8px;
}
.schedule-rail{ display:none; }
.sched-month{
  margin-bottom:24px;
}
.sched-month-head{
  display:flex; align-items:center; gap:14px;
  margin-bottom:14px;
}
.sched-month-tag{
  display:inline-flex; align-items:baseline; gap:6px;
  padding:8px 14px;
  background:var(--ink); color:var(--bg);
  border-radius:999px;
  font-family:'JetBrains Mono',monospace;
  letter-spacing:.16em;
}
.sched-month-tag .m{ font-size:13px; font-weight:500; }
.sched-month-tag .y{ font-size:10px; opacity:.7; }
.sched-month-line{ flex:1; height:1px; background:var(--line); }
.sched-count{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);
}

.sched-events{ display:flex; flex-direction:column; gap:0; }
.sched-event{
  display:grid;
  grid-template-columns:64px 24px 1fr;
  gap:14px;
  padding:18px 20px 18px 0;
  position:relative;
  border-bottom:1px dashed var(--line);
  cursor:pointer;
  transition:background .15s;
}
.sched-event:hover{ background:color-mix(in oklab, var(--accent-wash) 30%, transparent); }
.sched-event:last-child{ border-bottom:none; }

.sched-day{
  display:flex; flex-direction:column; align-items:center;
  justify-content:center;
  font-family:'Fraunces','Noto Sans Hebrew',serif;
  padding:8px 0;
}
.sched-day .d{
  font-size:34px; font-weight:500;
  letter-spacing:-.04em; line-height:1; color:var(--ink);
  font-feature-settings:'tnum';
}
.sched-day .dow{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; color:var(--ink-soft);
  margin-top:4px;
}
.sched-marker{
  position:relative;
  display:flex; flex-direction:column; align-items:center;
}
.sched-marker::before{
  content:""; position:absolute;
  top:0; bottom:-18px; left:50%;
  width:1.5px; background:var(--line);
  transform:translateX(-50%);
}
.sched-event:last-child .sched-marker::before{ display:none; }
.sched-dot{
  position:relative; z-index:1;
  width:14px; height:14px; border-radius:50%;
  margin-top:14px;
  background:var(--accent);
  border:3px solid var(--bg);
  box-shadow:0 0 0 2px var(--accent);
}
.sched-dot.hot{ background:var(--accent); box-shadow:0 0 0 2px var(--accent); }
.sched-dot.won{ background:var(--green); box-shadow:0 0 0 2px var(--green); }
.sched-dot.prep{ background:var(--plum); box-shadow:0 0 0 2px var(--plum); }

.sched-body{
  display:flex; flex-direction:column; gap:6px;
  padding:6px 0;
}
.sched-top{
  display:flex; align-items:center; gap:10px;
}
.sched-type{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);
}
.sched-stage{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; text-transform:uppercase;
  padding:3px 8px; border-radius:999px;
  background:var(--bg); border:1px solid var(--line);
  color:var(--ink-soft);
}
.sched-stage.hot{ color:var(--accent); border-color:color-mix(in oklab, var(--accent) 30%, var(--line)); background:color-mix(in oklab, var(--accent) 8%, var(--bg)); }
.sched-stage.won{ color:var(--green); border-color:color-mix(in oklab, var(--green) 30%, var(--line)); }
.sched-stage.prep{ color:var(--plum); border-color:color-mix(in oklab, var(--plum) 30%, var(--line)); }
.sched-event h4{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:21px; letter-spacing:-.02em; line-height:1.2;
}
.sched-meta{
  display:flex; flex-wrap:wrap; gap:14px;
  font-size:12.5px; color:var(--ink-soft);
}
.sched-meta span{ display:inline-flex; align-items:center; gap:5px; }
.sched-meta .value{ color:var(--accent); font-weight:500; }
.sched-event p{
  font-size:13.5px; color:var(--ink-soft); line-height:1.45; margin-top:2px;
}

/* ===== Champion card in drawer ===== */
.champ-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  padding:18px;
  background:linear-gradient(135deg, color-mix(in oklab, var(--accent-wash) 65%, var(--bg-card)), var(--bg-card));
  border:1px solid color-mix(in oklab, var(--accent) 25%, var(--line));
  border-radius:16px;
}
.champ-av{
  width:54px; height:54px; border-radius:14px;
  display:grid; place-items:center;
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500; font-size:18px;
  color:#fff; letter-spacing:-.02em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15), 0 6px 14px -6px rgba(0,0,0,.2);
}
.champ-info{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.champ-top{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;
}
.champ-top b{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:20px; letter-spacing:-.02em; color:var(--ink);
}
.champ-rel{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; text-transform:uppercase;
  padding:2px 8px; border-radius:999px;
  background:var(--bg); border:1px solid var(--line);
  color:var(--ink-soft);
}
.champ-rel.strong{ color:var(--green); border-color:color-mix(in oklab, var(--green) 30%, var(--line)); background:color-mix(in oklab, var(--green) 10%, transparent); }
.champ-rel.warm{ color:var(--accent); border-color:color-mix(in oklab, var(--accent) 30%, var(--line)); background:color-mix(in oklab, var(--accent) 10%, transparent); }
.champ-rel.new{ color:var(--plum); border-color:color-mix(in oklab, var(--plum) 30%, var(--line)); background:color-mix(in oklab, var(--plum) 8%, transparent); }
.champ-rel.distant{ color:var(--red); border-color:color-mix(in oklab, var(--red) 30%, var(--line)); background:color-mix(in oklab, var(--red) 8%, transparent); }
.champ-role{ font-size:13px; color:var(--ink-soft); }
.champ-meta{
  display:flex; flex-wrap:wrap; gap:14px;
  font-size:12px; color:var(--ink-soft);
  padding-top:6px; border-top:1px dashed var(--line);
  margin-top:4px;
}
.champ-meta span{ display:inline-flex; align-items:center; gap:5px; }
.champ-note{ font-size:13px; color:var(--ink); line-height:1.5; margin-top:4px; }

/* ===== Champion in row ===== */
.row-h-champ{
  display:flex; align-items:center; gap:8px;
  margin-top:8px;
  padding:6px 8px;
  background:color-mix(in oklab, var(--bg) 60%, transparent);
  border:1px solid var(--line-soft);
  border-radius:10px;
}
.row-h-champ-av{
  width:24px; height:24px; border-radius:6px;
  display:grid; place-items:center;
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-size:10px; font-weight:500;
  color:#fff; letter-spacing:-.02em;
  flex-shrink:0;
}
.row-h-champ-info{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
.row-h-champ-info b{ font-size:12px; color:var(--ink); font-weight:500; font-family:'DM Sans','Noto Sans Hebrew',sans-serif; }
.row-h-champ-info span{ font-size:10.5px; color:var(--ink-soft); }

/* ===== Internal grid 3-up override ===== */
.internal-grid.three{ grid-template-columns:repeat(3, 1fr); }
@media(max-width:1100px){ .internal-grid.three{ grid-template-columns:1fr; } }

/* Ledger glyph */
.row-l-glyph{
  position:absolute; left:14px; top:18px;
  width:34px; height:34px; border-radius:9px;
  display:grid; place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15), 0 4px 10px -4px rgba(0,0,0,.18);
}
.row-l{ padding-left:62px; }

/* ============================================================
   GANTT V2 — Editable ledger, click-to-edit
   ============================================================ */
.gantt.v2 .gantt-legend{
  margin-top:14px; margin-bottom:0;
  padding-top:12px; border-top:1px dashed var(--line);
}
.gantt-add{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 14px; border-radius:10px;
  background:var(--ink); color:var(--bg);
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.12em; text-transform:uppercase;
  cursor:pointer;
  transition:transform .15s, background .15s;
}
.gantt-add:hover{ transform:translateY(-1px); }

.g-lane-label.head{
  display:flex; flex-direction:column; gap:2px;
  align-items:flex-start;
  padding:8px 14px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
  background:color-mix(in oklab, var(--bg) 50%, var(--bg-card));
}
.g-lane-title{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.16em; color:var(--ink-soft);
}
.g-lane-sub{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.12em; color:var(--ink-muted);
}

.g-lane-name{
  display:flex; flex-direction:column; gap:2px;
  flex:1; min-width:0;
}
.g-lane-name b{
  cursor:pointer;
  border-radius:4px;
  padding:1px 4px; margin-left:-4px;
  transition:background .15s;
  display:inline-block;
}
.g-lane-name b:hover{ background:color-mix(in oklab, var(--accent-wash) 60%, transparent); }
.g-lane-count{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.1em; color:var(--ink-muted);
}
.lane-edit-input{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500; font-size:15px;
  letter-spacing:-.01em;
  padding:2px 4px; margin-left:-4px;
  background:var(--bg-card);
  border:1px solid var(--accent);
  border-radius:4px;
  color:var(--ink);
  outline:none;
  width:100%;
}
.g-lane-add{
  width:24px; height:24px; border-radius:6px;
  display:grid; place-items:center;
  background:transparent; border:1px solid var(--line);
  color:var(--ink-soft);
  cursor:pointer;
  flex-shrink:0;
  opacity:0;
  transition:opacity .15s, color .15s, background .15s;
}
.g-lane:hover .g-lane-add{ opacity:1; }
.g-lane-add:hover{ background:var(--accent); color:#fff; border-color:var(--accent); }

.g-bar, .g-milestone{ cursor:pointer; }
.g-milestone:hover .g-milestone-dot{ transform:rotate(45deg) scale(1.15); transition:transform .15s; }
.g-milestone:hover .g-milestone-label{
  background:var(--ink); color:var(--bg);
  border-color:var(--ink);
}

/* ============================================================
   MODAL — Bar / Lane editor
   ============================================================ */
.modal-scrim{
  position:fixed; inset:0; z-index:300;
  background:color-mix(in oklab, var(--ink) 35%, transparent);
  backdrop-filter:blur(10px) saturate(1.1);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);
  opacity:0; pointer-events:none;
  transition:opacity .25s ease;
}
.modal-scrim.on{ opacity:1; pointer-events:auto; }
.modal{
  position:fixed; top:50%; left:50%;
  transform:translate(-50%, -50%) scale(.96);
  z-index:301;
  width:min(720px, 94vw);
  max-height:90vh;
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 40px 120px -24px rgba(0,0,0,.4), 0 0 0 1px color-mix(in oklab, var(--ink) 6%, transparent);
  opacity:0; pointer-events:none;
  transition:transform .28s cubic-bezier(.22,.8,.3,1), opacity .25s ease;
  display:flex; flex-direction:column;
  overflow:hidden;
}
.modal.on{ transform:translate(-50%, -50%) scale(1); opacity:1; pointer-events:auto; }

/* Bar modal */
.bar-modal-head{
  position:relative;
  padding:24px 28px 22px;
  color:#fff;
  background:linear-gradient(135deg, var(--accent), var(--plum));
}
.bar-modal-head::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(255,255,255,.18), transparent 60%);
  pointer-events:none;
}
.bar-modal-eyebrow{
  display:flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.16em; text-transform:uppercase;
  opacity:.85;
  margin-bottom:10px;
}
.bar-modal-id{
  margin-left:auto; opacity:.6;
  font-size:9px;
}
.bar-modal-title{
  width:100%;
  background:transparent; border:none; outline:none;
  color:#fff;
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:30px; letter-spacing:-.02em; line-height:1.15;
  padding:0;
  border-bottom:1px dashed transparent;
  transition:border-color .15s;
}
.bar-modal-title::placeholder{ color:rgba(255,255,255,.5); }
.bar-modal-title:focus{ border-bottom-color:rgba(255,255,255,.35); }
.bar-modal-close{
  position:absolute; top:18px; right:18px;
  width:32px; height:32px; border-radius:50%;
  display:grid; place-items:center;
  background:rgba(255,255,255,.15);
  color:#fff; border:none; cursor:pointer;
  transition:background .15s;
}
.bar-modal-close:hover{ background:rgba(255,255,255,.28); }

.bar-modal-body{
  padding:24px 28px;
  overflow-y:auto;
  flex:1;
  display:flex; flex-direction:column; gap:22px;
}

.bf-row{ display:flex; flex-direction:column; gap:8px; }
.bf-row.two{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media(max-width:640px){ .bf-row.two{ grid-template-columns:1fr; } }
.bf-field{ display:flex; flex-direction:column; gap:8px; }
.bf-field label{
  font-family:'JetBrains Mono',monospace; font-size:9.5px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-soft);
}
.bf-field input[type=text],
.bf-field input:not([type=range]),
.bf-field textarea{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 14px;
  font-family:'DM Sans','Noto Sans Hebrew',sans-serif;
  font-size:14px; color:var(--ink);
  outline:none;
  transition:border-color .15s;
}
.bf-field input:focus,
.bf-field textarea:focus{ border-color:var(--accent); }
.bf-field textarea{ resize:vertical; min-height:90px; line-height:1.5; }

.bf-status-pick{
  display:flex; flex-wrap:wrap; gap:6px;
}
.bf-status-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 12px; border-radius:999px;
  background:var(--bg-card);
  border:1px solid var(--line);
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-soft);
  cursor:pointer;
  transition:border-color .15s, color .15s, background .15s;
}
.bf-status-chip:hover{ border-color:var(--ink-soft); color:var(--ink); }
.bf-status-chip .dot{
  width:7px; height:7px; border-radius:50%;
}
.bf-status-chip.on{ font-weight:500; }
.bf-status-chip.on .dot{ background:rgba(255,255,255,.85) !important; }

.bf-date-line{
  display:flex; align-items:center; gap:14px;
}
.bf-date-line input[type=range]{
  flex:1; min-width:0;
  -webkit-appearance:none; appearance:none;
  height:4px;
  background:var(--line);
  border-radius:2px; outline:none;
  cursor:pointer;
  border:none !important;
  padding:0 !important;
}
.bf-date-line input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:18px; height:18px; border-radius:50%;
  background:var(--accent);
  border:2px solid var(--bg-card);
  box-shadow:0 2px 6px rgba(0,0,0,.2);
  cursor:pointer;
}
.bf-date-line input[type=range]::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%;
  background:var(--accent);
  border:2px solid var(--bg-card);
  cursor:pointer;
}
.bf-date-line b{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:15px; letter-spacing:-.01em;
  color:var(--ink); white-space:nowrap;
  min-width:80px; text-align:right;
}

/* Loading skeleton for the Gantt body */
.g-skeleton-rows{
  display:flex; flex-direction:column; gap:10px;
  max-width:680px; margin:0 auto;
}
.g-skeleton-row{
  height:32px; border-radius:8px;
  background:linear-gradient(90deg, var(--line-soft) 0%, var(--line) 50%, var(--line-soft) 100%);
  background-size:200% 100%;
  animation:g-skeleton-shimmer 1.4s ease-in-out infinite;
}
@keyframes g-skeleton-shimmer{
  0%   { background-position:200% 0; }
  100% { background-position:-200% 0; }
}

/* Tasks (= Monday subitems) inside the bar modal */
.bf-tasks{
  padding-top:16px;
  border-top:1px dashed var(--line);
  display:flex; flex-direction:column; gap:8px;
}
.bf-tasks h5{
  margin:0 0 4px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-soft);
  display:flex; align-items:baseline; gap:10px;
}
.bf-tasks-count{
  font-size:9px; font-weight:500;
  color:var(--ink-muted);
  letter-spacing:.12em;
}
.bf-tasks-empty{
  padding:10px 0;
  font-size:13px; color:var(--ink-muted);
  font-style:italic;
}
.bf-task{
  display:grid;
  grid-template-columns: minmax(0,2fr) 130px 130px 130px 120px 130px 28px;
  gap:6px; align-items:center;
  padding:6px 4px;
  border-bottom:1px solid color-mix(in oklab, var(--line) 60%, transparent);
  transition:opacity .15s;
}
.bf-task.busy{ opacity:.55; }
.bf-task.done .bf-task-title{ text-decoration:line-through; color:var(--ink-muted); }
.bf-task input,
.bf-task select{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:6px;
  padding:6px 8px;
  font-family:inherit; font-size:13px; color:var(--ink);
  outline:none;
  transition:border-color .15s;
  min-width:0;
}
.bf-task input:focus,
.bf-task select:focus{ border-color:var(--accent); }
.bf-task-title{ font-weight:500; }
.bf-task-status{ font-weight:500; }
.bf-task-del{
  background:transparent;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--ink-muted);
  font-size:18px; line-height:1;
  cursor:pointer;
  width:28px; height:28px;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s, color .15s, border-color .15s;
}
.bf-task-del:hover{
  background:color-mix(in oklab, var(--red) 12%, transparent);
  color:var(--red);
  border-color:color-mix(in oklab, var(--red) 30%, transparent);
}
.bf-task-add{
  display:flex; gap:8px;
  padding-top:6px;
}
.bf-task-add input{
  flex:1;
  background:var(--bg-card);
  border:1px dashed var(--line);
  border-radius:8px;
  padding:8px 12px;
  font-family:inherit; font-size:13px; color:var(--ink);
  outline:none;
}
.bf-task-add input:focus{ border-color:var(--accent); border-style:solid; }
@media(max-width:780px){
  .bf-task{
    grid-template-columns: 1fr 1fr 28px;
    grid-template-areas:
      "title title del"
      "status date date"
      "cat pri owner";
    row-gap:6px;
  }
  .bf-task-title{ grid-area:title; }
  .bf-task-status{ grid-area:status; }
  .bf-task-date{ grid-area:date; }
  .bf-task-cat{ grid-area:cat; }
  .bf-task-pri{ grid-area:pri; }
  .bf-task-owner{ grid-area:owner; }
  .bf-task-del{ grid-area:del; }
}

.bf-activity{
  padding-top:16px;
  border-top:1px dashed var(--line);
}
.bf-activity h5{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-soft);
  margin:0 0 12px;
}
.bf-act{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:12px;
  padding:8px 0;
  position:relative;
}
.bf-act::before{
  content:""; position:absolute;
  left:8px; top:18px; bottom:-8px;
  width:1.5px; background:var(--line);
}
.bf-act:last-child::before{ display:none; }
.bf-act-dot{
  width:10px; height:10px; border-radius:50%;
  background:var(--ink-muted);
  margin-top:6px;
  border:2px solid var(--bg);
  box-shadow:0 0 0 1px var(--line);
  position:relative; z-index:1;
}
.bf-act-dot.doing{ background:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.bf-act > div{ display:flex; flex-direction:column; line-height:1.3; }
.bf-act b{ font-size:13px; color:var(--ink); }
.bf-act span{ font-size:11.5px; color:var(--ink-soft); }

.bar-modal-foot{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding:16px 24px;
  border-top:1px solid var(--line);
  background:color-mix(in oklab, var(--bg) 50%, var(--bg-card));
}
.bar-modal-foot-right{
  display:flex; gap:8px;
  margin-left:auto;
}
.btn-primary, .btn-ghost, .btn-danger{
  padding:10px 18px; border-radius:10px;
  font-family:'DM Sans','Noto Sans Hebrew',sans-serif; font-size:13px; font-weight:500;
  cursor:pointer;
  display:inline-flex; align-items:center; gap:6px;
  transition:transform .15s, background .15s, border-color .15s;
}
.btn-primary{
  background:var(--ink); color:var(--bg); border:1px solid var(--ink);
}
.btn-primary:hover{ transform:translateY(-1px); }
.btn-primary:disabled{ opacity:.4; cursor:not-allowed; transform:none; }
.btn-ghost{
  background:transparent; color:var(--ink-soft); border:1px solid var(--line);
}
.btn-ghost:hover{ color:var(--ink); border-color:var(--ink-soft); }
.btn-danger{
  background:transparent; color:var(--red);
  border:1px solid color-mix(in oklab, var(--red) 25%, var(--line));
}
.btn-danger:hover{ background:color-mix(in oklab, var(--red) 8%, transparent); border-color:var(--red); }

.lane-modal-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 28px;
  border-bottom:1px solid var(--line);
}
.lane-modal-head h3{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:22px; letter-spacing:-.02em;
  margin:0;
}
.lane-modal-head .bar-modal-close{
  position:static;
  background:transparent;
  color:var(--ink-soft);
  border:1px solid var(--line);
}
.lane-modal-head .bar-modal-close:hover{ color:var(--ink); border-color:var(--ink-soft); background:transparent; }

/* Calendar event clickable */
.calendar .cal-evt{ cursor:pointer; transition:transform .15s, border-color .15s; }
.calendar .cal-evt:hover{ transform:translateX(2px); border-color:var(--ink-soft); }
.cal-head-meta{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);
  margin-left:auto;
}
.calendar .cal-head{ justify-content:flex-start; }
.calendar .cal-head h3{ margin-right:auto; }


/* ===== New Business Calendar ===== */
.nb-calendar{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
}
.nb-cal-head{
  display:flex; align-items:center; gap:14px;
  padding:18px 22px;
  border-bottom:1px solid var(--line);
  background:color-mix(in oklab, var(--accent-wash) 30%, var(--bg-card));
}
.nb-cal-head h3{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:24px; letter-spacing:-.02em;
  margin:0; flex:0 0 auto;
}
.cal-nav{
  width:32px; height:32px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid var(--line);
  background:color-mix(in oklab, var(--bg) 60%, white);
  color:var(--ink-soft); cursor:pointer;
  transition:color .15s, border-color .15s;
}
.cal-nav:hover:not(:disabled){ color:var(--ink); border-color:var(--ink-soft); }
.cal-nav:disabled{ opacity:.35; cursor:not-allowed; }
.nb-cal-stat{
  margin-left:auto;
  display:flex; gap:18px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--ink-soft); letter-spacing:.14em; text-transform:uppercase;
}
.nb-cal-stat b{ color:var(--ink); font-weight:500; }

.nb-cal-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  min-height:560px;
}

.nb-cal-grid{
  display:grid;
  grid-template-columns:repeat(7, minmax(0,1fr));
  grid-auto-rows:minmax(96px, auto);
  border-right:1px solid var(--line);
}
.cal-dow{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; color:var(--ink-soft);
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  background:color-mix(in oklab, var(--bg) 50%, var(--bg-card));
}
.cal-cell{
  padding:8px 10px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
  display:flex; flex-direction:column; gap:6px;
  min-width:0; min-height:96px;
  cursor:default;
  transition:background .15s;
}
.cal-cell:nth-child(7n){ border-right:none; }
.cal-cell.empty{ background:color-mix(in oklab, var(--bg) 30%, transparent); cursor:default; }
.cal-cell.weekend:not(.empty){ background:color-mix(in oklab, var(--ink) 2%, transparent); }
.cal-cell.has-events{ cursor:pointer; }
.cal-cell.has-events:hover{ background:color-mix(in oklab, var(--accent-wash) 50%, transparent); }
.cal-cell.today{
  background:color-mix(in oklab, var(--accent) 7%, var(--bg-card)) !important;
  box-shadow:inset 0 0 0 2px var(--accent);
}
.cal-cell.selected{
  background:color-mix(in oklab, var(--accent) 12%, var(--bg-card)) !important;
  box-shadow:inset 0 0 0 2px var(--accent);
}
.cal-day{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:6px;
}
.cal-num{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:16px; letter-spacing:-.02em;
  color:var(--ink);
}
.cal-cell.empty .cal-num{ color:var(--ink-muted); }
.cal-mo{
  font-family:'JetBrains Mono',monospace; font-size:8px;
  letter-spacing:.16em; color:var(--accent); font-weight:600;
}
.cal-events{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.cal-evt{
  padding:4px 6px 4px 8px;
  background:color-mix(in oklab, var(--bg) 70%, white);
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:4px;
  font-size:10.5px; line-height:1.25;
  display:flex; flex-direction:column; gap:1px;
  min-width:0;
}
.cal-evt b{
  font-weight:600; color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cal-evt span{
  color:var(--ink-soft);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-size:10px;
}
.cal-more{
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.1em; color:var(--ink-soft);
  padding-left:4px;
}

/* Side panel */
.nb-cal-side{
  display:flex; flex-direction:column;
  background:color-mix(in oklab, var(--bg) 50%, var(--bg-card));
  min-height:0;
}
.nb-side-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--line);
}
.nb-side-date{
  display:flex; flex-direction:column; line-height:1;
}
.nb-side-date .d{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:36px; letter-spacing:-.03em; color:var(--ink);
}
.nb-side-date .m{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; color:var(--accent);
  margin-top:4px;
}
.nb-side-count{
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-soft);
  padding:4px 10px; border-radius:999px;
  border:1px solid var(--line);
}
.nb-side-list{
  flex:1; padding:14px 20px 20px;
  overflow:auto;
  display:flex; flex-direction:column; gap:14px;
}
.nb-side-list.compact{ gap:8px; }

.nb-side-evt{
  padding:14px;
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:12px;
  display:flex; flex-direction:column; gap:8px;
}
.nb-side-evt-top{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.nb-side-evt h4{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:18px; letter-spacing:-.02em; line-height:1.25;
  margin:0;
}
.nb-side-evt p{
  font-size:12.5px; color:var(--ink-soft); line-height:1.5; margin:0;
}
.nb-side-evt-foot{
  padding-top:6px; border-top:1px dashed var(--line);
  font-size:13px;
}
.nb-side-evt-foot .value{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--accent); font-weight:500;
}

/* Mini list */
.nb-side-evt.mini{
  flex-direction:row; align-items:stretch; gap:0;
  padding:0; overflow:hidden; cursor:pointer;
  transition:border-color .15s, transform .15s;
}
.nb-side-evt.mini:hover{
  border-color:color-mix(in oklab, var(--accent) 30%, var(--line));
  transform:translateY(-1px);
}
.nb-side-mini-date{
  width:54px; flex-shrink:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#fff;
  font-family:'JetBrains Mono',monospace;
  padding:8px 4px;
}
.nb-side-mini-date .dd{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:22px; letter-spacing:-.02em;
}
.nb-side-mini-date .mm{
  font-size:9px; letter-spacing:.14em; opacity:.85; margin-top:2px;
}
.nb-side-mini-body{
  flex:1; padding:10px 12px; min-width:0;
  display:flex; flex-direction:column; gap:2px;
}
.nb-side-mini-body b{
  font-family:'Fraunces','Noto Sans Hebrew',serif; font-weight:500;
  font-size:14px; color:var(--ink); letter-spacing:-.01em;
}
.nb-side-mini-body span{
  font-size:11.5px; color:var(--ink-soft);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.nb-side-mini-body em{
  font-style:normal; font-family:'JetBrains Mono',monospace;
  font-size:10px; color:var(--accent); letter-spacing:.05em;
  margin-top:2px;
}

.nb-side-empty{
  font-size:13px; color:var(--ink-soft); text-align:center;
  padding:30px 10px;
}
.nb-side-hint{
  padding:10px 20px 18px;
  font-family:'JetBrains Mono',monospace; font-size:9.5px;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink-muted); text-align:center;
  border-top:1px dashed var(--line);
}

@media(max-width:960px){
  .nb-cal-body{ grid-template-columns:1fr; }
  .nb-cal-grid{ border-right:none; border-bottom:1px solid var(--line); }
  .nb-cal-side{ max-height:480px; }
}

/* =========================================================
   MOBILE — Gantt, Calendar, Finance section, modals
   ========================================================= */
@media (max-width: 720px) {
  /* Finance hero number — was 72px, clamp it */
  .fin-big .val { font-size: clamp(40px, 12vw, 72px); }
  .fin-big { padding: 16px; min-height: auto; }
  .fin-card { padding: 14px; }
  .fin-card .val { font-size: clamp(22px, 6vw, 28px); }
  .fin-chart { display: none; } /* the sparkline overlaps shrunken hero */

  /* By-operation rows — name → row 1, bar+value → row 2 */
  .seg-row {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "bar";
    gap: 6px;
    padding: 8px 0;
  }
  .seg-row .seg-name { grid-area: name; font-size: 12px; }
  .seg-row .seg-bar { grid-area: bar; }
  .seg-row b { grid-area: name; justify-self: end; font-size: 13px; }

  /* Bar modal (edit event) — fill the screen as a bottom sheet */
  .modal.bar-modal {
    inset: auto 0 0 0;
    width: 100%; max-width: 100%;
    height: 92svh; max-height: 92svh;
    top: auto; left: 0;
    transform: translateY(100%);
    border-radius: 22px 22px 0 0;
  }
  .modal.bar-modal.on { transform: translateY(0); }
  .bar-modal-head { padding: 14px 16px 18px; }
  .bar-modal-title { font-size: 22px; }
  .bar-modal-body { padding: 14px 16px 32px; }
  .bf-row.two { grid-template-columns: 1fr; gap: 10px; }
  .bf-status-pick { gap: 6px; flex-wrap: wrap; }
  .bf-status-chip { padding: 6px 10px; font-size: 12px; }

  /* Gantt header zoom controls wrap */
  .gantt-controls { flex-wrap: wrap; gap: 6px; }
  .gantt-controls .seg { font-size: 11px; }
  .gantt-controls .seg button { padding: 6px 10px; }
  .gantt-add { font-size: 11px; padding: 6px 10px; }

  /* Lane label uses the var (96px on mobile per :root override) */
  .gantt-head, .g-lane { grid-template-columns: var(--lane-w) 1fr; }
  .g-lane-label { padding: 8px 8px 8px 6px; }
  .g-lane-tag { width: 4px; height: 18px; }
  .g-lane-label b { font-size: 12px; }
  .g-lane-count { font-size: 9px; }
  .g-lane-add { width: 24px; height: 24px; flex-shrink: 0; }

  /* Today pin: smaller and less intrusive */
  .g-today-pin { padding: 2px 6px; font-size: 9px; }

  /* Bar label + date chips shrink */
  .g-bar { font-size: 10.5px; }
  .g-bar-label { font-size: 10.5px; }
  .g-bar-date { font-size: 8.5px; padding: 1px 4px; }
  .g-bar-owner { display: none; }
  .g-milestone-label { font-size: 10px; padding: 2px 5px; }
  .g-milestone-date { font-size: 8.5px; }
  .g-bar-extlabel { font-size: 10px; padding: 2px 5px; }

  /* Calendar: cells too small for the 7-col grid at 375 — shrink padding instead */
  .cal-head h3 { font-size: 18px; }
  .cal-dow { font-size: 9px; padding: 4px 0; }
  .cal-cell { min-height: 60px; padding: 4px; }
  .cal-num { font-size: 12px; }
  .cal-mo { font-size: 7px; }
  .cal-evt { font-size: 9px; padding: 2px 4px; }
  .cal-evt b { font-size: 9px; }
  .cal-evt span { font-size: 8px; }
  .cal-more { font-size: 8.5px; }

  /* Today indicator vertical line lighter on mobile */
  .g-today { width: 1.5px; }

  /* The "Quiet week" empty state */
  .gantt-empty { padding: 28px 14px; }
  .gantt-empty h4 { font-size: 18px; }
  .gantt-empty p { font-size: 12px; }
}

@media (max-width: 480px) {
  /* Section-head clamp tighter */
  .finance-grid { gap: 12px; }
  .fin-big .val { font-size: clamp(36px, 14vw, 56px); }
  .fin-big .lbl { font-size: 10px; }
  .fin-stack { gap: 8px; }

  /* Modal even smaller */
  .bar-modal-title { font-size: 19px; }
}

/* =========================================================
   GANTT — MOBILE list (replaces horizontal chart on phone)
   ========================================================= */
.gantt-mobile {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 14px;
}
.gm-group { display: flex; flex-direction: column; gap: 8px; }
.gm-group-head {
  display: flex; align-items: baseline; justify-content: space-between;
  padding: 0 4px 4px;
  border-bottom: 1px dashed var(--line);
}
.gm-group-title {
  font-family: 'Fraunces', 'Noto Sans Hebrew', serif;
  font-size: 18px; font-weight: 500;
  color: var(--ink); letter-spacing: -.01em;
}
.gm-group-count {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: var(--ink-soft);
  background: var(--bg-card);
  border: 1px solid var(--line);
  padding: 2px 8px;
  border-radius: 999px;
}
.gm-list { display: flex; flex-direction: column; gap: 8px; }
.gm-bar {
  position: relative;
  display: flex; gap: 12px;
  align-items: stretch;
  width: 100%;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px 10px 14px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
.gm-bar:active { background: var(--bg-alt); }
.gm-stripe {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
}
.gm-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.gm-row1 {
  display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
}
.gm-lane {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-soft);
}
.gm-status {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase;
  background: var(--bg-alt);
  border: 1px solid var(--line);
  color: var(--ink-muted);
  padding: 1px 6px;
  border-radius: 999px;
}
.gm-title {
  font-family: 'Fraunces', 'Noto Sans Hebrew', serif;
  font-size: 15px; font-weight: 500;
  color: var(--ink); letter-spacing: -.005em;
  line-height: 1.3;
  word-break: break-word;
}
.gm-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: var(--ink-soft);
  letter-spacing: .04em;
}
.gm-empty {
  padding: 40px 20px;
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: 12px;
}