.crm-root .form-control { border:1px solid #cbd5e1; border-radius:8px; padding:9px 12px; font:inherit; color:#334155; background:white; min-width:0; }
.crm-root table { width:100%; }
.crm-customer-link {background:transparent;border:0;color:#2563eb;cursor:pointer;text-align:left;padding:0;font:inherit;}
.crm-opportunity-detail h2 {font-size:28px;margin:16px 0 30px;}
.crm-customer-filters {display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.crm-customer-filters input {flex:1;min-width:160px;}
.crm-customer-workspace {display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;}
.crm-customer-list {padding:18px;border-right:1px solid #e2e8f0;max-height:75vh;overflow-y:auto;}
.crm-customer-item {display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #e2e8f0;background:white;padding:16px 10px;cursor:pointer;border-radius:6px;}
.crm-customer-item.active {background:#eef2ff;}
.crm-customer-item span {display:block;color:#64748b;margin-top:5px;font-size:13px;}
.crm-customer-detail {padding:28px;min-width:0;}
.crm-customer-detail h2 {font-size:28px;margin-bottom:24px;}
.crm-detail-tabs {display:flex;gap:20px;border-bottom:1px solid #e2e8f0;overflow-x:auto;margin:16px 0 24px;}
.crm-detail-tabs button {border:0;background:transparent;padding:12px 0;white-space:nowrap;cursor:pointer;color:#64748b;}
.crm-detail-tabs button.active {color:#2563eb;border-bottom:3px solid #2563eb;}
.crm-detail-field {display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:12px 0;}
.crm-detail-field>span {color:#64748b;}
.crm-fields {padding:18px;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;}
.crm-stage-board {display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding-bottom:20px;}
.crm-stage-column {flex:0 0 265px;background:#f1f5f9;border-radius:10px;padding:12px;}
.crm-stage-column h3 {font-size:16px;margin:0 0 12px;}
.crm-stage-column small {color:#64748b;margin-left:8px;}
.crm-stage-won {background:#ecfdf5;}.crm-stage-lost {background:#fff7ed;}.crm-stage-quotation {background:#eff6ff;}
.crm-opportunity-card {background:white;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:12px;word-break:break-word;}
.crm-opportunity-card p {color:#64748b;font-size:13px;}.crm-opportunity-card select {margin-top:10px;width:100%;}
.crm-tag {padding:4px 8px;border-radius:20px;background:#dbeafe;font-size:12px;}
@media(max-width:850px){.crm-customer-workspace{grid-template-columns:1fr;}.crm-customer-list{max-height:260px;border-right:0;border-bottom:1px solid #e2e8f0;}.crm-customer-detail{padding:16px;}.crm-detail-field{grid-template-columns:110px minmax(0,1fr);gap:10px;}}
.crm-followup-form {padding:20px 12px;background:#fff;}
.crm-followup-form .form-group {margin-bottom:28px;}
.crm-followup-form label {display:block;margin-bottom:8px;}
.crm-followup-form .form-control {width:100%;border:1px solid #d7dce4;border-radius:8px;padding:12px;box-sizing:border-box;}
.crm-followup-form p,.crm-followup-form small {color:#64748b;}
.crm-required {color:#ef4444;}
.crm-photo-box {background:#f3f4f6;border:1px solid #d7dce4;border-radius:8px;padding:18px;}
#crm-photo-preview {min-height:90px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:#94a3b8;margin-bottom:12px;}
#crm-photo-preview img {max-width:140px;max-height:110px;border-radius:6px;}
.crm-followup-submit {display:block;min-width:200px;margin:12px auto;padding:14px 32px;}
.crm-root .table-wrapper { overflow-x:auto; }
.crm-root .table th,.crm-root .table td { white-space:normal; word-break:break-word; }
@media(max-width:640px) { .crm-root .form-grid { grid-template-columns:1fr; } .crm-root .btn { flex-shrink:0; } }
.crm-order-customer-picker {position:relative;}
.crm-order-customer-picker .searchable-select {position:relative;}
.crm-order-customer-picker .searchable-select-input {padding-right:40px;}
.crm-order-customer-toggle {position:absolute;right:1px;top:1px;width:38px;height:40px;border:0;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;}
.crm-order-customer-picker .searchable-select-list {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;max-height:220px;box-shadow:0 6px 18px #0f172a26;}
.crm-order-customer-picker .searchable-select-list:empty {display:none;}
.crm-order-customer-picker .searchable-select.opens-up .searchable-select-list {top:auto;bottom:calc(100% + 4px);}
.crm-order-customer-picker .searchable-select-option.keyboard-active {background:#dbeafe;color:#1d4ed8;}
.crm-order-customer-more {display:block;width:100%;border:0;padding:10px;background:#eff6ff;color:#2563eb;cursor:pointer;}
#nmo-crm-customer-status {display:block;color:#64748b;margin:5px 0;}
