/* CALENDARYX board */
.cx-ctl{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.cx-alt{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.cx-alt button,.cx-week button{font:inherit;cursor:pointer;background:none;border:1px solid var(--line);color:var(--bone-dim);border-radius:999px;padding:8px 13px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.cx-alt button.on{background:var(--accent);border-color:var(--accent);color:var(--void);font-weight:700}
.cx-alt label{display:flex;flex-direction:column;gap:4px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint)}
.cx-alt select{font:inherit;font-size:13px;color:var(--bone);background:var(--void-3);border:1px solid transparent;border-radius:8px;padding:7px 28px 7px 10px;min-width:9.5rem;max-width:13rem;-webkit-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 14px) center,calc(100% - 9px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.cx-alt select:focus{outline:none;border-color:var(--accent)}
.cx-week{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cx-week button{padding:7px 11px}
.cx-week span{font-size:13px;color:var(--bone-mid);margin-left:6px}
.cx-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px}
.cx-grid{min-width:860px}
.cx-row{display:grid;grid-template-columns:170px repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}
.cx-row.cx-head{border-top:none;background:var(--void-2)}
.cx-lane{position:sticky;left:0;z-index:1;background:var(--void);padding:10px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.cx-head .cx-lane{background:var(--void-2);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint);justify-content:center}
.cx-lane b{font-weight:600;font-size:13.5px;color:var(--bone);line-height:1.25}
.cx-lane b[role=button]{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.18);text-underline-offset:3px}
.cx-lane b[role=button]:hover{color:var(--accent-bright)}
.cx-lane span{font-size:11px;color:var(--bone-faint)}
.cx-day{padding:9px 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim);border-left:1px solid rgba(255,255,255,.04)}
.cx-day b{color:var(--bone);font-weight:600;letter-spacing:0;font-size:13px}
.cx-day.today{color:var(--accent-bright)} .cx-day.today b{color:var(--accent-bright)}
.cx-cell{padding:6px;display:flex;flex-direction:column;gap:4px;min-height:58px;border-left:1px solid rgba(255,255,255,.04)}
.cx-cell.today{background:rgba(226,184,103,.05)}
.cx-it{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--void-2);color:var(--bone);border-radius:7px;padding:4px 6px;font-size:11.5px;line-height:1.3;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-it i{font-style:normal;color:var(--accent-bright);font-size:10px;margin-right:5px;letter-spacing:.04em}
.cx-it.st-on{border-color:rgba(159,208,255,.55)} .cx-it.st-on i{color:#9fd0ff}
.cx-it.st-done{color:var(--bone-faint)} .cx-it.st-done i{color:#8fe0a9}
.cx-it.st-aborted{color:var(--bone-faint);text-decoration:line-through}
.cx-it.due{border-color:rgba(240,164,151,.5)} .cx-it.due i{color:#f0a497}
.cx-it.sample{border-style:dashed}
.cx-it:hover,.cx-it:focus-visible{border-color:var(--accent);outline:none}
.cx-more{font:inherit;background:none;border:none;color:var(--accent);cursor:pointer;font-size:11px;text-align:left;padding:2px 4px}
.cx-detail{position:relative;margin-top:12px;border:1px solid var(--accent);border-radius:12px;padding:12px 40px 12px 14px;display:flex;flex-direction:column;gap:3px;background:var(--void-2)}
.cx-detail b{font-size:15px} .cx-detail span{font-size:13px;color:var(--bone-dim)}
.cx-tag{align-self:flex-start;font-size:9.5px!important;letter-spacing:.2em;text-transform:uppercase;border:1px dashed var(--accent);color:var(--accent-bright)!important;border-radius:999px;padding:2px 8px;margin-bottom:4px}
.cx-x{position:absolute;right:8px;top:6px;background:none;border:none;color:var(--bone-dim);font-size:20px;cursor:pointer}
.cx-empty{color:var(--bone-faint);font-size:14px;margin-top:12px}
.cx-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12px;color:var(--bone-dim)}
.cx-legend span::before{content:'';display:inline-block;width:14px;height:10px;border:1px solid var(--line);border-radius:3px;margin-right:6px;vertical-align:-1px}
.cx-legend .l-on::before{border-color:rgba(159,208,255,.7)} .cx-legend .l-done::before{border-color:rgba(143,224,169,.6)}
.cx-legend .l-due::before{border-color:rgba(240,164,151,.7)} .cx-legend .l-sample::before{border-style:dashed;border-color:var(--accent)}
@media (max-width:640px){
  .cx-row{grid-template-columns:118px repeat(7,minmax(96px,1fr))}
  .cx-grid{min-width:790px}
  .cx-alt select{min-width:8rem}
}