:root{--panel-bg:#0b0f17;--panel-card:#121826;--panel-muted:#1a2234;--panel-accent:#2b3a5c;--text:#e6eaf2;--text-dim:#a8b2c4;--blue:#2563eb;--green:#16a34a;--yellow:#eab308;--red:#dc2626}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--panel-bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.container{max-width:1200px;margin:0 auto;padding:16px}.nav{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--panel-muted);border-bottom:1px solid #1f2937}.nav.red{background:#7f1d1d}.grid{display:grid;grid-gap:12px;gap:12px}.grid.cols-2{grid-template-columns:2fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.card{background:var(--panel-card);border:1px solid #1f2937;border-radius:10px;padding:12px;position:relative}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{padding:4px 8px;border-radius:8px;background:var(--panel-muted);font-size:12px;color:var(--text-dim)}.btn{background:#243047;border:1px solid #1f2937;color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px}.btn:hover{filter:brightness(1.15)}.btn.blue{background:#1e3a8a}.btn.green{background:#14532d}.btn.yellow{background:#92400e}.btn.red{background:#7f1d1d}.btn.ghost{background:transparent;border-color:#2d3748}.input,.select,.textarea{width:100%;background:#0f1625;color:var(--text);border:1px solid #1f2937;border-radius:8px;padding:8px;font-size:13px}.textarea{min-height:72px;resize:vertical}.small{font-size:12px;color:var(--text-dim)}.status-buttons{display:flex;gap:6px;flex-wrap:wrap}.trash{position:absolute;right:8px;bottom:8px;background:transparent;border:none;color:#f87171;cursor:pointer;font-size:16px}.signal-bar{padding:8px;border-radius:8px;margin-bottom:8px}.signal-on{background:#7f1d1d}.signal-off{background:var(--panel-card)}.call-layout{display:flex;flex-direction:column;gap:12px}.call-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.call-fields-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}@media (max-width:900px){.call-fields{grid-template-columns:1fr 1fr}.call-fields-wide{grid-template-columns:1fr}}.call-units{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.call-unit-chip{padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #1f2937;background:var(--panel-muted);cursor:pointer}.call-log{max-height:260px;overflow:auto;border-radius:8px;border:1px solid #1f2937;background:#050814}.call-log-item{padding:6px 10px;border-bottom:1px solid #1f2937;font-size:12px;display:flex;justify-content:space-between;gap:8px}.call-log-item:last-child{border-bottom:none}.call-list{width:100%;border-collapse:collapse;font-size:13px}.call-list tr{cursor:pointer}.call-list tr:hover{background:#111827}.call-list td,.call-list th{padding:6px 8px;border-bottom:1px solid #111827;text-align:left}.call-status-pill{padding:2px 8px;border-radius:999px;font-size:11px}.call-status-Active{background:#1e3a8a}.call-status-Pending{background:#92400e}.call-status-Closed{background:#374151}.context-menu{position:fixed;background:#020617;border:1px solid #1f2937;border-radius:8px;padding:4px 0;z-index:50;min-width:140px}.context-menu button{width:100%;background:transparent;border:none;color:var(--text);text-align:left;padding:6px 10px;font-size:13px;cursor:pointer}.context-menu button:hover{background:#111827}.unit-highlight{animation:flash 1.2s ease-out;border-radius:10px}@keyframes flash{0%{box-shadow:0 0 12px #3b82f6}50%{box-shadow:0 0 24px #60a5fa}to{box-shadow:0 0 0 transparent}}