.seller-header { display:flex; align-items:flex-end; gap:24px; margin-bottom:18px; }
.seller-state { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:9px; padding:32px; }
.seller-state-spinner { width:32px; height:32px; border-radius:50%; border:3px solid var(--line); border-top-color:var(--primary); animation:seller-spin .75s linear infinite; }
.seller-state-error .seller-empty-icon { background:#ef44441a; color:#dc2626; }
.seller-empty-actions { display:flex; gap:8px; margin-top:8px; }
@keyframes seller-spin { to { transform:rotate(360deg); } }
.seller-header h2 { margin:3px 0 2px; font-size:30px; letter-spacing:-.8px; }
.seller-header-actions { margin-left:auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.seller-header-actions select { min-width:150px; }
.seller-tabs { display:flex; padding:4px; gap:3px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
.seller-tab { border:0; background:transparent; color:var(--text-2); padding:8px 12px; border-radius:9px; font-weight:650; cursor:pointer; }
.seller-tab.active { background:var(--surface); color:var(--primary); box-shadow:0 1px 5px rgba(15,23,42,.1); }
.seller-kpis { display:grid; grid-template-columns:repeat(5,minmax(130px,1fr)); gap:12px; margin-bottom:14px; }
.seller-kpi { min-height:88px; display:flex; flex-direction:column; justify-content:center; padding:17px 18px; }
.seller-kpi strong { font-size:26px; line-height:1; }
.seller-kpi span { color:var(--muted); margin-top:8px; font-size:12px; }
.seller-kpi.danger { border-color:#ef444466; }
.seller-kpi.danger strong { color:#dc2626; }
.seller-workspace { display:grid; grid-template-columns:minmax(350px, .8fr) minmax(520px, 1.35fr); gap:14px; min-height:620px; }
.seller-queue,.seller-detail { padding:0; overflow:hidden; min-width:0; }
.seller-queue .card-head { padding:18px; border-bottom:1px solid var(--line); }
.seller-role { display:inline-flex; align-items:center; background:#2f6df51a; color:var(--primary); border:1px solid #2f6df535; border-radius:999px; padding:4px 9px; font-size:11px; font-weight:750; }
.seller-queue-list { max-height:670px; overflow:auto; }
.seller-task-list { padding:11px 14px; background:#f59e0b0d; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:6px; }
.seller-task-list > strong { font-size:11px; color:#b45309; text-transform:uppercase; letter-spacing:.5px; }
.seller-task { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:7px; }
.seller-task-open { border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.seller-task time { color:var(--muted); font-size:9px; }
.seller-task.overdue time { color:#dc2626; font-weight:750; }
.seller-lead { width:100%; display:flex; align-items:center; gap:11px; padding:13px 15px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.seller-lead:hover,.seller-lead.selected { background:#2f6df50d; }
.seller-lead.selected { box-shadow:inset 3px 0 var(--primary); }
.seller-avatar { width:42px; height:42px; flex:0 0 42px; border-radius:14px; object-fit:cover; display:grid; place-items:center; background:linear-gradient(145deg,#2563eb,#7c3aed); color:#fff; font-weight:800; }
.seller-lead-main { min-width:0; display:flex; flex-direction:column; gap:3px; }
.seller-lead-main strong,.seller-lead-main span,.seller-lead-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seller-lead-main span { font-size:12px; color:var(--text-2); }
.seller-lead-main small { color:var(--muted); }
.seller-lead-meta { margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.seller-sla,.seller-priority { border-radius:999px; font-size:10px; font-weight:750; padding:3px 7px; white-space:nowrap; }
.seller-sla { background:var(--surface-3); color:var(--text-2); }
.seller-sla.warning { background:#f59e0b22; color:#b45309; }
.seller-sla.late { background:#ef444422; color:#dc2626; }
.seller-sla.answered { background:#10b98122; color:#047857; }
.seller-priority { color:var(--muted); border:1px solid var(--line); }
.seller-priority.alta { color:#b45309; }
.seller-priority.urgente { color:#dc2626; }
.seller-list-empty,.seller-detail-empty,.seller-empty { min-height:320px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:30px; }
.seller-list-empty div,.seller-detail-empty div,.seller-empty-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:#2f6df516; color:var(--primary); font-size:23px; }
.seller-list-empty span,.seller-detail-empty span { color:var(--muted); max-width:320px; font-size:12px; }
.seller-detail-inner { height:100%; display:flex; flex-direction:column; }
.seller-detail-head { padding:18px 20px; display:flex; gap:14px; border-bottom:1px solid var(--line); align-items:center; }
.seller-detail-head h3 { margin:2px 0 6px; font-size:22px; }
.seller-detail-actions { margin-left:auto; display:flex; gap:7px; align-items:center; }
.seller-window { border-radius:999px; padding:4px 8px; font-size:10px; font-weight:750; }
.seller-window.open { background:#10b98122; color:#047857; }
.seller-window.closed { background:#ef444422; color:#dc2626; }
.seller-qualification { padding:17px 20px; border-bottom:1px solid var(--line); }
.seller-section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.seller-section-title h4 { margin:0; }
.seller-section-title span { font-size:11px; color:var(--muted); }
.seller-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; }
.seller-form-grid label { margin:0; font-size:11px; }
.seller-form-grid label.wide { grid-column:1 / -1; }
.seller-form-grid input,.seller-form-grid textarea { margin-top:5px; }
.seller-stage-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.seller-conversation { min-height:0; flex:1; display:flex; flex-direction:column; padding:17px 20px; }
.seller-messages { flex:1; min-height:180px; max-height:310px; overflow:auto; display:flex; flex-direction:column; gap:8px; padding:4px; }
.seller-message { max-width:78%; border-radius:14px 14px 14px 4px; padding:9px 11px; background:var(--surface-2); display:flex; flex-direction:column; gap:4px; white-space:pre-wrap; word-break:break-word; }
.seller-message.out { margin-left:auto; border-radius:14px 14px 4px 14px; background:#2f6df51d; }
.seller-message time { font-size:9px; color:var(--muted); align-self:flex-end; }
.seller-composer { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:end; padding-top:10px; }
.seller-template-bar { display:flex; gap:6px; overflow-x:auto; padding:9px 1px 1px; }
.seller-template { border:1px solid var(--line); background:var(--surface-2); color:var(--text-2); border-radius:999px; padding:5px 9px; font-size:10px; white-space:nowrap; cursor:pointer; }
.seller-template:hover { border-color:var(--primary); color:var(--primary); }
.seller-composer textarea { resize:none; }
.seller-report-grid { display:grid; grid-template-columns:repeat(6,minmax(130px,1fr)); gap:12px; margin-bottom:14px; }
.seller-report-card { padding:17px; display:flex; flex-direction:column; gap:7px; }
.seller-report-card strong { font-size:23px; }
.seller-report-card span { color:var(--muted); font-size:11px; }
.seller-report-notes { padding:20px; }
.seller-note-grid,.seller-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.seller-note-grid label { margin:0; }
.seller-report-notes > button { margin-top:14px; }
.seller-team-card,.seller-settings { padding:20px; align-self:start; }
.seller-members { display:flex; flex-direction:column; margin:8px 0 14px; }
.seller-member { display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }
.seller-member > div { display:flex; flex-direction:column; min-width:0; }
.seller-member > div span { color:var(--muted); font-size:11px; }
.seller-member .seller-role { margin-left:auto; }
.seller-member-add { display:grid; grid-template-columns:1fr 130px auto; gap:8px; }
.seller-playbook-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.seller-playbook-card { padding:22px; }
.seller-playbook-card h3 { margin:5px 0 14px; }
.seller-playbook-card ul { margin:0; padding-left:20px; display:flex; flex-direction:column; gap:10px; color:var(--text-2); }
.seller-playbook-card li::marker { color:var(--primary); }
.seller-playbook-card.positive { border-top:3px solid #10b981; }
.seller-playbook-card.negative { border-top:3px solid #ef4444; }
.seller-playbook-title { display:flex; align-items:center; gap:10px; }
.seller-playbook-title > span { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:var(--surface-3); font-weight:850; }
.seller-playbook-title h3 { margin:0; }
.seller-sla-guide { display:flex; flex-direction:column; }
.seller-sla-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 12px; margin-bottom:7px; border-radius:11px; background:var(--surface-2); }
.seller-sla-row span { color:var(--text-2); }
.seller-sla-row.good strong { color:#059669; }
.seller-sla-row.warn strong { color:#d97706; }
.seller-sla-row.bad strong { color:#dc2626; }
.seller-pipeline-steps { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.seller-pipeline-steps > div { display:flex; align-items:center; gap:9px; padding:9px; background:var(--surface-2); border-radius:10px; }
.seller-pipeline-steps span { width:25px; height:25px; display:grid; place-items:center; flex:0 0 25px; border-radius:8px; background:#2f6df51a; color:var(--primary); font-weight:800; font-size:11px; }
.seller-pipeline-steps strong { font-size:11px; }

@media (max-width:1200px) {
  .seller-kpis { grid-template-columns:repeat(3,1fr); }
  .seller-report-grid { grid-template-columns:repeat(4,1fr); }
  .seller-workspace { grid-template-columns:380px 1fr; }
}

@media (max-width:880px) {
  .seller-header { align-items:flex-start; flex-direction:column; }
  .seller-header-actions { margin-left:0; justify-content:flex-start; }
  .seller-kpis { grid-template-columns:1fr 1fr; }
  .seller-workspace,.seller-team-grid,.seller-note-grid,.seller-playbook-grid { grid-template-columns:1fr; }
  .seller-queue-list { max-height:390px; }
  .seller-report-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:560px) {
  .seller-header-actions,.seller-tabs { width:100%; }
  .seller-tab { flex:1; }
  .seller-header-actions select { flex:1; min-width:0; }
  .seller-kpis { grid-template-columns:1fr 1fr; }
  .seller-form-grid { grid-template-columns:1fr; }
  .seller-form-grid label.wide { grid-column:auto; }
  .seller-detail-head { align-items:flex-start; flex-direction:column; }
  .seller-detail-actions { margin-left:0; }
  .seller-member-add { grid-template-columns:1fr; }
}
.sale-button { border-color:#9dddbd!important; background:#eaf9f1!important; color:#08794d!important; font-weight:800!important; }
.manual-sale-recorded { display:inline-flex; align-items:center; padding:8px 11px; border-radius:10px; background:#eaf9f1; color:#08794d; font-size:11px; font-weight:800; }
