.name-emoji-picker { margin: -4px 0 18px; }
.name-emoji-picker > summary { cursor:pointer; width:fit-content; padding:8px 13px; border:1px solid var(--border, #8a7fa844); border-radius:10px; font-weight:650; font-size:13px; }
.emoji-popover { margin-top:10px; padding:16px; background:var(--panel, #171b2c); border:1px solid var(--border, #8a7fa844); border-radius:14px; }
.emoji-categories { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0; }
.emoji-categories button { font-size:11px; padding:6px 8px; }
.emoji-categories [aria-pressed=true] { background:#745cd433; border-color:#a78bfa; }
.emoji-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(38px,1fr)); gap:4px; max-height:210px; overflow:auto; padding:5px; }
.emoji-grid button { padding:6px; font-size:23px; min-height:40px; border-color:transparent; }
.emoji-grid button:hover { background:#a78bfa26; }
.emoji-paste { display:flex; gap:8px; margin:12px 0 8px; }
.emoji-paste input { min-width:0; flex:1; }
.emoji-popover > small { color:var(--muted, #a9a5bd); font-size:11px; }
.route-color { margin:0; width:110px; flex:none; font-size:10px; }
.route-color select { padding:7px; min-height:34px; font-size:12px; }
.ops-preview-button.preview-primary { background:#5865f2; color:#fff; }
.ops-preview-button.preview-secondary { background:#4e5058; color:#fff; }
.ops-preview-button.preview-success { background:#248046; color:#fff; }
.ops-preview-button.preview-danger { background:#da373c; color:#fff; }
.todo-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.todo-heading h2 { margin:7px 0; }
.todo-heading p { margin-bottom:0; max-width:720px; }
.todo-heading > button { flex-shrink:0; }
.todo-board-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:18px; }
.todo-board { background:linear-gradient(145deg,#7862ad12,#45b89607),var(--panel, #171b2c); min-width:0; }
.todo-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.todo-board h3 { font-size:22px; margin:22px 0 8px; overflow-wrap:anywhere; }
.todo-description { color:var(--muted, #a9a5bd); white-space:pre-wrap; overflow-wrap:anywhere; max-height:110px; overflow:auto; }
.todo-board progress, .todo-preview progress { width:100%; height:9px; border:0; border-radius:8px; accent-color:#8b7aff; margin:14px 0; }
.todo-mini-stats { display:flex; gap:9px 14px; flex-wrap:wrap; margin:0 0 22px; font-size:11px; color:var(--muted, #a9a5bd); }
.todo-board .buttons { flex-wrap:wrap; }
.todo-board .buttons a { align-self:center; font-size:12px; }
.todo-filters { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:8px; margin-bottom:15px; }
.todo-filters > * { min-width:0; }
.todo-task { border:1px solid var(--border,#8a7fa833); border-radius:12px; margin-bottom:10px; background:#8184b208; }
.todo-task > summary { display:flex; align-items:center; gap:12px; padding:14px; cursor:pointer; }
.todo-task > summary > div { flex:1; min-width:0; }
.todo-task summary b { display:block; font-size:14px; overflow-wrap:anywhere; }
.todo-task summary small { display:block; margin-top:4px; font-size:11px; color:var(--muted,#a9a5bd); }
.todo-task-body { padding:5px 15px 15px; }
.todo-task textarea { min-height:95px; }
.todo-checklist { margin:8px 0 18px; }
.todo-checklist > b { display:block; margin-bottom:10px; font-size:12px; }
.todo-checklist > div { display:flex; align-items:center; gap:8px; margin-bottom:7px; }
.todo-checklist input[type=checkbox] { width:18px; height:18px; flex:none; accent-color:#8b7aff; }
.todo-checklist input:not([type=checkbox]) { min-width:0; flex:1; }
.todo-checklist button { padding:7px 10px; }
.todo-preview { margin-bottom:14px; }
.todo-preview > p { white-space:pre-wrap; overflow-wrap:anywhere; }
.todo-preview-task { padding:11px 0; border-bottom:1px solid #ffffff0d; }
.todo-preview-task b { display:block; font-size:13px; overflow-wrap:anywhere; }
.todo-preview-task small { display:block; margin-top:5px; font-size:10px; }
#todo-feedback { padding:8px 0; color:var(--muted,#a9a5bd); font-size:13px; }
#todo-feedback button { display:block; margin:10px 0; }
.todo-builder .editor-section { min-width:0; }
@media(max-width:680px) {
  .todo-heading { align-items:flex-start; flex-direction:column; }
  .todo-filters { grid-template-columns:1fr 1fr; }
  .todo-filters > input { grid-column:1/-1; }
  .ops-route-order { flex-wrap:wrap; }
  .ops-route-order > span { flex-basis:100%; }
  .route-color { margin-right:auto; width:130px; }
  .emoji-grid { max-height:180px; }
  .todo-task-body { padding:4px 10px 12px; }
}

.network-settings{border:1px solid var(--border,#29463b);border-radius:16px;padding:18px;margin:18px 0}.network-settings legend{padding:0 10px;font-weight:700}.network-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.network-metrics>div{border:1px solid var(--border,#29463b);padding:18px;border-radius:14px}.network-metrics strong{display:block;font-size:2rem;color:#38d6a0}.network-metrics span{font-size:.85rem}.network-stats-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.network-table{overflow:auto}.network-table table{width:100%}.network-table td,.network-table th{text-align:left;padding:10px}.result-strip code{overflow-wrap:anywhere}.result-strip>div{min-width:0}@media(max-width:600px){.network-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
