.sales-admin { min-width: 0; display: grid; gap: 18px; }
.sales-heading { padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid rgba(var(--accent-rgb),.18); border-radius: 18px; background: linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.7)); }
.sales-heading h3 { margin: 5px 0 6px; color: var(--ink); font-size: 26px; }
.sales-heading p,.sales-card-title p { margin: 0; color: var(--muted); font-size: 12px; }
.sales-heading-actions { flex: 0 0 auto; }
.sales-tabs { width: max-content; max-width: 100%; padding: 5px; display: flex; gap: 5px; border: 1px solid var(--line-soft); border-radius: 14px; background: var(--panel); overflow-x: auto; }
.sales-tabs button { min-height: 38px; padding: 7px 16px; color: var(--muted); border: 0; border-radius: 10px; background: transparent; box-shadow: none; white-space: nowrap; }
.sales-tabs button.active { color: #fff; background: var(--emerald); }
.sales-tab-panel { min-width: 0; display: none; gap: 18px; }
.sales-tab-panel.active { display: grid; }
.sales-kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.sales-kpi { min-width: 0; min-height: 132px; padding: 17px; display: flex; flex-direction: column; border: 1px solid var(--line-soft); border-radius: 16px; background: var(--panel); box-shadow: 0 8px 24px var(--shadow); }
.sales-kpi span { color: var(--muted); font-size: 11px; font-weight: 700; }
.sales-kpi strong { margin: 10px 0 8px; overflow-wrap: anywhere; color: var(--ink); font-size: clamp(18px,2vw,25px); line-height: 1.35; }
.sales-kpi small { margin-top: auto; color: var(--muted); font-size: 10px; line-height: 1.7; }
.sales-kpi.primary { border-color: rgba(var(--accent-rgb),.3); background: linear-gradient(145deg,rgba(var(--accent-rgb),.13),var(--panel)); }
.sales-kpi.success { border-color: rgba(22,163,74,.25); }
.sales-kpi.warning { border-color: rgba(217,119,6,.28); }
.sales-kpi.danger { border-color: rgba(220,38,38,.25); }
.sales-overview-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 16px; }
.sales-overview-chart-grid { grid-template-columns: 1fr; }
.sales-chart-card,.sales-pipeline-card,.sales-customer-section { min-width: 0; padding: 20px; }
.sales-card-title { margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sales-card-title h4,.sales-customer-detail h4 { margin: 0 0 5px; color: var(--ink); font-size: 17px; }
.sales-chart { height: 230px; display: flex; direction: ltr; align-items: stretch; gap: 8px; overflow-x: auto; padding: 10px 2px 0; }
.sales-chart-column { min-width: 52px; flex: 1 0 52px; display: grid; grid-template-rows: 24px 1fr 26px; gap: 4px; text-align: center; }
.sales-chart-column > span { color: var(--muted); font-size: 9px; }
.sales-chart-column > div { min-height: 130px; display: flex; align-items: end; justify-content: center; border-radius: 8px 8px 3px 3px; background: rgba(118,118,128,.07); }
.sales-chart-column i { width: min(28px,70%); display: block; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg,var(--emerald),var(--emerald-dark)); }
.sales-chart-column b { direction: ltr; color: var(--muted); font-size: 9px; font-weight: 700; }
.sales-chart-column b { direction: rtl; min-width: 70px; }
.sales-pipeline { display: grid; gap: 7px; }
.sales-pipeline button { width: 100%; min-height: 46px; padding: 7px 10px; display: grid; grid-template-columns: minmax(0,1fr) 42px 95px; align-items: center; gap: 7px; text-align: right; color: var(--ink); border: 1px solid var(--line-soft); border-radius: 11px; background: rgba(118,118,128,.05); box-shadow: none; }
.sales-pipeline button:hover { border-color: rgba(var(--accent-rgb),.45); transform: translateX(-2px); }
.sales-pipeline button > strong { text-align: center; font-size: 17px; }
.sales-pipeline button > small { direction: rtl; color: var(--muted); text-align: left; font-size: 9px; }
.sales-status { width: max-content; max-width: 100%; padding: 4px 8px; display: inline-flex; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.sales-status.green { color: #087443; background: #dcfce7; }
.sales-status.amber { color: #9a5700; background: #fff3d3; }
.sales-status.red { color: #a61b1b; background: #fee2e2; }
.sales-status.blue { color: #155e9a; background: #e0f2fe; }
.sales-status.gray { color: #526174; background: #eef2f6; }
.sales-status-summary { margin: -2px 0 16px; padding: 2px 0 7px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: thin; }
.sales-status-summary button { flex: 0 0 132px; min-height: 58px; padding: 8px 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--ink); text-align: right; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(118,118,128,.045); box-shadow: none; }
.sales-status-summary button:hover { border-color: rgba(var(--accent-rgb),.42); transform: translateY(-1px); }
.sales-status-summary button.active { color: var(--emerald-dark); border-color: rgba(var(--accent-rgb),.5); background: rgba(var(--accent-rgb),.1); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.08); }
.sales-status-summary span { min-width: 0; font-size: 10px; font-weight: 750; line-height: 1.55; }
.sales-status-summary strong { flex: 0 0 auto; min-width: 27px; height: 27px; padding: 0 6px; display: grid; place-items: center; color: #fff; border-radius: 9px; background: var(--emerald); font-size: 11px; }
.sales-filters { margin-bottom: 16px; display: grid; grid-template-columns: minmax(220px,1.3fr) repeat(4,minmax(135px,.65fr)) auto auto; align-items: end; gap: 10px; }
.sales-filters label { margin-bottom: 5px; display: block; color: var(--muted); font-size: 10px; font-weight: 700; }
.sales-filters input,.sales-filters select { width: 100%; min-width: 0; }
.sales-table-wrap { max-width: 100%; overflow-x: auto; }
.sales-table { min-width: 1120px; }
.sales-table th { white-space: nowrap; }
.sales-table td { vertical-align: middle; }
.sales-customer-name { min-width: 130px; display: grid; gap: 3px; }
.sales-customer-name span,.sales-table td small,.sales-stage-line { display: block; color: var(--muted); font-size: 9px; line-height: 1.7; }
.sales-customer-name span { direction: ltr; color: var(--ink); text-align: right; font-size: 12px; font-weight: 700; line-height: 1.8; }
.sales-stage-line { margin-top: 5px; }
.sales-money-cell { direction: rtl; white-space: nowrap; font-weight: 800; }
.sales-followup-due td { background: rgba(220,38,38,.035); }
.text-danger { color: #b42318 !important; font-weight: 800; }
.sales-pagination { padding-top: 16px; display: flex; align-items: center; justify-content: center; gap: 14px; }
.sales-pagination span { color: var(--muted); font-size: 11px; }
.sales-customer-detail { min-width: 0; display: grid; gap: 20px; }
.sales-profile-card { padding: 17px; display: flex; justify-content: space-between; gap: 20px; border: 1px solid rgba(var(--accent-rgb),.2); border-radius: 14px; background: rgba(var(--accent-rgb),.07); }
.sales-profile-card > div { display: grid; gap: 4px; }
.sales-profile-card > div:last-child { text-align: left; }
.sales-profile-card span,.sales-profile-card p,.sales-profile-card small { margin: 0; color: var(--muted); font-size: 10px; }
.sales-profile-card .sales-profile-contact { direction: ltr; color: var(--ink); text-align: right; font-size: 13px; font-weight: 750; line-height: 1.8; }
.sales-profile-card h3 { margin: 0; color: var(--ink); font-size: 20px; }
.sales-tracking-form { padding: 15px; display: grid; grid-template-columns: repeat(4,minmax(130px,1fr)); align-items: end; gap: 10px; border: 1px solid var(--line-soft); border-radius: 14px; }
.sales-tracking-form label { margin-bottom: 5px; display: block; color: var(--muted); font-size: 10px; font-weight: 700; }
.sales-tracking-form input,.sales-tracking-form select,.sales-tracking-form textarea { width: 100%; }
.sales-note-field { grid-column: 1/-1; }
.sales-tracking-form > button { justify-self: start; }
.sales-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sales-detail-list,.sales-activity-list { display: grid; gap: 8px; }
.sales-detail-list article,.sales-activity-list article { padding: 12px; display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; border: 1px solid var(--line-soft); border-radius: 11px; background: rgba(118,118,128,.04); }
.sales-detail-list article > div,.sales-activity-list article > div { display: grid; gap: 3px; }
.sales-detail-list span,.sales-detail-list small,.sales-activity-list span,.sales-activity-list small,.sales-activity-list time { color: var(--muted); font-size: 9px; }
.sales-activity-list p { grid-column: 1/-1; margin: 3px 0 0; color: var(--ink); font-size: 11px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
.sales-activity-list > article > small { grid-column: 1/-1; }
:root[data-theme="dark"] .sales-heading { background: linear-gradient(135deg,rgba(var(--accent-rgb),.13),rgba(6,23,42,.78)); }
:root[data-theme="dark"] .sales-status.green { color: #9ce7c0; background: rgba(22,163,74,.18); }
:root[data-theme="dark"] .sales-status.amber { color: #f6d58b; background: rgba(217,119,6,.18); }
:root[data-theme="dark"] .sales-status.red { color: #f5a0a0; background: rgba(220,38,38,.17); }
:root[data-theme="dark"] .sales-status.blue { color: #9bd6f5; background: rgba(14,116,144,.2); }
:root[data-theme="dark"] .sales-status.gray { color: #bcc8d7; background: rgba(100,116,139,.18); }
@media (max-width: 1200px) {
  .sales-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sales-overview-grid { grid-template-columns: 1fr; }
  .sales-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .sales-heading { padding: 18px; align-items: stretch; flex-direction: column; }
  .sales-heading-actions button { width: 100%; }
  .sales-kpi-grid,.sales-filters,.sales-detail-grid,.sales-tracking-form { grid-template-columns: 1fr; }
  .sales-kpi { min-height: 118px; }
  .sales-chart-card,.sales-pipeline-card,.sales-customer-section { padding: 15px; }
  .sales-profile-card { flex-direction: column; }
  .sales-profile-card > div:last-child { text-align: right; }
  .sales-note-field { grid-column: auto; }
  .sales-tracking-form > button { width: 100%; }
  .sales-pagination { align-items: stretch; flex-wrap: wrap; }
  .sales-pagination span { width: 100%; text-align: center; order: -1; }
}
.sales-sms-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:18px;align-items:end;padding:18px;border:1px solid #bfe4dc;border-radius:18px;background:linear-gradient(135deg,#f4fbf9,#fff)}.sales-sms-card h4{margin:4px 0}.sales-sms-card p{margin:0;color:var(--muted)}.sales-sms-card form{display:grid;gap:8px}.sales-sms-card textarea{resize:vertical;min-height:82px}.sales-sms-card form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-sms-card small{color:var(--muted)}@media(max-width:760px){.sales-sms-card{grid-template-columns:1fr}}
.sales-crm-section{min-width:0;padding:20px;overflow:hidden}.sales-crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.sales-crm-toolbar h4{margin:4px 0;font-size:20px}.sales-crm-toolbar p{margin:0;color:var(--muted);font-size:11px}.sales-crm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sales-crm-actions select{min-width:190px}.sales-crm-search{display:flex;gap:8px;max-width:520px;margin:14px 0}.sales-crm-search input{flex:1;min-width:0}.sales-crm-board{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:thin}.sales-crm-column{flex:0 0 285px;min-width:0;padding:10px;border:1px solid var(--line-soft);border-radius:16px;background:rgba(118,118,128,.045)}.sales-crm-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px;border-bottom:2px solid var(--stage-color)}.sales-crm-column>header>div{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:1px 7px}.sales-crm-column>header i{grid-row:1/3;width:8px;height:26px;border-radius:9px;background:var(--stage-color)}.sales-crm-column>header strong{font-size:12px}.sales-crm-column>header small{color:var(--muted);font-size:9px}.sales-crm-column>header>span{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--panel);font-size:10px;font-weight:800}.sales-crm-column-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 2px}.sales-crm-column-summary b{font-size:11px}.sales-crm-column-summary small{color:var(--muted);font-size:8px}.sales-crm-cards{display:grid;gap:8px}.sales-lead-card{width:100%;padding:11px;display:grid;gap:7px;text-align:right;color:var(--ink);border:1px solid var(--line-soft);border-radius:13px;background:var(--panel);box-shadow:0 5px 16px var(--shadow)}.sales-lead-card:hover{border-color:var(--stage-color);transform:translateY(-2px)}.sales-lead-card>strong{font-size:12px}.sales-lead-card>small{color:var(--muted);font-size:9px}.sales-lead-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.sales-lead-card>div b{font-size:10px}.sales-lead-card>div span{color:var(--muted);font-size:8px}.sales-lead-account{width:max-content;padding:3px 6px;border-radius:999px;font-size:8px}.sales-lead-account.linked{color:#087443;background:#dcfce7}.sales-lead-account.external{color:#155e9a;background:#e0f2fe}.sales-lead-card time{color:var(--muted);font-size:8px}.sales-lead-card time.overdue{color:#b42318;font-weight:800}.sales-crm-empty{padding:20px 8px;text-align:center;color:var(--muted);font-size:9px;border:1px dashed var(--line-soft);border-radius:11px}.sales-lead-detail{display:grid;gap:18px}.sales-profile-card button{width:max-content;margin-top:6px}@media(max-width:760px){.sales-crm-toolbar{align-items:stretch;flex-direction:column}.sales-crm-actions,.sales-crm-search{display:grid;grid-template-columns:1fr}.sales-crm-actions select{min-width:0}.sales-crm-column{flex-basis:250px}}