/* MCHQ — wheel date/time picker (external module). Themed to the Command Cockpit design tokens
   so it inherits light/dark automatically. Loaded by index.html; wires itself to the task drawer. */
.mcdp{position:fixed;z-index:320;width:304px;max-width:94vw;background:var(--panel);border:1px solid var(--edge);
  border-radius:12px;box-shadow:var(--shadow);padding:12px;font-size:13px;color:var(--txt);font-family:inherit}
.mcdp *{box-sizing:border-box}
.mcdp .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.mcdp .chip{font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;border:1px solid var(--edge2);
  background:var(--panelh);color:var(--txt2);cursor:pointer}
.mcdp .chip:hover{border-color:var(--accent);color:var(--txt)}
.mcdp .chip.none{margin-left:auto}
.mcdp .hdr{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 6px}
.mcdp .hdr .my{font-weight:700;font-size:12px;letter-spacing:.02em}
.mcdp .hdr .nav{cursor:pointer;color:var(--txt2);padding:1px 9px;border-radius:6px;user-select:none;font-size:15px}
.mcdp .hdr .nav:hover{background:var(--panelh);color:var(--txt)}
.mcdp .wheels{display:flex;gap:4px;position:relative;background:var(--bg2);border:1px solid var(--edge);
  border-radius:9px;padding:0 6px;overflow:hidden}
.mcdp .drum{height:170px;overflow-y:auto;scroll-snap-type:y mandatory;flex:1;scrollbar-width:none;text-align:center;position:relative}
.mcdp .drum::-webkit-scrollbar{display:none}
.mcdp .drum .opt{height:34px;line-height:34px;scroll-snap-align:center;font-size:13px;color:var(--txt3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .1s}
.mcdp .drum .opt.sel{color:var(--txt);font-weight:700}
.mcdp .drum .pad{height:68px}
.mcdp .drum.day{flex:2.4}
.mcdp .band{position:absolute;left:6px;right:6px;top:68px;height:34px;border-top:1px solid var(--edge2);
  border-bottom:1px solid var(--edge2);pointer-events:none;background:rgba(var(--ac),.07);border-radius:6px}
.mcdp .row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12.5px;gap:8px}
.mcdp .row .lbl{color:var(--txt2);white-space:nowrap}
.mcdp .seg{display:flex;background:var(--panelh);border:1px solid var(--edge);border-radius:8px;padding:2px}
.mcdp .seg button{font-family:inherit;font-size:11.5px;font-weight:700;color:var(--txt2);background:none;border:none;
  border-radius:6px;padding:4px 11px;cursor:pointer}
.mcdp .seg button.on{background:var(--accent);color:var(--accent-ink)}
.mcdp .pick{color:var(--accent);cursor:pointer;font-weight:600;text-align:right;flex:1;overflow:hidden;text-overflow:ellipsis}
.mcdp .pick:hover{text-decoration:underline}
.mcdp .time{margin-top:8px}
.mcdp .time.hidden{display:none}
.mcdp .foot{display:flex;justify-content:space-between;margin-top:12px}
.mcdp .foot button{border:none;border-radius:8px;padding:7px 15px;font-weight:700;cursor:pointer;font-family:inherit;font-size:12.5px}
.mcdp .foot .clear{background:none;border:1px solid var(--edge2);color:var(--red)}
.mcdp .foot .clear:hover{background:rgba(var(--rd),.1)}
.mcdp .foot .save{background:var(--accent);color:var(--accent-ink)}
.mcdp .foot .save:hover{filter:brightness(1.06)}
/* the drawer Due value becomes a clickable control */
.dueclick{cursor:pointer}
.props .v.dueopen{outline:1px dashed rgba(var(--ac),.6);outline-offset:2px;border-radius:5px}
.pill.rep{color:var(--accent);border-color:rgba(var(--ac),.4);background:rgba(var(--ac),.08)}
.pill.rem{color:var(--w-tax);border-color:rgba(var(--tx),.4);background:rgba(var(--tx),.08)}
/* --- snappier menu: colored quick-chips + tappable repeat/remind pills --- */
.mcdp .chips .chip{color:var(--txt)}
.mcdp .chips .chip:nth-child(1){background:rgba(59,158,255,.16);border-color:rgba(59,158,255,.55);color:#8fd0ff}
.mcdp .chips .chip:nth-child(2){background:rgba(245,166,35,.16);border-color:rgba(245,166,35,.55);color:#ffcf85}
.mcdp .chips .chip:nth-child(3){background:rgba(155,109,255,.16);border-color:rgba(155,109,255,.55);color:#c3abff}
.mcdp .chips .chip:nth-child(4){background:rgba(22,185,129,.16);border-color:rgba(22,185,129,.55);color:#5fe0ad}
.mcdp .chips .chip.none{background:rgba(239,71,87,.14);border-color:rgba(239,71,87,.5);color:#ff97a2}
.mcdp .chips .chip:hover{filter:brightness(1.3);border-color:currentColor}
.mcdp .row .pick{flex:0 1 auto;max-width:64%;background:rgba(var(--ac),.14);border:1px solid rgba(var(--ac),.42);border-radius:16px;padding:3px 11px;text-decoration:none}
.mcdp .row .pick:hover{background:rgba(var(--ac),.24);text-decoration:none}