
/* MySTS 2.0 v0.31: CRM & Marketing departments. Review-only scope. */
.crm31-wrap{display:grid;gap:18px}.crm31-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.crm31-tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #dfeaf3;padding-bottom:11px}.crm31-tab{border:1px solid #dce8f1;border-radius:9px;background:#fff;color:#597288;font-size:12px;font-weight:800;padding:9px 14px;cursor:pointer}.crm31-tab.active{background:#0e3555;border-color:#0e3555;color:#fff}.crm31-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.crm31-stat{border:1px solid #dce7f0;background:white;padding:15px 17px;border-radius:12px;box-shadow:0 3px 13px #051b3210}.crm31-stat strong{font-size:25px;display:block;color:#153c59}.crm31-stat span{font-size:11px;color:#74899d;font-weight:700}.crm31-stat small{color:#2782b8;font-size:10px;display:block;margin-top:4px}.crm31-panel{border:1px solid #dfe8f1;background:#fff;border-radius:12px;overflow:hidden}.crm31-panel h3{font-size:14px;color:#1c3d59;margin:0}.crm31-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 19px;border-bottom:1px solid #eaf0f6}.crm31-body{padding:17px 19px}.crm31-filters{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 15px}.crm31-filters .p-input{max-width:320px}.crm31-filters .p-select{max-width:215px}.crm31-tbl{width:100%;border-collapse:collapse;min-width:640px}.crm31-tbl td,.crm31-tbl th{padding:12px 11px;border-bottom:1px solid #ebf1f5}.crm31-tbl th{background:#f5f9fc}.crm31-tbl tbody tr:hover{background:#f8fbff}.crm31-tbl td strong{font-size:12px}.crm31-tbl td small{display:block;color:#8294a6;font-size:10px;margin-top:2px}.crm31-empty{padding:33px 20px;text-align:center;color:#70879d;font-size:12px}.crm31-split{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.crm31-card{background:#f8fbfe;border:1px solid #dce8f2;border-radius:10px;padding:13px 14px}.crm31-card strong{color:#1d435f}.crm31-card small{color:#6d879b;display:block;font-size:11px;margin-top:4px}.crm31-note{background:#edf7fd;border:1px solid #cde4f4;padding:12px 14px;border-radius:9px;color:#375f7d;font-size:12px;line-height:1.65}.crm31-warning{background:#fff7eb;border:1px solid #efd9b6;padding:12px 14px;border-radius:9px;color:#7c5b28;font-size:12px;line-height:1.6}.crm31-good{background:#edfaf3;border:1px solid #c6e9d8;padding:12px 14px;border-radius:9px;color:#136d51;font-size:12px}.crm31-flex{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.crm31-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.crm31-fields label{display:grid;gap:5px;font-size:11px;color:#5d7890;font-weight:800}.crm31-fields .wide{grid-column:1/-1}.crm31-fields input,.crm31-fields select,.crm31-fields textarea{border:1px solid #cbdce9;border-radius:8px;padding:10px;background:#fff;width:100%;min-width:0;color:#1a344a;font-size:12px}.crm31-fields textarea{min-height:77px;resize:vertical}.crm31-mini{font-size:11px;color:#7591a5}.crm31-pipeline{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.crm31-lane{background:#f3f8fc;border:1px solid #dce9f2;border-radius:10px;min-height:185px;padding:10px}.crm31-lane h4{margin:0 0 9px;font-size:12px;color:#284a68}.crm31-deal{width:100%;text-align:left;display:block;background:white;border:1px solid #dce7ef;border-radius:9px;padding:12px;margin-bottom:9px;font-size:11px;color:#45647e}.crm31-deal strong{display:block;color:#143b59;font-size:12px;margin-bottom:5px}.crm31-deal small{display:block;color:#75899f}.crm31-kanban-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.crm31-tag{display:inline-block;font-size:10px;padding:4px 8px;background:#ebf4fc;color:#236b9d;border-radius:50px;font-weight:850}.crm31-tag.green{background:#e4f6eb;color:#12764c}.crm31-tag.red{background:#feeaed;color:#a53d4a}.crm31-tag.amber{background:#fff3da;color:#99680e}.crm31-timeline{display:grid;gap:8px}.crm31-event{border-left:3px solid #3294d2;background:#f9fbfd;border-radius:4px;padding:9px 13px}.crm31-event strong{font-size:12px;color:#193a55}.crm31-event small{display:block;color:#7890a3;font-size:10px;margin-top:4px}.crm31-banner{background:linear-gradient(110deg,#0c2844,#154d73);padding:20px 23px;color:white;border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.crm31-banner h2{font-size:21px;color:white;margin:0}.crm31-banner p{font-size:11px;color:#c8dff1;margin:5px 0 0}.crm31-contact{border:1px solid #e1e9f1;border-radius:9px;background:#fff;padding:13px;margin-bottom:8px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.crm31-contact strong{font-size:12px;color:#1c415f}.crm31-contact small{display:block;font-size:11px;color:#758ca0}.crm31-countbar{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0}.crm31-hint{font-size:10px;color:#74879b}.crm31-tablebtn{border:0;background:none;color:#087cbf;font-size:11px;font-weight:850;padding:6px;cursor:pointer}.crm31-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#45617a;padding:10px;border:1px solid #dce7f0;background:#f9fcfe;border-radius:9px}.crm31-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.crm31-kv{display:grid;grid-template-columns:1fr 1fr;gap:9px}.crm31-kv div{padding:12px;background:#f7fbfe;border:1px solid #dfebf3;border-radius:9px}.crm31-kv span{display:block;font-size:10px;color:#72899e}.crm31-kv strong{display:block;font-size:12px;color:#24475f;margin-top:4px}.crm31-statusline{border-bottom:1px solid #e7eef4;padding:13px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.crm31-statusline:last-child{border-bottom:0}.crm31-statusline strong{font-size:12px}.crm31-statusline small{display:block;font-size:10px;color:#7c91a4}.crm31-tpl{background:#fff;border:1px solid #dfe9f1;border-radius:10px;padding:17px;display:grid;gap:10px}.crm31-tpl p{font-size:11px;color:#70859a;margin:0;flex:1}.crm31-pill{border:1px solid #d8e7f2;border-radius:999px;color:#497897;background:#f4faff;padding:5px 9px;font-size:10px}.crm31-info{font-size:11px;color:#6b8297;line-height:1.65}.crm31-modalactions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.crm31-code{font-family:ui-monospace,monospace;font-size:11px;background:#f2f7fa;padding:2px 5px;border-radius:3px}.crm31-print{background:#fff;border:1px solid #dce7f1;border-radius:9px;padding:20px}.crm31-print h2{font-size:21px;color:#153552}.crm31-print table{min-width:0}.crm31-print td{padding:9px;border-bottom:1px solid #e2e8ef}.crm31-insights{display:grid;gap:7px}.crm31-bar{height:7px;border-radius:5px;background:#e6f0f7;overflow:hidden}.crm31-bar>span{display:block;background:#2389ca;height:100%}
@media(max-width:1100px){.crm31-grid3{grid-template-columns:repeat(2,1fr)}.crm31-stats{grid-template-columns:repeat(2,1fr)}.crm31-split{grid-template-columns:1fr}}@media(max-width:650px){.crm31-stats,.crm31-grid3,.crm31-fields,.crm31-kv{grid-template-columns:1fr}.crm31-fields .wide{grid-column:auto}.crm31-filters .p-input,.crm31-filters .p-select{max-width:100%;width:100%}.crm31-banner{padding:17px}.crm31-panel header{flex-wrap:wrap}.crm31-body{padding:13px}.crm31-tbl{min-width:600px}}

