/* ============ Mina v1.0.13 — taste-skill design pass (app-screen house style) ============
   Non-structural override layer on the known-good deal-codes build.
   Nothing moves or is removed; the existing layout becomes calm + consistent.
   Rules (taste-skill app-screens):
   - flat surfaces: kill resting shadows, separate with 1px lines / one tone step
   - colour on data, not chrome: blue = primary action + data values only
   - receding nav: active item is a neutral grey pill, not blue-on-blue
   - no gradients on chrome (buttons/avatars/send); flat brand blue
   - normalise radii; remove performative hover lift/scale
   Loaded LAST so it wins. */

/* ---------- flatten chrome shadows; keep them only on true overlays ---------- */
.card, .panel button.btn, .google, .kb-col, .contact-card, .contact-pick,
.deal-in-co, .co-stat, aside, #topnav, input, select, textarea, .ffield input, .ffield select{
  box-shadow:none;
}
/* hover lift/scale -> nothing (no performative motion) */
.google:hover, .dcard:hover, .contact-card:hover{ transform:none; }

/* ---------- kill gradients on chrome (send, avatars, primary buttons) ---------- */
#send, .avatar.ai, .panel button.btn, #fab-new{ background-image:none !important; }
#send{ background:var(--blue); box-shadow:none; }
#send:hover{ background:var(--blue-hi); }
/* the + FAB and the AI avatar were filled only by the gradient removed above; give them flat brand blue */
#fab-new{ background:var(--blue); }
#fab-new:hover{ background:var(--blue-hi); }
.avatar.ai:not(.img){ background:var(--blue); }

/* ---------- receding top nav ---------- */
#topnav{ background:transparent; }
#topnav .tnav{ background:none; border:none; color:var(--muted); border-radius:8px; }
#topnav .tnav:hover{ color:var(--ink); background:var(--tint); }
#topnav .tnav.on{ color:var(--ink); background:var(--tint); }  /* neutral, not blue-on-blue */

/* ---------- one blue = primary action + data ---------- */
.panel button.btn, .act.primary, #deal-new-btn{ background:var(--blue); color:#fff; border:none; }
.panel button.btn:hover, .act.primary:hover{ background:var(--blue-hi); }
.act:not(.primary){ background:none; border:1px solid var(--line); color:var(--body); }
.act:not(.primary):hover{ border-color:var(--ink); color:var(--ink); background:none; }

/* ---------- cards / list rows: flat, 1px separation ---------- */
.contact-card, .contact-pick, .deal-in-co, .kb-col, .dl{
  border:1px solid var(--line); border-radius:10px;
}
.kb-col{ background:var(--tint); }
.contact-card:hover, .dl:hover{ border-color:var(--ink); }

/* data values carry the one hue */
.co-stat.deals, .dl .dl-val, .dtable .val, .dc-val{ color:var(--blue); font-variant-numeric:tabular-nums; }

/* ---------- kanban headers: quiet ---------- */
.kb-header{ color:var(--muted); }
.kb-header .kb-count{ background:var(--line); color:var(--muted); }
.kb-col.dragover{ background:var(--badge); outline:2px dashed var(--blue); }

/* ---------- consistent radii ---------- */
.btn, .act, input, select, textarea, .ffield input, .ffield select, .search{ border-radius:8px; }

/* ---------- skeleton: flat tone, no gradient sweep ---------- */
.skel i{ background:var(--tint); animation:none; }

/* ---------- FAB menu emoji chips: de-emphasise ---------- */
#fab-menu button .ico{ filter:grayscale(1); opacity:.65; }

/* ---------- true overlays keep a shadow for depth ---------- */
.overlay .panel, #fab-menu{ box-shadow:var(--shadow-2); }

/* ---------- sign-in card stays centred; keep it clean ---------- */
.card{ animation:none; }

/* ---------- deals Board/List segmented toggle + kanban empty state ---------- */
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--card,#fff);gap:2px}
.seg button{border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--muted);background:none;cursor:pointer;font-family:var(--font-b)}
.seg button.on{background:var(--tint);color:var(--ink)}
.seg button:not(.on):hover{color:var(--ink)}
.kb-empty{font-size:12px;color:var(--faint);text-align:center;padding:12px 4px;border:1px dashed var(--line);border-radius:8px}
.kb-card{cursor:pointer}

/* ---------- card body is the edit target; the little pencil icons are redundant ---------- */
.co-edit, .cedit{ display:none; }
.co-card, .contact-card{ cursor:pointer; }

/* ============ apple-taste pass (Oct 30) — 6 fixes from the app-screen audit ============ */

/* 1) Dark theme: navy/slate -> true neutrals (skill bans navy/slate darks) */
[data-theme="dark"]{
  --ink:#F5F5F7; --body:#C8C8CC; --muted:#A1A1A6; --faint:#86868B;
  --line:#2C2C2E; --tint:#1C1C1E; --sky:#1C1C1E; --badge:rgba(101,178,249,.14);
  --warm:#000000; --card:#161617; --card2:#1C1C1E;
}
[data-theme="dark"] body{ background:#000000; }
[data-theme="dark"] aside{ background:#000000; }
[data-theme="dark"] .card,[data-theme="dark"] .kb-col,[data-theme="dark"] .contact-card,[data-theme="dark"] .deal-in-co{ background:#161617; }

/* 2) Sentence-case the tracked-uppercase labels (15 of them) -> 12px grey, no tracking */
.side-label, .t-badge, .perf-label, .kb-header, .dl-section, .section-h,
#task-modal label, #decision-modal label, .dd-cell .dd-label{
  text-transform:none; letter-spacing:0; font-weight:500;
}

/* 3) Kill remaining hover lift/scale -> border/outline feedback only */
.sugg:hover, .kb-card:hover, #fab-menu button:hover, .google:hover, #newchat:hover{
  transform:none;
}
.sugg:hover, .kb-card:hover{ box-shadow:none; border-color:var(--ink); }
#fab-menu button:hover{ border-color:var(--ink); }

/* 4) No entrance animations on data/content (motion = feedback only, overlays keep theirs) */
.deal-card, .conv, .contact-card, .co-card, .kb-card, .dl, .sugg, .task{ animation:none; }

/* 5) Kanban stage header dots: one hue family — neutral dot, colour only on the count data */
.kb-header .kb-dot{ background:var(--muted) !important; }
.kb-header .kb-count{ font-variant-numeric:tabular-nums; }

/* 6) Data figures: enforce tabular alignment + right-align numeric table cells */
.dtable td.num, .dtable .val, .dl-val, .d-acv, .co-stat.deals, .perf-stage-val, .deal-total{
  font-variant-numeric:tabular-nums;
}
.dtable .val, .dl-val{ text-align:right; }