/* Nexum DebtorVault v1.5.0 — uses --lmm-* theme vars only */ .dv-wrap { padding: 4px 0; color: var(--lmm-text); } .dv-loading { padding: 40px; text-align: center; color: var(--lmm-text2); } .dv-muted { color: var(--lmm-text2); font-size: 12.5px; } .dv-mono { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px; } .dv-r { text-align: right; } .dv-yes { color: #22c55e; } .dv-page-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; gap: 12px; flex-wrap: wrap; } .dv-page-head h2 { margin: 0; font-size: 20px; } /* Cards */ .dv-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; margin-bottom: 18px; } .dv-card { background: var(--lmm-surface); border: 1px solid var(--lmm-border); border-radius: 12px; padding: 14px 16px; } .dv-card-val { font-size: 22px; font-weight: 700; } .dv-card-label { color: var(--lmm-text2); font-size: 12px; margin-top: 2px; } .dv-card-sub { color: var(--lmm-text2); font-size: 11px; margin-top: 2px; } /* Panels + grid */ .dv-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } @media (max-width: 900px) { .dv-grid-2 { grid-template-columns: 1fr; } } .dv-panel { background: var(--lmm-surface); border: 1px solid var(--lmm-border); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; } .dv-panel h3, .dv-panel h4 { margin: 0 0 10px; font-size: 14px; } .dv-panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } /* Filters + inputs */ .dv-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; align-items: center; } .dv-input { background: var(--lmm-bg); border: 1px solid var(--lmm-border); color: var(--lmm-text); border-radius: 8px; padding: 8px 10px; font-size: 13px; min-width: 0; } .dv-input-sm { padding: 4px 6px; font-size: 12px; } .dv-filters .dv-input[type="text"], .dv-filters input:not([type]) { flex: 1 1 220px; } textarea.dv-input { width: 100%; resize: vertical; } .dv-input:focus { outline: none; border-color: var(--lmm-green); } /* Buttons */ .dv-btn { background: var(--lmm-bg); border: 1px solid var(--lmm-border); color: var(--lmm-text); border-radius: 8px; padding: 8px 14px; font-size: 13px; cursor: pointer; } .dv-btn:hover { border-color: var(--lmm-green); } .dv-btn-primary { background: var(--lmm-green); border-color: var(--lmm-green); color: #fff; } .dv-btn-sm { padding: 4px 9px; font-size: 12px; } /* Tables */ .dv-tablewrap { overflow-x: auto; } .dv-table { width: 100%; border-collapse: collapse; font-size: 13px; } .dv-table th { text-align: left; color: var(--lmm-text2); font-weight: 600; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; padding: 8px 10px; border-bottom: 1px solid var(--lmm-border); } .dv-table th.dv-r { text-align: right; } .dv-table td { padding: 9px 10px; border-bottom: 1px solid var(--lmm-border); vertical-align: top; } .dv-table-hover tbody tr { cursor: pointer; } .dv-table-hover tbody tr:hover { background: var(--lmm-hover, rgba(255,255,255,.03)); } .dv-row-off { opacity: .45; } .dv-count { color: var(--lmm-text2); font-size: 12px; margin-bottom: 8px; } .dv-notes { max-width: 320px; white-space: pre-wrap; font-size: 12.5px; } .dv-th-mapped { color: var(--lmm-green) !important; } .dv-map-tag { font-size: 10px; text-transform: none; letter-spacing: 0; } /* Badges + flags + chips */ .dv-badge { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: 11px; font-weight: 600; white-space: nowrap; } .dv-flag { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 5px; font-size: 10px; font-weight: 700; margin-left: 4px; } .dv-flag-pri { color: #eab308; background: #eab30822; } .dv-flag-dsp { color: #eab308; background: #eab30822; } .dv-flag-bky { color: #ef4444; background: #ef444422; } .dv-flag-dnc { color: #ef4444; background: #ef444422; } .dv-chip { display: inline-block; padding: 1px 7px; border-radius: 10px; background: var(--lmm-bg); border: 1px solid var(--lmm-border); font-size: 10.5px; margin-left: 6px; color: var(--lmm-text2); } .dv-chip-red { color: #ef4444; border-color: #ef444455; } /* Pager */ .dv-pager { display: flex; align-items: center; gap: 12px; justify-content: center; padding: 14px 0; } /* Modal (handoff rule 8: fixed overlay, sidebar-aware padding, .is-open) */ .dv-modal-overlay { position: fixed; inset: 0; padding-left: calc(var(--lmm-sidebar-w, 240px) + 24px); padding-right: 24px; padding-top: 5vh; background: rgba(0,0,0,.6); z-index: 9000; display: none; align-items: flex-start; justify-content: center; } .dv-modal-overlay.is-open, .dv-modal-overlay[style*="display:flex"] { display: flex !important; } .dv-modal { background: var(--lmm-surface); border: 1px solid var(--lmm-border); border-radius: 14px; padding: 18px 20px; width: 520px; max-width: 96%; max-height: 88vh; overflow-y: auto; } .dv-modal-wide { width: 900px; } .dv-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .dv-modal-head h3 { margin: 0; font-size: 17px; } .dv-modal-close { background: none; border: none; color: var(--lmm-text2); font-size: 16px; cursor: pointer; padding: 2px 6px; } .dv-modal-close:hover { color: var(--lmm-text); } /* Forms */ .dv-form label { display: block; font-size: 12px; color: var(--lmm-text2); margin: 10px 0 4px; } .dv-form .dv-input { width: 100%; box-sizing: border-box; } .dv-form-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; } .dv-checks { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 12px; } .dv-check { font-size: 13px; display: inline-flex; gap: 6px; align-items: center; cursor: pointer; } /* Account detail */ .dv-balbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; } .dv-bal { background: var(--lmm-bg); border: 1px solid var(--lmm-border); border-radius: 10px; padding: 8px 14px; } .dv-bal-v { font-weight: 700; font-size: 15px; } .dv-bal-l { font-size: 10.5px; color: var(--lmm-text2); text-transform: uppercase; letter-spacing: .05em; } .dv-warnbar { background: #ef444418; border: 1px solid #ef444455; color: #ef4444; border-radius: 10px; padding: 10px 14px; font-size: 13px; margin-bottom: 12px; } .dv-tabbar { display: flex; gap: 4px; border-bottom: 1px solid var(--lmm-border); margin-bottom: 14px; flex-wrap: wrap; } .dv-tab { background: none; border: none; border-bottom: 2px solid transparent; color: var(--lmm-text2); padding: 8px 12px; font-size: 13px; cursor: pointer; } .dv-tab.is-active { color: var(--lmm-text); border-bottom-color: var(--lmm-green); } .dv-kv-row { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px dashed var(--lmm-border); font-size: 12.5px; } .dv-kv-row span { color: var(--lmm-text2); } .dv-debtor-row { padding: 8px 0; border-bottom: 1px dashed var(--lmm-border); } .dv-deb-acc { cursor: pointer; } .dv-deb-acc:hover { background: var(--lmm-hover, rgba(255,255,255,.03)); } .dv-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; align-items: center; } .dv-actions .dv-input { flex: 0 1 auto; } /* Activity feed */ .dv-act-row { display: flex; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--lmm-border); font-size: 12.5px; align-items: baseline; flex-wrap: wrap; } .dv-act-ch { text-transform: uppercase; font-size: 10px; font-weight: 700; color: var(--lmm-green); min-width: 46px; } /* Toast */ .dv-toast { position: fixed; bottom: 24px; right: 24px; z-index: 9500; background: var(--lmm-surface); border: 1px solid var(--lmm-green); color: var(--lmm-text); border-radius: 10px; padding: 12px 18px; font-size: 13px; opacity: 0; transform: translateY(8px); transition: all .2s ease; max-width: 360px; } .dv-toast.is-open { opacity: 1; transform: translateY(0); } .dv-toast-err { border-color: #ef4444; } /* Internal subnav removed — every tab now has a real sidebar entry in nexum-spa */ /* Warning bars (amber variant for soft warnings vs red hard blocks) */ .dv-warnbar-amber { background: #eab30818; border-color: #eab30855; color: #eab308; } /* SOL flag */ .dv-flag-sol { color: #ef4444; background: #ef444422; width: auto; padding: 0 5px; } .dv-flag-sol-warn { color: #eab308; background: #eab30822; width: auto; padding: 0 5px; } /* Mini dashboard stats on account detail */ .dv-ministats { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; margin-bottom: 14px; } .dv-mini { background: var(--lmm-bg); border: 1px solid var(--lmm-border); border-radius: 10px; padding: 8px 12px; text-align: center; } .dv-mini-v { font-weight: 700; font-size: 16px; } .dv-mini-l { font-size: 10px; color: var(--lmm-text2); text-transform: uppercase; letter-spacing: .04em; margin-top: 2px; } /* Sticky notes */ .dv-note { background: var(--lmm-bg); border: 1px solid var(--lmm-border); border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; position: relative; } .dv-note-pinned { border-color: var(--lmm-green); } .dv-note-text { white-space: pre-wrap; font-size: 13px; margin-bottom: 6px; } .dv-pin { position: absolute; top: 8px; right: 10px; } .dv-note a { color: var(--lmm-green); text-decoration: none; } /* SMS thread */ .dv-thread { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; } .dv-sms-bubble { max-width: 70%; padding: 8px 12px; border-radius: 12px; font-size: 13px; background: var(--lmm-bg); border: 1px solid var(--lmm-border); } .dv-sms-outbound { align-self: flex-end; background: var(--lmm-green); color: #fff; border-color: var(--lmm-green); } .dv-sms-outbound .dv-muted { color: rgba(255,255,255,.75); } .dv-sms-inbound { align-self: flex-start; } .dv-table td a { color: var(--lmm-green); text-decoration: none; } .dv-table td a:hover { text-decoration: underline; } /* Agent Desk (My Desk) */ .dv-desk-row { background: var(--lmm-surface); border: 1px solid var(--lmm-border); border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .dv-desk-row.dv-desk-done { opacity: .5; } .dv-desk-main { cursor: pointer; flex: 1 1 260px; } .dv-desk-actions { display: flex; gap: 8px; align-items: center; } .dv-lockbadge { color: #ef4444; font-size: 12px; font-weight: 600; } /* Primary hero action — Log Contact, the #1 thing an agent does on an account */ .dv-hero-action { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; padding: 16px; margin: 4px 0 14px; border: none; border-radius: 12px; background: linear-gradient(135deg, var(--lmm-green), #3d9e30); color: #fff; font-size: 17px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 16px rgba(82,176,67,.35); transition: transform .12s, box-shadow .12s; } .dv-hero-action:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(82,176,67,.45); } .dv-hero-action small { font-size: 11.5px; font-weight: 500; opacity: .9; } .dv-hero-action.is-disabled { background: var(--lmm-bg); color: var(--lmm-text2); box-shadow: none; cursor: not-allowed; border: 1px dashed var(--lmm-border); } /* Sub-tabs (within a dv-pane, e.g. SMS/Email) */ .dv-subtabbar { display: flex; gap: 4px; margin-bottom: 12px; border-bottom: 1px solid var(--lmm-border); } .dv-subtab { background: none; border: none; padding: 7px 14px; font-size: 12.5px; font-weight: 600; color: var(--lmm-text2); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; } .dv-subtab.is-active { color: var(--lmm-green); border-bottom-color: var(--lmm-green); } /* Debtor panel — contact management */ .dv-debtor-block { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px dashed var(--lmm-border); } .dv-debtor-block:last-child { border-bottom: none; margin-bottom: 0; } .dv-debtor-head { overflow: hidden; } .dv-tags { margin-bottom: 8px; } .dv-contact-list { display: flex; flex-direction: column; gap: 4px; } .dv-contact-row { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; padding: 4px 0; } .dv-contact-actions a { color: var(--lmm-green); text-decoration: none; margin-left: 2px; } .dv-contact-actions a:hover { text-decoration: underline; } .dv-debtor-editform { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--lmm-border); } /* Required field marker + radio rows (recording confirmation, etc.) */ .dv-required { color: #ef4444; } .dv-radio-row { display: flex; gap: 16px; margin: 6px 0 4px; } .dv-radio-row .dv-check { display: flex; align-items: center; gap: 5px; font-weight: 500; } .dv-field { margin-top: 10px; } .dv-field label { display: block; font-size: 12px; color: var(--lmm-text2); margin: 0 0 4px; } /* Multi-select (agent pickers, etc.) — native