:root{
  --workspace-canvas:#f2f5f8;
  --workspace-soft:#f7f9fb;
  --workspace-teal:#0c8fad;
  --workspace-navy:#17364b;
}

/* Единые буквенные аватары клиентов. */
.client-avatar{position:relative;display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;padding:0;isolation:isolate}
.client-avatar--md{width:38px;height:38px}.client-avatar--lg{width:52px;height:52px}
.client-avatar img,.client-avatar-fallback{position:absolute;inset:0;width:100%;height:100%}
.client-avatar img{display:block;object-fit:cover;background:#e8eefc}
.client-avatar-fallback{display:grid;place-items:center;background:inherit;color:inherit;font-weight:800}
.client-avatar [hidden]{display:none!important}
.crm-dialog-person{display:flex;align-items:center;gap:10px;min-width:0}
.crm-dialog-person>span:last-child{display:flex;flex-direction:column;min-width:0}
.crm-dialog-person h3{margin:0}

/* Рабочий стол: не декоративная аналитика, а очередь действий. */
.modern-dashboard{display:grid;gap:16px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dashboard-metric{min-height:114px;display:flex;align-items:flex-start;gap:12px;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);transition:border-color .16s,transform .16s,box-shadow .16s}
.dashboard-metric:hover{border-color:#b8ccd8;box-shadow:0 8px 24px rgba(23,54,75,.07);transform:translateY(-1px)}
.dashboard-metric-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#667085;flex:none}
.dashboard-metric.danger .dashboard-metric-dot{background:#cf3e52}.dashboard-metric.success .dashboard-metric-dot{background:#15956e}.dashboard-metric.info .dashboard-metric-dot{background:#3d67e8}
.dashboard-metric-copy{display:flex;flex-direction:column;min-width:0}.dashboard-metric-copy small{font-size:12px;color:var(--muted)}.dashboard-metric-copy strong{margin-top:13px;font-size:25px;line-height:1.05;letter-spacing:-.035em}.dashboard-metric-copy span{margin-top:5px;font-size:12px;color:var(--muted)}
.dashboard-workspace{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(310px,1fr);gap:16px}
.work-queue-card,.dashboard-dialogs-card,.dashboard-history-card{padding:0;overflow:hidden;box-shadow:none}
.modern-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 21px 12px}.modern-card-head h2{margin:0;font-size:18px}.modern-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modern-card-head>a{font-size:12px;color:var(--workspace-teal)}
.work-queue-list{border-top:1px solid var(--line)}
.work-queue-row{display:grid;grid-template-columns:38px minmax(210px,1fr) minmax(52px,auto) 90px;align-items:center;gap:14px;min-height:92px;padding:14px 21px;border-top:1px solid var(--line);color:var(--text)}.work-queue-row:first-child{border-top:0}.work-queue-row:hover{background:var(--workspace-soft)}
.queue-state{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eef2f5;color:#667085}.queue-state .nav-icon{width:16px;height:16px}.queue-state.danger{background:#fdebee;color:#bf3347}.queue-state.warning{background:#fff1dc;color:#b86a00}.queue-state.info{background:#eaf0ff;color:#315cdb}.queue-state.success{background:#e5f6ef;color:#0a815e}
.queue-main{display:flex;flex-direction:column}.queue-main small{color:var(--muted);font-size:11px}.queue-main strong{margin-top:5px;font-size:14px}.queue-count{font-size:22px;font-weight:800;text-align:right}.queue-action{display:inline-flex;justify-content:center;padding:8px 10px;border:1px solid #cfdae3;border-radius:8px;color:#315cdb;font-size:12px;background:#fff}
.dashboard-dialog-list{padding:0 20px}.dashboard-dialog{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 0;border-top:1px solid var(--line);color:var(--text)}.dashboard-dialog:first-child{border-top:0}.dashboard-dialog:hover strong{color:var(--workspace-teal)}.dashboard-dialog>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.dashboard-dialog strong,.dashboard-dialog small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-dialog small{margin-top:3px;color:var(--muted);font-size:11px}.dashboard-dialog time{align-self:start;color:var(--muted);font-size:10px}.dashboard-card-footer{display:flex;align-items:center;justify-content:center;min-height:44px;margin:4px 20px 18px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#315cdb}
.dashboard-history-list{border-top:1px solid var(--line);padding:0 20px}.dashboard-history-row{display:grid;grid-template-columns:32px minmax(260px,1fr) minmax(130px,.5fr) auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.dashboard-history-row:first-child{border-top:0}.dashboard-history-row>span:nth-child(2){display:flex;flex-direction:column}.dashboard-history-row small{margin-top:3px;color:var(--muted);font-size:11px}.dashboard-history-row>span:nth-child(3),.dashboard-history-row time{color:var(--muted);font-size:11px}.history-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eef4f6;color:var(--workspace-teal)}

/* Диалог клиента: список, переписка и краткая карточка видны одновременно. */
.crm-client-workspace{gap:14px}
.crm-client-panel{border-radius:12px;box-shadow:none;background:#f8fafb}
.crm-client-link{border-radius:9px}
.crm-client-link:hover{background:#eef4f6}
.crm-client-link.active{background:#e3f2f5;border-color:#c6e3e9;box-shadow:inset 3px 0 0 var(--workspace-teal)}
.crm-client-link.active .avatar{background:#d5edf2;color:#087f9b}
.crm-client-tabs{box-shadow:none;border-radius:11px;padding:4px}
.crm-client-tab{min-height:37px;border-radius:8px}
.crm-client-tab.active{background:var(--workspace-teal);box-shadow:none}
.crm-conversation{background:#fbfcfd}
.bubble{background:#f0f3f6;border-radius:12px}
.bubble.out{background:#dff1f4}
.crm-message-compose textarea{background:#f8fafb}
.crm-dialog-layout{display:grid;grid-template-columns:minmax(480px,1.35fr) minmax(310px,.75fr);gap:14px;min-width:0}
.crm-dialog-layout .crm-conversation-card{min-width:0;box-shadow:none}
.crm-client-summary-card{height:calc(100vh - 244px);min-height:430px;overflow:auto;padding:20px;box-shadow:none}
.crm-summary-tabs{display:flex;gap:19px;padding:5px 0 11px;border-bottom:1px solid var(--line);overflow:auto}.crm-summary-tabs a{position:relative;padding:5px 0;color:var(--muted);font-size:12px;white-space:nowrap}.crm-summary-tabs a:hover,.crm-summary-tabs a.active{color:var(--workspace-teal)}.crm-summary-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;background:var(--workspace-teal)}
.crm-summary-details{display:grid;gap:15px;margin:20px 0}.crm-summary-details div{display:grid;gap:4px}.crm-summary-details dt{color:var(--muted);font-size:11px}.crm-summary-details dd{margin:0;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.crm-summary-section{padding-top:17px;margin-top:17px;border-top:1px solid var(--line)}.crm-summary-section h4{margin:0 0 11px;font-size:14px}
.crm-summary-organizations{display:grid;gap:7px}.crm-summary-organizations a{position:relative;display:flex;flex-direction:column;gap:3px;padding:11px 31px 11px 12px;border-radius:9px;background:#f5f7f9;color:var(--text)}.crm-summary-organizations a:hover{background:#eef4f6}.crm-summary-organizations small{color:var(--muted);font-size:10px}.crm-summary-organizations a>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px}
.crm-summary-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crm-summary-finance a{display:flex;flex-direction:column;gap:5px;padding:11px;border-radius:9px;background:#f5f7f9;color:var(--text)}.crm-summary-finance small{color:var(--muted);font-size:10px}.crm-summary-finance strong{font-size:17px}
.crm-summary-open{width:100%;margin-top:16px;color:#315cdb}.crm-file-button{position:relative;overflow:hidden}.crm-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.crm-message-compose .actions{justify-content:space-between}.crm-message-compose .actions .btn:last-child{min-width:122px}

@media(max-width:1450px){
  .crm-dialog-layout{grid-template-columns:1fr}.crm-client-summary-card{height:auto;min-height:0}.crm-summary-details{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-client-summary-card .crm-summary-section{display:inline-block;width:calc(50% - 8px);vertical-align:top}.crm-client-summary-card .crm-summary-section+.crm-summary-section{margin-left:12px}
}
@media(max-width:1100px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-workspace{grid-template-columns:1fr}.dashboard-dialogs-card{min-height:0}}
@media(max-width:850px){
  .dashboard-metric{min-height:96px}.work-queue-row{grid-template-columns:34px minmax(0,1fr) auto;padding:13px 14px}.queue-action{display:none}.queue-count{font-size:18px}.dashboard-history-row{grid-template-columns:30px minmax(0,1fr) auto}.dashboard-history-row>span:nth-child(3){display:none}
  .crm-dialog-layout{grid-template-columns:1fr}.crm-summary-details{grid-template-columns:1fr}.crm-client-summary-card .crm-summary-section{display:block;width:auto}.crm-client-summary-card .crm-summary-section+.crm-summary-section{margin-left:0}.crm-summary-finance{grid-template-columns:1fr 1fr}.crm-file-button{max-width:52%}
}