.transactions-invoicing-container{background:var(--color-background,#000);flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.transactions-header{background:var(--glass-bg,#ffffff05);-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));border-bottom:1px solid var(--glass-border,#ffffff14);z-index:10;flex-shrink:0;padding:1.5rem;position:relative}.header-content{justify-content:space-between;align-items:center;display:flex}.header-title h1{color:var(--color-text,#fff);margin:0;font-size:1.75rem;font-weight:600}.header-title p{color:var(--color-text-secondary,#71717a);margin-top:.25rem;font-size:.875rem}.header-actions{align-items:center;gap:.75rem;display:flex}.helcim-status{background:var(--color-warning-alpha-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full,100px);border:1px solid #f59e0b33;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.helcim-status.connected{background:var(--color-success-alpha-10,#10b9811a);border-color:var(--color-success-alpha-20,#10b98133)}.helcim-status.connected .helcim-status-text,.helcim-status.connected svg{color:var(--color-success,#10b981)}.helcim-status-icon{color:var(--color-warning)}.helcim-status-text{color:var(--color-warning);font-size:13px}.helcim-connect{color:var(--color-warning);cursor:pointer;background:0 0;border:none;margin-left:.25rem;font-size:.875rem;text-decoration:underline}.btn-sync{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text,#fff);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.btn-sync:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-alpha-30)}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.btn-sync.syncing .sync-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{background:var(--rai-chrome-fill);border:var(--rai-chrome-border);color:#fff;box-shadow:var(--rai-chrome-shadow);border-radius:var(--button-border-radius,var(--radius-full,100px));cursor:pointer;white-space:nowrap;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-color-scheme:dark;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--rai-chrome-fill-hover);border-color:var(--rai-chrome-border-hover);box-shadow:var(--rai-chrome-shadow-hover);box-shadow:0 4px 14px rgba(var(--color-primary-rgb,59, 130, 246), .35);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-color-scheme:dark}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.invoice-tab-action-bar{border-bottom:1px solid var(--glass-border,#ffffff14);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;padding:.625rem 1.5rem;display:flex}.stats-grid{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1rem;margin-top:1.5rem;padding:0 1.5rem;display:grid}.stat-card{background:var(--glass-bg,#ffffff05);-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-xl,1rem);padding:1.25rem;transition:all .3s}.stat-card:hover{background:var(--color-surface-hover,#ffffff0d);border-color:var(--color-primary-alpha-30,#3b82f64d);box-shadow:var(--shadow-lg,0 10px 24px #00000080), var(--shadow-glow,0 0 20px #3b82f64d);transform:translateY(-4px)}.stat-card-content{justify-content:space-between;align-items:center;display:flex}.stat-info p{color:var(--color-text-secondary,#71717a);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:500}.stat-value{color:var(--color-text,#fff);margin-top:.5rem;font-size:1.75rem;font-weight:700}.stat-icon{border-radius:var(--radius-lg,.75rem);background:var(--color-surface,#ffffff08);width:3rem;height:3rem;-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));justify-content:center;align-items:center;display:flex}.stat-icon.green{background:var(--color-success-alpha-10);color:var(--color-success,#10b981)}.stat-icon.yellow{background:var(--color-warning-alpha-10);color:var(--color-warning,#f59e0b)}.stat-icon.blue{background:var(--color-primary-alpha-10,#3b82f61a);color:var(--color-primary,#3b82f6)}.stat-icon.red{background:var(--color-error-alpha-10);color:var(--color-error,#ef4444)}.tabs-container{flex-shrink:0;gap:.5rem;margin-top:1.5rem;padding:0 1.5rem;display:flex}.tab-button{background:var(--glass-bg,#ffffff05);-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));border-radius:var(--radius-lg,.75rem) var(--radius-lg,.75rem) 0 0;cursor:pointer;color:var(--color-text-secondary,#71717a);border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s}.tab-button.active{background:var(--color-surface-hover,#ffffff0d);color:var(--color-text,#fff);border-bottom:2px solid var(--color-primary,#3b82f6)}.tab-button:not(.active):hover{background:var(--color-surface,#ffffff08);color:var(--color-text,#fff)}.tab-content{align-items:center;gap:.5rem;display:flex}.search-bar{background:var(--glass-bg,#ffffff05);border-bottom:1px solid var(--glass-border,#ffffff14);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.625rem 1rem;display:flex}.search-bar .invoice-toolbar{width:100%;margin-bottom:0}.finance-type-pill{white-space:nowrap;height:24px;color:var(--lightningcss-light,var(--theme-light-text-muted,#5b6779))var(--lightningcss-dark,#94a3b8);background:#94a3b81f;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.finance-type-pill.service{color:var(--lightningcss-light,#715e85)var(--lightningcss-dark,#d8b4fe);background:#a855f724;border-color:#a855f747}.finance-type-pill.product{color:var(--lightningcss-light,#4c6784)var(--lightningcss-dark,#93c5fd);background:#3b82f61f;border-color:#3b82f640}.finance-type-toggle{background:var(--lightningcss-light,#0f172a0a)var(--lightningcss-dark,#ffffff0a);border:1px solid var(--lightningcss-light,#0f172a1a)var(--lightningcss-dark,#ffffff14);border-radius:999px;align-items:center;gap:.35rem;padding:3px;display:inline-flex}.finance-type-toggle-btn{height:30px;color:var(--lightningcss-light,var(--theme-light-text-muted,#5b6779))var(--lightningcss-dark,#ffffff80);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:0 .9rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.finance-type-toggle-btn:hover{color:var(--lightningcss-light,var(--theme-light-text-secondary,#475569))var(--lightningcss-dark,#ffffffd9);background:var(--lightningcss-light,#0f172a0d)var(--lightningcss-dark,#ffffff0d)}.finance-type-toggle-btn.active.service{color:var(--lightningcss-light,#715e85)var(--lightningcss-dark,#d8b4fe);background:#a855f733;border-color:#a855f773}.finance-type-toggle-btn.active.product{color:var(--lightningcss-light,#4c6784)var(--lightningcss-dark,#93c5fd);background:#3b82f62e;border-color:#3b82f673}.finance-type-toggle-btn svg{flex-shrink:0;width:.875rem;height:.875rem}.search-bar .invoice-toolbar button,.invoice-tab-action-bar button,.statements-header-actions button{box-sizing:border-box;min-height:34px;height:34px!important;padding-top:0!important;padding-bottom:0!important}.statements-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex;gap:.5rem!important}.finance-chip,.toolbar-btn,.quick-insert-btn,.period-btn,.clear-btn,.select-all-btn,.edit-recipients-btn,.template-btn{height:28px;color:var(--lightningcss-light,var(--theme-light-text-secondary,#475569))var(--lightningcss-dark,#ffffffb8);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:var(--lightningcss-light,#0f172a0d)var(--lightningcss-dark,#ffffff0d);border:1px solid var(--lightningcss-light,#0f172a1f)var(--lightningcss-dark,#ffffff1f);border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:0 .75rem;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.finance-chip:hover,.toolbar-btn:hover,.quick-insert-btn:hover,.period-btn:hover,.clear-btn:hover,.select-all-btn:hover,.edit-recipients-btn:hover,.template-btn:hover{color:var(--lightningcss-light,#4c6784)var(--lightningcss-dark,#93c5fd);background:var(--lightningcss-light,#0f172a17)var(--lightningcss-dark,#ffffff17);border-color:#3b82f659}.finance-chip svg,.toolbar-btn svg,.template-btn svg{flex-shrink:0;width:.875rem;height:.875rem}.period-btn{flex:1}.stripe-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.375rem;height:34px;padding:0 .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.stripe-chip.connected{color:var(--lightningcss-light,#3f7050)var(--lightningcss-dark,#86efac);background:#10b9811f;border-color:#10b98140}.stripe-chip.disconnected{color:var(--lightningcss-light,#826311)var(--lightningcss-dark,#fbbf24);cursor:pointer;background:#f59e0b1f;border-color:#f59e0b40;transition:background .15s,border-color .15s}.stripe-chip.disconnected:hover{background:#f59e0b2e;border-color:#f59e0b66}.sync-spin{animation:1s linear infinite spin}.search-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-controls{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.search-input-container{flex:1;max-width:28rem;position:relative}.search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);width:100%;color:var(--color-text,#fff);padding:.5rem 1rem .5rem 2.25rem;font-size:.8125rem;transition:all .2s}.search-input:focus{border-color:var(--color-primary-alpha-30);box-shadow:0 0 0 3px var(--color-primary-alpha-10);background:var(--color-surface-hover);outline:none}.filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text,#fff);cursor:pointer;appearance:none;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding:.5rem 2rem .5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.filter-select:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary-alpha-30)}.filter-select:focus{border-color:var(--color-primary-alpha-30,#3b82f64d);box-shadow:0 0 0 3px var(--color-primary-alpha-10,#3b82f61a);outline:none}.btn-filter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text,#fff);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.btn-filter:hover{background:var(--color-surface-hover);border-color:var(--color-primary-alpha-30)}.bulk-actions-bar{background:var(--color-primary-alpha-5,#3b82f60d);border-radius:var(--radius-lg,.75rem);border:1px solid var(--color-primary-alpha-20,#3b82f633);align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.bulk-actions-text{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.bulk-action-link{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline;transition:color .2s}.bulk-action-link:hover{color:var(--color-text)}.bulk-clear{margin-left:auto}.content-area{background:var(--color-background,#000);flex-direction:column;flex:auto;min-height:0;margin:0;padding:1rem 1.25rem 1.25rem;display:flex;position:relative;overflow:hidden}.transactions-table-container{background:var(--glass-bg,#ffffff05);border-radius:var(--radius-xl,1rem);min-width:0;min-height:0;box-shadow:var(--shadow-lg,0 10px 24px #00000080);border:1px solid var(--glass-border,#ffffff14);flex:auto;max-width:100%;overflow:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:var(--color-primary-alpha-5,#3b82f60d);border-bottom:1px solid var(--glass-border,#ffffff14)}.transactions-table th{text-align:left;color:var(--color-text-secondary,#71717a);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.75rem;font-weight:600}.transactions-table th.text-right{text-align:right}.transactions-table th.text-center{text-align:center}.transactions-table tbody tr{border-bottom:1px solid var(--glass-border,#ffffff14);transition:all .2s}.transactions-table tbody tr:hover{background:var(--color-surface-hover,#ffffff0d)!important}.transactions-table td{padding:1rem;font-size:.875rem;color:var(--color-text,#fff)!important;border:none!important}.transactions-table td.text-right{text-align:right}.transactions-table td.text-center{text-align:center}.customer-info{flex-direction:column;gap:.25rem;display:flex}.customer-name{font-size:.875rem;font-weight:600;color:var(--color-text,#fff)!important}.customer-email{font-size:.75rem;color:var(--color-text-secondary,#71717a)!important}.reference-info{flex-direction:column;gap:.25rem;display:flex}.reference-number{color:var(--color-text);font-size:.875rem;font-weight:500}.helcim-id{color:var(--color-text-secondary);font-size:.75rem}.amount-cell{justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.amount-icon{width:1rem;height:1rem}.amount-icon.up{color:var(--color-success)}.amount-icon.down{color:var(--color-error)}.amount-value{color:var(--color-text);font-weight:600}.amount-value.negative{color:var(--color-error)}.status-cell{align-items:center;gap:.5rem;display:flex}.status-icon{width:1rem;height:1rem}.status-icon.completed{color:var(--color-success)}.status-icon.pending{color:var(--color-warning)}.status-icon.failed{color:var(--color-error)}.status-text{text-transform:capitalize;font-size:.875rem;font-weight:500}.invoice-status-stack{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:7.5rem;display:flex}.invoice-status-badge{white-space:nowrap;color:var(--color-text-secondary,#94a3b8);background:#94a3b81f;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.invoice-status-badge svg{flex-shrink:0;width:.875rem;height:.875rem}.invoice-status-badge.draft{color:var(--lightningcss-light,var(--theme-light-text-muted,#5b6779))var(--lightningcss-dark,#94a3b8);background:#94a3b81f;border-color:var(--lightningcss-light,#0f172a33)var(--lightningcss-dark,#94a3b833)}.invoice-status-badge.sent{color:var(--lightningcss-light,#4c6784)var(--lightningcss-dark,#93c5fd);background:#3b82f61f;border-color:#3b82f640}.invoice-status-badge.viewed{color:var(--lightningcss-light,#406e83)var(--lightningcss-dark,#7dd3fc);background:#0ea5e91f;border-color:#0ea5e940}.invoice-status-badge.pending,.invoice-status-badge.partial{color:var(--lightningcss-light,#826311)var(--lightningcss-dark,#fbbf24);background:#f59e0b1f;border-color:#f59e0b40}.invoice-status-badge.overdue{color:var(--lightningcss-light,#b45151)var(--lightningcss-dark,#f87171);background:#ef44441f;border-color:#ef444440}.invoice-status-badge.paid,.invoice-status-badge.completed{color:var(--lightningcss-light,#1c7b59)var(--lightningcss-dark,#34d399);background:#10b9811f;border-color:#10b98140}.invoice-status-badge.void,.invoice-status-badge.cancelled{color:var(--lightningcss-light,var(--theme-light-text-muted,#5b6779))var(--lightningcss-dark,#9ca3af);background:#6b72801f;border-color:#6b728033;text-decoration:line-through}.invoice-status-badge.accepted,.invoice-status-badge.posted{color:var(--lightningcss-light,#1c7b59)var(--lightningcss-dark,#34d399);background:#10b9811f;border-color:#10b98140}.invoice-status-badge.declined{color:var(--lightningcss-light,#b45151)var(--lightningcss-dark,#f87171);background:#ef44441f;border-color:#ef444440}.invoice-status-badge.converted{color:var(--lightningcss-light,#726993)var(--lightningcss-dark,#c4b5fd);background:#8b5cf61f;border-color:#8b5cf640}.invoice-status-badge.expired,.invoice-status-badge.closed,.invoice-status-badge.received{color:var(--lightningcss-light,var(--theme-light-text-muted,#5b6779))var(--lightningcss-dark,#94a3b8);background:#94a3b81f;border-color:var(--lightningcss-light,#0f172a33)var(--lightningcss-dark,#94a3b833)}.invoice-status-badge.ordered,.invoice-status-badge.partial_received{color:var(--lightningcss-light,#4c6784)var(--lightningcss-dark,#93c5fd);background:#3b82f61f;border-color:#3b82f640}.invoice-status-meta{max-width:11rem;color:var(--color-text-tertiary,#9ca3af);align-items:center;gap:.25rem;font-size:.6875rem;line-height:1.2;display:inline-flex}.invoice-status-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invoice-status-meta svg{opacity:.85;flex-shrink:0}.invoice-viewed-note{color:var(--color-text-tertiary,#9ca3af);white-space:nowrap;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.6875rem;display:inline-flex}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:var(--color-surface-hover,#ffffff0a)}.row-actions{justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.row-action-btn{border-radius:var(--radius-md,.5rem);width:30px;height:30px;color:var(--color-text-secondary,#9ca3af);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.row-action-btn:hover{background:var(--color-surface-hover,#ffffff0f);border-color:var(--color-primary-alpha-30,#3b82f64d);color:var(--color-primary-light,#93c5fd)}.transactions-invoicing-container :is(.btn-filter,.btn-refresh,.header-actions) svg{width:14px;height:14px}.transactions-invoicing-container .search-controls{flex-wrap:wrap}
@container (max-width:720px){.content-area{padding:.75rem .85rem 1rem}.transactions-table th,.transactions-table td{padding:.75rem .65rem;font-size:.75rem}.transactions-table th{white-space:nowrap}}@container (max-width:520px){.search-row{flex-direction:column;align-items:stretch;gap:.625rem}.search-controls{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none;width:100%;padding-bottom:2px;overflow:auto hidden}.search-controls::-webkit-scrollbar{display:none}.header-actions::-webkit-scrollbar{display:none}.search-controls>*{flex:none}.header-actions{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;width:100%;min-width:0;overflow:auto hidden}.stripe-chip,.helcim-status{max-width:100%}.content-area{padding:.5rem .65rem .85rem}}
.invoice-detail-modal{flex-direction:column;max-width:720px;max-height:90vh;display:flex;overflow-y:auto}.invoice-detail-modal-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.invoice-detail-modal-title-block{flex-direction:column;gap:.5rem;min-width:0;display:flex}.invoice-detail-modal-title{font-size:1.25rem;line-height:1.3;margin:0!important}.invoice-detail-close{cursor:pointer;color:var(--color-text-tertiary,#ffffff80);border-radius:var(--radius-md,.5rem);background:0 0;border:none;flex-shrink:0;padding:.25rem;transition:color .15s,background .15s}.invoice-detail-close:hover{color:var(--color-text,#fff);background:var(--lightningcss-light,#0f172a0f)var(--lightningcss-dark,#ffffff0f)}.invoice-detail-loading{text-align:center;color:var(--color-text-tertiary,#fff6);padding:2.5rem 1rem;font-size:.875rem}.invoice-detail-body{flex-direction:column;gap:1rem;display:flex}.invoice-detail-grid{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;display:flex}.invoice-detail-dates{text-align:right}.invoice-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary,#9ca3af);margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.invoice-detail-value{color:var(--color-text,#fff);font-size:.9375rem}.invoice-detail-customer{font-weight:600}.invoice-detail-sub{color:var(--color-text-secondary,#9ca3af);font-size:.8125rem}.invoice-detail-preline{white-space:pre-line}.invoice-detail-table-wrap{border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);background:var(--glass-bg,#ffffff05);overflow:hidden}.invoice-detail-table{border-collapse:collapse;width:100%;font-size:.875rem}.invoice-detail-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary,#9ca3af);border-bottom:1px solid var(--glass-border,#ffffff14);background:var(--lightningcss-light,#0f172a08)var(--lightningcss-dark,#ffffff08);padding:.65rem .85rem;font-size:.6875rem;font-weight:600}.invoice-detail-table tbody td{color:var(--color-text,#fff);border-bottom:1px solid var(--glass-border,#ffffff0f);padding:.7rem .85rem}.invoice-detail-table tbody tr:last-child td{border-bottom:none}.invoice-detail-table .text-right{text-align:right}.invoice-detail-amount{font-weight:500}.invoice-detail-empty-lines{text-align:center;color:var(--color-text-tertiary,#ffffff4d);padding:1.5rem!important}.invoice-detail-totals{justify-content:flex-end;display:flex}.invoice-detail-totals-inner{width:260px;max-width:100%}.invoice-detail-total-row{color:var(--color-text,#fff);justify-content:space-between;padding:.25rem 0;font-size:.875rem;display:flex}.invoice-detail-balance-row{border-top:1px solid var(--lightningcss-light,#0f172a1f)var(--lightningcss-dark,#ffffff1f);margin-top:.4rem;padding-top:.5rem;font-weight:700}.invoice-detail-paid{color:var(--lightningcss-light,#097853)var(--lightningcss-dark,#10b981)}.invoice-detail-due{color:var(--lightningcss-light,#c13636)var(--lightningcss-dark,#ef4444)}.invoice-detail-section{margin-top:.25rem}.invoice-detail-list-row{color:var(--color-text-secondary,#9ca3af);justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;font-size:.8125rem;display:flex}.invoice-detail-event{align-items:center;gap:.4rem;display:inline-flex}.invoice-detail-event-time{color:var(--color-text-tertiary,#9ca3af);flex-shrink:0}.invoice-detail-footer{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;width:100%;justify-content:space-between!important;margin-top:1.25rem!important;padding-top:1.25rem!important;display:flex!important}.invoice-detail-footer-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.statement-viewer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.txn-detail-row{border-bottom:1px solid var(--glass-border,#ffffff0f);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:.875rem;display:flex}.txn-detail-row:last-child{border-bottom:none}.txn-date-cell{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text-secondary,#9ca3af);font-size:.8125rem}.txn-amount{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.txn-amount.credit{color:var(--lightningcss-light,#1c7b59)var(--lightningcss-dark,#34d399)}.txn-amount.refund{color:var(--lightningcss-light,#b45151)var(--lightningcss-dark,#f87171)}.txn-muted{color:var(--color-text-tertiary,#9ca3af);font-variant-numeric:tabular-nums}.finance-type-pill.method{color:var(--color-text-secondary,#9ca3af);text-transform:none;text-overflow:ellipsis;background:var(--lightningcss-light,#0f172a0d)var(--lightningcss-dark,#ffffff0d);border-color:var(--lightningcss-light,#0f172a1a)var(--lightningcss-dark,#ffffff1a);max-width:12rem;font-weight:500;overflow:hidden}.txn-empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;font-size:.875rem;display:flex}.txn-empty-state p{margin:0}.txn-empty-icon{opacity:.8;width:2.5rem;height:2.5rem}.actions-cell{justify-content:center;align-items:center;gap:.25rem;display:flex}.action-link{color:var(--color-primary-light);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .2s}.action-link:hover{color:var(--color-primary-light)}.transactions-table .actions-cell .action-button-invoice,.transactions-table-container .action-button-invoice,button.action-button-invoice{background:var(--color-surface-elevated)!important;background-color:var(--color-surface-elevated)!important;color:var(--color-primary-light)!important;border:1px solid var(--color-primary-alpha-30)!important;cursor:pointer!important;appearance:none!important;border-radius:.375rem!important;padding:.375rem .75rem!important;font-size:.75rem!important;font-weight:500!important;transition:all .2s!important}.transactions-table .actions-cell .action-button-invoice:hover,.transactions-table-container .action-button-invoice:hover,button.action-button-invoice:hover{background:var(--color-surface-elevated-hover)!important;background-color:var(--color-surface-elevated-hover)!important;border-color:var(--color-primary-alpha-50)!important;color:var(--color-primary-light)!important}.transactions-table .actions-cell .action-menu,.transactions-table-container .action-menu,button.action-menu{color:var(--color-text-secondary,#71717a)!important;cursor:pointer!important;background:var(--color-surface,#ffffff08)!important;border:1px solid var(--glass-border,#ffffff14)!important;border-radius:var(--radius-full,100px)!important;appearance:none!important;justify-content:center!important;align-items:center!important;padding:.375rem!important;transition:all .2s!important;display:flex!important}.transactions-table .actions-cell .action-menu:hover,.transactions-table-container .action-menu:hover,button.action-menu:hover{color:var(--color-text,#fff)!important;background:var(--color-surface-hover,#ffffff0d)!important;border-color:var(--color-primary-alpha-30,#3b82f64d)!important}.action-menu svg{color:currentColor;width:1rem;height:1rem}
.invoices-container{flex-direction:column;flex:auto;width:100%;height:auto;min-height:0;display:flex;overflow:hidden}.invoices-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.25rem;display:grid}.invoice-card{background:var(--glass-bg,#ffffff05);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md,0 4px 12px #0006);border:1px solid var(--glass-border,#ffffff14);padding:1.5rem;transition:all .3s}.invoice-card:hover{background:var(--color-surface-hover,#ffffff0d);border-color:var(--color-primary-alpha-30,#3b82f64d);box-shadow:var(--shadow-lg,0 10px 24px #00000080), var(--shadow-glow,0 0 20px #3b82f64d);transform:translateY(-2px)}.invoice-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.invoice-number{color:var(--color-text);font-size:1.125rem;font-weight:600}.invoice-status{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.invoice-status.paid{background:var(--color-success-alpha-10);color:var(--color-success)}.invoice-status.pending{background:var(--color-warning-alpha-10);color:var(--color-warning)}.invoice-status.overdue{background:var(--color-error-alpha-10);color:var(--color-error)}.invoice-status.draft{background:var(--color-surface);color:var(--color-text-muted)}.invoice-details{margin-top:1rem}.invoice-customer{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.invoice-dates{color:var(--color-text-secondary);align-items:center;gap:1rem;font-size:.875rem;display:flex}.invoice-dates .overdue{color:var(--color-error);font-weight:600}.invoice-items{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.invoice-item{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;display:flex}.item-description{color:var(--color-text-secondary);align-items:center;gap:.5rem;display:flex}.item-quantity{color:var(--color-text-secondary);font-size:.75rem}.item-amount{color:var(--color-text);font-weight:600}.invoice-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.invoice-total{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.invoice-actions{align-items:center;gap:.5rem;display:flex}.invoice-action-btn{cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:all .2s}.invoice-action-btn:hover{background:var(--color-surface-hover)}.invoice-action-btn.primary{color:var(--color-primary-light)}.invoice-action-btn.primary:hover{background:var(--color-primary-alpha-10)}.invoice-action-btn.secondary{color:var(--color-text-secondary)}.invoice-action-btn.secondary:hover{background:var(--color-surface-hover)}.content-area:has(>.statements-view){padding:0;overflow:hidden}.content-area>.statements-view{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;width:100%;max-width:none;height:100%;min-height:0;overflow:hidden auto}.statements-view{background:0 0;flex-direction:column;width:100%;min-height:0;display:flex}.statements-header-section{background:var(--glass-bg,#ffffff05);-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));border-bottom:1px solid var(--glass-border,#ffffff14);flex-shrink:0;padding:1rem 1.5rem}.statements-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.statements-header-content>div:first-child{flex:auto;min-width:0}.statements-main-title{color:var(--color-text,#fff);white-space:nowrap;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.statements-subtitle{color:var(--color-text-secondary,#71717a);margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.statements-header-stats{gap:1rem;display:flex}.stat-badge{background:var(--color-surface,#ffffff08);border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);color:var(--color-text-secondary,#71717a);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.statements-content-grid{grid-template-columns:minmax(0,1fr) minmax(min(100%,260px),clamp(260px,36%,400px));gap:1.5rem;min-width:0;max-width:1400px;margin:0 auto;padding:1.5rem;display:grid}@container (max-width:720px){.statements-content-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.section-header{flex-wrap:wrap;gap:.5rem;min-width:0}.section-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@container (max-width:520px){.statements-content-grid{padding:.75rem}.section-card{padding:1rem}}.statements-left-column,.statements-right-column{flex-direction:column;gap:1.5rem;display:flex}.section-card{background:var(--glass-bg,#ffffff05);-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md,0 4px 12px #0006);padding:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--color-text,#fff);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.customer-search{margin-bottom:1rem;position:relative}.customer-search-input{background:var(--color-surface,#ffffff08);border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);width:100%;color:var(--color-text,#fff);padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:all .3s}.customer-search-input:focus{border-color:var(--color-primary-alpha-30,#3b82f64d);box-shadow:0 0 0 3px var(--color-primary-alpha-10,#3b82f61a);outline:none}.customer-list{flex-direction:column;gap:.75rem;max-height:500px;display:flex;overflow-y:auto}.empty-state{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem}.empty-state p{margin:1rem 0 .5rem;font-size:1rem}.empty-state small{color:var(--color-text-muted);font-size:.875rem}.customer-card{background:var(--color-surface,#ffffff08);border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);cursor:pointer;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.customer-card:hover{background:var(--color-surface-hover,#ffffff0d);border-color:var(--color-primary-alpha-30,#3b82f64d);transform:translate(4px)}.customer-card.selected{background:var(--color-primary-alpha-10,#3b82f61a);border-color:var(--color-primary-alpha-30,#3b82f64d)}.customer-card-checkbox{flex-shrink:0}.customer-card-avatar{background:var(--color-primary-alpha-20,#3b82f633);width:40px;height:40px;color:var(--color-primary,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.customer-card-info{flex:1;min-width:0}.customer-name{color:var(--color-text);margin-bottom:.125rem;font-size:.875rem;font-weight:600}.customer-email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.customer-card-stats{flex-shrink:0;gap:1rem;display:flex}.customer-stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--color-text);font-size:.875rem;font-weight:600}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.date-range-container{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.date-input-group{flex:1}.date-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;display:block}.date-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem}.date-range-separator{width:2rem;height:2rem;color:var(--color-text-muted);justify-content:center;align-items:center;margin-top:1.25rem;display:flex}.quick-select-buttons{gap:.5rem;display:flex}.quick-select-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text-secondary);cursor:pointer;flex:1;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.quick-select-btn:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-30);color:var(--color-primary-light)}.options-list{flex-direction:column;gap:.75rem;display:flex}.option-item{background:var(--glass-bg);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.option-item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.option-content{flex-direction:column;gap:.125rem;display:flex}.option-label{color:var(--color-text);font-size:.875rem;font-weight:500}.option-description{color:var(--color-text-secondary);font-size:.75rem}.message-card{background:linear-gradient(135deg, var(--color-primary-alpha-3), var(--color-primary-alpha-2));border:1px solid var(--color-primary-alpha-15)}.message-toolbar{align-items:center;gap:.75rem;display:flex}.char-count{color:var(--color-text-secondary);margin-left:auto;font-size:.75rem}.message-quick-options{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.quick-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.quick-option:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-30);color:var(--color-primary-light)}.quick-option.active{background:var(--color-primary-alpha-15);border-color:var(--color-primary-alpha-40);color:var(--color-primary-light)}.custom-message-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:.75rem;padding:1rem;font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;line-height:1.6;transition:all .3s}.custom-message-input.enhanced{min-height:180px}.custom-message-input:focus{border-color:var(--color-primary-alpha-30);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-alpha-10);outline:none}.custom-message-input::placeholder{color:var(--color-text-muted);line-height:1.8}.message-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.message-tips{color:var(--color-text-secondary);font-size:.75rem}.clear-message-btn{color:var(--color-error);cursor:pointer;background:#ef44440d;border:1px solid #ef444433;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.clear-message-btn:hover{background:var(--color-error-alpha-10);border-color:#ef44444d}.action-section{background:var(--color-surface)}.action-summary{border-bottom:1px solid var(--color-border);justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;display:flex}.summary-item{flex-direction:column;display:flex}.summary-label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem}.summary-value{color:var(--color-text);font-size:.875rem;font-weight:600}.action-buttons{gap:.75rem;display:flex}.action-btn{border-radius:var(--radius-full,100px);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.action-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.action-btn.secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary-alpha-30);color:var(--color-text)}.action-btn.primary{background:var(--rai-chrome-fill);border:var(--rai-chrome-border);color:#fff;box-shadow:var(--rai-chrome-shadow);box-shadow:0 2px 8px var(--color-primary-alpha-30);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-color-scheme:dark}.action-btn.primary:hover:not(:disabled){background:var(--rai-chrome-fill-hover);border-color:var(--rai-chrome-border-hover);box-shadow:var(--rai-chrome-shadow-hover);box-shadow:0 4px 12px var(--color-primary-alpha-40);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-color-scheme:dark}.action-btn:disabled{opacity:.5;cursor:not-allowed}.preview-card{background:linear-gradient(135deg, var(--color-primary-alpha-5), var(--color-primary-alpha-2,#3b82f605));border-color:var(--color-primary-alpha-20)}.preview-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.preview-title{color:var(--color-primary-light);font-size:1.125rem;font-weight:600}.close-preview{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.close-preview:hover{color:var(--color-error)}.preview-customer{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.customer-avatar-large{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.25rem;font-weight:600;display:flex}.customer-name-large{color:var(--color-text);font-size:1.125rem;font-weight:600}.preview-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.preview-stat{background:var(--glass-bg);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:.75rem}.preview-stat.success{background:#10b9810d;border-color:#10b98133}.preview-stat.danger{background:#ef44440d;border-color:#ef444433}.preview-stat.primary{background:var(--color-primary-alpha-5);border-color:var(--color-primary-alpha-20)}.preview-stat .stat-label{margin-bottom:.375rem;display:block}.preview-stat .stat-value{font-size:1.125rem;display:block}.statements-header{margin-bottom:1.5rem}.statements-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.statements-description{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.875rem}.statement-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem;display:grid}.form-group{flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-select,.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full,999px);min-width:0;min-height:38px;color:var(--text-primary);color-scheme:var(--theme-color-scheme,dark);padding:9px 12px;font-size:13px}.form-select:focus,.form-input:focus{border-color:var(--color-primary-alpha-30,#3b82f64d);box-shadow:0 0 0 3px var(--color-primary-alpha-10,#3b82f61a);outline:none}.date-range{gap:.5rem;display:flex}.date-range input{flex:1}.checkbox-group{flex-direction:column;gap:.75rem;display:flex}.checkbox-label{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;border:1px solid var(--lightningcss-light,#0f172a33)var(--lightningcss-dark,#fff3);border-radius:.25rem;width:1.125rem;height:1.125rem}.checkbox-label input[type=checkbox]:checked{background:var(--color-surface-hover);border-color:var(--color-primary-alpha-30)}.form-textarea{background:var(--color-surface,#ffffff08);border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);width:100%;color:var(--color-text,#fff);resize:vertical;min-height:100px;padding:.75rem 1rem;font-size:.875rem;transition:all .3s}.form-textarea:focus{border-color:var(--color-primary-alpha-30,#3b82f64d);box-shadow:0 0 0 3px var(--color-primary-alpha-10,#3b82f61a);outline:none}.finance-product-form{color:var(--text-primary);flex-direction:column;gap:20px;font-size:13px;display:flex}.finance-product-form .form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.finance-product-form .form-row{gap:20px 24px;margin:0}.finance-product-form>div>.form-row+.form-row{margin-top:20px}.finance-product-form .form-input[type=number]{text-align:right}.finance-product-form textarea.form-input{border-radius:16px;min-height:88px}.finance-product-form [role=alert]{color:var(--color-error)}
.settings-container{background:var(--glass-bg);border:1px solid var(--color-border);border-radius:1rem;max-width:800px;margin:0 auto;padding:2rem;box-shadow:0 4px 24px #00000080}.settings-section{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{color:var(--color-text);margin-bottom:1rem;font-size:1rem;font-weight:600}.settings-actions{border-top:1px solid var(--color-border);align-items:center;gap:.75rem;padding-top:1.5rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));z-index:50;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-background,#000);border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-xl,1rem);width:100%;max-width:48rem;max-height:90vh;box-shadow:var(--shadow-lg,0 10px 24px #00000080);padding:2rem;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{color:var(--color-text,#fff);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.modal-body{flex-direction:column;gap:1.25rem;display:flex}.modal-footer{border-top:1px solid var(--glass-border,#ffffff14);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.modal-total{color:var(--color-primary,#3b82f6);font-size:1.25rem;font-weight:700}.modal-actions{gap:.75rem;display:flex}.btn-cancel{border:1px solid var(--color-border);border-radius:var(--radius-full,100px);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--color-surface-hover,#ffffff0d);border-color:var(--color-primary-alpha-30,#3b82f64d);color:var(--color-text,#fff)}.btn-save-draft{border:1px solid var(--color-border);border-radius:var(--radius-full,100px);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.btn-save-draft:hover{background:var(--color-primary-alpha-10,#3b82f61a);border-color:var(--color-primary-alpha-30,#3b82f64d)}.btn-create-send{background:var(--rai-chrome-fill);border:var(--rai-chrome-border);color:#fff;box-shadow:var(--rai-chrome-shadow);border-radius:var(--radius-full,100px);cursor:pointer;box-shadow:0 2px 8px var(--color-primary-alpha-30);padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.btn-create-send:hover{background:var(--rai-chrome-fill-hover);border-color:var(--rai-chrome-border-hover);box-shadow:var(--rai-chrome-shadow-hover);box-shadow:var(--shadow-glow,0 0 20px #3b82f64d)}.line-items-container{border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);background:var(--glass-bg,#ffffff05);padding:1.25rem}.line-items-catalog{border-bottom:1px dashed var(--glass-border,#ffffff1f);align-items:center;gap:.75rem;margin-bottom:.875rem;padding-bottom:.875rem;display:flex}.line-items-catalog .form-select{flex:1;min-width:0}.line-items-catalog-hint{color:var(--color-text-secondary);white-space:nowrap;font-size:.75rem}.line-items-header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:6fr 2fr 2fr 2fr;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:grid}.line-item-row{grid-template-columns:6fr 2fr 2fr 2fr;gap:.5rem;margin-bottom:.5rem;display:grid}.line-item-input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .3s}.line-item-input:focus{border-color:var(--color-primary-alpha-30);box-shadow:0 0 0 3px var(--color-primary-alpha-10);outline:none}.line-item-amount{color:var(--color-text);align-items:center;padding:.5rem .75rem;font-weight:600;display:flex}.add-line-item{color:var(--color-primary-light);cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.875rem;font-weight:500;transition:color .2s}.add-line-item:hover{color:var(--color-primary-light)}.transactions-table tbody tr td div div:first-child{color:var(--color-text)!important}.transactions-table tbody tr td div div:last-child{color:var(--color-text-secondary)!important}.transactions-table tbody tr:hover,.hover\:bg-gray-50:hover{background:var(--color-surface-hover,#ffffff0d)!important}.text-gray-900,.text-gray-800,.text-gray-700{color:var(--color-text,#fff)!important}.text-gray-600,.text-gray-500,.text-gray-400{color:var(--color-text-secondary,#71717a)!important}.text-blue-700,.text-blue-600{color:var(--color-primary,#3b82f6)!important}.text-blue-800:hover,.text-blue-700:hover,.text-blue-600:hover,.hover\:text-blue-700:hover,.hover\:text-blue-800:hover{color:var(--color-primary-light,#60a5fa)!important}.hover\:text-gray-600:hover{color:var(--color-text-secondary,#71717a)!important}.hover\:text-gray-300:hover{color:var(--color-text,#fff)!important}.hover\:bg-gray-700:hover,.hover\:bg-gray-600:hover{background:var(--color-surface-hover,#ffffff0d)!important}.bg-gray-700{background:var(--color-surface,#ffffff08)!important}.text-blue-400{color:var(--color-primary,#3b82f6)!important}.hover\:bg-blue-50:hover{background:var(--color-primary-alpha-10,#3b82f61a)!important}.hover\:bg-gray-50:hover{background:var(--color-surface-hover,#ffffff0d)!important}.bg-green-100{background:var(--color-success-alpha-10)!important}.bg-yellow-100{background:var(--color-warning-alpha-10)!important}.bg-red-100{background:var(--color-error-alpha-10)!important}.bg-gray-100{background:var(--color-surface,#ffffff08)!important}.text-green-700{color:var(--color-success,#10b981)!important}.text-yellow-700{color:var(--color-warning,#f59e0b)!important}.text-red-700,.text-red-600,.text-red-500{color:var(--color-error,#ef4444)!important}.text-green-500{color:var(--color-success,#10b981)!important}.text-yellow-500{color:var(--color-warning,#f59e0b)!important}input[type=checkbox]{background:var(--color-surface,#ffffff08)!important;border:1px solid var(--glass-border,#ffffff14)!important}input[type=checkbox]:checked{background:var(--color-primary,#3b82f6)!important;border-color:var(--color-primary,#3b82f6)!important}.divide-y>*+*{border-color:var(--glass-border,#ffffff14)!important}.search-input::placeholder{color:var(--color-text-secondary,#71717a);opacity:.8}.stat-icon.green .text-green-500,.h-4.w-4.text-green-500{color:var(--color-success,#10b981)!important}.stat-icon.yellow .text-yellow-500,.h-4.w-4.text-yellow-500{color:var(--color-warning,#f59e0b)!important}.stat-icon.red .text-red-500,.h-4.w-4.text-red-500{color:var(--color-error,#ef4444)!important}.text-sm,.text-xs{color:inherit}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.transactions-table tbody tr td:first-child{padding-left:1rem}.transactions-table tbody tr td:last-child{padding-right:1rem}.lucide,[class*=h-][class*=w-] svg{color:currentColor}.bg-white{background:var(--color-background,#000)!important}.transition-colors{transition:background-color .15s,color .15s}.transactions-table tbody tr td span,.transactions-table tbody tr td div{color:inherit}.amount-value.negative{color:var(--color-error)!important}.invoice-card .text-lg,.invoice-card .text-2xl{color:var(--color-text)!important}.separator{color:var(--color-text-muted);margin:0 .5rem}.settings-title{color:var(--color-text);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}
.statements-content-focused{box-sizing:border-box;flex:none;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem 2.5rem;display:grid}@media (max-width:960px){.statements-content-focused{grid-template-columns:1fr}}.statements-primary-column{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.statements-secondary-column{flex-direction:column;gap:.875rem;min-width:0;padding-bottom:.5rem;display:flex}.statements-secondary-column .action-card{margin-bottom:.25rem}.statement-viewer{flex-direction:column;gap:1rem;display:flex}.statement-viewer-picker{flex-direction:column;gap:.35rem;display:flex}.statement-viewer-header{border-bottom:1px solid var(--glass-border,#ffffff14);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;display:flex}.statement-viewer-org{color:var(--color-text-secondary,#9ca3af);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600}.statement-viewer-title{color:var(--color-text,#fff);margin-top:.15rem;font-size:1.125rem;font-weight:700}.statement-viewer-meta{text-align:right}.statement-viewer-billto{margin-top:.25rem}.statement-viewer-table .statement-opening-row td,.statement-viewer-table .statement-closing-row td{background:var(--lightningcss-light,#0f172a08)var(--lightningcss-dark,#ffffff08);font-weight:600}.statement-viewer-table .statement-closing-row td{border-top:1px solid var(--lightningcss-light,#0f172a1f)var(--lightningcss-dark,#ffffff1f)}.statement-viewer-totals{align-self:flex-end;width:min(260px,100%)}.statement-viewer-aging{border-top:1px solid var(--glass-border,#ffffff14);margin-top:.25rem;padding-top:.75rem}.statement-aging-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.5rem;display:grid}.statement-aging-grid>div{background:var(--lightningcss-light,#0f172a08)var(--lightningcss-dark,#ffffff08);border:1px solid var(--lightningcss-light,#0f172a1a)var(--lightningcss-dark,#ffffff0f);border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.5rem .65rem;display:flex}.statement-aging-grid strong{font-variant-numeric:tabular-nums;font-size:.875rem}.email-composition-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px var(--lightningcss-light,#0f172a20)var(--lightningcss-dark,#00000080)}.email-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem}.email-subject-line{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.email-label{color:var(--color-text-secondary);min-width:60px;font-size:.875rem;font-weight:500}.email-subject-input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full,999px);color:var(--text-primary);flex:1;padding:.5rem .75rem;font-size:.875rem}.email-recipients-summary{align-items:center;gap:.75rem;display:flex}.recipients-label{color:var(--color-text-secondary);min-width:60px;font-size:.875rem;font-weight:500}.recipients-count{color:var(--color-primary-light);font-size:.875rem;font-weight:500}.edit-recipients-btn{margin-left:auto}.email-composer{padding:1.5rem}.composer-toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.toolbar-group{gap:.5rem;display:flex}.char-counter{color:var(--color-text-secondary);font-size:.75rem}.email-message-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:.75rem;padding:1rem;font-family:inherit;font-size:.925rem;line-height:1.6}.email-message-input:focus{border-color:var(--color-primary-alpha-30);box-shadow:0 0 0 3px var(--color-primary-alpha-10);outline:none}.composer-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.quick-inserts{align-items:center;gap:.5rem;display:flex}.quick-insert-label{color:var(--color-text-secondary);margin-right:.25rem;font-size:.75rem}.clear-btn:hover{background:var(--color-error-alpha-10);color:var(--color-error);border-color:#ef44444d}.email-attachments{padding:0 1.5rem 1.5rem}.attachment-preview{background:var(--color-primary-alpha-5);border:1px solid var(--color-primary-alpha-15);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.attachment-info{flex-direction:column;gap:.125rem;display:flex}.attachment-name{color:var(--color-primary-light);font-size:.875rem;font-weight:500}.attachment-description{color:var(--color-text-secondary);font-size:.75rem}.email-preview-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-primary-alpha-15);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px var(--lightningcss-light,#0f172a20)var(--lightningcss-dark,#00000080)}.preview-email{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.75rem;overflow:hidden}.preview-email-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);padding:1rem;font-size:.875rem}.preview-email-header>div{color:var(--color-text-secondary);margin-bottom:.5rem}.preview-email-header>div:last-child{margin-bottom:0}.preview-email-header strong{color:var(--color-text-secondary);margin-right:.5rem}.preview-email-body{color:var(--color-text);padding:1.25rem;font-size:.875rem;line-height:1.6}.preview-email-attachment{padding:0 1.25rem 1.25rem}.attachment-item{background:var(--color-primary-alpha-5);border:1px solid var(--color-primary-alpha-10);color:var(--color-primary-light);border-radius:.375rem;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;display:flex}.section-card.compact{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;box-shadow:0 2px 12px var(--lightningcss-light,#0f172a1a)var(--lightningcss-dark,#0006)}.compact-customer-list{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.compact-customer{cursor:pointer;box-sizing:border-box;background:var(--lightningcss-light,#0f172a08)var(--lightningcss-dark,#ffffff08);border:1px solid var(--lightningcss-light,#0f172a1a)var(--lightningcss-dark,#ffffff1a);border-radius:999px;align-items:center;gap:.75rem;min-height:36px;padding:.45rem .75rem;transition:all .15s;display:flex}.compact-customer:hover{background:var(--lightningcss-light,#0f172a0f)var(--lightningcss-dark,#ffffff0f);border-color:var(--lightningcss-light,#0f172a29)var(--lightningcss-dark,#ffffff29)}.compact-customer.selected{background:#3b82f61f;border-color:#3b82f659}.show-more-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text-secondary);cursor:pointer;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.show-more-btn:hover{background:var(--color-primary-alpha-5);border-style:solid}.date-range-compact{align-items:center;gap:.5rem;display:flex}.date-input-compact{min-width:0;height:34px;color:var(--color-text,#fff);box-sizing:border-box;color-scheme:var(--theme-color-scheme,dark);background:var(--lightningcss-light,#0f172a0d)var(--lightningcss-dark,#ffffff0d);border:1px solid var(--lightningcss-light,#0f172a1f)var(--lightningcss-dark,#ffffff1f);border-radius:999px;flex:1;padding:0 .85rem;font-family:inherit;font-size:.75rem;line-height:1}.date-input-compact:focus{background:var(--lightningcss-light,#0f172a12)var(--lightningcss-dark,#ffffff12);border-color:#3b82f673;outline:none}.date-input-compact::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:none}.date-separator{color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem}.quick-periods{gap:.5rem;margin-top:.75rem;display:flex}.quick-periods .period-btn{border-radius:999px;flex:1;height:34px}.compact-options{flex-direction:column;gap:.5rem;display:flex}.compact-option{cursor:pointer;color:var(--color-text);align-items:center;gap:.5rem;padding:.375rem;font-size:.875rem;display:flex}.compact-option:hover{background:var(--color-surface);border-radius:.375rem}.action-card{flex-direction:column;gap:.75rem;display:flex}.action-btn.full-width{justify-content:center;width:100%}.empty-state-compact{text-align:center;color:var(--color-text-secondary);padding:1.5rem 1rem;font-size:.875rem}.recipients-actions{align-items:center;gap:.5rem;display:flex}.recipients-search{margin:.75rem 0}.search-input-wrapper{align-items:center;display:flex;position:relative}.recipients-search-input{width:100%;height:34px;color:var(--color-text,#fff);box-sizing:border-box;background:var(--lightningcss-light,#0f172a0d)var(--lightningcss-dark,#ffffff0d);border:1px solid var(--lightningcss-light,#0f172a1f)var(--lightningcss-dark,#ffffff1f);border-radius:999px;padding:0 .85rem 0 2rem;font-family:inherit;font-size:.8125rem;line-height:1}.recipients-search-input::placeholder{color:var(--color-text-secondary)}.recipients-search-input:focus{background:var(--lightningcss-light,#0f172a12)var(--lightningcss-dark,#ffffff12);border-color:#3b82f673;outline:none}.search-input-wrapper .search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:.625rem}.clear-search-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.25rem;transition:all .15s;position:absolute;right:.5rem}.clear-search-btn:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.recipients-filters{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.filter-select-compact{min-width:0;height:34px;color:var(--color-text,#fff);cursor:pointer;box-sizing:border-box;appearance:none;background:var(--lightningcss-light,#0f172a0d)var(--lightningcss-dark,#ffffff0d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .7rem center no-repeat;border:1px solid var(--lightningcss-light,#0f172a1f)var(--lightningcss-dark,#ffffff1f);border-radius:999px;flex:1;padding:0 1.75rem 0 .85rem;font-family:inherit;font-size:.8125rem;line-height:1}.filter-select-compact:focus{background-color:var(--lightningcss-light,#0f172a12)var(--lightningcss-dark,#ffffff12);border-color:#3b82f673;outline:none}.filter-stats{align-items:center;gap:.5rem;display:flex}.filter-stat{color:var(--color-text-secondary);white-space:nowrap;font-size:.75rem}.reset-filter-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text-secondary);cursor:pointer;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.reset-filter-btn:hover{background:var(--color-primary-alpha-5);border-color:var(--color-primary-alpha-20)}.customer-info-compact{flex:1;min-width:0}.customer-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.customer-email-compact{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.75rem;overflow:hidden}.customer-stat{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;border-radius:3px;padding:.125rem .375rem;font-size:.688rem}.customer-stat.balance{color:var(--color-success);background:#22c55e1a;border-color:#22c55e33}.reset-filters-link{color:var(--color-primary-light);cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.813rem;text-decoration:underline;display:inline-block}.reset-filters-link:hover{color:var(--color-primary-light)}.recipients-quick-actions{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.selected-count{color:var(--color-text-secondary);font-size:.813rem}.clear-all-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text-secondary);cursor:pointer;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.clear-all-btn:hover{background:var(--color-error-alpha-10);color:var(--color-error);border-color:#ef44444d}.compact-customer-list{max-height:300px}.action-dropdown-container{justify-content:center;align-items:center;display:flex;position:relative}.action-dropdown-menu{background:var(--color-background,#000);min-width:180px;-webkit-backdrop-filter:blur(var(--glass-blur,20px));backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,.75rem);box-shadow:var(--shadow-lg,0 10px 24px #00000080);z-index:100;margin-top:.25rem;animation:.15s ease-out dropdownFadeIn;position:absolute;top:100%;right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-dropdown-item{width:100%;color:var(--color-text,#fff);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;transition:all .15s;display:flex}.action-dropdown-item:hover{background:var(--color-surface-hover,#ffffff0d);color:var(--color-text,#fff)}.action-dropdown-item:active{background:var(--color-surface-elevated)}.action-dropdown-item svg{width:1rem;height:1rem;color:var(--color-text-secondary);transition:color .15s}.action-dropdown-item:hover svg{color:var(--color-text-secondary)}.action-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.action-dropdown-item:disabled:hover{background:0 0}.action-dropdown-divider{background:var(--color-surface-elevated);height:1px;margin:.25rem 0}.action-dropdown-item-danger{color:var(--color-error)}.action-dropdown-item-danger:hover{background:var(--color-error-alpha-10);color:var(--color-error)}.action-dropdown-item-danger svg,.action-dropdown-item-danger:hover svg{color:var(--color-error)}.method-badge{border-radius:var(--radius-full,100px);align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.method-badge.stripe{background:rgba(var(--accent-purple-rgb,99, 102, 241), .15);color:var(--lightningcss-light,#5d65b4)var(--lightningcss-dark,#818cf8);border:1px solid rgba(var(--accent-purple-rgb,99, 102, 241), .3)}.method-badge.cash{background:var(--color-success-alpha-10,#22c55e26);color:var(--color-success,#22c55e);border:1px solid var(--color-success-alpha-20,#22c55e4d)}.method-badge.check{background:var(--color-primary-alpha-10,#3b82f626);color:var(--color-primary-light,#3b82f6);border:1px solid var(--color-primary-alpha-20,#3b82f64d)}.method-badge.other{background:var(--accent-purple-alpha-15,#8b5cf626);color:var(--accent-purple,#a78bfa);border:1px solid var(--accent-purple-alpha-30,#8b5cf64d)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.pagination-bar{border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.pagination-info{color:var(--color-text-secondary);font-size:.8125rem}.pagination-controls{align-items:center;gap:.5rem;display:flex}.pagination-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,100px);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-alpha-30);color:var(--color-text)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-page-info{color:var(--color-text);padding:0 .75rem;font-size:.8125rem;font-weight:600}.statement-email-preview{color:var(--text-primary);gap:20px;font-size:13px;line-height:1.6;display:grid}.statement-email-preview p{margin:0}.statement-email-preview-message{white-space:pre-wrap;border:1px solid var(--border-color);border-radius:16px;padding:20px}