/* Today (internal id: command-center) -- web/command-center.js. The autopilot's report.
 * Big touch targets (44px), plain text, and nothing wider than the phone. */
#view-command-center #cc-app{max-width:980px;overflow-wrap:anywhere}
#view-command-center .cc-box{background:var(--panel,#fff);border:1px solid var(--line,#e3e6ea);border-radius:14px;padding:14px 16px;margin:0 0 14px;min-width:0}
#view-command-center .cc-box > h2,#view-command-center .cc-box > summary h2{font-size:20px;margin:0 0 6px;display:inline-flex;align-items:center;gap:10px}
#view-command-center .cc-h3{font-size:15.5px;margin:14px 0 6px}
#view-command-center .cc-sub{color:var(--muted,#6b7280);margin:0 0 10px;font-size:14px}
#view-command-center .cc-notice{margin:0 0 10px}
#view-command-center .cc-city{font-size:12px;font-weight:700;color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.4px}
#view-command-center .cc-when{font-size:12.5px;color:var(--muted,#6b7280);white-space:nowrap}
#view-command-center .cc-sep{color:var(--muted,#6b7280);margin:0 6px}
#view-command-center .cc-big-btn{min-height:48px;font-size:16px;padding:10px 20px;border-radius:10px}
#view-command-center .cc-mid-btn{min-height:44px;font-size:14.5px;padding:8px 14px;border-radius:9px}
#view-command-center .cc-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#view-command-center .cc-btnrow > button{flex:0 1 auto}

/* status line */
#view-command-center .cc-status{border:1px solid var(--line,#e3e6ea);border-left:5px solid var(--go,#1f8a4c);background:var(--panel,#fff);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:15px}
#view-command-center .cc-status-main{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
#view-command-center .cc-status-sub{color:var(--muted,#6b7280);font-size:14px;margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#view-command-center .cc-status-sub .cc-run{min-height:44px;font-size:14.5px}
#view-command-center .cc-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--go,#1f8a4c);margin-right:6px}
#view-command-center .cc-dot-on{background:var(--gold,#f5a623);animation:ccpulse 1.2s ease-in-out infinite}
#view-command-center .cc-live{color:var(--gold-dk,#c9851a);font-weight:700}
@keyframes ccpulse{50%{opacity:.35}}

/* the one optional rule control */
#view-command-center .cc-rules{border:2px solid var(--gold,#f5a623)}
#view-command-center .cc-big{font-size:18px;font-weight:700;margin:0 0 8px}
#view-command-center .cc-conf-list{margin:6px 0 10px;padding-left:22px}
#view-command-center .cc-conf-list li{margin:0 0 8px;font-size:15px}
#view-command-center .cc-impact{display:block;color:var(--muted,#6b7280);font-size:13.5px}
#view-command-center .cc-warn{background:var(--warn-bg,#fdeecb);color:#5c4400;border-radius:8px;padding:8px 10px;font-size:14px;margin:0 0 6px}
#view-command-center .cc-result{background:var(--go-bg,#e3f4ea);border-radius:8px;padding:10px 12px;margin:0 0 10px;font-size:15px}
#view-command-center .cc-result-bad{background:var(--no-bg,#fbdce0)}
#view-command-center .cc-others{color:var(--muted,#6b7280);font-size:13.5px;margin:10px 0 0}

