/* Back control, history rows, the week calendar, filters, status flashes.
   Flat dashboard style: white cards on a tinted page, a hairline rather than
   a shadow, and one indigo accent for whatever is selected. */
.back{width:32px;height:32px;border-radius:8px;background:var(--chip);color:var(--soft);
  font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;font-weight:700;padding:0;cursor:pointer;font-family:inherit}
.back:active{background:var(--accent);color:#fff}

.movebtn{min-height:32px;padding:0 13px;border-radius:8px;background:var(--chip);color:var(--soft);
  font-size:12px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center}
.movebtn.on{background:var(--accent);color:#fff}
.picked{box-shadow:0 0 0 2px var(--accent)}

.pickbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;
  border-radius:12px;background:var(--accent);color:#fff;font-size:13.5px;font-weight:500;
  position:sticky;top:74px;z-index:19;box-shadow:0 4px 14px -6px rgba(79,107,237,.6)}
.pickbar button{background:rgba(255,255,255,.22);border-radius:8px;padding:9px 15px;font-weight:600;
  font-size:13px;color:#fff}

.flash{background:var(--card);color:var(--soft);border-radius:10px;padding:11px 16px;
  font-size:13px;margin:0 0 16px;display:inline-block;box-shadow:inset 0 0 0 1px var(--rule)}

.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.fchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;
  background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);font-size:13.5px;font-weight:600;
  color:var(--soft);white-space:nowrap}
.fchip.on{background:var(--accent);color:#fff;box-shadow:none}
.fsep{width:1px;height:24px;background:var(--rule);margin:0 4px}
.fsort{font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);background:var(--card);
  border:none;border-radius:10px;padding:0 40px 0 16px;height:44px;width:auto;cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--rule);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6478' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9.5 12 15.5 18 9.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:15px}

.histrow{display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:15px 18px;border-top:1px solid var(--rule);flex-wrap:wrap}
.histrow a.chip{text-decoration:none}

.cal{display:grid;grid-template-columns:repeat(7,minmax(206px,1fr));gap:14px;align-items:start;
  overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.day{background:var(--card);border-radius:14px;padding:13px;min-height:226px;
  box-shadow:var(--up-sm),inset 0 0 0 1px var(--rule);display:flex;flex-direction:column}
.day.today{box-shadow:0 0 0 2px var(--accent)}
.day.target{box-shadow:0 0 0 2px var(--accent);background:var(--accent-soft);cursor:copy}
.dayhead{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;
  padding:0 2px 11px;border-bottom:1px solid var(--rule);margin-bottom:11px}
.dayopen{text-align:left;border-radius:8px;padding:5px 7px;margin:-5px -7px;min-height:44px}
.dayopen:active{background:var(--chip)}
.dayname{font-size:12.5px;font-weight:600;color:var(--faint);display:block}
.daynum{font-size:19px;font-weight:700;letter-spacing:-.02em}
.dayadd{width:44px;height:44px;border-radius:10px;background:var(--chip);color:var(--soft);
  font-size:19px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dayadd:active{background:var(--accent);color:#fff}
.dayempty{font-size:12.5px;color:var(--faint);padding:11px 2px}
.daymore{width:100%;min-height:42px;border-radius:9px;background:var(--chip);color:var(--soft);
  font-size:12.5px;font-weight:600;margin-top:2px}
.daymore:active{background:var(--accent);color:#fff}

@media (hover:hover) and (pointer:fine){
  .back:hover{background:var(--accent);color:#fff}
  .movebtn:hover{background:var(--accent);color:#fff}
  .fchip:hover{color:var(--ink)}
  .fchip.on:hover{color:#fff}
  .dayopen:hover{background:var(--chip)}
  .dayadd:hover{background:var(--accent);color:#fff}
  .daymore:hover{background:var(--accent);color:#fff}
}

@media (max-width:1000px){
  .cal{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}
  .lanehead{display:none}
  .lanes{overflow-x:visible}
  .lane{grid-template-columns:1fr;min-width:0}
  .laneacc{padding:15px 16px}
  .cell{border-left:none;border-top:1px solid var(--rule);min-height:0;padding:15px 16px}
  .cell.empty{display:none}
  .cell.target.empty{display:block;min-height:54px}
  .cell::before{content:attr(data-stage);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;
    text-transform:uppercase;color:var(--faint);margin-bottom:11px}
}
@media (max-width:640px){
  .cal{grid-template-columns:1fr;gap:10px}
  .day{min-height:0}
  .pickbar{top:78px}
}