/* Shared presentation layer; production uses local CSS, not a runtime CDN. */
.modern-crm { --ink:#172033; --muted:#64748b; --line:#e2e8f0; --accent:#4f46e5; --accent2:#4338ca; --radius:12px; --shadow:0 2px 6px #0f172a05; background:#f8fafc; color:#172033; }
.modern-crm .app-frame { padding:0; }
.modern-crm .app-shell { height:100dvh; border:0; border-radius:0; background:#f8fafc; box-shadow:none; }
.modern-crm .sidebar { width:244px; background:#fff; border-right:1px solid #e2e8f0; backdrop-filter:none; padding:28px 16px 20px; }
.modern-crm .brand { padding-bottom:24px; }
.modern-crm .brand-mark { width:36px; height:36px; transform:none; border-radius:10px; background:#4f46e5; box-shadow:none; }
.modern-crm .brand strong,.modern-crm h1,.modern-crm h2,.modern-crm h3,.modern-crm .kpi-value { font-family:Inter,system-ui,sans-serif; }
.modern-crm .sidebar nav a { min-height:44px; border:0; border-radius:9px; padding:11px 12px; color:#526078; font-size:13px; font-weight:500; }
.modern-crm .sidebar nav a.active { color:#4338ca; background:#eef2ff; box-shadow:none; font-weight:650; }
.modern-crm .sidebar nav a:hover { background:#f1f5f9; }
.modern-crm .nav-label { color:#64748b; font-size:10px; letter-spacing:.12em; margin:22px 12px 9px; }
.modern-crm .content { padding:22px 36px 48px; }
.modern-crm .content-inner { max-width:1600px; }
.modern-crm .topbar { padding:0 0 22px; border-bottom:1px solid #e2e8f0; gap:12px; margin-bottom:18px; }
.modern-crm .topbar-search { background:#fff; border:1px solid #e2e8f0; box-shadow:none; border-radius:10px; max-width:520px; }
.modern-crm .topbar-search input { background:transparent; box-shadow:none; border:0; }
.profile-control { display:flex; gap:10px; align-items:center; margin-left:auto; color:#334155; flex-shrink:0; }
.profile-control img { width:36px; height:36px; border-radius:50%; border:2px solid #e0e7ff; }
.profile-control small { display:block; font-size:10px; color:#64748b; }
.modern-crm .page-head { margin:24px 0; }
.modern-crm h1 { font-size:30px; font-weight:700; letter-spacing:-1px; color:#111827; }
.modern-crm h2 { font-size:17px; font-weight:650; color:#1e293b; }
.modern-crm h3 { font-size:15px; color:#1e293b; }
.modern-crm .eyebrow { color:#6366f1; font-size:10px; font-weight:700; letter-spacing:.12em; }
.modern-crm p { color:#64748b; }
.modern-crm .card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 2px 5px #0f172a04; backdrop-filter:none; padding:24px; }
.modern-crm .card+.card { margin-top:20px; }
.modern-crm .btn { background:#fff; color:#475569; border:1px solid #dbe2ec; border-radius:8px; box-shadow:0 1px 2px #0f172a05; min-height:38px; font-weight:600; }
.modern-crm .btn.primary { background:#4f46e5; border-color:#4f46e5; color:#fff; box-shadow:0 2px 3px #4f46e51a; }
.modern-crm input:not([type=checkbox]):not([type=radio]),.modern-crm select,.modern-crm textarea { background:#fff; border-color:#dbe2ec; border-radius:8px; color:#334155; box-shadow:none; }
.modern-crm input[type=checkbox] { accent-color:#4f46e5; width:17px; height:17px; }
.modern-crm label { color:#475569; }
.modern-crm .icon-btn { background:#fff; border-color:#e2e8f0; color:#64748b; box-shadow:none; border-radius:8px; }
.modern-crm .avatar { background:#eef2ff; color:#4f46e5; box-shadow:none; border:0; border-radius:10px; }
.modern-crm .focus-tabs,.admin-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; background:transparent; border:0; border-bottom:1px solid #e2e8f0; border-radius:0; padding:0 0 12px; margin:24px 0; }
.modern-crm .focus-tabs button,.admin-tabs a { padding:9px 14px; border:0; border-radius:8px; color:#64748b; font-weight:600; background:transparent; text-decoration:none; }
.modern-crm .focus-tabs button[aria-selected=true],.admin-tabs a.active { background:#eef2ff; color:#4338ca; box-shadow:none; }
.admin-filters { display:flex; flex-wrap:wrap; align-items:end; gap:14px; }
.admin-filters label { flex:1 1 150px; min-width:0; }
.admin-filters input,.admin-filters select { width:100%; }
.admin-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:24px 0; }
.admin-kpis article { padding:23px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 2px 6px #0f172a05; min-width:0; }
.admin-kpis article>span { color:#64748b; font-size:12px; font-weight:500; }
.admin-kpis strong { display:block; font-size:32px; font-weight:700; letter-spacing:-1px; color:#0f172a; margin:10px 0; }
.admin-kpis small { font-size:11px; font-weight:400; letter-spacing:0; color:#64748b; }
.admin-kpis strong small { margin-left:6px; font-size:13px; }
.admin-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; }
.admin-shortcuts .card+.card { margin-top:0; }
.admin-shortcuts span { color:#4f46e5; font-size:12px; font-weight:600; }
.admin-alert { border:1px solid #fecaca; background:#fff1f2; border-left:4px solid #be123c; border-radius:12px; padding:20px; margin:20px 0; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; color:#9f1239; }
.admin-alert p { margin:5px 0 0; color:#9f1239; }
.modern-crm table { border-collapse:collapse; border-spacing:0; }
.modern-crm table th { background:#f8fafc; color:#64748b; font-size:11px; font-weight:600; letter-spacing:.04em; }
.modern-crm table td,.modern-crm table th { padding:17px 18px; border:0; border-bottom:1px solid #eef2f6; box-shadow:none; }
.modern-crm table tbody tr:nth-child(even) { background:transparent; }
.modern-crm table tbody tr:hover { background:#f8fafc; }
.modern-crm table td { color:#334155; }
.modern-crm a.text-link { color:#4f46e5; }
.admin-status { display:inline-flex; padding:5px 10px; border-radius:6px; font-size:11px; font-weight:600; white-space:nowrap; }
.admin-status.neutral { background:#eef2ff; color:#4338ca; }
.admin-status.won { background:#dcfce7; color:#166534; }
.admin-status.interested { background:#e0f2fe; color:#075985; }
.admin-status.attention { background:#fff7ed; color:#9a3412; }
.employee-grid,.lead-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:22px 0; }
.employee-card,.lead-pick-card { display:block; border:1px solid #e2e8f0; background:#fff; border-radius:12px; padding:24px; color:#334155; min-width:0; box-shadow:0 2px 6px #0f172a04; }
.employee-card:hover { border-color:#a5b4fc; box-shadow:0 5px 15px #0f172a09; }
.employee-card-head { display:flex; align-items:center; gap:12px; }
.employee-card-head>div { flex:1; min-width:0; }
.employee-card-head h2 { margin:0; overflow-wrap:anywhere; }
.employee-card-head p { font-size:11px; margin:3px 0 0; }
.employee-card .avatar,.employee-avatar { width:44px; height:44px; font-size:18px; flex-shrink:0; }
.employee-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #f1f5f9; padding-top:18px; gap:10px; margin:18px 0; }
.employee-stats dt { font-size:10px; color:#64748b; }
.employee-stats dd { margin:5px 0 0; font-size:21px; font-weight:700; }
.transfer-bar { display:flex; gap:14px; flex-wrap:wrap; align-items:end; background:#f8fafc; border-radius:10px; padding:18px; margin-top:20px; }
.transfer-bar label { flex:1 1 180px; }
.block-text { display:block; }
.audit-timeline article { display:flex; gap:24px; border-bottom:1px solid #f1f5f9; padding:20px 0; }
.audit-timeline time { color:#64748b; font-size:12px; flex:0 0 130px; }
.audit-timeline p { white-space:pre-wrap; overflow-wrap:anywhere; margin-bottom:0; }
.conversation-layout { display:grid; grid-template-columns:310px minmax(0,1fr); gap:22px; }
.conversation-layout .card+.card { margin-top:0; }
.conversation-list { align-self:start; }
.conversation-contact { display:flex; align-items:center; gap:12px; padding:16px 10px; border-bottom:1px solid #f1f5f9; color:#334155; border-radius:8px; }
.conversation-contact>span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
.conversation-contact small { display:block; color:#64748b; }
.conversation-contact.active { background:#eef2ff; color:#4338ca; }
.chat-history { padding:22px; background:#f8fafc; border:1px solid #eef2f6; border-radius:12px; display:flex; flex-direction:column; gap:16px; max-height:650px; overflow:auto; }
.chat-bubble { padding:14px 18px; max-width:85%; border:1px solid #e2e8f0; border-radius:12px 12px 12px 2px; background:white; align-self:flex-start; min-width:150px; overflow-wrap:anywhere; }
.chat-bubble.outgoing { background:#eef2ff; border-color:#e0e7ff; align-self:flex-end; border-radius:12px 12px 2px 12px; }
.chat-bubble strong { font-size:11px; color:#4338ca; }
.chat-bubble p { white-space:pre-wrap; color:#1e293b; margin:8px 0; }
.chat-bubble small { color:#64748b; font-size:10px; }
.lead-pick-card:has(input:checked) { border:2px solid #6366f1; padding:23px; background:#f5f7ff; }
.lead-pick-card .pick-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.lead-pick-card dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:18px 0; }
.lead-pick-card dt { color:#64748b; font-size:11px; }
.lead-pick-card dd { margin:4px 0 0; color:#334155; font-size:13px; overflow-wrap:anywhere; }
.modern-crm [hidden] { display:none!important; }
html.sidebar-collapsed .modern-crm .sidebar { width:76px; padding-left:12px; padding-right:12px; }
@media(max-width:1100px){.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-grid,.lead-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shortcuts{grid-template-columns:1fr}.conversation-layout{grid-template-columns:260px minmax(0,1fr)}.modern-crm .content{padding:20px 24px 40px}.profile-control>span{display:none}}
@media(max-width:760px){.modern-crm .content{padding:16px}.modern-crm .sidebar{position:fixed;inset:0 auto 0 0;width:244px;transform:translateX(-100%);z-index:101}html.sidebar-open .modern-crm .sidebar{transform:translateX(0)}.modern-crm .sidebar-backdrop{z-index:100}.modern-crm .topbar{flex-wrap:wrap}.modern-crm .topbar-search{order:5;flex:1 1 100%;max-width:none}.modern-crm h1{font-size:25px}.modern-crm .card{padding:18px}.admin-kpis{gap:12px}.admin-kpis article{padding:17px}.admin-kpis strong{font-size:27px}.employee-grid,.lead-card-grid,.conversation-layout{grid-template-columns:1fr}.conversation-list{max-height:360px;overflow:auto}.audit-timeline article{display:block}.audit-timeline time{display:block;margin-bottom:6px}.chat-history{padding:12px}.chat-bubble{max-width:95%}.admin-filters label{flex:1 1 130px}.modern-crm .nav-back-group{display:none}}
@media(prefers-reduced-motion:reduce){.modern-crm *{scroll-behavior:auto!important;transition:none!important}}

.admin-alert-events{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:14px;font-size:12px}.admin-alert-events a{color:#9f1239;text-decoration:underline}