/* Customer workspace. Kept separate from the content-management styles. */
#work:has(.crm-library){max-width:1440px}
.crm-library{--crm-muted:#8190a3;--crm-line:#e9edf3;display:flex;flex-direction:column;gap:22px;padding:8px 3px 16px}
.crm-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.crm-eyebrow{font-size:10px;letter-spacing:1.4px;color:#8c97a7;font-weight:600;margin-bottom:6px}
.crm-heading h1{font-size:28px;letter-spacing:-.6px;margin:0;line-height:1.35;color:#1d293d}
.crm-heading p{font-size:13px;color:#8290a2;margin:7px 0 0}
.crm-add{height:42px;padding:0 18px;border-radius:10px;box-shadow:0 4px 10px #3b6ef019;white-space:nowrap}
.crm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.crm-stat{font-family:inherit;text-align:left;background:white;border:1px solid var(--crm-line);border-radius:13px;padding:17px 20px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative;min-width:0}
.crm-stat:hover{border-color:#bed0fa}.crm-stat.selected{border-color:#b4cafa;box-shadow:0 0 0 2px #3b6ef008}
.crm-stat-name{font-size:12px;color:#67788f;display:flex;justify-content:space-between;align-items:center}
.crm-stat strong{display:block;color:#24334c;font-size:29px;font-weight:650;line-height:1.3;margin:8px 0 7px;font-variant-numeric:tabular-nums}
.crm-stat-hint{font-size:11px;color:#96a0b0}.crm-stat-dot{width:7px;height:7px;border-radius:50%;background:#6f96ef;box-shadow:0 0 0 5px #eff4ff}
.crm-stat.red .crm-stat-dot{background:#ee8981;box-shadow:0 0 0 5px #fff1f0}.crm-stat.red strong{color:#da7168}
.crm-stat.amber .crm-stat-dot{background:#e7b56b;box-shadow:0 0 0 5px #fff8ed}.crm-stat.slate .crm-stat-dot{background:#9aa7b8;box-shadow:0 0 0 5px #f1f4f8}
.crm-table-card{background:white;border:1px solid var(--crm-line);border-radius:14px;box-shadow:0 3px 14px #1d355504;min-width:0}
.crm-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 22px 18px}
.crm-list-toolbar h2{font-size:15px;margin:0 0 4px;font-weight:650;display:flex;align-items:center;gap:9px}.crm-list-toolbar h2 span{font-size:11px;background:#f1f5fb;border-radius:5px;color:#8391a5;padding:1px 7px;font-weight:400}
.crm-subtle{font-size:11px;color:#8c98a9}.crm-toolbar-actions{display:flex;gap:10px;align-items:center}
.crm-search{display:flex;align-items:center;border:1px solid #e6eaf0;border-radius:8px;padding:0 10px;background:#fafbfd;margin:0;width:230px;height:35px;gap:7px}.crm-search span{font-size:21px;font-weight:400;color:#93a0b0}.crm-search input{border:none;background:transparent;min-width:0;padding:0;font-weight:400}
.crm-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 22px 20px;font-size:12px}
.crm-filters .fb-item{gap:7px}.crm-filters .fb-item label{color:#8995a5;font-size:11px}.crm-source-filter{width:118px}.crm-filters select{width:auto;max-width:140px}.crm-reset{border:0;background:none;color:#8d99aa;cursor:pointer;padding:6px;font-size:11px;margin-left:auto}
.crm-date-filter{position:relative;color:#8491a2;font-size:11px}.crm-date-filter summary{cursor:pointer}.crm-date-filter>.date-range{position:absolute;top:25px;right:0;z-index:12;box-shadow:0 5px 18px #23375613;height:44px;padding:5px}.crm-date-filter input{width:132px}
.crm-table-scroll{overflow:auto;max-width:100%;min-height:120px}
.crm-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:12px}
.crm-table th{text-align:left;background:#f8fafc;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;color:#8a97a8;font-size:11px;font-weight:500;padding:13px 16px;white-space:nowrap}
.crm-table td{border-bottom:1px solid #f0f3f7;padding:19px 16px;vertical-align:middle;color:#5e6e82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:85px}
.crm-table tbody tr:last-child td{border-bottom:0}.crm-table tbody tr:hover td{background:#fafcff}.crm-table .crm-sticky{position:sticky;right:0;background:white;z-index:1;border-left:1px solid #f0f3f7}.crm-table th.crm-sticky{background:#f8fafc}
.crm-customer{font-family:inherit;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;text-align:left;max-width:100%;color:#33435c}
.crm-customer-avatar{display:flex;align-items:center;justify-content:center;background:#eef3fc;border:1px solid #e8eef9;border-radius:10px;color:#6b89b8;width:34px;height:36px;flex-shrink:0;font-size:12px}
.crm-customer>span:last-child{min-width:0}.crm-customer strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600}.crm-customer small{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;color:#9aa4b3;margin-top:5px;font-size:10px}
.crm-contact-line{font-size:11px;overflow:hidden;text-overflow:ellipsis;line-height:1.9}.crm-contact-line span{font-size:10px;color:#a6afbb;margin-right:7px}
.crm-stage{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:10px;background:#edf4ff;color:#6788c5}.crm-stage:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.crm-stage.following{color:#bc9254;background:#fff6e9}.crm-stage.won{color:#529783;background:#edf8f3}.crm-stage.lost{color:#929ba8;background:#f1f3f6}
.crm-source{font-size:11px;color:#7d8c9f}.crm-owner{display:flex;align-items:center;gap:6px;font-size:11px}.crm-owner i{font-style:normal;border-radius:50%;background:#f1f4f8;color:#8392a8;font-size:9px;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center}
.crm-row-actions{display:flex;align-items:center;gap:11px}.crm-row-actions .btn{font-size:11px;color:#527fcc;border-color:#e0e9fa;background:#f9fbff;padding:5px 10px}.crm-edit,.crm-delete{border:0;background:none;font:inherit;padding:0;cursor:pointer;color:#8d9bac;font-size:11px}.crm-delete{font-size:17px;color:#b1bac6}.crm-delete:hover{color:#d86d64}
.crm-reminder-cell{font-family:inherit;display:block;border:0;background:none;padding:0;text-align:left;cursor:pointer;max-width:100%}.crm-reminder-cell strong{font-size:11px;font-weight:500;color:#647995;white-space:nowrap}.crm-reminder-cell small{font-size:10px;color:#9da8b6;margin-top:5px;display:flex;align-items:center;gap:5px}.crm-reminder-cell small i{width:4px;height:4px;border-radius:50%;background:#aab8cd}.crm-reminder-cell.due strong,.crm-reminder-cell.due small{color:#d57870}.crm-reminder-cell.due small i{background:#dc8179}
.crm-reminder-empty{font-family:inherit;font-size:11px;border:1px dashed #dce5f2;border-radius:6px;padding:6px 9px;background:#fcfdff;color:#8a9db7;cursor:pointer}.crm-reminder-empty:hover{border-color:var(--brand);color:var(--brand)}
.crm-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid #edf1f6;font-size:11px;color:#99a3b2}.crm-pagination>div{display:flex;align-items:center;gap:12px}.crm-pagination .btn{font-size:10px;padding:5px 9px;color:#7c8b9e}.crm-pagination .btn:disabled{opacity:.35;cursor:default}
.crm-empty{text-align:center;padding:42px 20px}.crm-empty>span{font-size:35px;color:#b5c4da}.crm-empty h3{font-size:14px;color:#6e7e94;margin:8px 0}.crm-empty p{font-size:12px;color:#99a4b3;margin:6px 0 20px}
.reminder-trigger{display:flex;align-items:center;gap:5px;border:1px solid #e8edf5;background:#fafcff;padding:6px 10px;border-radius:8px;color:#77869b;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.reminder-trigger>span{font-size:17px}.reminder-trigger b{font-size:10px;border-radius:5px;background:#e9897e;color:white;padding:1px 5px}.reminder-trigger.has-due{color:#cc776e;border-color:#f4ddd8;background:#fffcfb}
.reminder-modal{z-index:120}.reminder-modal .box{width:540px;max-width:calc(100vw - 32px);padding:26px;border-radius:16px;max-height:90vh;overflow:auto}.reminder-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.reminder-dialog-head h2{margin:0;font-size:21px;font-weight:650;word-break:break-word}.reminder-icon-close{font-family:inherit;font-size:22px;border:0;background:none;color:#9ba5b3;cursor:pointer;padding:0 4px}.reminder-dialog-sub{color:#92a0b2;font-size:12px;margin:8px 0 22px}.reminder-picker{border:1px solid #e5ebf4;background:#fbfcfe;border-radius:12px;padding:18px}.reminder-picker-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.reminder-picker-title label{font-size:12px;color:#687a94;margin:0}.reminder-clear{border:0;background:none;font-size:11px;color:#9aa8b9;cursor:pointer}.reminder-picker input[type=datetime-local]{height:44px;font-size:15px;padding:9px 12px;background:white;border-color:#dce5f3;color:#45618a}.reminder-quick-label{font-size:11px;color:#9aa6b7;margin:16px 0 9px}.reminder-shortcuts{display:flex;gap:7px;flex-wrap:wrap}.reminder-shortcuts button{border:1px solid #e2e9f3;background:white;font:inherit;font-size:12px;color:#7a8da9;border-radius:7px;padding:7px 10px;cursor:pointer}.reminder-shortcuts button:hover,.reminder-shortcuts button.selected{color:#4c79ca;border-color:#aac3f0;background:#eef4ff}.reminder-picker-preview{font-size:11px;color:#7e96b6;margin:13px 0 0}.reminder-field-error{color:#d37369;font-size:11px;margin:6px 0 0;min-height:0}.reminder-field-error:empty{display:none}.reminder-note{font-size:11px;color:#9aa6b5;line-height:1.8;margin-top:16px}.reminder-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:23px;border-top:1px solid #edf1f7;padding-top:20px}.reminder-dialog-actions>div{display:flex;gap:8px}.reminder-dialog-actions .btn{font-size:12px;padding:8px 13px}.reminder-center-count{font-size:13px;color:#8aa0bf;margin-left:5px}.reminder-center-list{display:flex;flex-direction:column;gap:10px}.reminder-center-item{border:1px solid #e9edf4;border-radius:10px;padding:14px}.reminder-center-item strong{font-size:13px;color:#536984}.reminder-center-item .crm-subtle{margin-left:12px}.reminder-center-item p{font-size:11px;color:#99a7b9;margin:6px 0 12px}.reminder-center-item p span{margin-left:12px}.reminder-center-item.due{border-color:#f0dcd8;background:#fffdfc}.reminder-center-item.due p{color:#cb857b}.reminder-center-actions{display:flex;gap:8px;justify-content:flex-end}
.reminder-notice{position:fixed;bottom:24px;right:24px;width:330px;max-width:calc(100vw - 32px);z-index:95;background:#fff;border:1px solid #e3eaf5;border-top:3px solid #e39787;border-radius:12px;box-shadow:0 10px 40px #23385626;padding:16px}.reminder-notice[hidden]{display:none}.reminder-notice-head{display:flex;justify-content:space-between;align-items:center;color:#bd8073;font-size:13px}.reminder-notice-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f3f7;gap:12px}.reminder-notice-row strong{font-size:12px;font-weight:600;display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-notice-row small{display:block;font-size:11px;color:#99a5b5;margin-top:4px}.reminder-notice-all{font-family:inherit;font-size:11px;color:#7895bd;background:none;border:0;padding:13px 0 0;cursor:pointer}
.lead-reminder-details{margin-top:16px;border-top:1px solid #edf1f6;padding-top:14px}.lead-reminder-details summary{font-size:12px;color:#6a819f;cursor:pointer;margin-bottom:12px}.lead-reminder-details summary span{font-size:10px;color:#a2aebe;margin-left:8px}#lead-modal .box{overflow:auto;max-height:90vh;width:660px;max-width:calc(100vw - 32px);padding:26px}.fu-reminder-banner{background:#fafcff;border:1px solid #e6edf9;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;margin-bottom:16px}.fu-reminder-banner .crm-reminder-cell,.fu-reminder-banner .crm-reminder-empty{margin-top:7px}.timeline .tl-item.reminder::before{background:#98afd5}.timeline .tl-item.reminder_done::before{background:#7caf9a}
@media(max-width:1100px){.crm-stats{gap:10px}.crm-stat{padding:15px}.crm-filters{gap:10px}.mod-switch{margin-left:25px;gap:16px}.crm-list-toolbar{gap:10px}.crm-search{width:200px}}
@media(max-width:760px){.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-heading h1{font-size:23px}.crm-list-toolbar{align-items:flex-start;flex-direction:column}.crm-toolbar-actions{width:100%}.crm-search{flex:1}.crm-heading{gap:10px}.crm-add{font-size:12px;padding:0 10px}.crm-pagination{gap:10px;padding:12px}.reminder-dialog-actions{flex-wrap:wrap}.reminder-trigger{font-size:11px}.topbar{flex-wrap:wrap;gap:10px;padding:10px}.mod-switch{order:3;width:100%;margin:0;justify-content:center}.sidebar{width:145px}.work{padding:12px}.contact-3{grid-template-columns:1fr}.reminder-modal .box{padding:20px}}