@import url("/assets/ops-board-a.css");
@import url("/assets/ops-board-b.css");
@import url("/assets/ops-board-c.css");
/* Milestone rows: a label that does not fit a phone breaks inside itself instead of pushing the page
   sideways. With CI's fallback font (Noto Sans) the M8 row ran 5px past a 320px screen (Cursor on #262). */
#milestone-funnel .ms-funnel li{overflow-wrap:anywhere}
/* Action items from the last conference, first on the page (Grok's OPS-ACTIONS, 30 Sep). A phone stacks each row. */
#action-items{margin:0 0 10px}
.action-items{width:100%;border-collapse:collapse;table-layout:fixed;font:400 13px/1.35 var(--ui);color:var(--ink)}
.action-items th{text-align:left;font:700 11px/1.2 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:6px 8px;border-bottom:1px solid var(--rule)}
.action-items td{padding:6px 8px;border-bottom:1px solid var(--rule);vertical-align:top;overflow-wrap:anywhere}
.action-items th:nth-child(1),.action-items td:nth-child(1){width:15%}
.action-items th:nth-child(3),.action-items td:nth-child(3){width:17%}
.action-items th:nth-child(4),.action-items td:nth-child(4){width:14%}
.ai-status{display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid var(--rule);font:600 11px/1.5 var(--ui);white-space:nowrap}
.ai-open{background:var(--soft)}
.ai-actioned{background:var(--paper);border-color:var(--accent);color:var(--accent)}
.ai-review,.ai-closed{background:var(--accent);border-color:var(--accent);color:var(--paper)}
@media (max-width:640px){
.action-items thead{display:none}
.action-items,.action-items tbody,.action-items tr,.action-items td{display:block;width:auto}
.action-items th:nth-child(n),.action-items td:nth-child(n){width:auto}
.action-items tr{border:1px solid var(--rule);border-radius:8px;margin:0 0 6px;padding:2px 0}
.action-items td{border:0;padding:3px 8px}
.action-items td::before{content:attr(data-label);display:block;font:700 10px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
}