/* Renomate CRM — premium polish layer (2026-11-04).
   Loaded AFTER styles.css. Only refines depth, edges, type and states; it does not move or resize
   anything. Remove the <link> in index.html to roll back instantly. */
:root{--line:#e7e9f1;--shadow:0 1px 2px rgba(17,24,39,.04),0 6px 18px rgba(17,24,39,.05)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:#f5f6fa}
::selection{background:rgba(79,70,229,.16)}

/* top bar + sidebar: calmer, glassy */
.topbar{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(17,24,39,.06);box-shadow:0 1px 0 rgba(17,24,39,.02)}
.sidebar{border-right:1px solid rgba(17,24,39,.06)}
.nav a{transition:background .15s ease,color .15s ease}
.nav a.active{box-shadow:0 6px 18px -6px rgba(124,58,237,.45)}

/* buttons */
.btn{border-color:#e3e6ef;box-shadow:0 1px 2px rgba(17,24,39,.05);transition:box-shadow .15s ease,transform .15s ease,background .15s ease}
.btn:hover{box-shadow:0 3px 10px rgba(17,24,39,.08)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:linear-gradient(180deg,#5b54ec,#4338ca);border-color:#4338ca;box-shadow:0 1px 2px rgba(67,56,202,.3),0 6px 14px -6px rgba(67,56,202,.55)}
.btn.primary:hover{background:linear-gradient(180deg,#6660f0,#4f46e5)}

/* inputs */
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea{border-radius:10px;border-color:#dfe3ec;transition:border-color .15s ease,box-shadow .15s ease}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus,select:focus,textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.15)}

/* cards, KPIs, panels */
.card,.kpi,.panel{border-color:#eceef5;box-shadow:var(--shadow)}
.kpi{border-radius:16px}
.kpi .v{font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* leads board */
.col-head{background-image:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,0,0,.06));box-shadow:inset 0 -1px 0 rgba(0,0,0,.06);border-radius:12px 12px 0 0;letter-spacing:.01em}
.col-head .cnt{box-shadow:0 1px 2px rgba(0,0,0,.12)}
.col-body{background:#eff1f7;border:1px solid #e6e9f2;border-top:0}
.lead-card{border-color:#eceef5;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.04),0 4px 14px rgba(17,24,39,.05);transition:box-shadow .18s ease,transform .18s ease}
.lead-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(17,24,39,.05),0 12px 26px rgba(17,24,39,.09)}

/* tables */
table.leads tbody tr{transition:background .12s ease}
table.leads tbody tr:hover{background:#f8f9fe}

/* modal */
#modal,.modal{box-shadow:0 24px 64px -12px rgba(17,24,39,.35)}

/* thin, quiet scrollbars (desktop) */
@media (pointer:fine){*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d6d9e3;border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#c3c7d4;background-clip:padding-box;border:2px solid transparent}}

@media (prefers-reduced-motion:reduce){.lead-card,.btn,.nav a{transition:none}.lead-card:hover{transform:none}}

/* quiet, monochrome icons (the bright emoji icons were the main "cheap" signal) */
.lc-row .ic,.lc-name .pi,.nav a .ic,.qchip .qi,.topbar .tool:not(.bell){filter:grayscale(1);opacity:.62}
.lc-phone .pi{filter:grayscale(1);opacity:.55}
.nav a.active .ic{filter:grayscale(1) brightness(6);opacity:.95}
.nav a:hover .ic,.qchip:hover .qi{opacity:.85}
.lead-card .la{filter:grayscale(1);opacity:.55;transition:opacity .15s ease,filter .15s ease}
.lead-card .la:hover{filter:none;opacity:1}
/* crisper card text */
.lc-name{letter-spacing:-.01em;color:#111827}
.lc-row .k{color:#6b7280;font-weight:600}
.lc-row .v{color:#1f2937}
.lc-meta{background:#fbfbfe;border-color:#eceef5}