/* panel.css — стили только для главной панели index.php */
.toolbar-chip i,.hero-meta i,.section-title i{opacity:.98;font-size:1.02rem}
html[data-theme='dark'] .toolbar-chip i,html[data-theme='dark'] .hero-meta i{color:#dfe8f7}
.metric-value{font-size:2rem;line-height:1;font-weight:700;color:var(--erp-text);letter-spacing:-.03em}
.metric-icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(180deg,rgba(44,123,229,.12),rgba(44,123,229,.06));color:var(--erp-primary);font-size:1.2rem;border:1px solid rgba(44,123,229,.08)}
.metric-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(44,123,229,.10)}
.metric-icon .bi{font-size:1.38rem}
html[data-theme='dark'] .metric-icon{background:linear-gradient(180deg,rgba(93,160,255,.18),rgba(93,160,255,.10));border-color:rgba(93,160,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.18)}
.chart-bar{display:flex;align-items:flex-end;gap:.5rem;height:9rem}
.chart-bar span{flex:1;border-radius:.65rem .65rem .2rem .2rem;background:linear-gradient(180deg,rgba(44,123,229,.95),rgba(44,123,229,.42))}
.list-line{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid rgba(0,0,0,.05)}
html[data-theme='dark'] .list-line{border-color:rgba(255,255,255,.05)}
.list-line:last-child{border-bottom:0}
.product-mini{display:flex;align-items:center;gap:.85rem}
.product-thumb{width:3rem;height:3rem;border-radius:.8rem;background:rgba(44,123,229,.1);display:grid;place-items:center;color:var(--erp-primary)}
.status-dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block;margin-right:.4rem}
.surface-muted{background:rgba(255,255,255,.26)}
html[data-theme='dark'] .surface-muted{background:rgba(255,255,255,.04)}
.page-hero{padding:1.25rem 1.35rem}
.page-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--erp-primary);font-weight:700}
.page-title{font-size:clamp(1.55rem,2vw,2.2rem);line-height:1.08;letter-spacing:-.03em;color:var(--erp-text);font-weight:700;margin:.35rem 0 .4rem}
.page-subtitle{max-width:52rem;color:var(--erp-text-muted)}
.hero-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.hero-meta .badge{padding:.58rem .8rem;border-radius:999px;font-weight:500}
.toolbar-shell{padding:1rem 1.1rem;margin-bottom:1rem}
.toolbar-grid{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}
.toolbar-filters{display:flex;flex-wrap:wrap;gap:.6rem}
.toolbar-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .85rem;border-radius:999px;background:rgba(44,123,229,.06);border:1px solid rgba(44,123,229,.08);color:var(--erp-text);font-size:.92rem}
html[data-theme='dark'] .toolbar-chip{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.kpi-note{font-size:.84rem;color:var(--erp-text-muted)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.section-title{font-size:1rem;font-weight:700;color:var(--erp-text);margin-bottom:.15rem}
.section-subtitle{font-size:.84rem;color:var(--erp-text-muted)}

/* Дополнительные карточки главной панели */
.panel-separator{border-color:rgba(44,123,229,.16);opacity:1}
.panel-demo-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.panel-demo-title{font-size:1.35rem;font-weight:700;color:var(--erp-text);letter-spacing:-.025em;margin:.2rem 0 .25rem}
.panel-demo-badge{display:inline-flex;align-items:center;border:1px solid rgba(44,123,229,.16);background:rgba(44,123,229,.08);color:var(--erp-primary);border-radius:999px;padding:.55rem .8rem;font-weight:700;font-size:.88rem}
.panel-stat-card{padding:1rem}
.panel-stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.panel-stat-value{font-size:1.9rem;font-weight:700;color:var(--erp-text);letter-spacing:-.04em;line-height:1.1}
.panel-stat-icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;background:rgba(44,123,229,.12);color:var(--erp-primary);font-size:1.25rem}
.panel-stat-icon-green{background:rgba(0,210,122,.12);color:var(--erp-success)}
.panel-stat-icon-orange{background:rgba(245,128,62,.14);color:var(--erp-warning)}
.panel-stat-icon-purple{background:rgba(116,86,255,.12);color:#7456ff}
.panel-mini-line{height:.45rem;border-radius:999px;background:rgba(44,123,229,.08);overflow:hidden;margin-top:1rem}
.panel-mini-line span{display:block;height:100%;border-radius:999px;background:var(--erp-primary)}
.panel-mini-line-green{background:rgba(0,210,122,.08)}.panel-mini-line-green span{background:var(--erp-success)}
.panel-mini-line-orange{background:rgba(245,128,62,.10)}.panel-mini-line-orange span{background:var(--erp-warning)}
.panel-mini-line-purple{background:rgba(116,86,255,.10)}.panel-mini-line-purple span{background:#7456ff}
.panel-donut-wrap{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.panel-donut{width:9rem;height:9rem;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}
.panel-donut::after{content:'';position:absolute;inset:1.35rem;background:var(--erp-surface);border-radius:50%;box-shadow:inset 0 0 0 1px var(--erp-border)}
.panel-donut>div{position:relative;z-index:1;text-align:center}.panel-donut strong{display:block;color:var(--erp-text);font-size:1.25rem}.panel-donut span{font-size:.76rem;color:var(--erp-text-muted)}
.panel-donut-crm{background:conic-gradient(var(--erp-primary) 0 42%,var(--erp-success) 42% 70%,var(--erp-warning) 70% 88%,#7456ff 88% 100%)}
.panel-legend{display:grid;gap:.45rem;min-width:10rem;color:var(--erp-text)}.panel-legend div{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.9rem}.legend-dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block;margin-right:.45rem}.legend-blue{background:var(--erp-primary)}.legend-green{background:var(--erp-success)}.legend-orange{background:var(--erp-warning)}.legend-purple{background:#7456ff}
.panel-funnel{display:grid;gap:.8rem}.panel-funnel div{display:grid;grid-template-columns:1fr auto;gap:.4rem;align-items:center}.panel-funnel span{color:var(--erp-text)}.panel-funnel b{color:var(--erp-text)}.panel-funnel em{grid-column:1/3;height:.5rem;background:linear-gradient(90deg,var(--erp-primary),rgba(44,123,229,.32));border-radius:999px;display:block;font-style:normal}
.panel-mini-box{border:1px solid var(--erp-border);border-radius:1rem;background:rgba(255,255,255,.32);padding:.9rem;text-align:center}.panel-mini-box b{display:block;color:var(--erp-text);font-size:1.25rem}.panel-mini-box span{font-size:.76rem;color:var(--erp-text-muted)}
.panel-wave{height:6rem;display:flex;align-items:flex-end;gap:.45rem}.panel-wave span{flex:1;border-radius:.8rem .8rem .25rem .25rem;background:linear-gradient(180deg,rgba(44,123,229,.72),rgba(44,123,229,.18))}
.panel-timeline{display:grid;gap:.8rem}.panel-timeline div{display:grid;grid-template-columns:2rem 1fr auto;gap:.65rem;align-items:center}.panel-timeline i{width:2rem;height:2rem;border-radius:.75rem;background:rgba(44,123,229,.10);color:var(--erp-primary);display:grid;place-items:center}.panel-timeline span{color:var(--erp-text)}.panel-timeline small{color:var(--erp-text-muted)}
.panel-members{display:grid;gap:.8rem}.panel-members>div{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.panel-avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:rgba(44,123,229,.16);color:var(--erp-primary);font-weight:700;font-size:.78rem}.panel-avatar-green{background:rgba(0,210,122,.16);color:var(--erp-success)}.panel-avatar-orange{background:rgba(245,128,62,.18);color:var(--erp-warning)}.panel-avatar-purple{background:rgba(116,86,255,.16);color:#7456ff}.panel-members b,.panel-products b{display:block;color:var(--erp-text);font-size:.92rem}.panel-members small,.panel-products span{display:block;color:var(--erp-text-muted);font-size:.78rem}.panel-members em{font-style:normal;color:var(--erp-text);font-weight:700}
.panel-transactions{display:grid;gap:.65rem}.panel-transactions div{display:flex;justify-content:space-between;gap:1rem;color:var(--erp-text)}.panel-transactions span{color:var(--erp-text-muted)}
.panel-project-row{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.panel-project-row:last-child{border-bottom:0}.panel-project-row b{display:block;color:var(--erp-text)}.panel-project-row span{font-size:.8rem;color:var(--erp-text-muted)}.panel-project-row .progress{grid-column:1/3}
.panel-products{display:grid;gap:.85rem}.panel-products>div{display:grid;grid-template-columns:2.7rem 1fr auto;gap:.75rem;align-items:center}.panel-products i{width:2.7rem;height:2.7rem;border-radius:.85rem;background:rgba(44,123,229,.10);color:var(--erp-primary);display:grid;place-items:center;font-size:1.1rem}.panel-products strong{color:var(--erp-text)}
.panel-compact-card{padding:1rem;display:grid;gap:.35rem}.panel-compact-card i{width:2.7rem;height:2.7rem;border-radius:.9rem;background:rgba(44,123,229,.10);color:var(--erp-primary);display:grid;place-items:center;font-size:1.15rem;margin-bottom:.35rem}.panel-compact-card b{color:var(--erp-text)}.panel-compact-card strong{font-size:1.35rem;color:var(--erp-text);letter-spacing:-.03em}.panel-compact-card span{color:var(--erp-text-muted);font-size:.84rem}
.panel-chat-kpi{padding:1rem;display:grid;gap:.7rem}.panel-chat-kpi div{display:flex;align-items:center;gap:.55rem;color:var(--erp-text-muted);font-size:.88rem}.panel-chat-kpi i{color:var(--erp-primary);font-size:1.15rem}.panel-chat-kpi strong{font-size:1.8rem;color:var(--erp-text);line-height:1}.panel-chat-kpi em{font-style:normal;color:var(--erp-text-muted);font-size:.85rem}
.panel-chat-list{display:grid;gap:.8rem}.panel-chat-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.panel-chat-list b{display:block;color:var(--erp-text);font-size:.92rem}.panel-chat-list small{display:block;color:var(--erp-text-muted);font-size:.78rem}.panel-chat-list em{font-style:normal;color:var(--erp-text-muted);font-size:.8rem}
.panel-channel-row,.panel-rating-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);padding:.65rem 0}.panel-channel-row:last-child,.panel-rating-row:last-child{border-bottom:0}.panel-channel-row span{display:flex;align-items:center;gap:.55rem;color:var(--erp-text)}.panel-channel-row i{color:var(--erp-primary)}.panel-channel-row b,.panel-rating-row b{color:var(--erp-text)}
.panel-ai-card{border:1px dashed rgba(44,123,229,.28);background:rgba(44,123,229,.06);border-radius:1rem;padding:1rem}.panel-ai-card i{font-size:1.4rem;color:var(--erp-primary)}.panel-ai-card p{color:var(--erp-text);margin:.65rem 0 1rem}
.panel-operator-load{display:grid;gap:.8rem}.panel-operator-load div{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;align-items:center}.panel-operator-load span,.panel-operator-load b{color:var(--erp-text)}.panel-operator-load em{grid-column:1/3;height:.45rem;background:linear-gradient(90deg,var(--erp-primary),rgba(44,123,229,.22));border-radius:999px;display:block;font-style:normal}
.panel-dialog-demo{display:grid;gap:.65rem}.panel-dialog-demo div{max-width:78%;padding:.7rem .85rem;border-radius:1rem;font-size:.9rem}.msg-left{background:rgba(44,123,229,.08);color:var(--erp-text);border-bottom-left-radius:.25rem!important}.msg-right{background:var(--erp-primary);color:#fff;justify-self:end;border-bottom-right-radius:.25rem!important}
.panel-chat-small{padding:1rem;display:grid;gap:.4rem}.panel-chat-small i{color:var(--erp-primary);font-size:1.25rem}.panel-chat-small b{color:var(--erp-text)}.panel-chat-small span{color:var(--erp-text-muted);font-size:.85rem}
.panel-reply-template{padding:.75rem .85rem;border:1px solid var(--erp-border);border-radius:.85rem;color:var(--erp-text);background:rgba(255,255,255,.22);margin-bottom:.65rem}.panel-next-action{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid rgba(0,0,0,.05);padding:.7rem 0;color:var(--erp-text)}.panel-next-action:last-child{border-bottom:0}.panel-next-action i{width:2rem;height:2rem;border-radius:.75rem;display:grid;place-items:center;background:rgba(44,123,229,.10);color:var(--erp-primary)}
html[data-theme='dark'] .panel-mini-box,html[data-theme='dark'] .panel-reply-template{background:rgba(255,255,255,.04)}
html[data-theme='dark'] .panel-project-row,html[data-theme='dark'] .panel-channel-row,html[data-theme='dark'] .panel-rating-row,html[data-theme='dark'] .panel-next-action{border-color:rgba(255,255,255,.05)}
html[data-theme='dark'] .panel-donut::after{background:#182230;border-color:#2b3648}
@media (max-width:575.98px){.panel-donut-wrap{align-items:flex-start}.panel-demo-badge{width:100%;justify-content:center}.panel-dialog-demo div{max-width:92%}}