#salesLogs{max-width:1150px;margin:auto;color:var(--text)}
.sl-heading{margin:24px 0}.sl-heading h2{margin:6px 0;font-size:1.8rem}.sl-heading p,.sl-coverage,.sl-status{color:var(--muted)}
.sl-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.sl-filters label{display:grid;gap:6px;font-size:.85rem}.sl-filters .sl-search{grid-column:1/-1}.sl-filters input,.sl-filters select{width:100%;min-width:0;min-height:44px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.sl-filters button{grid-column:1/-1;justify-self:start}
.sl-observations,.sl-timeline{margin:28px 0}.sl-observations>p{color:var(--muted)}
.sl-observation,.sl-event{padding:20px;margin:12px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow-wrap:anywhere}
.sl-observation header,.sl-event-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.sl-event time,.sl-observation small{font-size:.8rem;color:var(--muted)}
.sl-candidate{display:grid;gap:7px;padding:14px;margin:12px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.sl-candidate code{font-size:.75rem;color:var(--muted)}
.sl-approval{font-weight:700}.sl-event[data-kind=approval]{border-left:4px solid var(--green,#36a978)}.sl-event[data-kind=error]{border-left:4px solid #d1a037}.sl-event[data-kind=contact]{border-left:4px solid #3c82d6}.sl-event details{font-size:.85rem}.sl-event summary{cursor:pointer}.sl-event details code{display:block;margin-top:12px}.sl-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sl-draft-dialog{width:min(580px,calc(100vw - 32px));max-height:85dvh;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--surface);color:var(--text);box-shadow:0 20px 80px #0005}.sl-draft-dialog::backdrop{background:#0008}.sl-confirm{display:flex;align-items:start;gap:12px;margin:20px 0}.sl-confirm input{width:22px;height:22px;flex:none}.sl-draft-dialog .btn{white-space:normal}.si-imported-notice{color:var(--muted);font-size:.85rem;line-height:1.4}.si-imported-title{color:var(--text)}
@media(max-width:700px){.sl-filters{grid-template-columns:1fr 1fr;padding:16px}.sl-event-top,.sl-observation header{flex-direction:column;gap:7px}.sl-observation,.sl-event{padding:16px}.sl-heading h2{font-size:1.5rem}.sl-pagination .btn{padding:10px;font-size:.8rem}}

/* An unpaid imported draft is a normal pending card in either theme. */
.si-workbench .si-row.si-imported-row{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none}
.si-imported-row .si-rate{background:var(--surface-2);border-color:var(--line);color:var(--text)}
.si-imported-row .si-facts h4{color:var(--text)}
.si-imported-row .si-facts>small,.si-imported-row .si-stock-checked,.si-imported-row .si-rate>span{color:var(--muted)}
.sl-observations>summary{cursor:pointer;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}

[data-theme="light"] .si-workbench{background:var(--surface)!important;color:var(--text)}
[data-theme="light"] .si-workbench>header h3,[data-theme="light"] .si-workbench>.si-config,[data-theme="light"] .si-filters{color:var(--text)}
[data-theme="light"] .si-workbench .si-filters input,[data-theme="light"] .si-workbench .si-config input{background:var(--surface-2);color:var(--text);border-color:var(--line)}
[data-theme="light"] .si-workbench>.si-notice{color:var(--muted)}
[data-theme="light"] .si-workbench .si-row:not(.si-imported-row){color:#f5f7fb}
[data-theme="light"] .si-row:not(.si-imported-row) .si-facts p{color:#b7c7dc}
[data-theme="dark"] .sl-filters input[type=date],[data-theme="dark"] #operatorStatsDate{color-scheme:dark}