/* Books compliance calendar and the ST-100 filing worksheet (books-compliance.js). Builds on books.css and the app tokens, so both themes work. */
.cmp-due{display:block;color:var(--ink3);font:12px var(--font)}
.cmp-sub{display:block;color:var(--ink3);font:12px var(--font)}
.cmp-filed{color:var(--ok)}
.cmp-sec{margin:0 0 14px}
.cmp-chk{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--bd)}
.cmp-chk:last-child{border-bottom:0}
.cmp-chk .t{font-weight:600}.cmp-chk .d{grid-column:2;color:var(--ink2);font-size:13px}
.cmp-help{border:1px solid var(--acc);border-radius:var(--r);background:var(--sel);padding:14px;margin:0 0 14px}
.cmp-help h3{margin:0 0 4px;font:600 15px var(--font)}
.cmp-help p{margin:4px 0 10px;color:var(--ink2);font-size:13px;max-width:70ch}
.cmp-btns{display:flex;gap:8px;flex-wrap:wrap}
.cmp-big{font-size:15px;min-height:44px;padding:0 18px}
.cmp-card{margin:0 0 14px}
.cmp-card .bk-rl{cursor:pointer}
.cmp-ws{display:block;flex:none;min-height:min-content;border:1px solid var(--bd);border-radius:var(--r);background:var(--sf)}
.cmp-f{display:grid;grid-template-columns:28px minmax(70px,.7fr) minmax(0,2fr) minmax(130px,1fr) auto;gap:6px 12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--bd)}
.cmp-f:last-child{border-bottom:0}
.cmp-f.done{background:var(--okBg)}
.cmp-f .ln{font:12px var(--mono);color:var(--ink3)}
.cmp-f .lb{min-width:0}
.cmp-f .lb small{display:block;color:var(--ink3);font-size:12px}
.cmp-f .v{font:600 15px var(--mono);display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0}
.cmp-f .v input.sel{width:130px;text-align:right;font-family:var(--mono)}
.cmp-f .st{justify-self:end}
.cmp-f details{grid-column:2/-1;font-size:13px;color:var(--ink2)}
.cmp-f details summary{cursor:pointer;color:var(--ink3);font-size:12px}
.cmp-f details ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.cmp-f details li{display:flex;gap:10px;font:12px var(--mono)}
.cmp-f details li button{font:inherit;border:0;background:none;color:var(--acc);cursor:pointer;padding:0;text-decoration:underline}
.cmp-f .tk{width:20px;height:20px}
.cmp-copy.done{color:var(--ok)}
.cmp-aid{font-size:13px}
@media (max-width:719px){
  .cmp-f{grid-template-columns:28px minmax(0,1fr) auto}
  .cmp-f .ln{grid-column:2;order:-1}
  .cmp-f .lb{grid-column:2/-1}
  .cmp-f .v{grid-column:2/-1;justify-content:flex-start}
  .cmp-f .st{grid-column:2/-1;justify-self:start}
  .cmp-f details{grid-column:1/-1}
  .cmp-help .cmp-big{width:100%}
}
.cmp-wsw{display:flow-root;min-width:0;align-self:start}
.cmp-wsw>*{flex:none}