/* Theme-aware private trading UI; no hosting-site or public-data changes. */
.titlebar-contact-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.whatsapp-support { display:inline-flex; gap:7px; align-items:center; min-height:42px; padding:7px 10px; border-radius:13px; color:var(--ink); border:1px solid transparent; text-decoration:none; font-size:12px; font-weight:700; transition:background .18s,border-color .18s; }
.whatsapp-support:hover { background:color-mix(in srgb,#25d366 12%,transparent); border-color:color-mix(in srgb,#25d366 35%,transparent); }
.whatsapp-support img { width:26px; height:26px; flex:none; }
.settings-tabs { display:flex; gap:6px; margin-bottom:20px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.settings-tabs button { font:inherit; color:var(--muted); background:transparent; border:1px solid transparent; padding:10px 20px; border-radius:12px; cursor:pointer; }
.settings-tabs [aria-selected=true] { background:color-mix(in srgb,var(--cyan) 12%,transparent); color:var(--ink); border-color:color-mix(in srgb,var(--cyan) 35%,var(--line)); }
.about-view { max-width:1120px; margin:auto; }
.about-brand { display:flex; align-items:center; justify-content:center; gap:28px; padding:40px 24px; margin-bottom:22px; text-align:start; }
.about-brand h2 { margin:4px 0 8px; font-size:30px; line-height:1.25; }
.about-brand p { margin:8px 0; color:var(--muted); }
.about-brand a { color:var(--ink); text-underline-offset:4px; }
.about-brand small { display:block; color:var(--muted); margin-top:14px; }
.contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.contact-card { color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:12px; padding:22px 18px; transition:transform .18s,border-color .18s; min-width:0; }
.contact-card:hover { transform:translateY(-2px); border-color:var(--cyan); }
.contact-card>span:nth-child(2) { flex:1; min-width:0; }
.contact-card b,.contact-card small { display:block; overflow-wrap:anywhere; }
.contact-card small { margin-top:7px; color:var(--muted); font-size:12px; text-align:start; }
.contact-card>svg { flex:none; width:16px; height:16px; color:var(--muted); }
.contact-icon { display:grid; place-items:center; flex:none; width:48px; height:48px; border-radius:14px; background:#0e1930; }
.dealer-view { display:grid; gap:22px; min-width:0; }
.dealer-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.dealer-metrics.detail { grid-template-columns:repeat(5,minmax(0,1fr)); }
.dealer-metric { display:flex; gap:14px; align-items:center; padding:22px 18px; min-width:0; }
.dealer-metric>div { min-width:0; }
.dealer-metric small { display:block; font-size:12px; line-height:1.5; color:var(--muted); }
.dealer-metric strong { display:block; font-size:clamp(18px,1.6vw,25px); line-height:1.4; margin-top:5px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.dealer-metric-icon { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:13px; color:var(--cyan); background:color-mix(in srgb,var(--cyan) 12%,transparent); }
.dealer-metric-icon svg { width:21px; height:21px; }
.dealer-panel { padding:20px; min-width:0; overflow:hidden; }
.dealer-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.dealer-heading h2 { margin:0; font-size:18px; }
.dealer-heading p,.dealer-heading>span,.dealer-hint { color:var(--muted); line-height:1.6; font-size:13px; margin:7px 0; }
.dealer-actions { display:flex; flex-wrap:wrap; gap:8px; }
.dealer-filters { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:18px 0; }
.dealer-search { display:flex; align-items:center; gap:9px; flex:1 1 260px; border:1px solid var(--line); border-radius:13px; padding:0 12px; background:var(--surface); min-width:0; }
.dealer-search>svg { flex:none; width:19px; height:19px; color:var(--muted); }
.dealer-search input { border:0; background:transparent; color:var(--ink); min-width:0; width:100%; padding:12px 0; line-height:1.5; min-height:44px; outline:0; }
.dealer-search:focus-within { outline:2px solid var(--cyan); outline-offset:2px; }
.dealer-filters select { flex:0 1 200px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); max-width:100%; min-height:44px; }
.dealer-filters select { appearance:none; -webkit-appearance:none; padding-inline-end:36px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2397aac2' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; }
[dir=rtl] .dealer-filters select { background-position:left 12px center; }
.dealer-table-surface { padding-bottom:32px; min-height:170px; }
.dealer-table { min-width:1040px; width:100%; table-layout:auto; }
.dealer-table td { white-space:normal; line-height:1.5; vertical-align:middle; }
.dealer-table th { line-height:1.4; }
.dealer-table td:first-child { min-width:150px; max-width:280px; overflow-wrap:anywhere; }
.dealer-table .numeric { white-space:nowrap; font-variant-numeric:tabular-nums; }
.dealer-device-table td:nth-child(2) { min-width:180px; max-width:360px; overflow-wrap:anywhere; }
.dealer-status { display:inline-flex; font-size:12px; line-height:1.5; padding:5px 9px; border-radius:8px; font-weight:700; white-space:nowrap; }
.dealer-status.in_stock { background:#135b432a; color:#68e5ae; }
.dealer-status.sold,.dealer-status.deleted { background:#ae39432c; color:#ff9ba8; }
.dealer-status.returned { background:#ad80162a; color:#ffce69; }
[data-theme=light] .dealer-status.in_stock { color:#116044; background:#dff5e9; }
[data-theme=light] .dealer-status.sold,[data-theme=light] .dealer-status.deleted { color:#a92135; background:#ffe7eb; }
[data-theme=light] .dealer-status.returned { color:#785400; background:#fff1cd; }
.dealer-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:14px; color:var(--muted); font-size:13px; }
.dealer-pagination>div { display:flex; gap:8px; }
.dealer-notice { padding:28px; line-height:1.7; }
.dealer-view button:focus-visible,.contact-card:focus-visible,.whatsapp-support:focus-visible,.settings-tabs button:focus-visible,.dealer-view select:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.dealer-view button:disabled { opacity:.45; cursor:not-allowed; }
.dealer-table tbody tr.selected>td { color:var(--ink); }
[dir=rtl] .dealer-pagination svg,[dir=rtl] .dealer-heading .btn svg { transform:scaleX(-1); }
@media(max-width:1100px) { .dealer-metrics.detail { grid-template-columns:repeat(3,minmax(0,1fr)); } .dealer-metric { gap:10px; padding:18px 12px; } .contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) {
  .whatsapp-support { width:42px; padding:8px; justify-content:center; } .whatsapp-support>span { display:none; }
  .titlebar-contact-actions { gap:2px; }
  .dealer-metrics,.dealer-metrics.detail { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .dealer-metric { align-items:flex-start; flex-direction:column; gap:8px; padding:15px; }
  .dealer-metric strong { font-size:20px; }
  .dealer-panel { padding:14px; }
  .dealer-filters { gap:10px; } .dealer-filters select { flex:1 1 160px; min-width:150px; }
  .dealer-search { flex-basis:100%; } .dealer-search input { font-size:16px; }
  .dealer-actions .btn { flex:1 1 140px; justify-content:center; white-space:normal; }
  .dealer-table,.dealer-table tbody { display:block; min-width:0; }
  .dealer-table thead { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
  .dealer-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 12px; margin-bottom:12px; padding:14px; border:1px solid var(--line); border-radius:16px; }
  .dealer-table td { display:block; padding:8px 0; border:0; min-width:0!important; max-width:none!important; font-size:13px; overflow-wrap:anywhere; }
  .dealer-table td:before { content:attr(data-label); display:block; color:var(--muted); font-size:11px; margin-bottom:5px; }
  .dealer-table tr>td:first-child,.dealer-table tr>td:last-child { grid-column:1/-1; }
  .dealer-table td[colspan] { grid-column:1/-1; }
  .dealer-table tr.selected { background:color-mix(in srgb,var(--cyan) 12%,var(--surface)); border-color:color-mix(in srgb,var(--cyan) 50%,var(--line)); }
  .dealer-table tr:hover:not(.selected) { background:color-mix(in srgb,var(--cyan) 5%,var(--surface)); }
  .dealer-pagination .btn { padding:9px 11px; }
  .dealer-pagination { font-size:12px; }
  .contact-grid { grid-template-columns:1fr; gap:12px; }
  .about-brand { padding:26px 18px; gap:16px; } .about-brand>img { width:65px; height:65px; }
  .about-brand h2 { font-size:24px; }
}
@media(prefers-reduced-motion:reduce) { .contact-card,.whatsapp-support { transition:none; } .contact-card:hover { transform:none; } }