/* what the autopilot did */
#view-command-center .cc-feed{list-style:none;margin:4px 0 0;padding:0}
#view-command-center .cc-f{padding:8px 0 8px 22px;border-top:1px solid var(--line,#eee);font-size:15px;position:relative}
#view-command-center .cc-f:first-child{border-top:0}
#view-command-center .cc-f::before{content:"✓";position:absolute;left:2px;top:8px;color:var(--go,#1f8a4c);font-weight:800}
#view-command-center .cc-f-error::before{content:"!";color:var(--no,#b4232a)}
#view-command-center .cc-f-research::before,#view-command-center .cc-f-starting::before{content:"•";color:var(--muted,#6b7280)}
#view-command-center .cc-f-rules::before{content:"★";color:var(--gold-dk,#c9851a)}
#view-command-center .cc-sites,#view-command-center .cc-blist,#view-command-center .cc-tlist,#view-command-center .cc-setlist,#view-command-center .cc-donelist{list-style:none;margin:0;padding:0}
#view-command-center .cc-sa{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border:1px solid var(--line,#e3e6ea);border-radius:10px;margin:0 0 8px;padding:4px 10px 4px 4px}
#view-command-center .cc-sa.cc-undone{opacity:.65}
#view-command-center .cc-sa-open,#view-command-center .cc-bsite{font:inherit;text-align:left;background:none;border:0;cursor:pointer;padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1 1 240px;min-width:0;min-height:44px;border-radius:8px}
#view-command-center .cc-sa-open:hover,#view-command-center .cc-bsite:hover{background:var(--muted-bg,#eceef1)}
#view-command-center .cc-status-word{font-weight:700}
#view-command-center .cc-sa-top,#view-command-center .cc-b-top{font-size:15.5px}
#view-command-center .cc-sa-text{font-size:14.5px}
#view-command-center .cc-sa-meta,#view-command-center .cc-b-meta,#view-command-center .cc-b-why,#view-command-center .cc-todo-meta{font-size:13px;color:var(--muted,#6b7280)}
#view-command-center .cc-b-mean{font-size:14px;font-weight:600}
#view-command-center .cc-undo{min-height:44px;min-width:76px;font-size:14.5px}
#view-command-center .cc-sa-undone{font-size:13px;color:var(--muted,#6b7280);padding:0 6px}
#view-command-center .cc-more-sites > summary,#view-command-center .cc-later > summary,#view-command-center .cc-detail > summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#view-command-center .cc-detail > summary h2{font-size:16px;margin:0}

/* best sites */
#view-command-center .cc-bcity{border-top:1px solid var(--line,#e3e6ea);padding-top:4px}
#view-command-center .cc-bcity:first-of-type{border-top:0}
#view-command-center .cc-count-note{font-size:12.5px;font-weight:500;color:var(--muted,#6b7280)}
#view-command-center .cc-blist li{border:1px solid var(--line,#e3e6ea);border-radius:10px;margin:0 0 8px}
#view-command-center .cc-bsite{width:100%}

/* only a person can do these */
#view-command-center .cc-tsite{border:1px solid var(--line,#e3e6ea);border-radius:10px;margin:0 0 10px}
#view-command-center .cc-tsite > summary{cursor:pointer;padding:10px 12px;min-height:44px;box-sizing:border-box;font-size:15px}
#view-command-center .cc-tsite > summary .cc-todo-meta{display:block;margin:3px 0 0 18px}
#view-command-center .cc-tsite[open] > summary{border-bottom:1px solid var(--line,#eee)}
#view-command-center .cc-tsite .cc-tsite-open{margin:8px 10px 2px}
#view-command-center .cc-todo{padding:8px 10px;border-top:1px solid var(--line,#eee)}
#view-command-center .cc-todo-top{font-size:15px}
#view-command-center .cc-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--muted-bg,#eceef1);border-radius:6px;padding:2px 7px;margin-right:4px}
#view-command-center .cc-evform,#view-command-center .cc-assignform{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:520px}
#view-command-center .cc-evform label,#view-command-center .cc-assignform label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}
#view-command-center .cc-evform input,#view-command-center .cc-evform select,#view-command-center .cc-assignform input{font:inherit;font-size:15px;min-height:44px;padding:8px 10px;border:1px solid var(--line,#d5d9de);border-radius:8px;min-width:0;width:100%;box-sizing:border-box}
#view-command-center .cc-later{margin-top:6px}

/* can't do this myself */
#view-command-center .cc-setup{border-left:5px solid var(--warn,#9a6b00)}
#view-command-center .cc-setlist li{padding:8px 0;border-top:1px solid var(--line,#eee);font-size:15px}
#view-command-center .cc-setlist li:first-child{border-top:0}

