.crm-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;background:#fff;border-bottom:1px solid #e5e9f0}
.crm-brand{font-size:24px;font-weight:700;color:#111827}.crm-brand i{color:#2563eb;margin-right:9px}
.crm-actions{display:flex;gap:8px;flex-wrap:wrap}.crm-actions a,.crm-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:#334155!important;text-decoration:none!important;font-weight:600}
.crm-actions a:hover,.crm-button:hover{background:#f8fafc}.crm-wrap{padding:26px 30px 50px;background:#f8fafc;min-height:calc(100vh - 150px)}.crm-narrow{max-width:1050px;margin:auto}
.crm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.crm-stat{padding:20px;border-radius:13px;background:#fff;border:1px solid #e5e9f0;border-top:4px solid #64748b;box-shadow:0 2px 8px rgba(15,23,42,.04)}.crm-stat.blue{border-top-color:#2563eb}.crm-stat.orange{border-top-color:#f97316}.crm-stat.green{border-top-color:#22c55e}.crm-stat span{display:block;color:#64748b;font-size:13px}.crm-stat strong{display:block;margin-top:5px;font-size:28px;color:#111827}
.crm-panel{background:#fff;border:1px solid #e5e9f0;border-radius:13px;box-shadow:0 2px 8px rgba(15,23,42,.04);padding:20px;margin-bottom:20px}.crm-panel-title{font-size:14px;font-weight:800;letter-spacing:.04em;color:#334155;margin-bottom:16px}.crm-panel-title span{color:#94a3b8;margin-left:5px}
.crm-filter{display:grid;grid-template-columns:1fr 180px auto;gap:10px}.crm-filter input,.crm-filter select,.crm-form input,.crm-form select,.crm-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8dee8;border-radius:8px;padding:10px 11px;background:#fff;font-size:14px}.crm-filter button,.crm-primary,.crm-danger-button{border:0;border-radius:8px;padding:10px 15px;background:#2563eb;color:#fff!important;font-weight:700;cursor:pointer}.crm-danger-button{background:#dc2626}
.crm-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.crm-main{min-width:0}.crm-table-wrap{overflow:auto}.crm-table{width:100%;border-collapse:collapse}.crm-table th{text-align:left;color:#64748b;font-size:12px;padding:10px;border-bottom:1px solid #e5e9f0}.crm-table td{padding:13px 10px;border-bottom:1px solid #eef1f5;vertical-align:top}.crm-table tr:last-child td{border-bottom:0}.crm-contact-name{font-weight:700;color:#1d4ed8!important;text-decoration:none!important}.crm-table small{display:block;color:#64748b;margin-top:3px}.crm-status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700}
.crm-followup{display:block;padding:10px 0;border-bottom:1px solid #eef1f5;text-decoration:none!important}.crm-followup:last-child{border:0}.crm-followup strong{display:block;color:#1f2937}.crm-followup span{font-size:12px;color:#64748b}.crm-followup span.overdue{color:#dc2626;font-weight:700}.crm-empty{padding:20px 5px;color:#94a3b8}
.crm-form label{display:block;color:#475569;font-size:13px;font-weight:700;margin-bottom:14px}.crm-form label input,.crm-form label select,.crm-form label textarea{display:block;margin-top:6px;font-weight:400}.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.crm-form-buttons{display:flex;align-items:center;gap:15px;margin-top:10px}.crm-form-buttons a,.crm-cancel{color:#64748b!important}
.crm-contact-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.crm-contact-head h2{margin:0;font-size:27px}.crm-contact-head p{margin:4px 0 0;color:#64748b}.crm-head-actions{display:flex;gap:8px}.crm-button.crm-primary{background:#2563eb;color:#fff!important;border-color:#2563eb}.crm-button.danger{color:#dc2626!important}.crm-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.crm-detail-grid span,.crm-notes span,.crm-side-card span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.crm-detail-grid strong,.crm-side-card strong{color:#1f2937;font-size:14px}.crm-notes{margin-top:20px;padding-top:17px;border-top:1px solid #eef1f5}.crm-notes p{margin:5px 0;color:#334155}
.crm-history{margin-top:20px}.crm-activity{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #eef1f5}.crm-activity:last-child{border:0}.crm-activity-icon{width:36px;height:36px;border-radius:50%;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center}.crm-activity-top{display:flex;justify-content:space-between;gap:15px}.crm-activity-top time{font-size:12px;color:#94a3b8;white-space:nowrap}.crm-activity p{margin:7px 0;color:#475569}.crm-result,.crm-next{font-size:13px;color:#475569;margin-top:4px}.crm-side-card p{padding-bottom:13px;border-bottom:1px solid #eef1f5}.crm-help{color:#64748b}.crm-code{display:block;padding:14px;background:#f1f5f9;border-radius:8px;white-space:normal;word-break:break-word}.crm-import-form{margin-top:20px}
#dashboard .simplecrm-sidebar-link>a{display:flex!important;align-items:center;min-height:50px;padding:10px 14px!important;border-radius:10px;color:#1f2937!important;font-size:16px;font-weight:600;white-space:nowrap;text-decoration:none!important}#dashboard .simplecrm-sidebar-link>a:hover{background:#eff6ff;color:#1d4ed8!important}#dashboard .simplecrm-sidebar-link .fa{width:28px;margin-right:8px;color:#2563eb;font-size:23px;text-align:center}
@media(max-width:1000px){.crm-stats{grid-template-columns:1fr 1fr}.crm-grid{grid-template-columns:1fr}.crm-filter{grid-template-columns:1fr}.crm-form-grid,.crm-detail-grid{grid-template-columns:1fr}.crm-topbar,.crm-contact-head{align-items:flex-start;flex-direction:column}}

/* v1.1.0 categories */
.crm-filter{grid-template-columns:minmax(260px,1fr) 155px 170px 155px auto}
.crm-category{display:inline-block;margin:2px 4px 2px 0;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700;white-space:nowrap}
.crm-categories{min-width:150px}.crm-field-help{display:block;margin-top:5px;color:#94a3b8;font-size:11px;font-weight:400}
@media(max-width:1200px){.crm-filter{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.crm-filter{grid-template-columns:1fr}}

/* v1.2.0 bulk category assignment */
.crm-bulk-bar{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:0 0 12px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:10px}
.crm-bulk-bar .crm-select-all{display:flex;align-items:center;gap:6px;margin:0 5px 0 0;color:#475569;font-size:13px;font-weight:700;white-space:nowrap}
.crm-bulk-bar .crm-select-all input{width:auto;margin:0}
.crm-bulk-bar>input[type=text]{flex:1;min-width:180px;border:1px solid #d8dee8;border-radius:8px;padding:9px 10px}
.crm-bulk-bar button{border:0;border-radius:8px;padding:9px 13px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}
.crm-check-col{width:34px!important;text-align:center!important}.crm-check-col input{width:auto}
@media(max-width:800px){.crm-bulk-bar{align-items:stretch;flex-direction:column}.crm-bulk-bar .crm-select-all{padding:5px 0}}


/* v1.2.2 - larger, vertically centered contact forms and contact view */

/* New contact / Edit contact */
.crm-narrow .crm-panel{
    padding:28px 30px;
}
.crm-narrow .crm-panel-title{
    font-size:17px;
    line-height:1.35;
    margin-bottom:22px;
}
.crm-form{
    font-size:15px;
}
.crm-form label{
    font-size:14px;
    line-height:1.35;
    margin-bottom:17px;
}
.crm-form input,
.crm-form select{
    min-height:44px;
    padding:10px 13px;
    font-size:15px;
    line-height:22px;
}
.crm-form select{
    height:44px;
}
.crm-form textarea{
    min-height:82px;
    padding:11px 13px;
    font-size:15px;
    line-height:1.5;
}
.crm-form textarea[name="notes"]{
    min-height:120px;
}
.crm-form-grid{
    column-gap:24px;
}
.crm-field-help{
    font-size:12px;
    line-height:1.4;
    margin-top:6px;
}
.crm-form-buttons{
    min-height:48px;
    margin-top:15px;
}
.crm-form-buttons button,
.crm-form-buttons a{
    font-size:14px;
}
.crm-form-buttons .crm-primary{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Contact view */
.crm-contact-head{
    min-height:66px;
    align-items:center;
}
.crm-contact-head h2{
    font-size:30px;
    line-height:1.25;
}
.crm-contact-head p{
    font-size:15px;
    line-height:1.45;
}
.crm-details,
.crm-history,
.crm-side-card{
    font-size:15px;
}
.crm-details .crm-panel-title,
.crm-history .crm-panel-title,
.crm-side-card .crm-panel-title{
    font-size:16px;
}
.crm-detail-grid{
    gap:22px 26px;
}
.crm-detail-grid > div{
    min-height:48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.crm-detail-grid span,
.crm-notes span,
.crm-side-card span{
    font-size:12px;
    line-height:1.3;
}
.crm-detail-grid strong,
.crm-side-card strong{
    font-size:15px;
    line-height:1.45;
}
.crm-notes p{
    font-size:15px;
    line-height:1.55;
}
.crm-activity{
    min-height:64px;
    align-items:center;
}
.crm-activity-top strong{
    font-size:15px;
}
.crm-activity p,
.crm-result,
.crm-next{
    font-size:14px;
    line-height:1.5;
}
.crm-button{
    min-height:40px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    font-size:14px;
}


/* v1.2.3 - +2px typography, keeping contact name 30px and fields 44px high */
.crm-narrow .crm-panel-title{font-size:19px}
.crm-form{font-size:17px}
.crm-form label{font-size:16px}
.crm-form input,
.crm-form select{font-size:17px;min-height:44px}
.crm-form select{height:44px}
.crm-form textarea{font-size:17px}
.crm-field-help{font-size:14px}
.crm-form-buttons button,
.crm-form-buttons a{font-size:16px}
.crm-contact-head h2{font-size:30px}
.crm-contact-head p{font-size:17px}
.crm-details,
.crm-history,
.crm-side-card{font-size:17px}
.crm-details .crm-panel-title,
.crm-history .crm-panel-title,
.crm-side-card .crm-panel-title{font-size:18px}
.crm-detail-grid span,
.crm-notes span,
.crm-side-card span{font-size:14px}
.crm-detail-grid strong,
.crm-side-card strong{font-size:17px}
.crm-notes p{font-size:17px}
.crm-activity-top strong{font-size:17px}
.crm-activity p,
.crm-result,
.crm-next{font-size:16px}
.crm-button{font-size:16px}