@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#14213d;--muted:#6b7890;--line:#e5ebf3;--primary:#3157d5;--primary-dark:#2443aa;--primary-soft:#edf2ff;--success:#158765;--success-soft:#e8f7f2;--warning:#b76a13;--warning-soft:#fff5e8;--danger:#c63d55;--danger-soft:#fff0f3;--info:#1667a7;--info-soft:#eaf5ff;--sidebar:#17223b;--radius:18px;--radius-sm:12px;--shadow:0 12px 36px rgba(25,42,74,.08);--sidebar-w:260px;--font-body:'DM Sans',sans-serif;--font-display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#dfe7f7;padding:22px 16px;display:flex;flex-direction:column;z-index:40}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--primary);font-family:var(--font-display);font-weight:800;font-size:20px}.brand>span:last-child{display:grid}.brand strong{font:800 17px var(--font-display);color:#fff}.brand small{font-size:11px;color:#91a0bd;letter-spacing:.04em}.sidebar-close{display:none}.workspace-card{margin:22px 0 18px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.045);display:flex;gap:10px;align-items:center}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#52d3a2;box-shadow:0 0 0 5px rgba(82,211,162,.1)}.workspace-card div{display:grid}.workspace-card small{font-size:10px;color:#8fa0be}.workspace-card strong{font-size:12px;color:#fff}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#71829f;margin:10px 10px}.side-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#aebbd1;text-decoration:none;font-weight:600;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:#fff;color:#18233c}.nav-icon,.nav-arrow{width:20px;height:20px;display:grid;place-items:center}.nav-icon svg,.nav-arrow svg,.icon-btn svg,.global-search svg,.mobile-nav svg{width:19px;height:19px}.nav-arrow{margin-left:auto;width:14px;height:14px}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.mini-profile{display:flex;gap:10px;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.mini-profile div{display:grid;min-width:0}.mini-profile strong{color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-profile small{color:#8493ae;font-size:10px}.avatar{width:36px;height:36px;border-radius:11px;background:#dbe4ff;color:#2448b7;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.avatar.small{width:34px;height:34px;border-radius:10px}.signout{color:#e9aeb8}.main{min-width:0}.topbar{height:86px;background:rgba(244,247,251,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.page-heading{display:grid}.page-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:700}.page-heading h1{font:800 24px/1.2 var(--font-display);margin:2px 0 0;letter-spacing:-.03em}.menu-btn{display:none}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);display:grid;place-items:center;cursor:pointer}.global-search{width:260px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8a96aa}.global-search input{border:0;outline:0;width:100%;background:transparent;color:var(--text)}.user-pill{display:flex;align-items:center;gap:9px}.user-pill div{display:grid}.user-pill strong{font-size:12px}.user-pill small{font-size:10px;color:var(--muted)}.page-content{padding:28px 30px 110px;max-width:1650px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.page-head h2{font:800 23px var(--font-display);margin:0 0 5px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted)}.page-actions,.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px rgba(25,42,74,.025);padding:20px}.card.elevated{box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{min-height:130px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-28px;top:-32px;width:100px;height:100px;border-radius:50%;background:var(--primary-soft)}.kpi-label{color:var(--muted);font-size:12px;font-weight:600;position:relative;z-index:1}.kpi-value{font:800 34px var(--font-display);letter-spacing:-.05em;position:relative;z-index:1}.kpi-meta{font-size:11px;color:var(--muted);position:relative;z-index:1}.section-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:16px;margin-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h3{font:800 17px var(--font-display);margin:0}.section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.btn{border:1px solid transparent;border-radius:11px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;cursor:pointer;transition:.18s;white-space:nowrap}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--text)}.btn.soft{background:var(--primary-soft);color:var(--primary)}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#ffdce3}.btn.small{min-height:34px;padding:0 11px;font-size:12px}.wide{width:100%}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;flex:1}.field,.field-label,label{display:grid;gap:6px;color:#41506a;font-size:11px;font-weight:700}.field.inline{min-width:150px}.field.grow{flex:1;min-width:210px}input,select,textarea{width:100%;border:1px solid #dbe3ef;background:#fff;color:var(--text);border-radius:11px;padding:10px 11px;outline:0;transition:.16s}input,select{min-height:41px}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7f9be8;box-shadow:0 0 0 3px rgba(49,87,213,.09)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}.form-section{border:1px solid var(--line);border-radius:15px;padding:16px;background:var(--surface-2)}.form-section h4{font:800 14px var(--font-display);margin:0 0 12px}.table-card{padding:0;overflow:hidden}.table-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.table-header h3{font:800 16px var(--font-display);margin:0}.table-header p{margin:3px 0 0;font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{padding:12px 16px;text-align:left;background:#f8fafc;color:#69768b;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.table td{padding:14px 16px;border-bottom:1px solid #edf1f6;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafcff}.primary-cell{display:grid}.primary-cell strong{font-size:13px}.primary-cell small{font-size:11px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#eef2f7;color:#526076;font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.chip.success{background:var(--success-soft);color:var(--success)}.chip.warning,.chip.high{background:var(--warning-soft);color:var(--warning)}.chip.danger{background:var(--danger-soft);color:var(--danger)}.chip.info{background:var(--info-soft);color:var(--info)}.stat-list{display:grid;gap:0}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:0}.stat-row span{color:var(--muted)}.stat-row strong{font:800 14px var(--font-display)}.empty-state{text-align:center;padding:45px 20px}.empty-state h3{font:800 17px var(--font-display);margin:0 0 6px}.empty-state p{color:var(--muted);margin:0}.alert{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:12px;margin-bottom:16px;border:1px solid}.alert.success{background:var(--success-soft);border-color:#ccefe3;color:var(--success)}.alert.error{background:var(--danger-soft);border-color:#ffd7de;color:var(--danger)}.alert button{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}.queue-list{display:grid;gap:12px}.queue-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.queue-item summary{list-style:none;cursor:pointer;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.queue-item summary::-webkit-details-marker{display:none}.queue-item[open]{border-color:#b8c7ed;box-shadow:0 8px 28px rgba(49,87,213,.08)}.queue-customer{display:flex;gap:12px;align-items:center}.queue-number{width:36px;height:36px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.queue-copy h3{font:800 14px var(--font-display);margin:0 0 3px}.queue-copy p{margin:0;color:var(--muted);font-size:11px}.queue-body{border-top:1px solid var(--line);padding:18px;background:#fbfcfe}.callback-card{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.callback-main{display:grid;gap:9px}.callback-main h3{font:800 18px var(--font-display);margin:0}.callback-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px}.reason-box{padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.mobile-nav{display:none}.sidebar-scrim{display:none}
/* Login */.login-body{min-height:100vh;background:#eef3f9;display:grid;place-items:center;padding:24px}.login-shell{width:min(1050px,100%);min-height:630px;background:#fff;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 30px 80px rgba(24,43,78,.16)}.brand-panel{background:linear-gradient(155deg,#17233d,#263b68);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-220px;bottom:-180px;border:70px solid rgba(255,255,255,.045)}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-orb{width:45px;height:45px;border-radius:14px;background:#fff;color:var(--primary);display:grid;place-items:center;font:800 20px var(--font-display)}.brand-lockup>span:last-child{display:grid}.brand-lockup strong{font:800 17px var(--font-display)}.brand-lockup small{font-size:11px;color:#aebbd0}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#9cb2dc}.hero-copy h1{font:800 clamp(42px,5vw,67px)/1 var(--font-display);letter-spacing:-.055em;margin:14px 0 22px}.hero-copy h1 span{color:#9eb8ff}.hero-copy p{max-width:480px;color:#bdc9dc;font-size:15px;line-height:1.7}.feature-row{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.feature-row span{border:1px solid rgba(255,255,255,.12);padding:8px 11px;border-radius:999px;font-size:10px;color:#c9d3e3}.login-card{padding:48px;display:flex;flex-direction:column;justify-content:center}.login-card-head{display:flex;gap:12px;align-items:center}.login-icon{width:42px;height:42px;border-radius:13px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.login-card h2{font:800 28px var(--font-display);letter-spacing:-.04em;margin:3px 0}.muted{color:var(--muted)}.login-form{display:grid;gap:15px;margin-top:20px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-grid input{display:none}.role-grid span{display:grid;text-align:center;padding:11px 6px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.role-grid b{font-size:12px}.role-grid small{font-size:9px;color:var(--muted)}.role-grid input:checked+span{border-color:#8da4e4;background:var(--primary-soft);color:var(--primary)}.input-shell{display:flex;align-items:center;border:1px solid #dbe3ef;border-radius:11px;overflow:hidden}.input-shell:focus-within{border-color:#7f9be8;box-shadow:0 0 0 3px rgba(49,87,213,.09)}.input-shell input{border:0;box-shadow:none}.input-prefix{padding-left:12px;color:var(--muted)}.input-action{border:0;background:transparent;color:var(--primary);padding:10px;cursor:pointer}.login-foot{text-align:center;color:var(--muted);font-size:10px;margin-top:16px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.global-search{width:210px}}
@media(max-width:880px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:.24s}.sidebar-close{display:grid;background:rgba(255,255,255,.08);border:0;color:#fff}.sidebar-scrim{position:fixed;inset:0;background:rgba(12,20,36,.45);z-index:35}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-scrim{display:block}.menu-btn{display:grid}.topbar{padding:0 18px}.global-search{display:none}.page-content{padding:22px 18px 100px}.mobile-nav{display:flex;position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:32;background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px rgba(24,43,78,.18);border-radius:18px;padding:6px;justify-content:space-around}.mobile-nav a{display:grid;place-items:center;gap:2px;color:#7d899d;text-decoration:none;padding:7px 10px;border-radius:12px;min-width:56px}.mobile-nav a span{height:20px}.mobile-nav small{font-size:8px;font-weight:700}.mobile-nav a.active{background:var(--primary-soft);color:var(--primary)}.login-shell{grid-template-columns:1fr;max-width:620px}.brand-panel{display:none}.login-card{padding:38px}.callback-card{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{height:74px;padding:0 13px}.topbar-right .user-pill div{display:none}.page-heading h1{font-size:19px}.page-content{padding:16px 12px 95px}.page-head{display:grid}.page-actions{width:100%}.page-actions .btn{flex:1}.kpis{gap:10px}.kpi{min-height:112px;padding:15px}.kpi-value{font-size:29px}.toolbar{align-items:stretch;display:grid}.filters{display:grid;grid-template-columns:1fr 1fr}.field.grow{grid-column:span 2}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.card{padding:16px;border-radius:15px}.table-card{padding:0}.table-header{padding:15px}.queue-item summary{grid-template-columns:1fr}.queue-item summary .btn{width:100%}.callback-card{gap:14px}.login-body{padding:0}.login-shell{min-height:100vh;border-radius:0}.login-card{padding:26px 20px}.role-grid{gap:5px}.role-grid span{padding:9px 3px}.filters{grid-template-columns:1fr}.field.grow{grid-column:auto}}
@media(max-width:400px){.kpis{grid-template-columns:1fr}.mobile-nav a{min-width:46px;padding-inline:5px}.page-kicker{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px){.page-content>.grid[style*="repeat(3"]{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.page-content>.grid[style*="repeat(3"]{grid-template-columns:1fr!important}}
.brand-mark {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px;
}

.brand-logo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
/* Project contact import */
.project-import-grid{align-items:start}.import-file-note{padding:12px 14px;border:1px dashed var(--border,#d8e0eb);border-radius:12px;background:rgba(248,250,252,.72);color:var(--muted,#667085);font-size:.88rem}.format-preview{display:grid;overflow:hidden;border:1px solid var(--border,#d8e0eb);border-radius:14px;background:#fff}.format-preview strong,.format-preview span{padding:11px 14px;border-bottom:1px solid var(--border,#e6ebf1);font-size:.9rem}.format-preview strong{background:#f6f8fb}.format-preview span:last-child{border-bottom:0}.import-rules{display:grid;gap:10px;margin-top:16px}.import-rules p{margin:0;color:var(--muted,#667085);font-size:.86rem;line-height:1.55}.empty-state.compact{padding:20px}.empty-state.compact h3{margin:0 0 5px}.empty-state.compact p{margin:0}@media(max-width:760px){.project-import-grid{grid-template-columns:1fr}.project-import-grid .actions{display:grid}.project-import-grid .actions .btn{width:100%;justify-content:center}.table td .actions .btn{white-space:nowrap}}

/* V7.2 agent performance, queue views and client activity */
.kpi-link{text-decoration:none;color:inherit;transition:.18s}.kpi-link:hover{transform:translateY(-2px);border-color:#b8c7ed;box-shadow:var(--shadow)}.kpi-link.selected{border-color:#8fa7e8;box-shadow:0 0 0 3px rgba(49,87,213,.08)}.workspace-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.view-switch{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);background:#fff;border-radius:13px;margin:0 0 16px}.view-switch a{padding:9px 13px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:700;font-size:12px}.view-switch a.active{background:var(--primary-soft);color:var(--primary)}.queue-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.field-disabled{opacity:.55}.field-disabled select,.field-disabled input{background:#f2f4f7}.field label small,label small,[data-outcome-hint]{color:var(--muted);font-size:10px;font-weight:500}.completed-call-table{min-width:980px}.note-table-cell{min-width:260px;white-space:normal;line-height:1.55}
.quick-range{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}.quick-range a{padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:999px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:700}.quick-range a:hover{border-color:#9db0e8;color:var(--primary)}.performance-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-definition{display:flex;gap:10px;align-items:flex-start;padding:12px 15px;border:1px solid #d9e3ff;background:var(--primary-soft);border-radius:13px;margin-top:16px;color:#425278;font-size:11px}.performance-definition strong{color:var(--primary);white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.wide-chart{grid-column:span 2}.chart-card{min-width:0}.bar-chart{height:280px;display:flex;align-items:flex-end;gap:10px;overflow-x:auto;padding:18px 4px 8px;border-bottom:1px solid var(--line)}.bar-day{min-width:48px;flex:1;max-width:90px;height:100%;display:grid;grid-template-rows:1fr auto auto;gap:4px;text-align:center}.bar-stack{display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:180px}.bar{width:10px;height:var(--bar-height);min-height:2px;border-radius:6px 6px 2px 2px;display:block}.bar.total{background:#cbd7f7}.bar.answered{background:#6685dd}.bar.positive{background:#39a77f}.bar-day strong{font:800 11px var(--font-display)}.bar-day small{font-size:9px;color:var(--muted);white-space:nowrap}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;padding-top:12px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:3px}.legend-total{background:#cbd7f7}.legend-answered{background:#6685dd}.legend-positive{background:#39a77f}.metric-bars{display:grid;gap:15px}.metric-bar>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px}.metric-bar strong{font-size:10px}.track{height:8px;border-radius:999px;background:#edf1f6;overflow:hidden;display:block}.track i{display:block;width:var(--metric-width);height:100%;background:linear-gradient(90deg,#3157d5,#6d8ee8);border-radius:inherit}.outcome-list{display:grid}.outcome-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.outcome-list>div:last-child{border-bottom:0}.outcome-list span{color:#46536a}.outcome-list strong{font:800 13px var(--font-display)}
.client-call-table{min-width:1320px}.latest-agent-cell{min-width:300px;max-width:390px}.agent-update-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.agent-update-head strong{font-size:12px}.latest-agent-cell p{margin:0 0 6px;color:#3f4c62;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-agent-cell small{color:var(--muted)}.activity-access{display:grid;gap:2px;justify-items:start}.activity-access strong{font:800 20px var(--font-display)}.activity-access span{font-size:10px;color:var(--muted);margin-bottom:6px}.client-update-form{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:7px;min-width:350px}.client-update-form .btn{grid-column:span 2}.contact-summary-grid{grid-template-columns:1.35fr repeat(3,minmax(0,1fr));margin-bottom:16px}.contact-identity{display:flex;gap:14px;align-items:center}.contact-avatar{width:58px;height:58px;border-radius:17px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font:800 24px var(--font-display);flex:0 0 auto}.contact-identity h3{font:800 18px var(--font-display);margin:3px 0}.contact-identity p{margin:0 0 8px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px}.contact-side{display:grid;gap:16px;align-content:start}.activity-panel{padding:20px}.activity-timeline{display:grid}.activity-entry{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;position:relative;padding-bottom:16px}.activity-entry:not(:last-child):before{content:"";position:absolute;left:8px;top:18px;bottom:-2px;width:2px;background:#e3e9f2}.activity-marker{width:18px;height:18px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px var(--line);margin-top:18px;z-index:1}.activity-marker.answered{background:var(--success)}.activity-marker.unanswered{background:var(--warning)}.activity-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px}.activity-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.activity-head>div:first-child{display:grid}.activity-head strong{font:800 13px var(--font-display)}.activity-head span{font-size:10px;color:var(--muted)}.agent-comment{margin-top:13px;padding:13px 14px;border-radius:12px;background:#f7f9fc;border:1px solid #e7edf5}.agent-comment>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.agent-comment p{margin:6px 0 0;white-space:pre-wrap;color:#2f3d53;line-height:1.65}.agent-comment p.clamped:not(.expanded){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.text-button{border:0;background:transparent;color:var(--primary);padding:7px 0 0;font-size:10px;font-weight:800;cursor:pointer}.activity-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:10px}.activity-meta strong{color:#46536a}.callback-flag{color:var(--danger);font-weight:800}.client-note-box{padding:13px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);line-height:1.65;color:#3f4c62}.compact-action-list{display:grid;gap:10px}.compact-action-list>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.compact-action-list strong{display:block;margin:8px 0 3px;font-size:12px}.compact-action-list p{margin:0 0 5px;color:#455269;font-size:11px}.compact-action-list small{color:var(--muted)}
@media(max-width:1180px){.performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-identity{grid-column:span 2}.contact-layout{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr 1fr}}
@media(max-width:880px){.workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-kpis .kpi-link:last-child{grid-column:span 2}.analytics-grid{grid-template-columns:1fr}.wide-chart{grid-column:auto}.contact-side{grid-template-columns:1fr}}
@media(max-width:640px){.workspace-kpis,.performance-kpis,.contact-summary-grid{grid-template-columns:1fr}.workspace-kpis .kpi-link:last-child,.contact-identity{grid-column:auto}.view-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.view-switch a{text-align:center}.queue-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.queue-actions .btn:first-child{grid-column:span 2}.performance-definition{display:grid}.bar-chart{height:245px}.bar-day{min-width:45px}.activity-panel{padding:14px}.activity-head{display:grid}.activity-head .actions{margin-top:5px}.activity-entry{grid-template-columns:12px minmax(0,1fr);gap:8px}.activity-marker{width:12px;height:12px;border-width:3px}.activity-entry:not(:last-child):before{left:5px}.activity-card{padding:13px}.client-update-form{grid-template-columns:1fr;min-width:260px}.client-update-form .btn{grid-column:auto}.quick-range{display:grid;grid-template-columns:1fr 1fr}.quick-range a{text-align:center}}

/* V7.3 client/admin team performance dashboards */
.team-performance-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;overflow:hidden;position:relative}.team-performance-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-90px;background:rgba(49,87,213,.08);pointer-events:none}.team-performance-hero h3{margin:4px 0 5px;font:800 clamp(20px,2vw,28px) var(--font-display);letter-spacing:-.035em}.team-performance-hero p{margin:0;color:var(--muted)}.team-performance-status{min-width:165px;padding:15px 18px;border-radius:15px;background:var(--primary-soft);border:1px solid #dce5ff;display:grid;position:relative;z-index:1}.team-performance-status strong{font:800 27px var(--font-display);color:var(--primary);line-height:1}.team-performance-status span{font-size:10px;color:#53627d;margin-top:6px}.admin-team-performance-hero .team-performance-status{background:var(--info-soft);border-color:#d8eafa}.admin-team-performance-hero .team-performance-status strong{color:var(--info)}
.team-performance-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.team-performance-kpis .kpi{min-width:0}.team-performance-kpis .kpi-value{font-size:clamp(24px,2.5vw,34px)}.team-analytics-grid{margin-bottom:16px}.team-bar-chart .bar-day{min-width:52px}.performance-filter-toolbar .filters{align-items:end}.agent-comparison-card,.project-performance-card{margin-top:16px}.agent-performance-table{min-width:1500px}.admin-agent-performance-table{min-width:1780px}.rank-pill{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font:800 11px var(--font-display)}.agent-identity-cell{display:flex;align-items:center;gap:10px;min-width:170px}.agent-identity-cell>div{display:grid}.agent-identity-cell strong{font-size:12px}.agent-identity-cell small{display:flex;align-items:center;gap:6px;margin-top:3px;color:var(--muted);font-size:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9ba7b9}.status-dot.active{background:var(--success);box-shadow:0 0 0 4px rgba(21,135,101,.09)}.status-dot.inactive{background:#9ba7b9}.project-name-stack{display:grid;gap:3px;min-width:180px;max-width:280px}.project-name-stack strong{font-size:10px;color:#263653}.project-name-stack span{font-size:10px;color:#4d5a70;white-space:normal}.project-name-stack small,.table-subtext{display:block;color:var(--muted);font-size:9px;margin-top:3px}.rate-cell{display:grid;gap:7px;min-width:105px}.rate-cell strong{font:800 12px var(--font-display)}.rate-cell .track{height:6px}.rate-cell.positive .track i{background:linear-gradient(90deg,#178764,#53b990)}.agent-performance-table td{vertical-align:middle}.agent-performance-table .actions{flex-wrap:nowrap}.agent-performance-table .btn.small{white-space:nowrap}
@media(max-width:1400px){.team-performance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.team-performance-hero{align-items:flex-start}.team-performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-filter-toolbar .filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}
@media(max-width:640px){.team-performance-hero{display:grid;padding:18px}.team-performance-status{min-width:0;width:100%}.team-performance-kpis{grid-template-columns:1fr}.performance-filter-toolbar .filters{grid-template-columns:1fr}.performance-filter-toolbar .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.performance-filter-toolbar .actions .btn{text-align:center;justify-content:center}.team-bar-chart .bar-day{min-width:46px}.agent-comparison-card .table-header,.project-performance-card .table-header{align-items:flex-start}}