/* The call inbox (inbox.js): a fixed lane at the far left of the board, and the
   Inbox count on the "Board" link in the top nav. Hairline: tint, hairlines, one accent. */

.topnav-link .nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  margin-left:6px;padding:0 6px;border-radius:10px;background:var(--coral,#E76C7A);color:#fff;
  font-size:var(--t-meta);font-weight:500;font-variant-numeric:tabular-nums;line-height:1}

.inbox-lane{--ib-tint:#EEF1FA;--ib-ink:#3A4B8C;
  background:var(--ib-tint);border-radius:var(--r-card);padding:12px;min-height:220px;display:flex;flex-direction:column;
  position:sticky;left:0;z-index:3;box-shadow:12px 0 12px -12px rgba(0,0,0,.10);scroll-snap-align:start}
.ib-head{display:flex;align-items:center;gap:8px;padding:0 0 4px 4px;min-height:36px}
.ib-ico{flex:0 0 28px;width:28px;height:28px;border-radius:var(--r-field);background:var(--ib-ink);color:#fff;
  display:inline-flex;align-items:center;justify-content:center}
.ib-head .lane-title{flex:1}
.ib-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;
  background:var(--ib-ink);color:#fff;font-size:var(--t-meta);font-weight:500;font-variant-numeric:tabular-nums}
.ib-sub{margin:0 4px 10px;font-size:var(--t-meta);color:var(--muted);line-height:1.35}
.ib-calls{display:flex;flex-direction:column;gap:8px;flex:1;min-height:60px}
.ib-empty{margin:4px;font-size:var(--t-label);color:var(--muted)}

.icall{background:#fff;border:1px solid #DCE1F0;border-radius:var(--r);padding:10px 12px;cursor:grab;
  display:flex;flex-direction:column;gap:5px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.icall:hover{box-shadow:var(--shadow-button);border-color:#C9D0E6}
.icall:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.icall.is-dragging{opacity:.4}
.icall.is-miss{border-left:3px solid var(--coral)}
.ic-top{display:flex;align-items:center;gap:8px;min-height:24px}
.ic-time{font-size:var(--t-chip);font-weight:500;font-variant-numeric:tabular-nums}
.ic-unknown{background:var(--sunken);color:var(--muted)}
.ic-over{margin-left:auto;font-size:var(--t-meta);font-weight:500;color:var(--overdue)}
.ic-name{font-size:var(--t-ui);font-weight:500;line-height:1.2;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums}
a.ic-name:hover{text-decoration:underline}
.ic-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--t-chip)}
.ic-state{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-variant-numeric:tabular-nums}
.ic-state.is-miss{color:var(--overdue);font-weight:500}
.ic-state.is-ringing,.ic-state.is-live{color:var(--ib-ink);font-weight:500}
.ic-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:ic-pulse 1.6s ease-in-out infinite}
@keyframes ic-pulse{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.ic-dot{animation:none}}
.ic-chip{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:var(--r-chip);
  background:var(--choice-rest);color:var(--choice-rest-ink);font-size:var(--t-meta);font-weight:500;white-space:nowrap}
.ic-note{font-size:var(--t-meta);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-actions{display:flex;gap:6px;margin-top:2px}
.ic-btn{height:30px;padding:0 10px;border:0;border-radius:var(--r-field);background:var(--sunken);color:var(--ink);
  font-size:var(--t-chip);font-weight:500;cursor:pointer}
.ic-btn:hover{background:var(--line-strong)}
.ic-btn.ic-fu{background:var(--ink);color:#fff}
.ic-btn.ic-fu:hover{background:#292829}
.board.is-call-drag .lane{outline:1px dashed #C9D0E6;outline-offset:-1px}
.board.is-call-drag .lane.is-over{outline:2px solid var(--blue)}

.ib-prompt{position:fixed;z-index:57;background:#fff;border-radius:10px;box-shadow:var(--shadow-menu);padding:16px;
  display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 16px);overflow:auto}
.ib-p-title{font-size:var(--t-ui);font-weight:700}
.ib-p-sub{margin:-4px 0 0;font-size:var(--t-meta);color:var(--muted)}
.ib-p-field .label{margin-bottom:5px;font-size:var(--t-chip)}
.ib-p-field .field{font-size:var(--t-label)}
.ib-err{margin:0;font-size:var(--t-meta);color:var(--overdue)}
.ib-p-actions{display:flex;gap:8px}

@media (max-width:640px){
  .inbox-lane{position:static;box-shadow:none}
}

/* AI receptionist calls: purple, like its cards (board.css --ai) */
.icall.is-ai{border-left:3px solid var(--ai);background:var(--ai-tint)}
.ic-state.is-ai{color:var(--ai-ink);font-weight:700}