/* done today */
#view-command-center .cc-donelist li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 0;border-top:1px solid var(--line,#eee);font-size:14.5px}
#view-command-center .cc-donelist li:first-child{border-top:0}

/* More detail (counters, why grades moved, research robots) */
#view-command-center .cc-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0 12px}
#view-command-center .cc-counter{font:inherit;text-align:left;background:var(--panel,#fff);border:1px solid var(--line,#e3e6ea);border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0}
#view-command-center .cc-counter:hover,#view-command-center .cc-counter.on{border-color:var(--gold,#f5a623)}
#view-command-center .cc-counter.on{box-shadow:inset 0 -3px 0 var(--gold,#f5a623)}
#view-command-center .cc-count{font-size:28px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
#view-command-center .cc-clabel{font-size:12.5px;color:var(--muted,#6b7280);font-weight:600}
#view-command-center .cc-untracked .cc-count{color:var(--muted,#6b7280)}
#view-command-center .cc-nt{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--warn,#9a6b00)}
#view-command-center .cc-drawer{margin:0 0 12px}
#view-command-center .cc-src{display:block;font-size:11px}
#view-command-center .cc-rows{list-style:none;margin:6px 0;padding:0;max-height:360px;overflow:auto}
#view-command-center .cc-rows li{border-top:1px solid var(--line,#eee)}
#view-command-center .cc-rowlink,#view-command-center .cc-movelink{font:inherit;font-size:12.5px;width:100%;text-align:left;background:none;border:0;padding:6px 4px;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#view-command-center .cc-rowlink:hover,#view-command-center .cc-movelink:hover{background:var(--muted-bg,#eceef1)}
#view-command-center .cc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
#view-command-center .cc-moved h5{margin:10px 0 4px;font-size:12.5px}
#view-command-center .cc-cause{font-size:11.5px;border-radius:6px;padding:1px 6px;background:var(--muted-bg,#eceef1)}
#view-command-center .cc-cause-rulebook{background:var(--warn-bg,#fdeecb);color:var(--warn,#9a6b00)}
#view-command-center .cc-cause-data{background:#e3eefc;color:#1c4e8a}
#view-command-center .cc-scan{font-size:12.5px;border-top:1px solid var(--line,#eee);padding:6px 0}
#view-command-center .cc-agents{font-size:12.5px}
#view-command-center .cc-agent-note{margin:0 0 6px}
.dev-file .cc-target{outline:3px solid var(--gold,#f5a623);outline-offset:3px;border-radius:6px}

@media (max-width:760px){
  #view-command-center .cc-grid{grid-template-columns:minmax(0,1fr)}
  #view-command-center .cc-counters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-command-center .cc-count{font-size:22px}
}
@media (max-width:480px){
  #view-command-center .cc-box{padding:12px}
  #view-command-center .cc-box > h2{font-size:18px}
  #view-command-center .cc-big{font-size:17px}
  #view-command-center .cc-big-btn{width:100%}
  #view-command-center .cc-sa{padding:4px}
  #view-command-center .cc-undo{flex:1 1 100%}
}
/* The switch (may the autopilot make rule changes from your decisions and the research official?) */
#view-command-center .cc-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:1px dashed var(--line,#d5d9de);border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14.5px;background:var(--panel,#fff)}
#view-command-center .cc-switch > span{flex:1 1 260px;min-width:0}
#view-command-center .cc-switch-on{border-style:solid;border-color:var(--go,#1f8a4c);background:var(--go-bg,#e3f4ea)}
#view-command-center .cc-switch.cc-confirm{display:block;border-style:solid;border-color:var(--gold,#f5a623)}
/* Rule changes it made official, each with Undo */
#view-command-center .cc-ra{padding:8px 10px}
#view-command-center .cc-ra-main{display:flex;flex-direction:column;gap:3px;flex:1 1 240px;min-width:0}
#view-command-center .cc-ra-confirm{flex:1 1 100%;background:var(--warn-bg,#fdeecb);border-radius:8px;padding:8px 10px;font-size:14px}
#view-command-center .cc-f-rules_undone::before{content:"↺";color:var(--muted,#6b7280)}