/* Component-level finishing rules for the current CRM demo sync. */
.demo-current-upper-grid{grid-template-columns:minmax(0,2fr) 355px!important}
.demo-current-lower-grid{grid-template-columns:1fr 1fr 1.1fr!important}
.demo-negative{color:#e45c43!important}
.demo-panel-footer{display:block;width:100%;min-height:42px;padding:0 17px;border:0;border-top:1px solid #e7ece9;background:#fff;color:#1768f2;text-align:left;font-size:10px;font-weight:800;cursor:pointer}
.demo-panel-footer:hover{background:#f8faf9}
.demo-panel-subtitle{margin:-4px 17px 8px;font-size:10px;color:#809088}
.demo-subtabs{display:flex;align-items:center;gap:6px;padding:0 14px 8px;border-bottom:1px solid #edf0ee}
.demo-subtabs button{height:31px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#76857e;font-size:9px;font-weight:800;cursor:pointer}
.demo-subtabs button.active{background:#edf3ff;border-color:#d8e4ff;color:#1768f2}
.demo-subtabs b{margin-left:4px;font-size:8px}
.demo-activity-select{height:30px;border:1px solid #d8e1dd;border-radius:8px;background:#fff;color:#68776f;padding:0 8px;font-size:9px}
.demo-activity-feed{padding:4px 14px 10px}
.demo-activity-feed>button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid #edf0ee;background:transparent;text-align:left;cursor:pointer}
.demo-activity-feed>button:last-child{border-bottom:0}
.demo-activity-feed strong,.demo-activity-feed small{display:block}
.demo-activity-feed strong{font-size:9px;line-height:1.35}.demo-activity-feed small{font-size:8px;color:#7a8982;margin-top:2px}.demo-activity-feed time{font-size:8px;color:#8a9690}
.demo-activity-feed .avatar{width:29px;height:29px;font-size:8px}
.demo-full-button{width:100%;margin-top:16px;min-height:38px}
.demo-empty-feature{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px}
.demo-empty-feature>span{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#edf3ff;color:#1768f2;font-size:27px}
.demo-empty-feature h2{margin:16px 0 5px;font-size:21px}.demo-empty-feature p{max-width:470px;margin:0 0 18px;font-size:12px;line-height:1.5;color:#718078}
.demo-current-analytics{grid-template-columns:1.65fr .75fr!important}
.demo-revenue-bars{height:220px!important;align-items:end!important}
.demo-revenue-bars i{min-height:12px}

/* App-like deal cards keep enough detail even at the denser desktop scale. */
.full-pipeline{align-items:start}
.pipe-deal{box-shadow:0 1px 2px rgba(24,42,35,.025)}

@media(max-width:1320px){
  .demo-current-upper-grid{grid-template-columns:minmax(0,1.7fr) 320px!important}
  .demo-current-lower-grid{grid-template-columns:1fr 1fr!important}
  .demo-current-lower-grid>article:last-child{grid-column:1/-1}
}
@media(max-width:1000px){
  .demo-current-upper-grid,.demo-current-lower-grid,.demo-current-analytics{grid-template-columns:1fr!important}
  .demo-current-lower-grid>article:last-child{grid-column:auto}
}
