:root{--dark:#07070b;--card:#fff;--muted:#686879;--line:#e8e8ef;--orange:#ff7a18;--purple:#8f45ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#09090e 0 55%,#f7f7fb 55%);color:#fff}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 6vw;background:rgba(7,7,11,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{font-weight:900}.brand:first-letter{background:linear-gradient(135deg,var(--orange),var(--purple));padding:12px;border-radius:16px;margin-right:8px}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.btn,button{padding:11px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-weight:800;cursor:pointer}.hot,button.hot,.primary{border:0;background:linear-gradient(135deg,var(--orange),var(--purple));box-shadow:0 18px 50px rgba(143,69,255,.32)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:70px 6vw}.hero h1{font-size:clamp(40px,6vw,78px);line-height:.94;margin:0;letter-spacing:-3px}.grad{background:linear-gradient(135deg,#fff,var(--orange),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{color:#c9c9d8;font-size:18px;line-height:1.65}.search{display:grid;grid-template-columns:1fr 150px 120px;gap:10px;margin:24px 0;padding:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px}.search input,.search select{height:48px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.2);color:#fff;border-radius:16px;padding:0 13px}.carbox{border-radius:36px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 80px rgba(0,0,0,.4)}.car{height:290px;border-radius:28px;background:radial-gradient(circle at 30% 30%,#fff2,transparent 20%),#111;display:grid;place-items:center;overflow:hidden}.car:before{content:"";width:76%;height:120px;border-radius:70px 100px 35px 35px;background:linear-gradient(135deg,var(--orange),var(--purple));box-shadow:0 35px 75px #8f45ff66}.section,.public{padding:55px 6vw;color:#111}.section.dark{background:#06060a;color:#fff}.section h2,.public h1{font-size:clamp(28px,4vw,48px);letter-spacing:-2px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat,.card,.store,.box{background:#fff;color:#111;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 15px 45px #1111}.dark .card{background:rgba(255,255,255,.08);color:#fff;border-color:#ffffff22}.card{overflow:hidden;padding:0}.pic{height:210px;background:#111;display:block}.pic img{width:100%;height:100%;object-fit:cover}.card>div{padding:18px}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:900}.between{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.between b{font-size:22px;color:#111}.dark .between b{color:#fff}.auth{min-height:70vh;display:grid;place-items:center;padding:40px 16px}.form{width:min(520px,100%);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:28px;box-shadow:0 25px 80px #0008}.form h1{margin-top:0}label{display:block;margin:14px 0 7px;font-weight:900}input,select,textarea{width:100%;padding:14px;border-radius:16px;border:1px solid #dedee8;background:#fff;color:#111}textarea{min-height:115px}.form input,.form select{background:rgba(255,255,255,.08);border-color:#ffffff22;color:#fff}.form button,.box button{width:100%;margin-top:16px}.flash{width:min(1100px,88vw);margin:18px auto 0;padding:14px 16px;border-radius:16px;background:#ffffff22;border:1px solid #ffffff33}.dash{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 142px);background:#f7f7fb;color:#111}.dash aside{background:#fff;border-right:1px solid var(--line);padding:22px}.me{padding:16px;border-radius:20px;background:#f2f2f8;margin-bottom:14px}.me small{display:block;color:var(--muted)}.side{display:block;padding:13px 14px;border-radius:15px;font-weight:900}.side.on,.side:hover{background:#111;color:#fff}.content{padding:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.stat b{display:block;font-size:34px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:24px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid #eee;text-align:left}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.detail{display:grid;grid-template-columns:1fr 400px;gap:22px}.detailimg{height:420px;border-radius:28px;overflow:hidden;background:#111}.detailimg img{width:100%;height:100%;object-fit:cover}footer{padding:26px 6vw;background:#050509;color:#aaa;border-top:1px solid #ffffff22}@media(max-width:900px){.hero,.detail,.split{grid-template-columns:1fr}.grid,.cats,.stats{grid-template-columns:1fr 1fr}.dash{grid-template-columns:1fr}.dash aside{display:flex;gap:8px;overflow:auto}.search{grid-template-columns:1fr}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.grid,.cats,.stats{grid-template-columns:1fr}.hero{padding-top:42px}.hero h1{letter-spacing:-1px}}
.empty{background:#fff;color:#111;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 15px 45px #1111}.empty h3{font-size:28px;margin:0 0 8px}.empty p{color:var(--muted);line-height:1.6}.darkempty{background:rgba(255,255,255,.08);color:#fff;border-color:#ffffff22}.darkempty p{color:#c9c9d8}.darkempty .btn{display:inline-flex;margin-top:8px}
/* Dealer store landing controls */
.mutedline{color:#686879;line-height:1.6}.box .btn{display:inline-flex;color:#111;border-color:#dedee8;background:#f4f4fa}.box .btn.hot{color:#fff;border:0}.landing-editor{align-items:start}.colorpick{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.colorpick input[type=color]{height:52px;padding:5px}.colorpick span{color:#686879;font-size:14px}.previewbox{position:sticky;top:92px}.store-preview{overflow:hidden;border-radius:28px;border:1px solid #e8e8ef;background:#fff}.store-preview-banner{height:170px;position:relative;background:linear-gradient(135deg,#111,var(--store-color));overflow:hidden}.store-preview-banner img{width:100%;height:100%;object-fit:cover}.store-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.38))}.store-preview-body{padding:0 20px 22px}.store-preview-logo{width:88px;height:88px;margin-top:-44px;position:relative;z-index:2;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,var(--store-color),#111);border:4px solid #fff;color:#fff;font-weight:900;font-size:32px;overflow:hidden;box-shadow:0 15px 35px #0002}.store-preview-logo img{width:100%;height:100%;object-fit:cover}.store-preview h3{font-size:30px;line-height:1;margin:14px 0 8px;letter-spacing:-1px}.store-preview p{color:#686879;line-height:1.5}.store-cat-row{display:flex;flex-wrap:wrap;gap:8px}.store-cat-row span{padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--store-color) 15%,#fff);border:1px solid color-mix(in srgb,var(--store-color) 35%,#e8e8ef);font-weight:900;color:#111}
/* Public dealer storefront */
.storefront{background:#f7f7fb;color:#111;padding-bottom:60px}.storefront-hero{padding:28px 6vw 0}.storefront-banner{height:330px;position:relative;border-radius:36px;overflow:hidden;background:#111;box-shadow:0 25px 80px #1112}.storefront-banner img{width:100%;height:100%;object-fit:cover}.banner-fallback{height:100%;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--store-color) 60%,#fff),transparent 24%),linear-gradient(135deg,#050509,var(--store-color),#111)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72))}.storefront-info{max-width:1180px;margin:-110px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:end;padding:0 22px 30px;color:#fff}.store-logo{width:150px;height:150px;border-radius:34px;background:linear-gradient(135deg,var(--store-color),#111);border:6px solid #fff;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:54px;font-weight:900;box-shadow:0 24px 60px #0005}.store-logo img{width:100%;height:100%;object-fit:cover}.storefront-info h1{font-size:clamp(36px,5vw,64px);line-height:.95;margin:14px 0 10px;letter-spacing:-2px}.storefront-info p{font-size:18px;line-height:1.55;color:#e7e7ee;max-width:820px}.store-meta{display:flex;flex-wrap:wrap;gap:10px}.store-meta span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800}.storefront-categories,.storefront-listings{padding:48px 6vw 0}.storefront h2{font-size:clamp(28px,4vw,46px);letter-spacing:-2px;margin:0 0 18px}.store-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.store-cat-grid a{min-height:110px;border-radius:26px;background:#fff;border:1px solid #e8e8ef;padding:20px;display:flex;align-items:end;box-shadow:0 15px 45px #1111;position:relative;overflow:hidden}.store-cat-grid a:before{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:999px;background:var(--store-color);opacity:.18}.store-cat-grid span{font-size:20px;font-weight:900}.storefront .card{background:#fff;color:#111}.storefront .pill{background:var(--store-color)}@media(max-width:900px){.storefront-info{grid-template-columns:1fr;margin-top:-80px}.store-logo{width:120px;height:120px}.store-cat-grid{grid-template-columns:1fr 1fr}.previewbox{position:static}}@media(max-width:600px){.storefront-banner{height:240px;border-radius:24px}.storefront-info{padding-left:0;padding-right:0}.store-cat-grid{grid-template-columns:1fr}}

/* =========================================================
   Dealer Orders - Modern Pro UI
   This section adds the Dealer Office > Orders page design.
   ========================================================= */

.orders-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
  padding: 26px;
  border-radius: 30px;
  background: linear-gradient(135deg, #07070b 0%, #191127 48%, #2a1406 100%);
  color: #fff;
  box-shadow: 0 22px 70px rgba(17, 17, 17, .18);
  overflow: hidden;
  position: relative;
}

.orders-head::before {
  content: "";
  position: absolute;
  right: -80px;
  top: -90px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 122, 24, .55), transparent 65%);
}

.orders-head::after {
  content: "";
  position: absolute;
  left: 35%;
  bottom: -120px;
  width: 280px;
  height: 280px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(143, 69, 255, .42), transparent 65%);
}

.orders-head > * {
  position: relative;
  z-index: 1;
}

.orders-head h1 {
  font-size: clamp(34px, 5vw, 58px);
  letter-spacing: -2px;
  line-height: .95;
  margin: 8px 0;
  color: #fff;
}

.orders-head p {
  max-width: 760px;
  margin: 0;
  color: #d7d7e5;
  line-height: 1.6;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .16);
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.pro-add-btn {
  white-space: nowrap;
  box-shadow: 0 18px 42px rgba(143, 69, 255, .35);
}

.order-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 18px;
}

.order-stat-card {
  position: relative;
  padding: 22px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #e8e8ef;
  box-shadow: 0 15px 45px rgba(17, 17, 17, .07);
  overflow: hidden;
}

.order-stat-card::before {
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 105px;
  height: 105px;
  border-radius: 999px;
  opacity: .14;
}

.order-stat-card.new::before { background: #ff7a18; }
.order-stat-card.reviewed::before { background: #8f45ff; }
.order-stat-card.total::before { background: #111827; }

.order-stat-card span {
  display: block;
  color: #686879;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.order-stat-card b {
  display: block;
  color: #111827;
  font-size: 42px;
  line-height: 1;
  margin-top: 10px;
}

.orders-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 18px;
  align-items: start;
}

.orders-list-panel,
.order-create-panel {
  background: #fff;
  border: 1px solid #e8e8ef;
  border-radius: 30px;
  padding: 22px;
  box-shadow: 0 18px 55px rgba(17, 17, 17, .08);
  color: #111827;
}

.panel-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.panel-title-row h2,
.order-create-panel h2 {
  margin: 0;
  font-size: 28px;
  letter-spacing: -1px;
  color: #111827;
}

.panel-title-row span {
  padding: 8px 11px;
  border-radius: 999px;
  background: #fff4eb;
  color: #9a3f00;
  border: 1px solid #ffd7ba;
  font-weight: 900;
  font-size: 12px;
}

.order-stack {
  display: grid;
  gap: 14px;
}

.order-card-pro {
  border: 1px solid #e8e8ef;
  border-radius: 26px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfbff);
  box-shadow: 0 12px 32px rgba(17, 17, 17, .055);
  position: relative;
  overflow: hidden;
}

.order-card-pro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #8f45ff;
}

.order-card-pro.is-new {
  border-color: #ffd7ba;
  background: linear-gradient(180deg, #fff, #fff8f1);
}

.order-card-pro.is-new::before {
  background: linear-gradient(180deg, #ff7a18, #8f45ff);
}

.order-card-top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.order-card-top h3 {
  margin: 10px 0 4px;
  color: #111827;
  font-size: 24px;
  letter-spacing: -.6px;
}

.order-card-top p {
  margin: 0;
  color: #686879;
  font-weight: 800;
}

.order-date {
  white-space: nowrap;
  color: #686879;
  font-weight: 900;
  font-size: 13px;
  background: #f4f4fa;
  padding: 8px 10px;
  border-radius: 999px;
}

.order-badge {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.badge-new {
  background: linear-gradient(135deg, #ff7a18, #ffb45f);
  color: #1f1308;
}

.badge-reviewed {
  background: linear-gradient(135deg, #8f45ff, #c7a8ff);
  color: #17002f;
}

.order-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}

.order-contact-grid div {
  padding: 12px;
  border-radius: 18px;
  background: #f7f7fb;
  border: 1px solid #eeeef6;
}

.order-contact-grid small {
  display: block;
  margin-bottom: 4px;
  color: #686879;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .06em;
}

.order-contact-grid a {
  color: #111827;
  font-weight: 900;
  word-break: break-word;
}

.order-message {
  padding: 14px;
  border-radius: 18px;
  background: #0b0b11;
  color: #f4f4fa;
  line-height: 1.55;
  border: 1px solid #222235;
}

.order-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.order-actions form {
  margin: 0;
}

.order-btn {
  width: auto !important;
  margin: 0 !important;
  border-radius: 999px;
  padding: 11px 14px;
  font-weight: 1000;
  border: 0;
}

.order-btn.review {
  background: linear-gradient(135deg, #111827, #8f45ff);
  color: #fff;
}

.order-btn.reopen {
  background: linear-gradient(135deg, #ff7a18, #8f45ff);
  color: #fff;
}

.order-btn.delete {
  background: #fff1f2;
  color: #be123c;
  border: 1px solid #fecdd3;
}

.order-create-panel {
  position: sticky;
  top: 92px;
  background: linear-gradient(180deg, #ffffff, #f8f7ff);
}

.order-create-panel p {
  color: #686879;
  line-height: 1.6;
}

.pro-order-form label {
  color: #111827;
}

.pro-order-form input,
.pro-order-form select,
.pro-order-form textarea {
  background: #fff;
  color: #111827;
  border: 1px solid #dedee8;
  box-shadow: 0 8px 20px rgba(17, 17, 17, .035);
}

.pro-empty {
  background: linear-gradient(135deg, #ffffff, #f7f7fb);
  border-style: dashed;
}

.pro-empty h3 {
  color: #111827;
}

@media(max-width:1050px) {
  .orders-layout {
    grid-template-columns: 1fr;
  }

  .order-create-panel {
    position: static;
  }

  .orders-head {
    flex-direction: column;
  }

  .pro-add-btn {
    width: max-content;
  }
}

@media(max-width:700px) {
  .order-stats {
    grid-template-columns: 1fr;
  }

  .order-contact-grid {
    grid-template-columns: 1fr;
  }

  .order-card-top {
    flex-direction: column;
  }

  .order-date {
    white-space: normal;
  }

  .panel-title-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* =========================================================
   Dealer Orders - Accordion List + 30 Per Page Pagination
   Replace file: assets/css/style.css
   ========================================================= */

.orders-head-compact {
  margin-bottom: 18px;
}

.orders-layout-pro-list {
  grid-template-columns: minmax(0, 1fr) 390px;
}

.orders-accordion-panel {
  background: linear-gradient(180deg, #ffffff, #f7f7fc);
  border: 1px solid #e7e7f1;
}

.order-list-title-row {
  align-items: flex-start;
}

.order-list-title-row h2 {
  margin-bottom: 6px;
}

.orders-page-info {
  margin: 0;
  color: #6b7280;
  font-weight: 800;
  font-size: 13px;
}

.orders-accordion-list {
  display: grid;
  gap: 10px;
}

.order-accordion {
  border-radius: 22px;
  border: 1px solid #e6e6f0;
  background: #ffffff;
  box-shadow: 0 12px 36px rgba(17, 17, 17, .055);
  overflow: hidden;
  color: #111827;
}

.order-accordion.is-new {
  border-color: #ffc690;
  box-shadow: 0 18px 42px rgba(255, 122, 24, .12);
}

.order-accordion.is-reviewed {
  border-color: #e6ddff;
}

.order-accordion summary::-webkit-details-marker {
  display: none;
}

.order-accordion summary::marker {
  content: "";
}

.order-summary-pro {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 34px 62px 132px minmax(210px, 1.35fr) minmax(180px, 1fr) 110px;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  min-height: 78px;
  background: linear-gradient(135deg, #ffffff 0%, #fbfbff 55%, #fff8f1 100%);
  color: #111827;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.order-summary-pro:hover {
  background: linear-gradient(135deg, #ffffff 0%, #f8f5ff 55%, #fff1e2 100%);
}

.order-accordion[open] .order-summary-pro {
  box-shadow: inset 0 -1px 0 #ececf5;
}

.order-arrow {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #111827, #8f45ff);
  box-shadow: 0 10px 22px rgba(143, 69, 255, .28);
  position: relative;
}

.order-arrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  transform: rotate(-45deg);
  transition: transform .18s ease;
  margin-left: -2px;
}

.order-accordion[open] .order-arrow::before {
  transform: rotate(45deg);
  margin-left: 0;
  margin-top: -4px;
}

.order-row-number {
  color: #6b7280;
  font-weight: 1000;
  font-size: 13px;
  letter-spacing: .04em;
}

.order-status-chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  min-width: 106px;
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.order-status-chip.status-new {
  color: #2b1400;
  background: linear-gradient(135deg, #ff7a18, #ffc16d);
  box-shadow: 0 10px 24px rgba(255, 122, 24, .25);
}

.order-status-chip.status-reviewed {
  color: #1b073a;
  background: linear-gradient(135deg, #cbb3ff, #f0e9ff);
  border: 1px solid #dfd1ff;
}

.order-summary-main,
.order-summary-contact {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.order-summary-main b,
.order-summary-contact b {
  color: #111827;
  font-size: 16px;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-summary-main small,
.order-summary-contact small {
  color: #6b7280;
  font-weight: 800;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-summary-date {
  justify-self: end;
  padding: 9px 11px;
  border-radius: 999px;
  background: #f1f1f7;
  color: #4b5563;
  font-size: 12px;
  font-weight: 1000;
  white-space: nowrap;
}

.order-details-pro {
  padding: 18px;
  background: radial-gradient(circle at 0 0, rgba(255, 122, 24, .09), transparent 25%), radial-gradient(circle at 100% 0, rgba(143, 69, 255, .10), transparent 30%), #ffffff;
}

.order-detail-grid-pro {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.order-info-block {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid #eeeef6;
  box-shadow: 0 8px 24px rgba(17, 17, 17, .035);
  color: #111827;
}

.order-info-block.wide {
  grid-column: 1 / -1;
}

.order-info-block small {
  display: block;
  margin-bottom: 6px;
  color: #6b7280 !important;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.order-info-block b,
.order-info-block a {
  color: #111827 !important;
  font-weight: 1000;
  word-break: break-word;
}

.order-info-block p {
  margin: 0;
  color: #374151;
  line-height: 1.6;
}

.order-actions-pro {
  padding-top: 14px;
  border-top: 1px solid #eeeeF6;
}

.orders-pagination {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.page-link,
.page-dots {
  min-width: 42px;
  height: 42px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  border: 1px solid #e3e3ee;
  background: #ffffff;
  color: #111827;
  font-weight: 1000;
  box-shadow: 0 8px 18px rgba(17, 17, 17, .045);
}

.page-link.active {
  color: #ffffff;
  border: 0;
  background: linear-gradient(135deg, #ff7a18, #8f45ff);
  box-shadow: 0 12px 28px rgba(143, 69, 255, .24);
}

.page-link.disabled {
  pointer-events: none;
  opacity: .45;
}

.page-dots {
  border: 0;
  box-shadow: none;
  background: transparent;
  color: #6b7280;
}

@media(max-width:1180px) {
  .order-summary-pro {
    grid-template-columns: 34px 56px 118px minmax(180px, 1fr) 110px;
  }

  .order-summary-contact {
    display: none;
  }
}

@media(max-width:1050px) {
  .orders-layout-pro-list {
    grid-template-columns: 1fr;
  }
}

@media(max-width:760px) {
  .order-summary-pro {
    grid-template-columns: 32px 1fr auto;
    gap: 10px;
  }

  .order-row-number,
  .order-summary-date {
    display: none;
  }

  .order-status-chip {
    min-width: auto;
  }

  .order-summary-main small {
    white-space: normal;
  }

  .order-detail-grid-pro {
    grid-template-columns: 1fr;
  }
}

@media(max-width:520px) {
  .order-summary-pro {
    grid-template-columns: 32px 1fr;
  }

  .order-status-chip {
    grid-column: 2;
    justify-self: start;
  }
}

/* =========================================================
   Store Landing Fix - Basic Info persistence + readable public page
   Replace assets/css/style.css with this file from the patch.
   ========================================================= */

.store-editor-card,
.previewbox {
  color: #111827;
}

.settings-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

.settings-title-row h2 {
  margin: 8px 0 0;
  color: #111827;
  letter-spacing: -1px;
}

.eyebrow-dark {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.field-help {
  margin: 7px 0 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.45;
}

.field-help b {
  color: #111827;
}

.store-color-pill {
  background: var(--store-color) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--store-color) 30%, transparent);
}

.preview-headline {
  display: block;
  margin: -2px 0 10px;
  color: var(--store-color);
  font-size: 15px;
  line-height: 1.45;
}

.store-preview h3,
.store-preview-body h3 {
  color: var(--store-color) !important;
}

.store-preview p,
.store-preview-body p {
  color: #374151 !important;
}

/* Public store page: make important text readable on white/light backgrounds */
.storefront .store-info-card {
  max-width: 1180px;
  margin: -95px auto 0;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 22px;
  align-items: center;
  padding: 24px;
  color: #111827 !important;
  background: rgba(255,255,255,.94);
  border: 1px solid color-mix(in srgb, var(--store-color) 22%, #ffffff);
  border-radius: 34px;
  box-shadow: 0 28px 80px rgba(17, 17, 17, .14);
  backdrop-filter: blur(16px);
}

.storefront .store-copy h1 {
  color: var(--store-color) !important;
  font-size: clamp(34px, 5vw, 62px);
  line-height: .95;
  margin: 14px 0 8px;
  letter-spacing: -2px;
}

.storefront .store-copy h2 {
  color: #111827 !important;
  font-size: clamp(20px, 3vw, 32px);
  line-height: 1.1;
  margin: 0 0 10px;
  letter-spacing: -1px;
}

.storefront .store-copy p {
  color: #374151 !important;
  font-size: 17px;
  line-height: 1.65;
  max-width: 880px;
  margin: 0 0 14px;
}

.storefront .store-meta span {
  background: color-mix(in srgb, var(--store-color) 10%, #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--store-color) 30%, #e8e8ef) !important;
  color: #111827 !important;
}

.storefront .store-logo {
  border-color: #fff;
  box-shadow: 0 18px 50px rgba(17,17,17,.18);
}

.storefront-categories h2,
.storefront-listings h2 {
  color: var(--store-color) !important;
}

.store-cat-grid a span {
  color: var(--store-color) !important;
}

.storefront .empty,
.storefront .card,
.storefront .store-cat-grid a {
  color: #111827 !important;
}

.storefront .card h3,
.storefront .card h3 a {
  color: #111827 !important;
}

.storefront .card p,
.storefront .empty p {
  color: #6b7280 !important;
}

@media(max-width:900px) {
  .storefront .store-info-card {
    grid-template-columns: 1fr;
    margin-top: -70px;
  }

  .settings-title-row {
    flex-direction: column;
  }
}

/* =========================================================
   Image Upload Refresh Fix
   ========================================================= */
.image-current {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(143, 69, 255, .10);
    color: #5b21b6 !important;
    border: 1px solid rgba(143, 69, 255, .22);
    font-weight: 800;
}

.store-preview img,
.storefront img,
.detailimg img,
.card .pic img {
    image-rendering: auto;
}

/* =========================================================
   Dealer Inventory + Listing Category/Quantity - Pro UI
   ========================================================= */

.inventory-blue-btn,
.btn.inventory-blue-btn {
  background: linear-gradient(135deg, #38bdf8 0%, #7dd3fc 50%, #bae6fd 100%) !important;
  color: #050505 !important;
  border: 1px solid rgba(3, 105, 161, .22) !important;
  box-shadow: 0 18px 45px rgba(56, 189, 248, .35) !important;
  font-weight: 1000 !important;
  border-radius: 999px !important;
}

.listing-pro-head,
.inventory-hero-pro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
  padding: 28px;
  border-radius: 32px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 18%, rgba(56, 189, 248, .36), transparent 28%),
    radial-gradient(circle at 38% 88%, rgba(143, 69, 255, .40), transparent 32%),
    linear-gradient(135deg, #050507 0%, #15101f 46%, #2b1609 100%);
  box-shadow: 0 24px 75px rgba(17, 17, 17, .20);
  overflow: hidden;
  position: relative;
}

.listing-pro-head h1,
.inventory-hero-pro h1 {
  margin: 10px 0;
  font-size: clamp(34px, 5vw, 58px);
  letter-spacing: -2px;
  line-height: .95;
}

.listing-pro-head p,
.inventory-hero-pro p {
  max-width: 760px;
  color: #e4e4ee;
  line-height: 1.6;
  margin: 0;
}

.listing-stats-row,
.inventory-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.inventory-stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.listing-stat-pro,
.inventory-stat-card {
  position: relative;
  padding: 22px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid #e8e8ef;
  box-shadow: 0 16px 45px rgba(17, 17, 17, .075);
  overflow: hidden;
}

.listing-stat-pro::after,
.inventory-stat-card::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 110px;
  height: 110px;
  border-radius: 999px;
  opacity: .16;
  background: #8f45ff;
}

.inventory-stat-card.orange::after { background: #ff7a18; }
.inventory-stat-card.purple::after { background: #8f45ff; }
.inventory-stat-card.black::after { background: #111827; }
.inventory-stat-card.blue::after { background: #38bdf8; }

.listing-stat-pro span,
.inventory-stat-card span {
  display: block;
  color: #666678;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.listing-stat-pro b,
.inventory-stat-card b {
  display: block;
  color: #111827;
  font-size: 36px;
  margin-top: 10px;
  line-height: 1;
}

.small-stat-text {
  font-size: 18px !important;
  line-height: 1.15 !important;
}

.inventory-listing-split {
  align-items: start;
}

.listing-create-pro,
.listing-table-pro-wrap,
.inventory-main-panel,
.inventory-side-panel {
  background: linear-gradient(180deg, #ffffff, #fbfbff) !important;
  border: 1px solid #e8e8ef !important;
  border-radius: 30px !important;
  box-shadow: 0 20px 60px rgba(17, 17, 17, .08) !important;
}

.listing-create-pro h2,
.listing-table-pro-wrap h2,
.inventory-main-panel h2,
.inventory-side-panel h2 {
  color: #111827 !important;
  letter-spacing: -1px;
}

.category-custom-input {
  margin-top: 10px !important;
}

.listing-table-pro-wrap {
  padding: 22px;
}

.listing-table-pro th {
  color: #4b5563 !important;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.listing-table-pro td,
.listing-table-pro td a {
  color: #111827 !important;
}

.listing-table-pro td small {
  display: block;
  margin-top: 4px;
  color: #6b7280 !important;
  font-weight: 800;
}

.listing-thumb-pro {
  width: 62px;
  height: 46px;
  object-fit: cover;
  border-radius: 14px;
  background: #f3f4f6;
  box-shadow: 0 8px 18px rgba(17, 17, 17, .08);
}

.inv-category-pill {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(143, 69, 255, .13), rgba(255, 122, 24, .13));
  color: #4c1d95 !important;
  border: 1px solid rgba(143, 69, 255, .20);
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.inventory-status {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.inventory-status.ok,
.inventory-status.stock-ok {
  background: #dcfce7;
  color: #166534 !important;
  border: 1px solid #bbf7d0;
}

.inventory-status.off,
.inventory-status.stock-out {
  background: #fee2e2;
  color: #991b1b !important;
  border: 1px solid #fecaca;
}

.inventory-status.stock-low {
  background: #fff7ed;
  color: #9a3412 !important;
  border: 1px solid #fed7aa;
}

.mini-delete {
  background: #fff1f2 !important;
  color: #be123c !important;
  border: 1px solid #fecdd3 !important;
  border-radius: 999px !important;
  padding: 9px 12px !important;
  font-weight: 1000 !important;
}

.inventory-grid-pro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
}

.inventory-main-panel,
.inventory-side-panel {
  padding: 22px;
}

.inventory-side-panel {
  position: sticky;
  top: var(--inventory-side-sticky-top, 92px);
  align-self: start;
}

.inventory-row-pro {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) 120px 260px auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
  padding: 16px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #e8e8ef;
  box-shadow: 0 12px 35px rgba(17, 17, 17, .055);
  position: relative;
  overflow: hidden;
}

.inventory-row-pro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, #8f45ff, #ff7a18);
}

.inventory-row-pro.stock-low::before { background: #ff7a18; }
.inventory-row-pro.stock-out::before { background: #ef4444; }
.inventory-row-pro.stock-ok::before { background: #22c55e; }

.inventory-item-media img {
  width: 84px;
  height: 68px;
  object-fit: cover;
  border-radius: 18px;
  background: #f3f4f6;
  box-shadow: 0 12px 24px rgba(17, 17, 17, .10);
}

.inventory-item-info h3 {
  margin: 9px 0 6px;
  font-size: 21px;
  line-height: 1.05;
  letter-spacing: -.6px;
}

.inventory-item-info h3 a {
  color: #111827 !important;
}

.inventory-item-info p {
  margin: 0;
  color: #6b7280 !important;
  line-height: 1.45;
}

.inventory-item-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.inventory-numbers {
  text-align: center;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, #f8fafc, #f1f5f9);
  border: 1px solid #e5e7eb;
}

.inventory-numbers small,
.inventory-numbers span {
  display: block;
  color: #6b7280 !important;
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
}

.inventory-numbers b {
  display: block;
  color: #111827 !important;
  font-size: 34px;
  line-height: 1;
  margin: 6px 0;
}

.inventory-update-form {
  display: grid;
  grid-template-columns: 1fr 90px;
  gap: 8px;
  align-items: end;
}

.inventory-update-form label {
  display: none;
}

.inventory-update-form select,
.inventory-update-form input {
  margin: 0 !important;
  min-height: 42px;
  border-radius: 14px !important;
}

.inventory-update-form input[name="custom_category"] {
  grid-column: 1 / -1;
}

.inventory-actions {
  grid-column: 1 / -1;
}

.inventory-save-btn {
  width: 100%;
  padding: 11px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #111827, #8f45ff) !important;
  color: #fff !important;
  font-weight: 1000 !important;
  border: 0 !important;
}

.inventory-zero-form button {
  width: auto !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  border: 1px solid #fecdd3 !important;
  font-weight: 1000 !important;
  padding: 10px 12px !important;
}

.category-meter {
  margin-top: 14px;
  padding: 14px;
  border-radius: 20px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
}

.category-meter-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.category-meter-head b {
  color: #111827 !important;
}

.category-meter-head span {
  color: #6b7280 !important;
  font-weight: 900;
}

.category-meter-bar {
  height: 10px;
  border-radius: 999px;
  background: #e5e7eb;
  overflow: hidden;
}

.category-meter-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #38bdf8, #8f45ff, #ff7a18);
}

.empty-meter {
  color: #6b7280 !important;
  font-weight: 900;
}

.inventory-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.inventory-pagination a {
  display: inline-flex;
  min-width: 42px;
  justify-content: center;
  align-items: center;
  padding: 10px 13px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #111827 !important;
  font-weight: 1000;
}

.inventory-pagination a.active {
  background: linear-gradient(135deg, #8f45ff, #ff7a18);
  color: #fff !important;
  border-color: transparent;
}

@media(max-width:1180px){
  .inventory-grid-pro { grid-template-columns: 1fr; }
  .inventory-side-panel { position: static; }
  .inventory-row-pro { grid-template-columns: 80px minmax(0,1fr); }
  .inventory-numbers,
  .inventory-update-form,
  .inventory-zero-form { grid-column: 1 / -1; }
  .inventory-zero-form { justify-self: start; }
}

@media(max-width:900px){
  .listing-pro-head,
  .inventory-hero-pro { flex-direction: column; }
  .listing-stats-row,
  .inventory-stats-grid { grid-template-columns: 1fr 1fr; }
}

@media(max-width:650px){
  .listing-stats-row,
  .inventory-stats-grid { grid-template-columns: 1fr; }
  .inventory-row-pro { grid-template-columns: 1fr; }
  .inventory-item-media img { width: 100%; height: 180px; }
  .inventory-update-form { grid-template-columns: 1fr; }
}

/* =========================================================
   Listing Media Gallery + Video First Patch
   Allows complete image display, 10 gallery images, and optional video.
   ========================================================= */

.media-upload-panel {
  margin: 18px 0;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, #f8fbff, #f8f4ff 55%, #fff7f0);
  border: 1px solid #e5e7f0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

.media-upload-panel h3 {
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 22px;
  letter-spacing: -.6px;
}

.media-upload-panel p {
  color: #64748b;
  line-height: 1.55;
  margin: 0 0 14px;
}

.listing-card-media {
  position: relative;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 20% 15%, rgba(143,69,255,.18), transparent 28%), #08080d;
}

.pic.listing-card-media img,
.card .pic img {
  object-fit: contain !important;
  background: #08080d;
}

.video-first-badge {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #8f45ff);
  color: #020617;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
  box-shadow: 0 12px 30px rgba(56,189,248,.28);
}

.listing-thumb-media-wrap {
  width: 74px;
  height: 74px;
  border-radius: 18px;
  background: #09090e;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  display: grid;
  place-items: center;
}

.listing-thumb-contain,
.listing-thumb-pro.listing-thumb-contain {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  background: #09090e;
}

.mini-video-dot,
.mini-gallery-dot {
  position: absolute;
  bottom: 5px;
  padding: 4px 6px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 1000;
  line-height: 1;
}

.mini-video-dot {
  left: 5px;
  background: #38bdf8;
  color: #020617;
}

.mini-gallery-dot {
  right: 5px;
  background: #ff7a18;
  color: #111827;
}

.listing-public-pro {
  background: linear-gradient(180deg, #f7f7fb, #fff);
}

.listing-detail-pro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  gap: 24px;
  align-items: start;
}

.listing-main-column {
  display: grid;
  gap: 18px;
}

.listing-media-showcase {
  min-height: 460px;
  border-radius: 34px;
  background: radial-gradient(circle at 20% 12%, rgba(143,69,255,.24), transparent 28%), radial-gradient(circle at 85% 10%, rgba(255,122,24,.20), transparent 26%), #07070b;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 24px 70px rgba(15,23,42,.16);
  overflow: hidden;
  display: grid;
  place-items: center;
}

.listing-main-image-full,
.listing-main-video {
  width: 100%;
  height: 100%;
  min-height: 460px;
  max-height: 640px;
  object-fit: contain;
  background: #07070b;
  display: block;
}

.listing-main-video {
  outline: none;
}

.listing-gallery-strip {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
}

.listing-gallery-item {
  height: 108px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: #09090e;
  box-shadow: 0 12px 35px rgba(15,23,42,.08);
}

.listing-gallery-item img,
.listing-gallery-item video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #09090e;
  display: block;
}

.listing-gallery-item span {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 6px 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #8f45ff);
  color: #020617;
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.listing-title-card,
.listing-order-box {
  background: #fff;
  color: #111827;
  border: 1px solid #e8e8ef;
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 18px 55px rgba(15,23,42,.08);
}

.listing-title-card h1 {
  color: #0f172a;
  font-size: clamp(34px, 5vw, 62px);
  line-height: .96;
  margin: 14px 0;
  letter-spacing: -2px;
}

.listing-title-card p {
  color: #475569;
  line-height: 1.7;
  font-size: 17px;
}

.listing-pill-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.listing-soft-pill,
.listing-video-pill {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.listing-soft-pill {
  background: #f3e8ff;
  color: #6d28d9;
  border: 1px solid #e9d5ff;
}

.listing-video-pill {
  background: #e0f2fe;
  color: #075985;
  border: 1px solid #bae6fd;
}

.listing-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px;
}

.listing-info-grid div {
  padding: 14px;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
}

.listing-info-grid small {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 6px;
}

.listing-info-grid b,
.listing-info-grid a {
  color: #111827;
  font-weight: 1000;
}

.listing-order-box {
  position: sticky;
  top: 96px;
}

@media(max-width: 980px) {
  .listing-detail-pro {
    grid-template-columns: 1fr;
  }

  .listing-order-box {
    position: static;
  }
}

@media(max-width: 680px) {
  .listing-media-showcase,
  .listing-main-image-full,
  .listing-main-video {
    min-height: 300px;
  }

  .listing-info-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Fixed Parts / Accessories + Listing Subcategory / Qty Rules
   Patch: protected default categories, subcategory, pro controls
   ========================================================= */
.fixed-category-locks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 18px;
}

.fixed-category-locks span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(56, 189, 248, .22), rgba(143, 69, 255, .14));
    color: #06111f !important;
    border: 1px solid rgba(56, 189, 248, .35);
    font-weight: 1000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.fixed-category-locks span::before {
    content: "✓";
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #38bdf8;
    color: #06111f;
    font-size: 12px;
}

.subcategory-field,
.inventory-subcategory-field {
    display: none;
    margin-top: 10px;
    padding: 14px;
    border-radius: 20px;
    background: linear-gradient(135deg, #eef9ff, #f6f0ff);
    border: 1px solid rgba(56, 189, 248, .3);
}

.subcategory-field.show,
.inventory-subcategory-field.show {
    display: block;
}

.subcategory-field label,
.inventory-subcategory-field label {
    color: #111827 !important;
    font-weight: 1000;
}

.quantity-rule-help {
    padding: 10px 12px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    color: #374151 !important;
    font-weight: 800;
}

.qty-locked {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
    cursor: not-allowed;
}

.subcat-mini {
    display: block;
    margin-top: 7px;
    color: #6b21a8 !important;
    font-weight: 900;
    font-size: 12px;
}

.inv-subcategory-pill,
.listing-subcategory-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #075985 !important;
    border: 1px solid #bae6fd;
    font-size: 12px;
    font-weight: 1000;
    line-height: 1;
}

.card .listing-subcategory-chip {
    margin-left: 8px;
    margin-bottom: 8px;
}

.inventory-item-topline {
    flex-wrap: wrap;
}

.listing-create-pro select.listing-category-select,
.inventory-update-form select.inventory-category-select {
    border: 1px solid rgba(56, 189, 248, .35) !important;
    box-shadow: 0 10px 24px rgba(56, 189, 248, .08) !important;
}

.listing-create-pro .listing-quantity-input:not(.qty-locked),
.inventory-update-form .inventory-quantity-input:not(.qty-locked) {
    border-color: rgba(143, 69, 255, .42) !important;
    box-shadow: 0 10px 24px rgba(143, 69, 255, .08) !important;
}

/* =========================================================
   New Listing Media Preview - Main + 10 Gallery Images
   ========================================================= */
.media-preview-zone {
    margin: 10px 0 18px;
}

.single-preview-zone {
    display: grid;
    grid-template-columns: minmax(0, 360px);
}

.gallery-preview-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    margin: 8px 0 12px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(143, 69, 255, .10), rgba(0, 194, 255, .10));
    border: 1px solid rgba(143, 69, 255, .18);
}

.gallery-preview-toolbar span {
    color: #111827;
    font-weight: 900;
    font-size: 13px;
}

.clear-gallery-preview {
    width: auto !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 24, 39, .12) !important;
    background: #fff !important;
    color: #111827 !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 20px rgba(17, 17, 17, .06);
}

.gallery-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(142px, 1fr));
    gap: 12px;
}

.media-preview-card {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #e8e8ef;
    box-shadow: 0 14px 34px rgba(17, 17, 17, .08);
}

.media-preview-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65);
}

.media-preview-card img {
    display: block;
    width: 100%;
    height: 138px;
    object-fit: contain;
    background:
        radial-gradient(circle at 20% 15%, rgba(143, 69, 255, .14), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(255, 122, 24, .14), transparent 26%),
        #f7f7fb;
    padding: 8px;
}

.single-preview-zone .media-preview-card img {
    height: 220px;
}

.media-preview-meta {
    padding: 11px 12px 13px;
    border-top: 1px solid #eeeeF6;
}

.media-preview-meta b,
.media-preview-meta span,
.media-preview-meta small {
    display: block;
    color: #111827;
}

.media-preview-meta b {
    font-size: 13px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.media-preview-meta span {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-preview-meta small {
    margin-top: 2px;
    color: #6b7280 !important;
    font-weight: 800;
}

.media-preview-warning {
    grid-column: 1 / -1;
    padding: 12px 14px;
    border-radius: 18px;
    background: #fff7ed;
    color: #9a3412 !important;
    border: 1px solid #fed7aa;
    font-weight: 900;
}

@media(max-width:700px) {
    .gallery-preview-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .gallery-preview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .single-preview-zone {
        grid-template-columns: 1fr;
    }
}

/* Listing save/upload protection notice */
.listing-submit-warning {
  margin: 16px 0;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff1f2, #fff7ed);
  border: 1px solid #fecdd3;
  color: #9f1239 !important;
  font-weight: 900;
  line-height: 1.45;
  box-shadow: 0 14px 34px rgba(190,18,60,.12);
}
.listing-submit-warning div { color: #9f1239 !important; }
.upload-limit-help {
  padding: 10px 12px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #334155 !important;
  font-weight: 800;
}

/* =========================================================
   Listing Media Click Viewer Patch
   Images clicked in the gallery open enlarged in the main video area.
   ========================================================= */

.listing-media-showcase,
.js-listing-media-viewer {
    width: 100%;
    min-height: 420px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 20% 10%, rgba(143, 69, 255, .18), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(255, 122, 24, .16), transparent 28%),
        linear-gradient(135deg, #050508, #151520 55%, #0c0c12);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.listing-media-showcase::after,
.js-listing-media-viewer::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.listing-main-image-full,
.listing-main-video {
    width: 100%;
    height: auto;
    max-height: 640px;
    min-height: 360px;
    object-fit: contain !important;
    display: block;
    background: #050508;
}

.listing-main-image-full {
    padding: 10px;
}

.listing-main-video {
    aspect-ratio: 16 / 9;
}

.listing-gallery-click-strip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.listing-gallery-click-strip .listing-gallery-item {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border: 1px solid rgba(17, 24, 39, .12);
    border-radius: 20px;
    min-height: 110px;
    padding: 8px;
    background: linear-gradient(180deg, #ffffff, #f6f6fb);
    box-shadow: 0 12px 28px rgba(17, 17, 17, .08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    overflow: hidden;
    color: #111827 !important;
    position: relative;
}

.listing-gallery-click-strip .listing-gallery-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(17, 17, 17, .13);
    border-color: rgba(143, 69, 255, .35);
}

.listing-gallery-click-strip .listing-gallery-item.active {
    border-color: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, .20), 0 18px 42px rgba(17, 17, 17, .15);
}

.listing-gallery-click-strip .listing-gallery-item img,
.listing-gallery-click-strip .listing-gallery-item video {
    width: 100%;
    height: 78px;
    object-fit: contain !important;
    border-radius: 14px;
    background: #0b0b11;
    display: block;
}

.listing-gallery-click-strip .listing-gallery-item span {
    display: block;
    margin-top: 7px;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #111827 !important;
    text-align: center;
}

.listing-gallery-click-strip .listing-gallery-item.video-first span {
    color: #7c2d12 !important;
}

.listing-gallery-click-strip .listing-gallery-item.video-first::before {
    content: "▶";
    position: absolute;
    top: 12px;
    left: 12px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #ff7a18, #8f45ff);
    font-size: 12px;
    font-weight: 1000;
    z-index: 2;
}

.media-swapped {
    animation: mediaSwapPop .22s ease both;
}

@keyframes mediaSwapPop {
    from { transform: scale(.992); opacity: .86; }
    to { transform: scale(1); opacity: 1; }
}

@media(max-width: 700px) {
    .listing-media-showcase,
    .js-listing-media-viewer {
        min-height: 280px;
        border-radius: 24px;
    }

    .listing-main-image-full,
    .listing-main-video {
        min-height: 260px;
        max-height: 430px;
    }

    .listing-gallery-click-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   Dealer Listings Edit + Permanent Delete Pro Controls
   ========================================================= */
.edit-mode-banner {
    margin: 18px 0;
    padding: 18px 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(56, 189, 248, .18), rgba(143, 69, 255, .14));
    border: 1px solid rgba(56, 189, 248, .32);
    box-shadow: 0 18px 42px rgba(17, 17, 17, .08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
}

.edit-mode-banner b {
    color: #020617;
    font-weight: 1000;
}

.edit-mode-banner span {
    display: inline-flex;
    margin-left: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #020617;
    color: #fff;
    font-weight: 900;
    font-size: 12px;
}

.ghost-dark {
    background: #020617 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}

.status-edit-select {
    font-weight: 900;
    border: 1px solid rgba(56, 189, 248, .45) !important;
    background: linear-gradient(180deg, #ffffff, #f4fbff) !important;
}

.current-media-box,
.current-gallery-box {
    margin: 12px 0 18px;
    padding: 14px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff, #f7f7fb);
    border: 1px solid #e7e7f0;
    box-shadow: 0 12px 34px rgba(17,17,17,.055);
}

.current-media-box span,
.current-gallery-head span {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-weight: 1000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.current-media-box img,
.current-media-box video {
    display: block;
    width: 100%;
    max-height: 280px;
    object-fit: contain;
    border-radius: 18px;
    background: #07070b;
    border: 1px solid rgba(15,23,42,.12);
}

.current-gallery-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.current-gallery-head label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 10px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #7c2d12;
    font-size: 12px;
    font-weight: 900;
}

.current-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
    gap: 10px;
}

.current-gallery-grid img {
    width: 100%;
    height: 84px;
    object-fit: contain;
    border-radius: 14px;
    background: #0b0b11;
    border: 1px solid rgba(15,23,42,.12);
}

.listing-actions-pro {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    min-width: 190px;
}

.listing-actions-pro form {
    margin: 0;
}

.mini-edit,
.mini-delete,
.mini-permanent-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 9px 11px;
    border-radius: 999px;
    border: 0;
    font-size: 12px;
    line-height: 1;
    font-weight: 1000;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.mini-edit:hover,
.mini-delete:hover,
.mini-permanent-delete:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
}

.mini-edit {
    background: linear-gradient(135deg, #38bdf8, #7dd3fc);
    color: #020617 !important;
    box-shadow: 0 10px 22px rgba(56, 189, 248, .23);
}

.mini-delete {
    background: linear-gradient(135deg, #ff7a18, #8f45ff) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(143, 69, 255, .22);
}

.mini-permanent-delete {
    background: linear-gradient(135deg, #881337, #e11d48) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(225, 29, 72, .22);
}

.listing-record-row.status-inactive {
    background: linear-gradient(90deg, rgba(56,189,248,.08), rgba(255,255,255,0));
}

.listing-record-row.status-deleted {
    background: linear-gradient(90deg, rgba(225,29,72,.08), rgba(255,255,255,0));
}

.inventory-status.active {
    background: linear-gradient(135deg, #16a34a, #86efac) !important;
    color: #052e16 !important;
}

.inventory-status.inactive {
    background: linear-gradient(135deg, #38bdf8, #bae6fd) !important;
    color: #082f49 !important;
}

.inventory-status.deleted {
    background: linear-gradient(135deg, #fb7185, #fecdd3) !important;
    color: #881337 !important;
}

@media(max-width: 900px) {
    .edit-mode-banner {
        flex-direction: column;
        align-items: flex-start;
    }

    .listing-actions-pro {
        min-width: 0;
    }
}

/* =========================================================
   Current Gallery Manager - Remove X + Reorder Pro UI
   ========================================================= */
.current-gallery-manager {
    border: 1px solid rgba(56, 189, 248, .22);
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    box-shadow: 0 18px 46px rgba(15, 23, 42, .08);
}

.current-gallery-manager .current-gallery-head {
    align-items: flex-start;
    gap: 12px;
}

.current-gallery-manager .current-gallery-head span {
    color: #0f172a;
    font-weight: 1000;
}

.current-gallery-manager .current-gallery-head small {
    display: inline-flex;
    padding: 8px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(56,189,248,.16), rgba(143,69,255,.13));
    color: #0f172a;
    border: 1px solid rgba(56,189,248,.22);
    font-size: 12px;
    font-weight: 900;
}

.current-gallery-sortable {
    grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
    gap: 14px;
}

.current-gallery-item {
    position: relative;
    padding: 9px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .12);
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
    cursor: grab;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.current-gallery-item:hover {
    transform: translateY(-2px);
    border-color: rgba(56, 189, 248, .55);
    box-shadow: 0 18px 38px rgba(56, 189, 248, .16);
}

.current-gallery-item.dragging {
    opacity: .45;
    transform: scale(.98);
    cursor: grabbing;
}

.current-gallery-item img {
    width: 100%;
    height: 108px;
    object-fit: contain;
    border-radius: 16px;
    background: radial-gradient(circle at top, #172033, #06070b);
    border: 1px solid rgba(15, 23, 42, .12);
}

.gallery-remove-x {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    width: 28px !important;
    height: 28px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 2px solid #ffffff !important;
    background: linear-gradient(135deg, #e11d48, #fb7185) !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 1000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 10px 24px rgba(225, 29, 72, .34);
    cursor: pointer;
}

.gallery-order-controls {
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    gap: 6px;
    align-items: center;
    margin-top: 8px;
}

.gallery-order-controls button {
    width: 30px !important;
    height: 30px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    background: linear-gradient(135deg, #38bdf8, #7dd3fc) !important;
    color: #020617 !important;
    font-weight: 1000 !important;
    box-shadow: 0 10px 20px rgba(56, 189, 248, .18);
    cursor: pointer;
}

.gallery-order-controls span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #0f172a;
    font-size: 12px;
    font-weight: 1000;
    border: 1px solid rgba(15, 23, 42, .08);
}

@media(max-width: 640px){
    .current-gallery-sortable {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   Vehicle Details for New Listing + Public Listing
   ========================================================= */
.vehicle-details-panel {
    display: none;
    margin: 22px 0;
    padding: 22px;
    border-radius: 28px;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 46%, #f7f1ff 100%);
    border: 1px solid rgba(14, 165, 233, .20);
    box-shadow: 0 18px 55px rgba(15, 23, 42, .08);
    color: #111827;
    position: relative;
    overflow: hidden;
}
.vehicle-details-panel.show { display: block; }
.vehicle-details-panel::before {
    content: "";
    position: absolute;
    right: -70px;
    top: -90px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(14, 165, 233, .28), transparent 65%);
}
.vehicle-details-panel::after {
    content: "";
    position: absolute;
    left: -80px;
    bottom: -95px;
    width: 230px;
    height: 230px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(143, 69, 255, .18), transparent 65%);
}
.vehicle-details-panel > * { position: relative; z-index: 1; }
.vehicle-details-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
.vehicle-details-head h3 {
    margin: 8px 0 4px;
    color: #0f172a;
    font-size: 28px;
    letter-spacing: -1px;
}
.vehicle-details-head p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}
.vehicle-fields-grid,
.vehicle-payment-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.vehicle-payment-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px 0;
    padding: 16px;
    border-radius: 22px;
    background: #0b0b11;
    border: 1px solid rgba(255,255,255,.12);
}
.vehicle-payment-grid label {
    color: #e5e7eb !important;
}
.vehicle-payment-grid input {
    background: rgba(255,255,255,.96) !important;
    color: #111827 !important;
}
.vehicle-details-panel label {
    color: #111827;
    font-weight: 900;
}
.vehicle-details-panel input,
.vehicle-details-panel select {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #dbe3ef !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}
.vehicle-public-card {
    margin-top: 18px;
    padding: 24px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff, #f8fbff 55%, #f6f0ff);
    border: 1px solid #e5e7eb;
    box-shadow: 0 18px 55px rgba(15, 23, 42, .08);
    color: #111827;
}
.vehicle-public-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 18px;
}
.vehicle-public-head h2 {
    color: #0f172a;
    margin: 8px 0 4px;
    font-size: clamp(26px, 3vw, 40px);
    letter-spacing: -1px;
}
.vehicle-public-head p {
    margin: 0;
    color: #64748b;
    font-weight: 900;
}
.title-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    color: #111827;
    background: linear-gradient(135deg, #7dd3fc, #c084fc);
    font-weight: 1000;
    white-space: nowrap;
    box-shadow: 0 15px 35px rgba(14, 165, 233, .22);
}
.vehicle-payment-public-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.vehicle-payment-public-grid div {
    padding: 16px;
    border-radius: 22px;
    background: #0b0b11;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
}
.vehicle-payment-public-grid small {
    display: block;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 900;
    margin-bottom: 7px;
}
.vehicle-payment-public-grid b {
    color: #ffffff;
    font-size: 22px;
}
.vehicle-spec-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.vehicle-spec-grid div {
    padding: 14px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #e8edf5;
}
.vehicle-spec-grid small {
    display: block;
    color: #64748b;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 5px;
}
.vehicle-spec-grid b {
    color: #0f172a;
    word-break: break-word;
}
@media(max-width: 980px) {
    .vehicle-payment-grid,
    .vehicle-payment-public-grid,
    .vehicle-spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 620px) {
    .vehicle-fields-grid,
    .vehicle-payment-grid,
    .vehicle-payment-public-grid,
    .vehicle-spec-grid { grid-template-columns: 1fr; }
    .vehicle-public-head { flex-direction: column; }
}

/* =========================================================
   Vehicle Details Modal Editor + Store Active Categories
   ========================================================= */
.vehicle-details-compact {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.vehicle-details-compact::before,
.vehicle-details-compact::after {
    display: none !important;
}
.vehicle-details-launch-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 22px;
    border-radius: 28px;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 48%, #f7f1ff 100%);
    border: 1px solid rgba(14, 165, 233, .22);
    box-shadow: 0 18px 55px rgba(15, 23, 42, .08);
    color: #111827;
    position: relative;
    overflow: hidden;
}
.vehicle-details-launch-card::before {
    content: "";
    position: absolute;
    right: -70px;
    top: -95px;
    width: 230px;
    height: 230px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(14, 165, 233, .30), transparent 65%);
}
.vehicle-details-launch-card::after {
    content: "";
    position: absolute;
    left: -85px;
    bottom: -105px;
    width: 230px;
    height: 230px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(143, 69, 255, .20), transparent 65%);
}
.vehicle-details-launch-card > * {
    position: relative;
    z-index: 1;
}
.vehicle-details-launch-card h3 {
    margin: 8px 0 5px;
    color: #0f172a;
    font-size: 28px;
    letter-spacing: -1px;
}
.vehicle-details-launch-card p {
    margin: 0;
    max-width: 780px;
    color: #64748b;
    line-height: 1.55;
}
.vehicle-modal-open-btn,
.vehicle-modal-save-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 18px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #38bdf8, #8f45ff);
    color: #020617 !important;
    font-weight: 1000;
    box-shadow: 0 16px 35px rgba(14, 165, 233, .25);
    cursor: pointer;
    white-space: nowrap;
}
.vehicle-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(3, 7, 18, .72);
    backdrop-filter: blur(14px);
}
.vehicle-modal-backdrop.is-open {
    display: flex;
}
.vehicle-modal-open body {
    overflow: hidden;
}
.vehicle-modal-shell {
    width: min(1180px, 96vw);
    max-height: 94vh;
    display: flex;
    flex-direction: column;
    border-radius: 34px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 52%, #f6f0ff 100%);
    border: 1px solid rgba(255, 255, 255, .62);
    box-shadow: 0 35px 120px rgba(0, 0, 0, .48);
    overflow: hidden;
    color: #111827;
}
.vehicle-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 24px 26px 18px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    background: linear-gradient(135deg, rgba(56, 189, 248, .16), rgba(143, 69, 255, .10));
}
.vehicle-modal-head h3 {
    margin: 8px 0 4px;
    color: #0f172a;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1;
    letter-spacing: -1.5px;
}
.vehicle-modal-head p {
    margin: 0;
    color: #475569;
    line-height: 1.5;
}
.vehicle-modal-close {
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
    cursor: pointer;
}
.vehicle-modal-body {
    overflow: auto;
    padding: 24px 26px 10px;
}
.vehicle-modal-body .vehicle-fields-grid,
.vehicle-modal-body .vehicle-payment-grid {
    margin-bottom: 16px;
}
.vehicle-modal-actions {
    padding: 18px 26px 24px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(15, 23, 42, .08);
    background: rgba(255,255,255,.82);
}
.store-category-empty {
    color: #111827 !important;
    background: #ffffff !important;
    border: 1px dashed rgba(15, 23, 42, .18) !important;
    border-radius: 28px !important;
    padding: 28px !important;
}
.store-category-empty h3 {
    color: var(--store-color) !important;
}
.store-category-empty p {
    color: #64748b !important;
}
@media(max-width: 760px){
    .vehicle-details-launch-card {
        align-items: stretch;
        flex-direction: column;
    }
    .vehicle-modal-open-btn {
        width: 100%;
    }
    .vehicle-modal-backdrop {
        padding: 8px;
        align-items: stretch;
    }
    .vehicle-modal-shell {
        width: 100%;
        max-height: 98vh;
        border-radius: 24px;
    }
    .vehicle-modal-head,
    .vehicle-modal-body,
    .vehicle-modal-actions {
        padding-left: 16px;
        padding-right: 16px;
    }
    .vehicle-modal-head {
        position: sticky;
        top: 0;
        z-index: 2;
    }
    .vehicle-modal-body .vehicle-fields-grid,
    .vehicle-modal-body .vehicle-payment-grid {
        grid-template-columns: 1fr !important;
    }
    .vehicle-modal-actions {
        position: sticky;
        bottom: 0;
    }
    .vehicle-modal-save-btn {
        width: 100%;
    }
}

/* =========================================================
   Inventory Unit Cost / Investment Tracking - Pro Patch
   ========================================================= */
.inventory-cost-input {
    border: 1px solid rgba(14, 165, 233, .35) !important;
    background: linear-gradient(180deg, #ffffff, #f0fbff) !important;
    color: #07111f !important;
    font-weight: 900;
}

.inventory-cost-input:focus {
    outline: none;
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, .18), 0 12px 28px rgba(15, 23, 42, .08) !important;
}

.inventory-cost-help {
    margin: 6px 0 0;
    padding: 8px 10px;
    border-radius: 14px;
    background: rgba(56, 189, 248, .12);
    color: #082f49 !important;
    border: 1px solid rgba(56, 189, 248, .2);
    font-size: 12px;
    font-weight: 900;
}

.inventory-invested-mini {
    display: inline-flex;
    margin-top: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0ea5e9, #7c3aed);
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 1000;
    width: max-content;
    max-width: 100%;
}

.inventory-investment-card {
    padding: 20px;
    border-radius: 26px;
    margin-bottom: 18px;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, .26), transparent 42%),
        linear-gradient(135deg, #07111f, #171127 55%, #2a1406);
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 48px rgba(15, 23, 42, .16);
}

.inventory-investment-card span {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.1);
    color: #bff3ff !important;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.inventory-investment-card h3 {
    margin: 12px 0 6px;
    color: #ffffff !important;
    font-size: 34px;
    line-height: 1;
    letter-spacing: -1px;
}

.inventory-investment-card p {
    color: rgba(255,255,255,.78) !important;
    line-height: 1.5;
    margin: 0 0 12px;
}

.inventory-investment-card div {
    color: rgba(255,255,255,.88) !important;
    margin-top: 8px;
    font-size: 13px;
}

.inventory-investment-card b {
    color: #ffffff !important;
}

.inventory-numbers span {
    display: block;
}

@media(max-width:700px){
    .inventory-investment-card h3 {
        font-size: 28px;
    }
}

/* =========================================================
   Dealer Users - Worker Access Pro UI
   ========================================================= */
.dealer-users-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 22px;
    padding: 28px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 85% 15%, rgba(125, 211, 252, .32), transparent 34%),
        radial-gradient(circle at 35% 95%, rgba(143, 69, 255, .34), transparent 34%),
        linear-gradient(135deg, #05050a 0%, #171225 52%, #281303 100%);
    color: #fff !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.dealer-users-hero h1 {
    margin: 10px 0 8px;
    font-size: clamp(36px, 5vw, 64px);
    line-height: .95;
    letter-spacing: -2px;
    color: #fff !important;
}

.dealer-users-hero p {
    max-width: 820px;
    margin: 0;
    line-height: 1.65;
    color: rgba(255,255,255,.78) !important;
}

.dealer-users-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, 92px);
    gap: 10px;
    position: relative;
    z-index: 1;
}

.dealer-users-mini-stats div {
    padding: 14px 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(12px);
    text-align: center;
}

.dealer-users-mini-stats span {
    display: block;
    color: rgba(255,255,255,.72) !important;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.dealer-users-mini-stats b {
    display: block;
    color: #fff !important;
    font-size: 30px;
    line-height: 1;
    margin-top: 7px;
}

.access-flow-panel,
.worker-create-card,
.worker-list-card {
    background: #ffffff;
    color: #111827 !important;
    border: 1px solid #e8e8ef;
    border-radius: 30px;
    box-shadow: 0 18px 55px rgba(17, 17, 17, .08);
}

.access-flow-panel {
    padding: 22px;
    margin-bottom: 18px;
    overflow: hidden;
}

.access-flow-row {
    display: flex;
    align-items: stretch;
    gap: 10px;
    overflow-x: auto;
    padding: 8px 2px 4px;
}

.access-node {
    min-width: 176px;
    padding: 16px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    border: 1px solid #e4ecf8;
    box-shadow: 0 12px 32px rgba(17, 17, 17, .055);
    position: relative;
}

.access-node-square {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(135deg, #7dd3fc, #8f45ff);
    color: #080812 !important;
    font-weight: 1000;
    box-shadow: 0 10px 26px rgba(125, 211, 252, .34);
    margin-bottom: 12px;
}

.access-node strong {
    display: block;
    color: #111827 !important;
    font-size: 15px;
    margin-bottom: 6px;
}

.access-node small {
    display: block;
    color: #6b7280 !important;
    line-height: 1.45;
}

.access-arrow {
    display: grid;
    place-items: center;
    min-width: 32px;
    color: #8f45ff !important;
    font-size: 24px;
    font-weight: 1000;
}

.dealer-users-layout {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.worker-create-card,
.worker-list-card {
    padding: 22px;
}

.worker-create-card {
    position: sticky;
    top: 92px;
    background:
        radial-gradient(circle at 90% 8%, rgba(125, 211, 252, .26), transparent 34%),
        linear-gradient(180deg, #ffffff, #fbfbff);
}

.worker-create-card h2,
.worker-list-card h2 {
    margin: 0 0 8px;
    color: #111827 !important;
    font-size: 28px;
    letter-spacing: -1px;
}

.worker-create-card p {
    color: #6b7280 !important;
    line-height: 1.58;
    margin-top: 0;
}

.worker-form label,
.worker-edit-grid label {
    color: #111827 !important;
    font-weight: 900;
}

.worker-form input,
.worker-edit-grid input,
.worker-edit-grid select {
    color: #111827 !important;
    background: #fff;
    border: 1px solid #dfe7f3;
}

.permission-grid-pro {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 10px 0 16px;
}

.permission-tile {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #e6edf7;
    background: #fff;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.permission-tile:hover {
    transform: translateY(-1px);
    border-color: #7dd3fc;
    box-shadow: 0 12px 28px rgba(56, 189, 248, .16);
}

.permission-tile input,
.permission-chip-pro input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.permission-box,
.permission-chip-pro span {
    width: 26px;
    height: 26px;
    border-radius: 9px;
    border: 2px solid #cbd5e1;
    background: #fff;
    box-shadow: inset 0 0 0 3px #fff;
}

.permission-tile input:checked + .permission-box,
.permission-chip-pro input:checked + span {
    border-color: #111827;
    background: linear-gradient(135deg, #7dd3fc, #8f45ff 55%, #ff7a18);
}

.permission-tile b {
    display: block;
    color: #111827 !important;
    font-size: 14px;
    line-height: 1.1;
}

.permission-tile small {
    display: block;
    grid-column: 2;
    color: #6b7280 !important;
    font-weight: 600;
    line-height: 1.35;
}

.worker-save-btn {
    width: 100%;
    margin-top: 6px;
}

.worker-stack {
    display: grid;
    gap: 14px;
}

.worker-card-pro {
    border: 1px solid #e8e8ef;
    border-radius: 28px;
    padding: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(125, 211, 252, .16), transparent 32%),
        linear-gradient(180deg, #ffffff, #fbfbff);
    box-shadow: 0 14px 38px rgba(17, 17, 17, .065);
    position: relative;
    overflow: hidden;
}

.worker-card-pro::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #7dd3fc, #8f45ff, #ff7a18);
}

.worker-card-top {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.worker-card-top h3 {
    margin: 9px 0 3px;
    color: #111827 !important;
    font-size: 24px;
    letter-spacing: -.6px;
}

.worker-card-top p,
.worker-created {
    color: #6b7280 !important;
    font-weight: 800;
}

.worker-created {
    white-space: nowrap;
    padding: 8px 10px;
    height: max-content;
    border-radius: 999px;
    background: #f4f7fb;
    border: 1px solid #e8eef7;
    font-size: 12px;
}

.worker-status {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.worker-status.active {
    background: #dcfce7;
    color: #14532d !important;
    border: 1px solid #bbf7d0;
}

.worker-status.inactive {
    background: #f1f5f9;
    color: #475569 !important;
    border: 1px solid #e2e8f0;
}

.worker-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.worker-permissions-row {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin: 16px 0;
}

.permission-chip-pro {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border-radius: 999px;
    background: #ffffff;
    color: #111827 !important;
    border: 1px solid #e3e9f5;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(17, 17, 17, .035);
}

.permission-chip-pro span {
    width: 18px;
    height: 18px;
    border-radius: 7px;
}

.worker-actions,
.worker-delete-form {
    display: inline-flex;
    margin: 0 8px 0 0;
}

.worker-delete-form {
    margin-top: 0;
}

.worker-delete-form .delete {
    margin-top: 0 !important;
}

@media(max-width:1100px){
    .dealer-users-layout {
        grid-template-columns: 1fr;
    }
    .worker-create-card {
        position: static;
    }
}

@media(max-width:760px){
    .dealer-users-hero {
        flex-direction: column;
    }
    .dealer-users-mini-stats {
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }
    .worker-edit-grid {
        grid-template-columns: 1fr;
    }
    .worker-card-top {
        flex-direction: column;
    }
    .worker-created {
        white-space: normal;
    }
}

/* =========================================================
   Dealer Users Accordion + 30/Page Pagination Pro Patch
   ========================================================= */
.worker-list-title-row {
    align-items: flex-start;
}

.worker-page-note {
    margin: 4px 0 0;
    color: #6b7280 !important;
    font-weight: 750;
    line-height: 1.45;
}

.worker-accordion-stack {
    display: grid;
    gap: 12px;
}

.worker-row-accordion {
    border: 1px solid #e6edf7;
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0%, rgba(125, 211, 252, .12), transparent 30%),
        linear-gradient(180deg, #ffffff, #fbfbff);
    box-shadow: 0 12px 34px rgba(17,17,17,.06);
    overflow: hidden;
    position: relative;
}

.worker-row-accordion::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #7dd3fc, #8f45ff, #ff7a18);
}

.worker-row-accordion.is-inactive {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    opacity: .92;
}

.worker-row-summary {
    list-style: none;
    cursor: pointer;
    display: grid;
    grid-template-columns: 44px minmax(220px, 1.15fr) minmax(260px, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px 16px 22px;
    position: relative;
    z-index: 1;
}

.worker-row-summary::-webkit-details-marker {
    display: none;
}

.worker-expand-arrow {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #7dd3fc, #8f45ff);
    color: #080812 !important;
    font-weight: 1000;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 10px 24px rgba(125,211,252,.3);
    transition: transform .18s ease, box-shadow .18s ease;
}

.worker-row-accordion[open] .worker-expand-arrow {
    transform: rotate(180deg);
    box-shadow: 0 12px 28px rgba(143,69,255,.28);
}

.worker-summary-main {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.worker-summary-main strong {
    color: #111827 !important;
    font-size: 18px;
    letter-spacing: -.35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.worker-summary-main small {
    color: #6b7280 !important;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.worker-summary-perms {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.worker-summary-perms em {
    font-style: normal;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f4f8ff;
    color: #111827 !important;
    border: 1px solid #e2ebf7;
    font-size: 12px;
    font-weight: 950;
}

.worker-summary-created {
    white-space: nowrap;
    color: #6b7280 !important;
    background: #f7f8fc;
    border: 1px solid #e9edf5;
    border-radius: 999px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 950;
}

.worker-expanded-panel {
    position: relative;
    z-index: 1;
    margin: 0 16px 16px 22px;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff, #f9fbff);
    border: 1px solid #e6edf7;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.worker-update-form {
    margin: 0;
}

.access-label {
    display: block;
    margin-top: 14px;
    color: #111827 !important;
    font-weight: 1000;
}

.compact-permissions-row {
    margin-top: 10px;
}

.worker-actions-proline {
    display: inline-flex;
    margin: 8px 8px 0 0;
}

.proline-delete {
    display: inline-flex;
    margin: 8px 0 0;
}

.proline-delete .order-btn,
.worker-actions-proline .order-btn {
    margin-top: 0 !important;
}

.users-pagination {
    margin-top: 18px;
    padding-top: 4px;
}

@media(max-width:1100px){
    .worker-row-summary {
        grid-template-columns: 44px minmax(180px, 1fr) minmax(180px, 1fr);
    }
    .worker-summary-created {
        grid-column: 2 / -1;
        width: max-content;
    }
}

@media(max-width:760px){
    .worker-row-summary {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 10px;
    }
    .worker-summary-perms,
    .worker-summary-created {
        grid-column: 2;
    }
    .worker-expanded-panel {
        margin: 0 12px 12px 18px;
        padding: 14px;
    }
    .worker-summary-main strong,
    .worker-summary-main small {
        white-space: normal;
    }
}

/* =========================================================
   Credit Applications + Financing Toggle - Pro UI Patch
   ========================================================= */
.financing-toggle-card{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px;border-radius:24px;margin:18px 0;
  background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 48%,#fff7ed 100%);
  border:1px solid rgba(14,165,233,.28);
  box-shadow:0 16px 42px rgba(15,23,42,.08);
}
.financing-toggle-card h3{margin:6px 0;color:#0f172a;letter-spacing:-.4px}
.financing-toggle-card p{margin:0;color:#475569;line-height:1.45}
.pro-switch{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;color:#0f172a;font-weight:1000;white-space:nowrap}
.pro-switch input{position:absolute;opacity:0;pointer-events:none}
.pro-switch span{width:62px;height:34px;border-radius:999px;background:#cbd5e1;position:relative;box-shadow:inset 0 2px 6px rgba(15,23,42,.18);transition:.25s ease}
.pro-switch span::after{content:"";position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:999px;background:#fff;box-shadow:0 6px 14px rgba(15,23,42,.24);transition:.25s ease}
.pro-switch input:checked + span{background:linear-gradient(135deg,#38bdf8,#8b5cf6)}
.pro-switch input:checked + span::after{transform:translateX(28px)}
.finance-mini-pill,.listing-finance-pill,.finance-card-badge{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:1000;letter-spacing:.03em;text-transform:uppercase
}
.finance-mini-pill{font-size:11px;padding:7px 10px;border:1px solid #e2e8f0;color:#64748b;background:#f8fafc}
.finance-mini-pill.on{color:#075985;background:#e0f2fe;border-color:#7dd3fc}
.finance-mini-pill.off{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}
.listing-finance-pill{font-size:12px;padding:8px 12px;color:#06121f;background:linear-gradient(135deg,#38bdf8,#fb923c);box-shadow:0 10px 24px rgba(56,189,248,.22)}
.finance-card-badge{position:absolute;left:12px;bottom:12px;padding:8px 11px;font-size:11px;background:linear-gradient(135deg,#38bdf8,#a78bfa);color:#050816;box-shadow:0 12px 26px rgba(56,189,248,.25);z-index:3}
.listing-side-stack{display:grid;gap:16px;align-content:start}
.credit-cta-card{position:relative;overflow:hidden;border-radius:28px;padding:22px;background:linear-gradient(135deg,#050816 0%,#111827 45%,#172554 100%);color:#fff;box-shadow:0 22px 64px rgba(15,23,42,.23);border:1px solid rgba(255,255,255,.12)}
.credit-cta-card .credit-cta-orb{position:absolute;right:-52px;top:-52px;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.8),transparent 68%)}
.credit-cta-card span{position:relative;z-index:1;display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-size:12px;font-weight:1000;text-transform:uppercase;color:#bae6fd}
.credit-cta-card h3{position:relative;z-index:1;margin:12px 0 8px;color:#fff;font-size:26px;letter-spacing:-.7px}
.credit-cta-card p{position:relative;z-index:1;margin:0 0 16px;color:#dbeafe;line-height:1.55}
.credit-application-open{position:relative;z-index:1;width:100%;border:0;border-radius:999px;padding:14px 18px;background:linear-gradient(135deg,#38bdf8,#fb923c);color:#06121f;font-weight:1000;cursor:pointer;box-shadow:0 16px 34px rgba(56,189,248,.28)}
html.credit-modal-open{overflow:hidden}
.credit-modal-backdrop{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(12px)}
.credit-modal-backdrop.is-open{display:flex}
.credit-modal-shell{width:min(1180px,96vw);height:min(92vh,980px);overflow:auto;position:relative;background:linear-gradient(180deg,#ffffff,#f8fafc);border-radius:32px;border:1px solid rgba(226,232,240,.9);box-shadow:0 34px 100px rgba(0,0,0,.42)}
.credit-modal-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0}
.credit-modal-head h2{margin:6px 0;color:#0f172a;font-size:34px;letter-spacing:-1px}
.credit-modal-head p{margin:0;color:#475569}.credit-modal-close{border:0;width:44px;height:44px;border-radius:999px;background:#0f172a;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.credit-app-form{padding:22px;display:grid;gap:18px}.credit-section{border:1px solid #e2e8f0;border-radius:26px;background:#fff;padding:20px;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.credit-section h3{margin:0 0 4px;color:#0f172a;font-size:24px;letter-spacing:-.5px}.credit-helper{margin:0 0 14px;color:#16a34a;font-weight:900}.credit-grid{display:grid;gap:14px}.credit-grid.two{grid-template-columns:repeat(2,1fr)}.credit-grid.three{grid-template-columns:repeat(3,1fr)}.credit-grid.four{grid-template-columns:repeat(4,1fr)}.credit-grid .span-two{grid-column:span 2}
.credit-app-form label{display:block;margin-bottom:7px;color:#334155;font-weight:900}.credit-app-form input,.credit-app-form select,.credit-app-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:15px;padding:13px 14px;background:#fff;color:#0f172a;outline:none}.credit-app-form input:focus,.credit-app-form select:focus,.credit-app-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.16)}
.credit-radio-line{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#0f172a}.credit-radio-line label{margin:0;display:flex;align-items:center;gap:6px}.credit-radio-line input{width:auto}.credit-terms-card{border-radius:24px;padding:18px;background:linear-gradient(135deg,#eff6ff,#fff7ed);border:1px solid #bfdbfe;color:#0f172a}.credit-terms-card p{margin:0 0 12px;line-height:1.5}.credit-terms-card label{display:flex;gap:10px;align-items:flex-start}.credit-terms-card input{width:auto;margin-top:3px}.credit-submit-row{display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;padding:16px;background:rgba(248,250,252,.9);backdrop-filter:blur(14px);border-top:1px solid #e2e8f0}.credit-modal-secondary,.credit-submit-btn{border:0;border-radius:999px;padding:14px 20px;font-weight:1000;cursor:pointer}.credit-modal-secondary{background:#e2e8f0;color:#0f172a}.credit-submit-btn{background:linear-gradient(135deg,#16a34a,#38bdf8);color:#051014;box-shadow:0 16px 34px rgba(34,197,94,.25)}
.credit-loading-layer{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding:24px}.credit-loading-layer.is-visible{display:flex}.credit-loader-ring{width:86px;height:86px;border-radius:999px;border:8px solid #e0f2fe;border-top-color:#38bdf8;border-right-color:#fb923c;animation:creditSpin .8s linear infinite;box-shadow:0 0 0 12px rgba(56,189,248,.08)}@keyframes creditSpin{to{transform:rotate(360deg)}}.credit-loading-layer h3{margin:20px 0 8px;color:#0f172a;font-size:28px}.credit-loading-layer p{margin:0;color:#475569}
.credit-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:26px;border-radius:32px;background:linear-gradient(135deg,#030712,#172554 55%,#431407);color:#fff;box-shadow:0 24px 72px rgba(15,23,42,.22);position:relative;overflow:hidden}.credit-admin-head::after{content:"";position:absolute;right:-75px;top:-85px;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.7),transparent 68%)}.credit-admin-head>*{position:relative;z-index:1}.credit-admin-head h1{font-size:clamp(34px,5vw,58px);margin:8px 0;letter-spacing:-2px}.credit-admin-head p{margin:0;max-width:760px;color:#dbeafe;line-height:1.6}.credit-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.credit-admin-stats div{border-radius:26px;padding:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 42px rgba(15,23,42,.07)}.credit-admin-stats span{display:block;color:#64748b;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}.credit-admin-stats b{display:block;margin-top:8px;color:#0f172a;font-size:42px;line-height:1}.credit-apps-panel{border-radius:30px;background:#fff;border:1px solid #e2e8f0;padding:22px;box-shadow:0 18px 56px rgba(15,23,42,.08)}.credit-accordion-list{display:grid;gap:12px}.credit-accordion-item{border:1px solid #e2e8f0;border-radius:22px;background:#fff;overflow:hidden}.credit-accordion-item.is-new{border-color:#7dd3fc;background:linear-gradient(180deg,#fff,#f0f9ff)}.credit-accordion-item summary{list-style:none;display:grid;grid-template-columns:32px auto 1fr 1.4fr auto;gap:12px;align-items:center;padding:16px;cursor:pointer}.credit-accordion-item summary::-webkit-details-marker{display:none}.credit-arrow{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-size:22px;transition:.2s}.credit-accordion-item[open] .credit-arrow{transform:rotate(90deg);background:#38bdf8;color:#06121f}.credit-status{padding:8px 10px;border-radius:999px;font-size:11px;font-weight:1000;text-transform:uppercase}.credit-status.new{background:#e0f2fe;color:#075985}.credit-status.reviewed{background:#ede9fe;color:#5b21b6}.credit-accordion-item strong{color:#0f172a}.credit-accordion-item em{font-style:normal;color:#475569;font-weight:800}.credit-accordion-item small{color:#64748b;font-weight:800}.credit-accordion-body{padding:0 16px 18px}.credit-contact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.credit-contact-strip div,.credit-review-grid div{border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px}.credit-contact-strip small,.credit-review-grid small{display:block;color:#64748b;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.credit-contact-strip a,.credit-contact-strip b,.credit-review-grid b{color:#0f172a;font-weight:900;word-break:break-word}.credit-review-section{margin-top:14px}.credit-review-section h3{color:#0f172a;margin:0 0 10px;font-size:20px}.credit-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.credit-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.credit-admin-actions form{margin:0}.pro-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.pro-pagination a{border-radius:999px;padding:10px 14px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-weight:1000;border:1px solid #e2e8f0}.pro-pagination a.active{background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#06121f}
@media(max-width:1050px){.credit-grid.four,.credit-review-grid{grid-template-columns:repeat(2,1fr)}.credit-grid.three,.credit-contact-strip{grid-template-columns:1fr 1fr}.credit-accordion-item summary{grid-template-columns:28px auto 1fr}.credit-accordion-item summary em,.credit-accordion-item summary small{grid-column:3/-1}.financing-toggle-card,.credit-admin-head{flex-direction:column}.listing-side-stack{width:100%}}
@media(max-width:720px){.credit-modal-backdrop{padding:8px}.credit-modal-shell{width:100vw;height:96vh;border-radius:22px}.credit-grid.two,.credit-grid.three,.credit-grid.four,.credit-review-grid,.credit-contact-strip,.credit-admin-stats{grid-template-columns:1fr}.credit-grid .span-two{grid-column:auto}.credit-submit-row{justify-content:stretch;flex-direction:column}.credit-modal-secondary,.credit-submit-btn{width:100%}.credit-accordion-item summary{grid-template-columns:28px 1fr}.credit-status,.credit-accordion-item summary em,.credit-accordion-item summary small{grid-column:2/-1}.credit-admin-head h1{font-size:36px}}

/* =========================================================
   Credit Application Security + Policy Setup Patch
   ========================================================= */
.credit-policy-setup {
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 45%, #fff7ed 100%);
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 30px;
  padding: 24px;
  margin: 22px 0;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .08);
  color: #0f172a;
}
.credit-policy-setup.needs-setup {
  border-color: rgba(255, 122, 24, .45);
}
.credit-policy-setup.is-ready {
  border-color: rgba(14, 165, 233, .42);
}
.credit-policy-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.credit-policy-head h2 {
  margin: 8px 0 6px;
  font-size: clamp(26px, 3vw, 40px);
  letter-spacing: -1.2px;
  color: #0f172a;
}
.credit-policy-head p {
  color: #475569;
  max-width: 880px;
  line-height: 1.55;
  margin: 0;
}
.policy-status-pill {
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 1000;
  white-space: nowrap;
  border: 1px solid transparent;
}
.policy-status-pill.ready {
  background: #e0f2fe;
  color: #075985;
  border-color: #7dd3fc;
}
.policy-status-pill.missing {
  background: #fff7ed;
  color: #9a3412;
  border-color: #fed7aa;
}
.policy-warning-box {
  padding: 14px 16px;
  border-radius: 20px;
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid #fed7aa;
  margin-bottom: 16px;
  font-weight: 800;
}
.credit-policy-form {
  display: grid;
  gap: 12px;
}
.credit-policy-form label {
  font-weight: 1000;
  color: #111827;
  margin-top: 4px;
}
.credit-policy-form textarea {
  min-height: 118px;
  resize: vertical;
  color: #111827 !important;
  background: #ffffff;
  border: 1px solid #dbe4ef;
  border-radius: 18px;
  padding: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 10px 28px rgba(15, 23, 42, .05);
}
.credit-policy-readonly-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.credit-policy-readonly-grid div,
.credit-policy-public-grid div {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 14px;
}
.credit-policy-readonly-grid small,
.credit-policy-public-grid small {
  display: block;
  color: #0ea5e9;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 1000;
  margin-bottom: 6px;
}
.credit-policy-readonly-grid p,
.credit-policy-public-grid p {
  color: #111827;
  margin: 0;
  line-height: 1.5;
}
.credit-security-note {
  margin: 16px 0;
  padding: 14px 16px;
  border-radius: 20px;
  color: #dbeafe;
  background: linear-gradient(135deg, #020617, #111827 55%, #172554);
  border: 1px solid rgba(125, 211, 252, .22);
  box-shadow: 0 16px 44px rgba(15, 23, 42, .16);
}
.credit-security-note code {
  background: rgba(255,255,255,.1);
  padding: 3px 7px;
  border-radius: 999px;
  color: #7dd3fc;
}
.credit-policy-public-card h3 {
  color: #0f172a;
  margin-top: 0;
}
.credit-policy-public-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.credit-policy-public-grid .span-two {
  grid-column: span 2;
}
.credit-policy-inline-warning,
.credit-policy-inline-ready {
  margin: 10px 0 0 !important;
  padding: 10px 12px;
  border-radius: 16px;
  font-weight: 850;
}
.credit-policy-inline-warning {
  background: #fff7ed;
  color: #9a3412 !important;
  border: 1px solid #fed7aa;
}
.credit-policy-inline-ready {
  background: #e0f2fe;
  color: #075985 !important;
  border: 1px solid #7dd3fc;
}
.policy-setup-link {
  display: inline-flex;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #38bdf8;
  color: #020617 !important;
  font-weight: 1000;
  text-decoration: none;
}
.disabled-switch {
  opacity: .5;
  cursor: not-allowed;
}
.credit-permission-confirm-box {
  margin-top: 14px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e0f2fe, #fff7ed);
  border: 1px solid rgba(14, 165, 233, .24);
  color: #0f172a;
}
.credit-permission-confirm-box.compact {
  margin-top: 12px;
}
.credit-permission-confirm-box b {
  display: block;
  color: #0f172a;
  font-size: 14px;
}
.credit-permission-confirm-box p {
  color: #475569;
  margin: 4px 0 10px;
  line-height: 1.45;
}
.credit-permission-confirm-box input {
  width: 100%;
  color: #111827 !important;
  background: #fff;
  border: 1px solid #bae6fd;
  border-radius: 16px;
  padding: 12px;
}
@media(max-width: 760px){
  .credit-policy-head { flex-direction: column; }
  .credit-policy-readonly-grid,
  .credit-policy-public-grid { grid-template-columns: 1fr; }
  .credit-policy-public-grid .span-two { grid-column: auto; }
}

/* =========================================================
   Timed Credit Applications Access - Dealer Users Security
   ========================================================= */
.credit-access-time-box {
  margin-top: 14px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, #f8fafc, #e0f2fe 48%, #f5f3ff);
  border: 1px solid rgba(14, 165, 233, .26);
  color: #0f172a;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}
.credit-access-time-box.compact {
  margin-top: 12px;
}
.credit-access-time-box b {
  display: block;
  color: #020617;
  font-size: 14px;
  font-weight: 1000;
}
.credit-access-time-box p {
  margin: 5px 0 10px;
  color: #475569;
  line-height: 1.45;
}
.credit-access-time-box select {
  width: 100%;
  min-height: 46px;
  color: #111827 !important;
  background: #ffffff;
  border: 1px solid #bae6fd;
  border-radius: 16px;
  padding: 11px 12px;
  font-weight: 850;
}
.worker-credit-timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .035em;
  border: 1px solid transparent;
}
.worker-credit-timer.active {
  background: #e0f2fe;
  color: #075985;
  border-color: #7dd3fc;
}
.worker-credit-timer.expired {
  background: #fff7ed;
  color: #9a3412;
  border-color: #fed7aa;
}
.worker-credit-timer.inactive {
  background: #f1f5f9;
  color: #64748b;
  border-color: #e2e8f0;
}
.worker-summary-perms em {
  line-height: 1.2;
}
.credit-security-note b + br + b,
.credit-security-note br + b {
  color: #7dd3fc;
}
@media(max-width: 760px){
  .worker-credit-timer { width: 100%; margin-top: 8px; }
}

/* =========================================================
   Digital FACTS Privacy Notice + Credit Authorization Flow
   ========================================================= */
.privacy-notice-admin {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 22px 70px rgba(15, 23, 42, .09);
}
.digital-notice-editor {
    display: grid;
    gap: 18px;
}
.notice-editor-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, #07070b, #121827 55%, #082f49);
    color: #fff;
}
.notice-editor-toolbar h3,
.notice-editor-toolbar p { margin: 0; }
.notice-editor-toolbar p { color: rgba(255,255,255,.72); margin-top: 4px; }
.notice-editor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.notice-editor-grid.top {
    padding: 18px;
    border-radius: 24px;
    background: #eef8ff;
    border: 1px solid #bae6fd;
}
.notice-editor-grid .span-two { grid-column: 1 / -1; }
.notice-editor-grid label,
.digital-notice-editor label {
    color: #111827;
    font-weight: 900;
}
.notice-editor-grid input,
.notice-editor-grid textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #d7dee8;
    color: #111827;
    border-radius: 16px;
    padding: 13px 14px;
    box-shadow: 0 10px 24px rgba(15,23,42,.045);
}
.notice-editor-grid textarea {
    min-height: 135px;
    resize: vertical;
    line-height: 1.55;
}
.notice-editor-section {
    padding: 20px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid #e7eaf0;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
}
.notice-editor-section h3 {
    margin: 0 0 16px;
    color: #111827;
    letter-spacing: -.5px;
}
.notice-table-preview-card {
    margin-top: 18px;
    padding: 16px;
    border-radius: 24px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
}
.notice-table-preview-card h4,
.notice-table-preview-card p { margin: 0; color: #111827; }
.notice-table-preview-card p { color: #64748b; margin: 4px 0 14px; }
.notice-save-bottom { width: max-content; }

.credit-notice-sheet {
    background: #ffffff;
    color: #111827;
    border: 1px solid #111827;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 55px rgba(15,23,42,.08);
    font-size: 14px;
}
.credit-notice-sheet * { color: inherit; }
.credit-notice-topline {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) auto;
    align-items: stretch;
    border-bottom: 1px solid #111827;
    min-height: 70px;
}
.credit-notice-topline b {
    display: grid;
    place-items: center;
    background: #050505;
    color: #fff;
    font-size: 26px;
    letter-spacing: .22em;
}
.credit-notice-topline span {
    display: flex;
    align-items: center;
    padding: 16px;
    font-weight: 1000;
    font-size: 18px;
    line-height: 1.15;
}
.credit-notice-topline em {
    padding: 12px;
    color: #374151;
    font-style: normal;
    white-space: nowrap;
    font-size: 12px;
}
.credit-notice-row,
.credit-notice-question {
    display: grid;
    grid-template-columns: 190px minmax(0,1fr);
    border-bottom: 1px solid #111827;
}
.credit-notice-row strong,
.credit-notice-question strong {
    background: #e5e7eb;
    padding: 12px 14px;
    font-size: 16px;
}
.credit-notice-row p,
.credit-notice-question p {
    padding: 12px 14px;
    margin: 0;
    line-height: 1.45;
}
.credit-notice-question strong { background: #d1d5db; }
.credit-notice-section-title {
    background: #6b7280;
    color: #fff !important;
    padding: 8px 12px;
    font-weight: 1000;
    border-bottom: 1px solid #111827;
}
.credit-notice-ack {
    padding: 16px;
    text-align: center;
    font-weight: 900;
    border-bottom: 1px solid #111827;
}
.credit-notice-table-wrap { overflow-x: auto; border-bottom: 1px solid #111827; }
.credit-notice-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    color: #111827;
    min-width: 720px;
}
.credit-notice-table th {
    background: #6b7280;
    color: #fff;
    border-right: 1px solid #111827;
    padding: 12px;
    font-weight: 1000;
    text-align: center;
}
.credit-notice-table td {
    border-top: 1px solid #111827;
    border-right: 1px solid #111827;
    padding: 12px;
    vertical-align: top;
    color: #111827;
}
.credit-notice-table td:nth-child(2),
.credit-notice-table td:nth-child(3) {
    text-align: center;
    font-weight: 900;
    width: 170px;
}
.credit-notice-table span { color: #374151; }

.credit-notice-step {
    display: grid;
    gap: 18px;
}
.credit-notice-step-head {
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, #eef8ff, #fff7ed);
    border: 1px solid rgba(14,165,233,.20);
}
.credit-notice-step-head h3,
.credit-notice-step-head p { margin: 0; color: #111827; }
.credit-notice-step-head p { margin-top: 6px; color: #64748b; line-height: 1.5; }
.application-step-title {
    margin-bottom: 16px;
}
.credit-notice-confirm-box {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 24px;
    background: #07111f;
    border: 1px solid rgba(14,165,233,.32);
    box-shadow: 0 18px 45px rgba(2, 6, 23, .20);
}
.credit-notice-confirm-box label {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #fff !important;
    font-weight: 900;
    line-height: 1.45;
}
.credit-notice-confirm-box input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #38bdf8;
}
.credit-continue-btn {
    border: 0;
    border-radius: 999px;
    padding: 13px 20px;
    font-weight: 1000;
    color: #07111f;
    background: linear-gradient(135deg, #38bdf8, #a7f3d0);
    box-shadow: 0 16px 40px rgba(56,189,248,.28);
    cursor: pointer;
}
.credit-continue-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
    filter: grayscale(.25);
}
.credit-continue-btn.is-ready {
    transform: translateY(-1px);
}
.privacy-notice-readonly .credit-notice-sheet {
    max-height: 640px;
    overflow-y: auto;
}

@media(max-width: 900px){
    .notice-editor-toolbar { flex-direction: column; align-items: flex-start; }
    .notice-editor-grid { grid-template-columns: 1fr; }
    .credit-notice-topline { grid-template-columns: 1fr; }
    .credit-notice-topline b { min-height: 56px; }
    .credit-notice-topline em { padding-top: 0; }
    .credit-notice-row,
    .credit-notice-question { grid-template-columns: 1fr; }
    .credit-notice-row strong,
    .credit-notice-question strong { border-bottom: 1px solid #111827; }
}

/* =========================================================
   Inventory Record Search + Category Filter + Pagination Pro
   ========================================================= */
.inventory-title-row-pro {
    align-items: flex-start;
}

.inventory-record-count {
    margin: 6px 0 0;
    color: #6b7280;
    font-weight: 800;
    font-size: 13px;
}

.inventory-filter-pro {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) minmax(190px, .8fr) auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
    margin: 0 0 16px;
    border-radius: 24px;
    border: 1px solid #e8e8ef;
    background:
      radial-gradient(circle at 10% 10%, rgba(56, 189, 248, .15), transparent 28%),
      radial-gradient(circle at 88% 15%, rgba(143, 69, 255, .12), transparent 30%),
      linear-gradient(180deg, #ffffff, #f8f9ff);
    box-shadow: 0 16px 42px rgba(17, 17, 17, .065);
}

.inventory-filter-pro label {
    display: block;
    margin: 0 0 7px;
    color: #111827;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.inventory-filter-pro input,
.inventory-filter-pro select {
    width: 100%;
    height: 48px;
    border-radius: 16px;
    border: 1px solid #dfe3ee;
    background: rgba(255,255,255,.92);
    color: #111827;
    font-weight: 800;
    outline: 0;
    padding: 0 14px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(17,17,17,.035);
}

.inventory-filter-pro input:focus,
.inventory-filter-pro select:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 0 4px rgba(56,189,248,.18), 0 8px 20px rgba(17,17,17,.04);
}

.inventory-filter-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.inventory-filter-actions button,
.inventory-filter-actions a {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 999px;
    font-weight: 1000;
    text-decoration: none;
}

.inventory-filter-actions button {
    border: 0;
    color: #061018 !important;
    background: linear-gradient(135deg, #38bdf8, #a78bfa);
    box-shadow: 0 14px 28px rgba(56,189,248,.23);
}

.inventory-filter-actions a {
    color: #111827 !important;
    background: #ffffff;
    border: 1px solid #dfe3ee;
}

.inventory-active-filter-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    margin: -3px 0 14px;
    border-radius: 18px;
    background: #0b0b11;
    color: #fff;
    border: 1px solid rgba(255,255,255,.08);
}

.inventory-active-filter-strip span {
    color: #9ca3af;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.inventory-active-filter-strip b {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(143,69,255,.22));
    color: #f8fafc;
    font-size: 12px;
}

.inventory-active-filter-strip i {
    margin-left: auto;
    color: #fbbf24;
    font-weight: 900;
    font-style: normal;
    font-size: 12px;
}

.inventory-pagination-pro {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ececf4;
}

.inventory-pagination-pro span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    color: #6b7280;
    font-weight: 900;
}

.category-meter-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.category-meter-link:hover {
    transform: translateY(-2px);
    border-color: rgba(56,189,248,.55);
    box-shadow: 0 16px 34px rgba(56,189,248,.13);
}

@media(max-width: 920px) {
    .inventory-filter-pro {
        grid-template-columns: 1fr;
    }

    .inventory-filter-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .inventory-active-filter-strip i {
        margin-left: 0;
        width: 100%;
    }
}

/* =========================================================
   Inventory Record - Online/Offline, Delete, Service Records
   ========================================================= */
.inventory-listing-offline {
    border-color: rgba(14, 165, 233, .28) !important;
    background: linear-gradient(180deg, #ffffff, #f0f9ff) !important;
}

.inventory-online-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.inventory-online-pill.online {
    color: #052e16;
    background: linear-gradient(135deg, #86efac, #22c55e);
    box-shadow: 0 8px 22px rgba(34, 197, 94, .18);
}

.inventory-online-pill.offline {
    color: #082f49;
    background: linear-gradient(135deg, #bae6fd, #38bdf8);
    box-shadow: 0 8px 22px rgba(56, 189, 248, .2);
}

.inventory-service-mini,
.inventory-invested-total-mini {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}

.inventory-service-mini {
    color: #7c3aed;
}

.inventory-invested-total-mini {
    color: #111827;
    font-size: 13px;
}

.inventory-row-actions-pro {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    justify-content: center;
}

.inventory-row-actions-pro form {
    margin: 0;
}

.inventory-row-actions-pro button,
.inventory-zero-form button {
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 10px 13px;
    font-weight: 1000;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.inventory-row-actions-pro button:hover,
.inventory-zero-form button:hover {
    transform: translateY(-1px);
}

.inventory-online-toggle.online {
    color: #082f49;
    background: linear-gradient(135deg, #e0f2fe, #7dd3fc);
    box-shadow: 0 10px 24px rgba(14, 165, 233, .16);
}

.inventory-online-toggle.offline {
    color: #052e16;
    background: linear-gradient(135deg, #dcfce7, #86efac);
    box-shadow: 0 10px 24px rgba(34, 197, 94, .16);
}

.inventory-delete-btn {
    color: #be123c !important;
    background: linear-gradient(135deg, #fff1f2, #ffe4e6) !important;
    border: 1px solid #fecdd3 !important;
}

.inventory-service-drawer {
    grid-column: 1 / -1;
    margin-top: 14px;
    border-radius: 24px;
    border: 1px solid rgba(124, 58, 237, .18);
    background: linear-gradient(135deg, #ffffff, #f8f7ff 52%, #fff7ed);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    overflow: hidden;
}

.inventory-service-drawer summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    list-style: none;
    cursor: pointer;
    padding: 16px 18px;
    color: #111827;
}

.inventory-service-drawer summary::-webkit-details-marker {
    display: none;
}

.inventory-service-drawer summary span {
    font-weight: 1000;
    letter-spacing: -.2px;
}

.inventory-service-drawer summary b {
    padding: 8px 11px;
    border-radius: 999px;
    background: #fff;
    color: #7c3aed;
    border: 1px solid rgba(124, 58, 237, .18);
    font-size: 12px;
}

.inventory-service-drawer summary i {
    font-style: normal;
    color: #111827;
    background: linear-gradient(135deg, #7dd3fc, #a78bfa);
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 1000;
}

.inventory-service-drawer[open] summary i {
    background: linear-gradient(135deg, #ffedd5, #fdba74);
}

.inventory-service-drawer[open] summary i::before {
    content: "Close ";
}

.inventory-service-body {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);
    gap: 16px;
    padding: 0 18px 18px;
}

.inventory-service-existing,
.inventory-service-form {
    border-radius: 22px;
    border: 1px solid #ececf5;
    background: rgba(255,255,255,.88);
    padding: 16px;
}

.inventory-service-empty {
    margin: 0;
    color: #6b7280;
    font-weight: 800;
}

.inventory-service-record-card {
    display: grid;
    gap: 8px;
    padding: 13px;
    border-radius: 18px;
    background: #0b0b11;
    color: #fff;
    margin-bottom: 10px;
    border: 1px solid rgba(255,255,255,.08);
}

.inventory-service-record-card div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.inventory-service-record-card strong {
    color: #fff;
}

.inventory-service-record-card span {
    color: #cbd5e1;
    font-weight: 800;
    font-size: 12px;
}

.inventory-service-record-card b {
    color: #7dd3fc;
    font-size: 18px;
}

.inventory-service-record-card p {
    margin: 0;
    color: #e5e7eb;
    line-height: 1.45;
}

.inventory-service-record-card em {
    color: #fdba74;
    font-style: normal;
    font-weight: 900;
}

.inventory-service-form h4 {
    margin: 0 0 4px;
    color: #111827;
    font-size: 22px;
    letter-spacing: -.5px;
}

.inventory-service-form > p {
    margin: 0 0 14px;
    color: #6b7280;
    font-weight: 700;
}

.inventory-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.inventory-service-form label {
    display: grid;
    gap: 7px;
    color: #111827;
    font-weight: 900;
    margin-bottom: 12px;
}

.inventory-service-form input,
.inventory-service-form textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #dedee8;
    background: #fff;
    color: #111827;
    padding: 12px 13px;
    font-weight: 700;
}

.inventory-service-form textarea {
    min-height: 82px;
    resize: vertical;
}

.inventory-service-save {
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 13px 16px;
    color: #111827;
    background: linear-gradient(135deg, #7dd3fc, #a78bfa, #fdba74);
    font-weight: 1000;
    box-shadow: 0 15px 34px rgba(124, 58, 237, .2);
}

@media(max-width:1100px) {
    .inventory-service-body {
        grid-template-columns: 1fr;
    }

    .inventory-row-actions-pro {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .inventory-row-actions-pro form {
        flex: 1 1 140px;
    }
}

@media(max-width:700px) {
    .inventory-service-grid {
        grid-template-columns: 1fr;
    }

    .inventory-service-drawer summary {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   Inventory Service / Parts Records - Private images + delete
   ========================================================= */
.inventory-service-record-card-with-delete{
  position:relative;
  padding-right:56px!important;
}
.inventory-service-delete-form{
  position:absolute;
  top:12px;
  right:12px;
  margin:0!important;
  z-index:3;
}
.inventory-service-delete-form button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin:0!important;
  display:grid;
  place-items:center;
  border:1px solid rgba(225,29,72,.22)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff1f2,#ffe4e6)!important;
  color:#be123c!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 12px 26px rgba(190,18,60,.12)!important;
  cursor:pointer;
}
.inventory-service-delete-form button:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#be123c,#fb7185)!important;
  color:#fff!important;
}
.inventory-service-image-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr));
  gap:10px;
  margin-top:14px;
}
.inventory-service-image-grid a{
  display:block;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.1);
  background:#f8fafc;
  box-shadow:0 10px 24px rgba(15,23,42,.07);
  aspect-ratio:1 / 1;
}
.inventory-service-image-grid img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:linear-gradient(135deg,#ffffff,#f4f7fb);
}
.inventory-service-upload-box{
  margin-top:14px;
  padding:16px;
  border-radius:24px;
  border:1px dashed rgba(14,165,233,.42);
  background:linear-gradient(135deg,#f0f9ff,#ffffff 58%,#f8f5ff);
}
.inventory-service-upload-box label{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:#0f172a!important;
  font-weight:1000!important;
  margin-bottom:10px!important;
}
.inventory-service-upload-box label small{
  color:#0369a1!important;
  font-weight:900!important;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.18);
  padding:6px 9px;
  border-radius:999px;
}
.inventory-service-images-input{
  width:100%!important;
  padding:13px!important;
  border-radius:18px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#fff!important;
  color:#0f172a!important;
}
.inventory-service-image-count{
  margin-top:10px;
  color:#475569;
  font-weight:900;
  font-size:13px;
}
.inventory-service-image-preview{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(105px,1fr));
  gap:12px;
  margin-top:12px;
}
.inventory-service-preview-item{
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 12px 26px rgba(15,23,42,.07);
}
.inventory-service-preview-item img{
  width:100%;
  height:92px;
  display:block;
  object-fit:contain;
  background:#f8fafc;
}
.inventory-service-preview-item span{
  display:block;
  padding:7px 8px;
  color:#334155!important;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inventory-service-body::before{
  content:'Private dealer-only records. These costs, notes, receipts, and work images are not shown on the public listing.';
  display:block;
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,#0f172a,#312e81);
  color:#e0f2fe;
  font-weight:900;
  line-height:1.4;
}
@media(max-width:700px){
  .inventory-service-upload-box label{
    align-items:flex-start;
    flex-direction:column;
  }
  .inventory-service-image-preview,
  .inventory-service-image-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* =========================================================
   Inventory Service / Parts Records - Update existing record
   ========================================================= */
.inventory-service-body::before{
  grid-column:1 / -1!important;
  display:inline-flex!important;
  width:fit-content!important;
  max-width:100%!important;
  align-items:center!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  line-height:1.25!important;
  box-sizing:border-box!important;
}

.inventory-service-update-box{
  margin-top:12px;
  border-radius:18px;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(255,255,255,.06);
  overflow:hidden;
}
.inventory-service-update-box summary{
  list-style:none;
  cursor:pointer;
  padding:10px 12px;
  color:#111827!important;
  background:linear-gradient(135deg,#7dd3fc,#a78bfa,#fdba74);
  font-weight:1000;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:9px;
  min-width:112px;
  box-shadow:0 12px 26px rgba(14,165,233,.16);
}
.inventory-service-update-box summary::-webkit-details-marker{display:none;}
.inventory-service-update-form{
  padding:12px;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
}
.inventory-service-record-card .inventory-service-update-form div,
.inventory-service-record-card .inventory-service-existing-images-edit div,
.inventory-service-record-card .inventory-service-image-preview,
.inventory-service-record-card .inventory-service-remove-image-card{
  display:initial;
  align-items:initial;
  justify-content:initial;
  gap:initial;
}
.inventory-service-update-form label{
  display:grid!important;
  gap:7px!important;
  margin-bottom:10px!important;
  color:#e5e7eb!important;
  font-weight:900!important;
}
.inventory-service-update-form input,
.inventory-service-update-form textarea{
  width:100%!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#fff!important;
  color:#111827!important;
  padding:11px 12px!important;
  font-weight:800!important;
}
.inventory-service-update-form textarea{
  min-height:74px!important;
  resize:vertical;
}
.inventory-service-grid.compact{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px!important;
}
.inventory-service-existing-images-edit{
  margin-top:12px;
  padding:12px;
  border-radius:18px;
  background:rgba(15,23,42,.48);
  border:1px solid rgba(255,255,255,.08);
}
.inventory-service-existing-images-edit > span{
  display:block;
  margin-bottom:10px;
  color:#7dd3fc!important;
  font-weight:1000;
}
.inventory-service-existing-images-edit > div{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr));
  gap:10px!important;
}
.inventory-service-remove-image-card{
  position:relative;
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(255,255,255,.16);
  cursor:pointer;
}
.inventory-service-remove-image-card img{
  width:100%;
  height:82px;
  object-fit:contain;
  background:#f8fafc;
  display:block;
}
.inventory-service-remove-image-card input{
  position:absolute;
  top:7px;
  right:7px;
  width:18px!important;
  height:18px!important;
  padding:0!important;
  accent-color:#e11d48;
}
.inventory-service-remove-image-card b{
  display:block;
  padding:6px 8px;
  color:#be123c!important;
  font-size:11px!important;
  text-align:center;
}
.inventory-service-upload-box-compact{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(14,165,233,.25)!important;
  border-radius:18px!important;
  padding:12px!important;
}
.inventory-service-update-save{
  width:100%!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 14px!important;
  color:#111827!important;
  background:linear-gradient(135deg,#7dd3fc,#a78bfa,#fdba74)!important;
  font-weight:1000!important;
  box-shadow:0 12px 28px rgba(14,165,233,.18)!important;
  margin-top:10px!important;
}
@media(max-width:700px){
  .inventory-service-grid.compact{
    grid-template-columns:1fr;
  }
  .inventory-service-body::before{
    border-radius:18px!important;
  }
}

/* =========================================================
   Dealer Deals - Pro sales deal manager
   ========================================================= */
.deals-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
    padding: 28px;
    border-radius: 32px;
    color: #fff;
    background: radial-gradient(circle at 88% 0%, rgba(56,189,248,.55), transparent 32%), radial-gradient(circle at 25% 100%, rgba(143,69,255,.45), transparent 34%), linear-gradient(135deg,#06070d,#121426 48%,#251208);
    box-shadow: 0 24px 70px rgba(3,7,18,.22);
    overflow: hidden;
    position: relative;
}
.deals-hero h1 {
    margin: 8px 0;
    font-size: clamp(34px,5vw,58px);
    line-height: .95;
    letter-spacing: -2px;
}
.deals-hero p {
    max-width: 780px;
    margin: 0;
    color: #d9e6f7;
    line-height: 1.6;
}
.deal-stat-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.deal-stat {
    padding: 20px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid #e6e8f1;
    box-shadow: 0 16px 46px rgba(15,23,42,.07);
    position: relative;
    overflow: hidden;
}
.deal-stat:before {
    content: "";
    position: absolute;
    width: 108px;
    height: 108px;
    right: -36px;
    top: -38px;
    border-radius: 999px;
    opacity: .16;
}
.deal-stat.open:before { background: #38bdf8; }
.deal-stat.pending:before { background: #ff7a18; }
.deal-stat.closed:before { background: #8f45ff; }
.deal-stat span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.deal-stat b {
    display: block;
    margin-top: 8px;
    color: #0f172a;
    font-size: 40px;
    line-height: 1;
}
.deal-editor-card,
.deals-record-card {
    margin-bottom: 18px;
    padding: 22px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #e6e8f1;
    box-shadow: 0 20px 60px rgba(15,23,42,.08);
}
.deal-editor-head,
.deals-record-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 20px;
}
.deal-editor-head h2,
.deals-record-head h2 {
    margin: 0;
    font-size: 30px;
    color: #0f172a;
    letter-spacing: -1px;
}
.deal-editor-head p,
.deals-record-head p {
    margin: 6px 0 0;
    color: #64748b;
    line-height: 1.55;
}
.deal-mini-link,
.deal-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 14px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f172a !important;
    border: 1px solid #bae6fd;
    font-weight: 1000;
    text-decoration: none;
}
.deal-section-title {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 24px 0 14px;
    padding: 14px;
    border-radius: 22px;
    background: linear-gradient(135deg,#f8fafc,#eef2ff);
    border: 1px solid #e6e8f1;
}
.deal-section-title span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: linear-gradient(135deg,#38bdf8,#8f45ff);
    color: #fff;
    font-weight: 1000;
    box-shadow: 0 10px 26px rgba(56,189,248,.28);
}
.deal-section-title h3 {
    margin: 0;
    color: #0f172a;
    font-size: 20px;
}
.deal-section-title p {
    margin: 2px 0 0;
    color: #64748b;
}
.deal-contact-actions,
.deal-sale-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}
.deal-contact-actions span,
.deal-sale-types label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e6e8f1;
    color: #0f172a;
    font-weight: 900;
}
.deal-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}
.deal-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.deal-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.deal-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.deal-grid.five { grid-template-columns: repeat(5,minmax(0,1fr)); }
.deal-form-pro label,
.deal-full,
.deal-check {
    display: grid;
    gap: 7px;
    color: #0f172a;
    font-size: 13px;
    font-weight: 1000;
}
.deal-check {
    display: inline-flex;
    align-items: center;
    margin: 8px 0 12px;
    padding: 10px 12px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
}
.deal-form-pro input,
.deal-form-pro select,
.deal-form-pro textarea,
.deal-filter-form input,
.deal-filter-form select {
    width: 100%;
    border: 1px solid #dbe2ee;
    border-radius: 16px;
    background: #fff;
    color: #0f172a;
    padding: 13px 14px;
    font-weight: 800;
    outline: none;
    box-shadow: 0 10px 22px rgba(15,23,42,.04);
}
.deal-form-pro textarea {
    min-height: 96px;
    resize: vertical;
}
.deal-actions-main {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.deals-record-head {
    align-items: center;
}
.deal-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}
.deal-filter-form input { min-width: 260px; }
.deal-filter-form select { width: auto; min-width: 150px; }
.deal-filter-form button,
.deal-filter-form a {
    border: 0;
    border-radius: 999px;
    padding: 12px 14px;
    font-weight: 1000;
    background: #0f172a;
    color: #fff !important;
    text-decoration: none;
}
.deal-filter-form a {
    background: #f1f5f9;
    color: #0f172a !important;
    border: 1px solid #e2e8f0;
}
.deals-accordion-list {
    display: grid;
    gap: 12px;
}
.deal-row {
    border: 1px solid #e6e8f1;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg,#fff,#fbfdff);
    box-shadow: 0 12px 34px rgba(15,23,42,.055);
}
.deal-row-summary {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding: 15px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.deal-caret {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(135deg,#38bdf8,#8f45ff);
    color: #fff;
    font-size: 24px;
    font-weight: 1000;
    transition: transform .18s ease;
}
.deal-row-summary.open .deal-caret { transform: rotate(90deg); }
.deal-row-main {
    display: grid;
    gap: 3px;
    min-width: 0;
}
.deal-row-main b {
    color: #0f172a;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.deal-row-main small {
    color: #64748b;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.deal-row-price {
    color: #0f172a;
    font-size: 18px;
    font-weight: 1000;
}
.deal-status-pill {
    padding: 8px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.deal-status-pill.open { background: #e0f2fe; color: #075985; }
.deal-status-pill.pending { background: #fff7ed; color: #9a3412; }
.deal-status-pill.closed { background: #ecfdf5; color: #047857; }
.deal-status-pill.cancelled { background: #fff1f2; color: #be123c; }
.deal-row-panel {
    display: none;
    padding: 0 15px 15px;
}
.deal-row-panel.open { display: block; }
.deal-panel-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    padding-top: 4px;
}
.deal-panel-grid > div {
    display: grid;
    gap: 4px;
    padding: 14px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6e8f1;
}
.deal-panel-grid small {
    color: #64748b;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.deal-panel-grid b { color: #0f172a; }
.deal-panel-grid span { color: #475569; font-weight: 800; }
.deal-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.deal-row-actions form { margin: 0; }
.deal-row-actions button,
.deal-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 10px 12px;
    background: #0f172a;
    color: #fff !important;
    font-weight: 1000;
    text-decoration: none;
}
.deal-edit-btn { background: linear-gradient(135deg,#38bdf8,#8f45ff); }
.deal-delete-btn { background: #fff1f2 !important; color: #be123c !important; border: 1px solid #fecdd3 !important; }
.deal-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
}
.deal-pagination a {
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 999px;
    background: #f8fafc;
    color: #0f172a !important;
    border: 1px solid #e6e8f1;
    font-weight: 1000;
    text-decoration: none;
}
.deal-pagination a.on {
    background: linear-gradient(135deg,#38bdf8,#8f45ff);
    color: #fff !important;
}
@media(max-width:1100px){
    .deal-grid.five,.deal-grid.four,.deal-grid.three,.deal-panel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .deals-record-head { align-items: flex-start; flex-direction: column; }
    .deal-filter-form { justify-content: flex-start; width: 100%; }
}
@media(max-width:720px){
    .deals-hero { flex-direction: column; }
    .deal-stat-grid,.deal-grid.two,.deal-grid.three,.deal-grid.four,.deal-grid.five,.deal-panel-grid { grid-template-columns: 1fr; }
    .deal-editor-head { flex-direction: column; }
    .deal-row-summary { grid-template-columns: auto minmax(0,1fr); }
    .deal-row-price,.deal-status-pill { grid-column: 2; justify-self: start; }
    .deal-filter-form input,.deal-filter-form select { width: 100%; min-width: 0; }
}

/* =========================================================
   Deals Create/Edit - Accordion + Live Summary Pro UI
   ========================================================= */
.deal-builder-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:18px;
    align-items:start;
}
.deal-accordion-wrap{
    display:grid;
    gap:14px;
}
.deal-accordion-section{
    border:1px solid rgba(15,23,42,.10);
    border-radius:26px;
    background:linear-gradient(180deg,#ffffff,#fbfbff);
    box-shadow:0 16px 42px rgba(15,23,42,.06);
    overflow:hidden;
}
.deal-accordion-section summary{
    list-style:none;
    cursor:pointer;
    padding:18px;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:74px;
    background:linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#fff7ef 100%);
}
.deal-accordion-section summary::-webkit-details-marker{display:none;}
.deal-accordion-section summary h3{
    margin:0 0 3px;
    color:#0f172a;
    font-size:20px;
    letter-spacing:-.5px;
}
.deal-accordion-section summary p{
    margin:0;
    color:#64748b;
    font-weight:700;
    line-height:1.35;
}
.deal-step-badge{
    width:42px;
    height:42px;
    border-radius:16px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    color:#020617;
    font-weight:1000;
    background:linear-gradient(135deg,#38d5ff,#8f45ff);
    box-shadow:0 12px 24px rgba(56,213,255,.22);
}
.deal-open-arrow{
    margin-left:auto;
    width:38px;
    height:38px;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,#111827,#8f45ff);
    transition:transform .18s ease;
}
.deal-accordion-section[open] .deal-open-arrow{transform:rotate(180deg);}
.deal-accordion-body{
    padding:18px;
    border-top:1px solid rgba(15,23,42,.08);
}
.deal-summary-card{
    position:relative;
}
.deal-summary-sticky{
    position:sticky;
    top:90px;
    max-height:calc(100vh - 110px);
    overflow:auto;
    border-radius:30px;
    background:linear-gradient(180deg,#080913,#151022 58%,#241007 100%);
    color:#fff;
    padding:18px;
    box-shadow:0 26px 70px rgba(15,23,42,.26);
    border:1px solid rgba(255,255,255,.12);
}
.deal-summary-head{
    padding:6px 4px 14px;
    border-bottom:1px solid rgba(255,255,255,.12);
    margin-bottom:10px;
}
.deal-summary-head span{
    display:inline-flex;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(56,213,255,.15);
    border:1px solid rgba(56,213,255,.25);
    color:#8ee8ff;
    font-size:12px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.deal-summary-head h3{
    margin:12px 0 4px;
    color:#fff;
    font-size:30px;
    letter-spacing:-1px;
}
.deal-summary-head p{
    margin:0;
    color:#cbd5e1;
    line-height:1.5;
}
.deal-summary-lines{
    display:grid;
    gap:7px;
}
.deal-summary-lines div,
.deal-summary-lines label{
    display:grid;
    grid-template-columns:minmax(0,1fr) 125px;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border-radius:16px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.075);
    margin:0;
}
.deal-summary-lines span{
    color:#e2e8f0;
    font-size:13px;
    font-weight:800;
}
.deal-summary-lines b{
    color:#fff;
    font-size:14px;
    text-align:right;
    font-weight:1000;
}
.deal-summary-lines input,
.deal-summary-lines select{
    width:100%;
    min-height:36px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.92);
    color:#0f172a !important;
    padding:8px 9px;
    font-weight:900;
    text-align:right;
}
.deal-summary-lines select{text-align:left;}
.deal-summary-lines .em{
    background:rgba(56,213,255,.13);
    border-color:rgba(56,213,255,.25);
}
.deal-summary-lines .total{
    background:linear-gradient(135deg,rgba(143,69,255,.28),rgba(56,213,255,.15));
    border-color:rgba(255,255,255,.18);
}
.deal-summary-lines .total span,
.deal-summary-lines .total b{
    font-size:15px;
}
.deal-summary-lines .hot-line{
    background:linear-gradient(135deg,rgba(255,122,24,.34),rgba(143,69,255,.24));
}
.deal-form-pro .deal-actions-main{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(15,23,42,.08);
}
@media(max-width:1120px){
    .deal-builder-layout{grid-template-columns:1fr;}
    .deal-summary-sticky{position:static;max-height:none;}
}
@media(max-width:720px){
    .deal-accordion-section summary{align-items:flex-start;padding:15px;}
    .deal-open-arrow{width:34px;height:34px;}
    .deal-summary-lines div,
    .deal-summary-lines label{grid-template-columns:1fr;}
    .deal-summary-lines b{text-align:left;}
    .deal-summary-lines input{text-align:left;}
}

/* =========================================================
   Deals - Fees & Taxes modal + live summary update
   ========================================================= */
.deal-tax-launch-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 18px;
    margin: 16px 0;
    border-radius: 24px;
    background: linear-gradient(135deg, #061725, #0d2b3f 48%, #102044);
    border: 1px solid rgba(125, 211, 252, .28);
    box-shadow: 0 18px 44px rgba(2, 6, 23, .16);
    color: #ffffff;
}

.deal-tax-launch-card span {
    display: inline-flex;
    width: max-content;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(125, 211, 252, .14);
    border: 1px solid rgba(125, 211, 252, .28);
    color: #bae6fd;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.deal-tax-launch-card b {
    display: block;
    margin-top: 10px;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: -.4px;
}

.deal-tax-launch-card p {
    max-width: 820px;
    margin: 6px 0 0;
    color: #dbeafe;
    line-height: 1.55;
}

.deal-tax-open-btn,
.deal-tax-done {
    border: 0;
    border-radius: 999px;
    padding: 13px 18px;
    background: linear-gradient(135deg, #7dd3fc, #fb923c);
    color: #07111d !important;
    font-weight: 1000;
    box-shadow: 0 15px 34px rgba(125, 211, 252, .24);
    white-space: nowrap;
    cursor: pointer;
}

.deal-tax-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.deal-tax-modal.open {
    display: flex;
}

.deal-tax-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, .78);
    backdrop-filter: blur(10px);
}

.deal-tax-modal-panel {
    position: relative;
    width: min(1180px, 96vw);
    max-height: 92vh;
    overflow: hidden;
    border-radius: 34px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px solid rgba(226, 232, 240, .95);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .42);
    color: #0f172a;
}

.deal-tax-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    background: radial-gradient(circle at 10% 0%, rgba(125, 211, 252, .34), transparent 38%),
                radial-gradient(circle at 100% 0%, rgba(251, 146, 60, .28), transparent 35%),
                #08111f;
    color: #ffffff;
}

.deal-tax-modal-head span {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .16);
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.deal-tax-modal-head h3 {
    margin: 10px 0 5px;
    font-size: clamp(28px, 5vw, 46px);
    letter-spacing: -1.5px;
    color: #ffffff;
}

.deal-tax-modal-head p {
    margin: 0;
    max-width: 760px;
    color: #dbeafe;
    line-height: 1.55;
}

.deal-tax-close {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: #ffffff !important;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.deal-tax-modal-body {
    max-height: calc(92vh - 190px);
    overflow: auto;
    padding: 24px;
}

.deal-tax-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.deal-tax-grid label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, .045);
    color: #111827;
    font-weight: 900;
}

.deal-tax-grid label small {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.deal-tax-grid input {
    width: 100%;
    border-radius: 14px;
    border: 1px solid #dbe1ea;
    background: #f8fafc;
    color: #0f172a;
    padding: 12px;
    font-weight: 900;
}

.deal-tax-modal-foot {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px 24px;
    background: #ffffff;
}

body.deal-tax-modal-active {
    overflow: hidden;
}

.deal-tax-breakdown {
    display: none;
    background: #f8fafc !important;
    border-style: dashed !important;
}

.deal-tax-breakdown span {
    color: #64748b !important;
}

.deal-tax-breakdown b {
    color: #0f172a !important;
}

@media(max-width: 980px) {
    .deal-tax-launch-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .deal-tax-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width: 620px) {
    .deal-tax-modal {
        padding: 8px;
    }

    .deal-tax-modal-panel {
        width: 100%;
        max-height: 96vh;
        border-radius: 24px;
    }

    .deal-tax-modal-head,
    .deal-tax-modal-body,
    .deal-tax-modal-foot {
        padding-left: 16px;
        padding-right: 16px;
    }

    .deal-tax-grid {
        grid-template-columns: 1fr;
    }

    .deal-tax-open-btn,
    .deal-tax-done {
        width: 100%;
    }
}

/* =========================================================
   Dealer Deals - Form Folders Pro UI
   ========================================================= */
.deal-form-folders-section .deal-accordion-body {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.deal-form-folder-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 18px 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, #07111f, #1f1240 55%, #2b1506);
    color: #ffffff;
    box-shadow: 0 16px 36px rgba(17, 24, 39, .14);
}

.deal-form-folder-intro span {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(125, 211, 252, .18);
    color: #7dd3fc;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.deal-form-folder-intro b {
    display: block;
    margin-top: 8px;
    font-size: 24px;
    letter-spacing: -.7px;
}

.deal-form-folder-intro p {
    margin: 6px 0 0;
    color: #dbeafe;
    line-height: 1.5;
}

.deal-form-folder-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.deal-form-folder-card {
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .07);
    overflow: hidden;
}

.deal-form-folder-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    background: linear-gradient(135deg, #f8fafc, #eef2ff);
    border-bottom: 1px solid #e5e7eb;
}

.deal-form-folder-head span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 1000;
    color: #7c3aed;
}

.deal-form-folder-head h4 {
    margin: 5px 0 0;
    font-size: 20px;
    color: #0f172a;
    letter-spacing: -.5px;
}

.deal-select-folder-btn {
    width: auto !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    background: #7dd3fc !important;
    color: #020617 !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    white-space: nowrap;
}

.deal-form-checkbox-list {
    display: grid;
    gap: 8px;
    padding: 16px;
    max-height: 420px;
    overflow: auto;
}

.deal-form-check {
    display: grid !important;
    grid-template-columns: 22px 1fr;
    align-items: start;
    gap: 10px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.deal-form-check:hover {
    transform: translateY(-1px);
    border-color: rgba(124, 58, 237, .28);
    background: #ffffff;
}

.deal-form-check input {
    width: 18px !important;
    height: 18px !important;
    margin-top: 1px !important;
    accent-color: #7c3aed;
}

.deal-form-check span {
    color: #111827;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 800;
}

.deal-panel-grid > div small + b + span {
    display: block;
}

@media (max-width: 980px) {
    .deal-form-folder-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .deal-form-folder-head {
        flex-direction: column;
    }

    .deal-select-folder-btn {
        width: max-content !important;
    }
}

/* =========================================================
   Deals Form Library + Printable Paperwork Package
   ========================================================= */
.deal-editor-head-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.deal-hidden-form {
    display: none !important;
}
.deal-form-library-manager {
    margin-top: 22px;
    padding: 18px;
    border-radius: 26px;
    background: linear-gradient(135deg, #f8fbff, #fff7ed);
    border: 1px solid rgba(143, 69, 255, .16);
    box-shadow: 0 18px 45px rgba(17, 24, 39, .07);
}
.deal-form-library-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.deal-form-library-head span {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(14, 165, 233, .13);
    color: #075985;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 11px;
}
.deal-form-library-head b {
    display: block;
    margin-top: 7px;
    color: #111827;
    font-size: 21px;
    letter-spacing: -.6px;
}
.deal-form-library-head p {
    margin: 5px 0 0;
    color: #5b6473;
    line-height: 1.5;
}
.deal-form-library-head code {
    padding: 2px 6px;
    border-radius: 8px;
    background: #111827;
    color: #fff;
    font-size: 12px;
}
.deal-custom-form-box {
    padding: 16px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #e7eaf3;
}
.deal-custom-form-box textarea {
    min-height: 120px;
    resize: vertical;
}
.deal-library-add-btn {
    width: auto !important;
    margin-top: 12px !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0ea5e9, #8f45ff) !important;
    color: #fff !important;
    font-weight: 1000 !important;
    box-shadow: 0 14px 35px rgba(14, 165, 233, .22);
}
.custom-form-check span b {
    display: inline-flex;
    margin-right: 6px;
    padding: 3px 6px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #075985;
    font-size: 10px;
    text-transform: uppercase;
}
.deal-custom-form-list {
    display: grid;
    gap: 9px;
    margin-top: 14px;
}
.deal-custom-form-row {
    display: grid;
    grid-template-columns: 140px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    border: 1px solid #e7eaf3;
}
.deal-custom-form-row span {
    color: #075985;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
}
.deal-custom-form-row b {
    color: #111827;
}
.deal-custom-form-remove,
.deal-custom-form-row button {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #fecdd3 !important;
    background: #fff1f2 !important;
    color: #be123c !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}
.deal-print-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 13px;
    border-radius: 999px;
    text-decoration: none;
    background: linear-gradient(135deg, #0ea5e9, #22d3ee);
    color: #06111f !important;
    font-weight: 1000;
    box-shadow: 0 12px 26px rgba(14, 165, 233, .22);
}
@media(max-width:800px){
    .deal-custom-form-row { grid-template-columns: 1fr auto; }
    .deal-custom-form-row span { grid-column: 1 / -1; }
    .deal-editor-head-actions { width: 100%; }
}


/* =========================================================
   Deals Form Folders - per-form logo/banner branding modal
   ========================================================= */
.deal-form-branding-row{display:flex;justify-content:flex-end;margin:-4px 0 10px;padding-left:36px}.deal-form-branding-btn{width:auto!important;margin:0!important;padding:8px 11px!important;border-radius:999px!important;border:1px solid #d9e4f5!important;background:#f8fafc!important;color:#111827!important;font-size:12px!important;font-weight:1000!important;box-shadow:none!important}.deal-form-branding-btn.has-branding{background:linear-gradient(135deg,#67e8f9,#c4b5fd)!important;color:#111827!important;border:0!important}.deal-form-branding-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}.deal-form-branding-modal.open{display:flex}.deal-form-branding-backdrop{position:absolute;inset:0;background:rgba(6,6,10,.72);backdrop-filter:blur(12px)}.deal-form-branding-dialog{position:relative;width:min(720px,96vw);max-height:92vh;overflow:auto;background:#fff;border:1px solid #e8e8ef;border-radius:30px;padding:24px;box-shadow:0 40px 110px rgba(0,0,0,.35);color:#111827}.deal-form-branding-close{position:absolute;right:16px;top:14px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border-radius:999px!important;background:#111827!important;color:#fff!important;border:0!important;font-size:24px!important;line-height:1!important}.deal-form-branding-head span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#ecfeff;color:#155e75;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.deal-form-branding-head h3{margin:12px 44px 8px 0;color:#111827;font-size:26px;line-height:1.1;letter-spacing:-.8px}.deal-form-branding-head p{margin:0 0 16px;color:#64748b;line-height:1.55}.deal-branding-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.deal-branding-option{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:16px!important;border:1px solid #e5e7eb!important;border-radius:20px!important;background:#f8fafc!important;margin:0!important;cursor:pointer}.deal-branding-option input{width:auto!important;margin-top:3px}.deal-branding-option b{display:block;color:#111827}.deal-branding-option small{display:block;color:#64748b;font-weight:700;line-height:1.4}.deal-branding-apply{display:flex!important;gap:10px!important;align-items:center!important;margin:14px 0!important;padding:14px 15px!important;border-radius:18px!important;background:linear-gradient(135deg,#111827,#312e81)!important;color:#fff!important}.deal-branding-apply input{width:auto!important}.deal-branding-apply span{color:#fff!important;font-weight:900}.deal-branding-current{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:14px 0;padding:14px;border-radius:22px;background:#f8fafc;border:1px solid #e5e7eb}.deal-branding-current img{max-width:100%;max-height:130px;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:8px}.deal-branding-current button{width:auto!important;margin:0!important;background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}.deal-branding-upload{display:block;margin:14px 0 8px;color:#111827;font-weight:1000}.deal-branding-upload input{margin-top:8px}.deal-branding-note{font-size:13px;color:#64748b;line-height:1.5;background:#fff7ed;border:1px solid #fed7aa;padding:12px 14px;border-radius:16px}.deal-form-branding-active{overflow:hidden}@media(max-width:720px){.deal-branding-type-grid{grid-template-columns:1fr}.deal-branding-current{grid-template-columns:1fr}.deal-form-branding-dialog{padding:20px;border-radius:24px}}

/* =========================================================
   Reseller System - Modern Pro UI
   ========================================================= */
.reseller-hero{
  display:flex;
  gap:22px;
  align-items:center;
  padding:28px;
  border-radius:32px;
  background:linear-gradient(135deg,#06070c 0%,#141126 50%,#2b1308 100%);
  color:#fff;
  box-shadow:0 24px 70px rgba(17,17,17,.18);
  margin-bottom:20px;
  position:relative;
  overflow:hidden;
}
.reseller-hero:before{content:"";position:absolute;right:-70px;top:-70px;width:250px;height:250px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.45),transparent 65%)}
.reseller-hero:after{content:"";position:absolute;left:35%;bottom:-110px;width:270px;height:270px;border-radius:999px;background:radial-gradient(circle,rgba(255,122,24,.34),transparent 65%)}
.reseller-hero>*{position:relative;z-index:1}
.reseller-hero h1{font-size:clamp(34px,5vw,58px);line-height:.96;margin:10px 0 4px;letter-spacing:-2px;color:#fff!important}
.reseller-hero p{margin:0;color:#d9d9e7;max-width:780px;line-height:1.6}
.reseller-avatar,.reseller-photo-small{display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#7dd3fc,#8f45ff,#ff7a18);box-shadow:0 18px 45px rgba(143,69,255,.3);overflow:hidden}
.reseller-avatar{width:112px;height:112px;border-radius:28px}
.reseller-avatar img,.reseller-photo-small img{width:100%;height:100%;object-fit:cover}
.reseller-avatar span{font-size:46px;font-weight:1000;color:#10131d}
.reseller-photo-small{width:62px;height:62px;border-radius:20px}
.reseller-photo-small span{font-size:24px;font-weight:1000;color:#10131d}
.reseller-origin{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.reseller-chips,.reseller-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.reseller-chips span,.reseller-card-meta span{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:900;font-size:13px}
.reseller-grid-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.reseller-profile-form textarea{min-height:110px}
.mini-info{padding:14px;border-radius:18px;background:#eefaff;border:1px solid #bae6fd;color:#111827;margin:10px 0}
.mini-info b,.mini-info span{display:block;color:#111827!important}
.mini-stat{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border-radius:18px;background:#f7f7fb;border:1px solid #ececf6;margin-bottom:10px;color:#111827}
.mini-stat span{color:#686879;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.mini-stat b{font-size:20px;color:#111827}
.soft-danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;border-radius:999px!important;font-weight:1000!important;width:auto!important}
.reseller-assignment-list,.reseller-review-list{display:grid;gap:10px}.reseller-assignment-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb}.reseller-assignment-row b,.reseller-assignment-row small{display:block;color:#111827}.reseller-assignment-row small{color:#686879;font-weight:800}.reseller-review-list article{padding:16px;border-radius:20px;background:#fff;border:1px solid #ececf6;box-shadow:0 10px 30px rgba(17,17,17,.05)}.reseller-review-list article b{color:#ff7a18}.reseller-review-list article p{color:#111827}.reseller-review-list article small{color:#686879}
.dealer-reseller-hero{justify-content:space-between}.reseller-hero-stats{display:flex;gap:12px}.reseller-hero-stats div{min-width:120px;text-align:center;padding:18px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.reseller-hero-stats span{display:block;color:#d9d9e7;font-size:12px;text-transform:uppercase;font-weight:900}.reseller-hero-stats b{display:block;font-size:32px;color:#fff}
.reseller-create-panel details{padding:0}.reseller-create-panel summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,#f8fafc,#eefaff);border:1px solid #dbeafe;color:#111827}.reseller-create-panel summary b,.reseller-create-panel summary span{color:#111827!important}.reseller-create-panel summary span{color:#6b7280!important;font-weight:800}.reseller-inline-form{margin-top:16px}
.reseller-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) 220px auto auto;gap:10px;padding:14px;border-radius:24px;background:#fff;border:1px solid #e8e8ef;box-shadow:0 14px 40px rgba(17,17,17,.06);margin-bottom:16px}.reseller-filter-bar input,.reseller-filter-bar select{margin:0!important}.reseller-filter-bar button,.reseller-filter-bar .btn{margin:0!important;align-self:stretch;display:inline-flex;align-items:center;justify-content:center}
.reseller-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reseller-card{padding:18px;border-radius:28px;background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid #e8e8ef;box-shadow:0 18px 50px rgba(17,17,17,.07);position:relative;overflow:hidden}.reseller-card.assigned{border-color:#7dd3fc;box-shadow:0 18px 55px rgba(56,189,248,.16)}.reseller-card.assigned:before{content:"Assigned";position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#05131c;font-weight:1000;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.reseller-card-top{display:flex;gap:13px;align-items:center;padding-right:90px}.reseller-card h3{margin:8px 0 2px;color:#111827;font-size:24px;letter-spacing:-.6px}.reseller-card p{color:#686879}.reseller-card .reseller-origin{background:#111827;color:#fff;border:0}.reseller-card-meta span{background:#f4f4fa;color:#111827;border:1px solid #e8e8ef}.reseller-bio{min-height:48px;line-height:1.55}.reseller-details{margin-top:12px;border-top:1px solid #ececf6;padding-top:12px}.reseller-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:1000;color:#111827;padding:10px;border-radius:16px;background:#f8fafc}.reseller-assign-form,.reseller-review-form{margin-top:12px}.reseller-assign-form textarea,.reseller-review-form textarea{min-height:80px}.reseller-assign-form label,.reseller-review-form label{color:#111827!important}.pro-pager{display:flex;gap:8px;justify-content:center;margin-top:18px}.pro-pager a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:14px;background:#fff;border:1px solid #e8e8ef;color:#111827;font-weight:1000}.pro-pager a.on{background:linear-gradient(135deg,#8f45ff,#ff7a18);color:#fff;border:0}
.admin-reseller-list{display:grid;gap:12px}.admin-reseller-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border-radius:24px;background:#fff;border:1px solid #e8e8ef;box-shadow:0 12px 34px rgba(17,17,17,.06)}.admin-reseller-row h3{margin:0;color:#111827}.admin-reseller-row p,.admin-reseller-row small{margin:2px 0;color:#686879}.admin-reseller-row form{display:flex;gap:8px;align-items:center}.admin-reseller-row select{margin:0!important;min-width:120px}
@media(max-width:1100px){.reseller-grid-main{grid-template-columns:1fr}.reseller-card-grid{grid-template-columns:1fr}.dealer-reseller-hero{align-items:flex-start;flex-direction:column}.reseller-filter-bar{grid-template-columns:1fr}}
@media(max-width:680px){.reseller-hero{flex-direction:column;align-items:flex-start}.reseller-hero-stats{width:100%;flex-direction:column}.reseller-card-top{padding-right:0}.reseller-card.assigned:before{position:static;display:inline-flex;margin-bottom:10px}.admin-reseller-row{grid-template-columns:1fr}.admin-reseller-row form{flex-direction:column;align-items:stretch}.reseller-create-panel summary{flex-direction:column;align-items:flex-start}}

/* =========================================================
   AUTH SKY GLASS PANEL - v20260611.01
   Login + Register transparent light-blue card
   ========================================================= */
.auth .form{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.42), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(125,211,252,.38), transparent 30%),
    linear-gradient(135deg, rgba(56,189,248,.36), rgba(14,165,233,.22) 52%, rgba(125,211,252,.18));
  border:1px solid rgba(186,230,253,.68);
  box-shadow:
    0 30px 90px rgba(2,132,199,.32),
    inset 0 1px 0 rgba(255,255,255,.35);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  color:#fff;
}
.auth .form::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.2), transparent 38%, rgba(255,255,255,.08));
  opacity:.85;
}
.auth .form > *{
  position:relative;
  z-index:1;
}
.auth .form h1,
.auth .form label,
.auth .form p,
.auth .form .mutedline,
.auth .form .mini-info b,
.auth .form .mini-info span{
  color:#fff!important;
}
.auth .form p,
.auth .form .mutedline{
  text-shadow:0 1px 14px rgba(3,7,18,.32);
}
.auth .form input,
.auth .form select,
.auth .form textarea{
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(255,255,255,.52)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.auth .form input::placeholder,
.auth .form textarea::placeholder{
  color:rgba(255,255,255,.78);
}
.auth .form input:focus,
.auth .form select:focus,
.auth .form textarea:focus{
  outline:none;
  border-color:#fff!important;
  box-shadow:0 0 0 4px rgba(186,230,253,.34), inset 0 1px 0 rgba(255,255,255,.22);
}
.auth .form .mini-info{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.36);
  border-radius:18px;
  padding:14px;
}
.auth .form .flash.error{
  background:rgba(239,68,68,.22);
  border-color:rgba(254,202,202,.58);
  color:#fff;
}

/* =========================================================
   Messages Center - Modern Chat UI v2026.06.11
   Applies to Admin, Dealer, Buyer, and Reseller message areas.
   ========================================================= */
.message-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:22px;border-radius:28px;background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(143,69,255,.12)),#fff;border:1px solid rgba(14,165,233,.18);box-shadow:0 20px 60px rgba(15,23,42,.08)}
.message-hero h1{margin:4px 0 6px;font-size:clamp(28px,4vw,46px);letter-spacing:-1.2px;color:#07111f}.message-hero p{margin:0;max-width:720px;color:#64748b;font-weight:800}.message-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.message-stats span{display:grid;place-items:center;min-width:100px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.22);color:#334155;font-weight:900}.message-stats b{font-size:22px;color:#0284c7}
.message-compose-admin{margin-bottom:18px}.message-compose-admin summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.message-compose-admin summary span{color:#64748b;font-weight:800}.message-admin-form{display:grid;gap:10px;margin-top:14px}.message-admin-form select,.message-admin-form input,.message-admin-form textarea{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:16px;padding:12px 14px;background:#fff;color:#0f172a}.message-admin-form textarea{min-height:120px;resize:vertical}
.message-center{display:grid;grid-template-columns:minmax(280px,370px) 1fr;gap:18px;min-height:620px}.message-thread-list,.message-chat-panel{border-radius:28px;background:#fff;border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 70px rgba(15,23,42,.08);overflow:hidden}.message-thread-list{padding:12px;display:grid;align-content:start;gap:10px;max-height:760px;overflow:auto}.message-thread-card{position:relative;border-radius:22px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(135deg,#fff,#f8fafc);transition:.18s ease;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.message-thread-card.active{border-color:rgba(14,165,233,.55);box-shadow:0 16px 40px rgba(14,165,233,.16)}.message-thread-card.is-read{opacity:.58}.message-thread-card.is-unread{background:linear-gradient(135deg,rgba(224,242,254,.98),#fff);border-color:rgba(14,165,233,.35)}.message-thread-card>a{display:grid;gap:5px;padding:14px 12px 14px 34px;text-decoration:none;color:#0f172a;min-width:0}.message-thread-card b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-thread-card small{color:#64748b;font-weight:800;line-height:1.35}.message-thread-card em{font-style:normal;color:#94a3b8;font-size:12px;font-weight:900}.message-dot{position:absolute;left:14px;top:19px;width:10px;height:10px;border-radius:999px;background:#94a3b8}.message-thread-card.is-unread .message-dot{background:#0ea5e9;box-shadow:0 0 0 5px rgba(14,165,233,.13)}.message-thread-actions{display:flex;flex-direction:column;gap:6px;padding-right:10px}.message-thread-actions form{margin:0}.message-mini{border:0;width:30px;height:30px;border-radius:999px;background:#eef2ff;color:#64748b;font-weight:1000;cursor:pointer}.message-mini.on{background:linear-gradient(135deg,#facc15,#fb923c);color:#111827}.message-mini.danger{background:#fee2e2;color:#991b1b}
.message-chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.message-chat-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 20px;background:linear-gradient(135deg,#07111f,#0f172a);color:#fff}.message-chat-head span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(56,189,248,.18);color:#bae6fd;font-weight:1000;font-size:12px}.message-chat-head h2{margin:8px 0 8px;color:#fff;font-size:22px}.message-chat-head p{display:flex;flex-wrap:wrap;gap:6px;margin:0}.message-chat-head small{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.84);font-weight:900}.message-fav-badge{white-space:nowrap;border-radius:999px;background:#facc15;color:#111827;padding:8px 12px}.message-bubbles{padding:20px;display:flex;flex-direction:column;gap:14px;overflow:auto;max-height:560px;background:radial-gradient(circle at 20% 0,rgba(14,165,233,.08),transparent 36%),#f8fafc}.message-bubble{max-width:min(720px,86%);border-radius:24px;padding:13px 15px;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 34px rgba(15,23,42,.07)}.message-bubble.theirs{align-self:flex-start;background:#fff}.message-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#0ea5e9,#8f45ff);color:#fff}.message-bubble.system{align-self:center;background:#fff7ed;color:#9a3412}.message-bubble-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px}.message-bubble-meta span{opacity:.75;font-weight:900}.message-bubble p{margin:0;line-height:1.55;font-weight:700}.message-reply-box{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid rgba(148,163,184,.22);background:#fff}.message-reply-box textarea{min-height:70px;resize:vertical;border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:12px 14px}.message-reply-box button{align-self:end;border:0;border-radius:18px;padding:16px 20px;font-weight:1000}.message-empty{padding:20px;text-align:center;color:#64748b}.message-empty b{display:block;color:#0f172a;font-size:18px}.message-empty.large{display:grid;place-items:center;min-height:420px}.message-record-note{padding:14px 18px;background:#fef3c7;color:#92400e;font-weight:900}.order-message-form{display:flex!important;gap:8px;align-items:center;flex-wrap:wrap}.order-message-form input{min-width:230px;border:1px solid #dbe3ef;border-radius:999px;padding:11px 13px}.order-btn.message{background:linear-gradient(135deg,#0ea5e9,#8f45ff)!important;color:#fff!important}.order-message-disabled{display:inline-flex;padding:10px 13px;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:1000}
@media(max-width:900px){.message-hero{display:grid}.message-stats{justify-content:stretch}.message-stats span{min-width:0;flex:1}.message-center{grid-template-columns:1fr;min-height:0}.message-thread-list{max-height:360px}.message-bubbles{max-height:520px}.message-reply-box{grid-template-columns:1fr}.message-reply-box button{width:100%}}
@media(max-width:560px){.message-hero,.message-thread-list,.message-chat-panel{border-radius:22px}.message-bubble{max-width:94%}.message-chat-head{display:grid}.order-message-form{width:100%}.order-message-form input,.order-message-form button{width:100%}}

/* Messages v2: clickable counters, filters, search, and highlighted order notes */
.message-stats a{
  display:grid;
  place-items:center;
  min-width:116px;
  padding:13px 15px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(148,163,184,.24);
  color:#334155;
  font-weight:1000;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.message-stats a:hover{
  transform:translateY(-2px);
  border-color:rgba(14,165,233,.48);
  box-shadow:0 18px 42px rgba(14,165,233,.16);
}
.message-stats a.active{
  background:linear-gradient(135deg,rgba(14,165,233,.94),rgba(99,102,241,.92));
  color:#fff;
  border-color:rgba(255,255,255,.54);
}
.message-stats a b{
  font-size:22px;
  line-height:1;
  color:#0284c7;
}
.message-stats a.active b{color:#fff}
.message-search-panel{
  margin:0 0 18px;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(240,249,255,.94),rgba(255,255,255,.94));
  border:1px solid rgba(14,165,233,.18)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.07)!important;
}
.message-search-form{
  display:grid;
  grid-template-columns:1.5fr minmax(180px,.65fr) auto;
  gap:12px;
  align-items:end;
}
.message-search-form label{
  display:grid;
  gap:7px;
  color:#334155;
  font-weight:1000;
}
.message-search-form label span{
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#0284c7;
}
.message-search-form input,
.message-search-form select{
  width:100%;
  border:1px solid rgba(148,163,184,.32);
  border-radius:18px;
  padding:13px 14px;
  background:rgba(255,255,255,.88);
  color:#0f172a;
  font-weight:800;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.message-search-form input:focus,
.message-search-form select:focus{
  border-color:rgba(14,165,233,.72);
  box-shadow:0 0 0 4px rgba(14,165,233,.13);
}
.message-search-actions{
  display:flex;
  gap:9px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.message-search-actions .hot,
.message-search-actions .btn{
  min-height:46px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-weight:1000;
  text-decoration:none;
}
.message-search-actions .btn.ghost{
  background:rgba(255,255,255,.7);
  border:1px solid rgba(148,163,184,.28);
  color:#334155;
}
.message-order-notes-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:4px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(163,230,53,.16);
  color:#84cc16;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.03em;
  box-shadow:0 0 0 1px rgba(163,230,53,.34);
}
.message-bubble.mine .message-order-notes-label{
  background:rgba(217,249,157,.2);
  color:#d9f99d;
  box-shadow:0 0 0 1px rgba(217,249,157,.36);
}
@media(max-width:1100px){
  .message-search-form{grid-template-columns:1fr 1fr}
  .message-search-main{grid-column:1/-1}
  .message-search-actions{grid-column:1/-1;justify-content:stretch}
  .message-search-actions .hot,.message-search-actions .btn{flex:1}
}
@media(max-width:620px){
  .message-stats a{min-width:0;flex:1 1 calc(50% - 8px)}
  .message-search-form{grid-template-columns:1fr}
  .message-search-main,.message-search-actions{grid-column:auto}
  .message-search-actions{display:grid;grid-template-columns:1fr}
}

/* =========================================================
   Dealer Listings + Messages Pagination v2026.06.11.2
   ========================================================= */
.listings-record-head{align-items:flex-start!important}
.record-page-mini{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:900}
.modern-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 2px;padding:12px;border-radius:22px;background:linear-gradient(135deg,rgba(240,249,255,.95),rgba(255,255,255,.95));border:1px solid rgba(14,165,233,.18);box-shadow:0 16px 42px rgba(15,23,42,.06)}
.modern-pagination .page-numbers{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.modern-pagination a,.modern-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:14px;background:#fff;border:1px solid rgba(148,163,184,.28);color:#334155;text-decoration:none;font-weight:1000;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.modern-pagination a.active{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;border-color:rgba(255,255,255,.5)}
.modern-pagination a:hover:not(.disabled){transform:translateY(-1px);border-color:rgba(14,165,233,.5);box-shadow:0 13px 28px rgba(14,165,233,.14)}
.modern-pagination .page-arrow.disabled{pointer-events:none;opacity:.45}

.message-thread-list{max-height:760px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(14,165,233,.72) rgba(226,232,240,.75)}
.message-thread-list::-webkit-scrollbar{width:10px}
.message-thread-list::-webkit-scrollbar-track{background:rgba(226,232,240,.75);border-radius:999px}
.message-thread-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#8b5cf6);border-radius:999px;border:2px solid rgba(255,255,255,.7)}
.message-thread-list-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-12px -12px 10px;padding:14px 14px;background:linear-gradient(135deg,rgba(7,17,31,.96),rgba(15,23,42,.92));color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.message-thread-list-head b{font-size:15px;letter-spacing:-.2px}.message-thread-list-head span{font-size:12px;font-weight:1000;color:#bae6fd}
.message-pagination{display:grid;gap:9px;margin:8px 0 10px;padding:10px;border-radius:20px;background:rgba(248,250,252,.86);border:1px solid rgba(148,163,184,.2)}
.message-pagination>span{font-size:12px;color:#64748b;font-weight:1000;text-align:center}.message-pagination>div{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.message-pagination a,.message-pagination em{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.28);color:#334155;text-decoration:none;font-size:12px;font-weight:1000;font-style:normal}
.message-pagination a.active{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;border-color:rgba(255,255,255,.45)}
.message-pagination a.disabled{pointer-events:none;opacity:.42}.message-pagination a:hover:not(.disabled):not(.active){border-color:rgba(14,165,233,.55);box-shadow:0 10px 24px rgba(14,165,233,.13)}
.message-thread-card.from-buyer{background:linear-gradient(135deg,rgba(187,247,208,.70),rgba(255,255,255,.96));border-color:rgba(34,197,94,.30)}
.message-thread-card.from-reseller{background:linear-gradient(135deg,rgba(186,230,253,.72),rgba(255,255,255,.96));border-color:rgba(14,165,233,.30)}
.message-thread-card.from-admin{background:linear-gradient(135deg,rgba(254,215,170,.74),rgba(255,255,255,.96));border-color:rgba(249,115,22,.32)}
.message-thread-card.from-dealer{background:linear-gradient(135deg,rgba(221,214,254,.74),rgba(255,255,255,.96));border-color:rgba(139,92,246,.32)}
.message-thread-card.is-unread.from-buyer{background:linear-gradient(135deg,rgba(134,239,172,.88),rgba(240,253,244,.98));border-color:rgba(22,163,74,.58);box-shadow:0 14px 38px rgba(34,197,94,.16)}
.message-thread-card.is-unread.from-reseller{background:linear-gradient(135deg,rgba(125,211,252,.88),rgba(240,249,255,.98));border-color:rgba(2,132,199,.58);box-shadow:0 14px 38px rgba(14,165,233,.16)}
.message-thread-card.is-unread.from-admin{background:linear-gradient(135deg,rgba(253,186,116,.88),rgba(255,247,237,.98));border-color:rgba(234,88,12,.58);box-shadow:0 14px 38px rgba(249,115,22,.16)}
.message-thread-card.is-unread.from-dealer{background:linear-gradient(135deg,rgba(196,181,253,.88),rgba(245,243,255,.98));border-color:rgba(124,58,237,.58);box-shadow:0 14px 38px rgba(139,92,246,.16)}
.message-thread-card.active{outline:3px solid rgba(14,165,233,.18)}
.message-thread-card.is-read{opacity:.68;filter:saturate(.82)}
.message-sender-chip{justify-self:start;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;border:1px solid rgba(255,255,255,.55);box-shadow:0 5px 15px rgba(15,23,42,.06)}
.message-sender-buyer{background:rgba(34,197,94,.14);color:#166534}.message-sender-reseller{background:rgba(14,165,233,.14);color:#075985}.message-sender-admin{background:rgba(249,115,22,.15);color:#9a3412}.message-sender-dealer{background:rgba(139,92,246,.14);color:#5b21b6}.message-sender-other{background:rgba(100,116,139,.12);color:#334155}
@media(max-width:900px){.message-thread-list{max-height:420px}.modern-pagination{display:grid}.modern-pagination .page-arrow{width:100%}.modern-pagination .page-numbers{order:-1}}
@media(max-width:560px){.message-thread-list-head{margin:-12px -12px 8px}.message-pagination>div{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.modern-pagination a,.modern-pagination span{min-width:34px;height:36px}.record-page-mini{font-size:12px}}


/* v2026.06.11 - Messages chat viewport: show about 5 interactions, then scroll inside the conversation */
.message-chat-panel{
  min-height:0;
}
.message-bubbles{
  min-height:330px;
  max-height:430px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(14,165,233,.75) rgba(226,232,240,.9);
  scroll-behavior:smooth;
}
.message-bubbles::-webkit-scrollbar{
  width:10px;
}
.message-bubbles::-webkit-scrollbar-track{
  background:rgba(226,232,240,.9);
  border-radius:999px;
}
.message-bubbles::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#38bdf8,#8b5cf6);
  border-radius:999px;
  border:2px solid rgba(255,255,255,.72);
}
.message-bubbles::before{
  content:'Conversation view · latest messages stay visible';
  position:sticky;
  top:0;
  z-index:2;
  align-self:center;
  display:inline-flex;
  margin:-8px auto 2px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.74);
  color:#e0f2fe;
  backdrop-filter:blur(12px);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.02em;
  box-shadow:0 10px 28px rgba(15,23,42,.14);
}
@media(max-width:900px){
  .message-bubbles{max-height:390px !important;min-height:300px;}
}
@media(max-width:560px){
  .message-bubbles{max-height:360px !important;min-height:280px;padding:14px;}
}

/* Buyer listing order conversation bridge */
.listing-existing-chat-box{
  border-color:rgba(34,197,94,.28)!important;
  background:linear-gradient(145deg,rgba(240,253,244,.96),rgba(224,242,254,.74))!important;
  box-shadow:0 24px 70px rgba(14,165,233,.16),0 16px 45px rgba(34,197,94,.12)!important;
}
.listing-existing-chat-box .pill{
  background:linear-gradient(135deg,#22c55e,#84cc16)!important;
  color:#052e16!important;
  border-color:transparent!important;
}
.existing-chat-summary{
  display:grid;
  gap:4px;
  margin:12px 0 14px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(15,23,42,.88);
  color:#fff;
  border:1px solid rgba(125,211,252,.25);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.existing-chat-summary b{font-size:14px;line-height:1.25;color:#ecfeff}.existing-chat-summary span{font-size:12px;color:#bae6fd;font-weight:800}.conversation-open-link{display:flex!important;align-items:center;justify-content:center;text-align:center;margin-top:10px;width:100%}

/* Agenda Contacts v1.0.0 */
.agenda-wrap{display:grid;gap:18px}.agenda-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px;border-radius:32px;background:linear-gradient(135deg,#07111f,#111827 55%,#1e293b);color:#fff;box-shadow:0 24px 80px rgba(15,23,42,.18);overflow:hidden;position:relative}.agenda-hero:before{content:"";position:absolute;inset:auto -120px -160px auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.34),transparent 65%)}.agenda-hero h1{margin:5px 0 8px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-1.4px}.agenda-hero p{margin:0;color:#dbeafe;line-height:1.55;max-width:760px;font-weight:800}.agenda-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:2}.agenda-stats span{min-width:118px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:22px;padding:13px 15px;backdrop-filter:blur(14px)}.agenda-stats b{display:block;color:#fff;font-size:24px}.agenda-stats small{display:block;color:#bae6fd;font-weight:1000;text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-top:3px}.agenda-purple .agenda-hero{background:linear-gradient(135deg,#12071f,#312e81 52%,#7c2d12)}.agenda-sky .agenda-hero{background:linear-gradient(135deg,#042f2e,#075985 58%,#1e1b4b)}.agenda-orange .agenda-hero{background:linear-gradient(135deg,#1c1917,#7c2d12 55%,#fb923c)}
.agenda-filter{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,280px) auto auto;gap:12px;align-items:end;padding:16px;border-radius:26px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 55px rgba(15,23,42,.08)}.agenda-filter label{display:block;color:#334155;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.agenda-filter input,.agenda-filter select{width:100%;border:1px solid #dbe5f2;background:#f8fafc;border-radius:16px;padding:12px 13px;font-weight:900;color:#0f172a;outline:none}.agenda-filter input:focus,.agenda-filter select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(14,165,233,.14)}.agenda-filter button,.agenda-clear{height:46px;border:0;border-radius:999px;padding:0 18px;font-weight:1000;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.agenda-filter button{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;box-shadow:0 12px 28px rgba(14,165,233,.22)}.agenda-clear{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}
.agenda-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.agenda-list-head b{color:#0f172a}.agenda-list-head span{color:#64748b;font-weight:900}.agenda-grid{display:grid;gap:12px}.agenda-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:26px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.20);box-shadow:0 12px 36px rgba(15,23,42,.07)}.agenda-avatar{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#fff;font-size:24px;font-weight:1000;box-shadow:0 12px 24px rgba(14,165,233,.2)}.agenda-info h3{margin:0 0 6px;color:#0f172a;font-size:20px;letter-spacing:-.3px}.agenda-contact-lines{display:flex;gap:8px;flex-wrap:wrap}.agenda-contact-lines a,.agenda-contact-lines span{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:5px 10px;background:#f1f5f9;color:#334155;text-decoration:none;font-size:12px;font-weight:1000}.agenda-contact-lines a:hover{background:#e0f2fe;color:#075985}.agenda-meta-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.agenda-meta-row span{padding:6px 9px;border-radius:999px;background:#ecfeff;color:#155e75;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}.agenda-date{text-align:right;min-width:110px}.agenda-date small{display:block;color:#94a3b8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.agenda-date b{display:block;color:#0f172a;margin-top:4px}.agenda-empty{padding:22px;border-radius:24px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;font-weight:900;text-align:center}.agenda-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 38px rgba(15,23,42,.06)}.agenda-pagination a,.agenda-pagination span{min-width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:1000;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0}.agenda-pagination .page-numbers{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.agenda-pagination .current{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;border-color:transparent}.agenda-pagination .page-arrow{padding:0 16px;width:auto}.agenda-pagination .disabled{pointer-events:none;opacity:.42}
@media(max-width:900px){.agenda-hero{display:grid}.agenda-stats{justify-content:stretch}.agenda-stats span{flex:1}.agenda-filter{grid-template-columns:1fr 1fr}.agenda-filter button,.agenda-clear{width:100%}.agenda-card{grid-template-columns:auto 1fr}.agenda-date{grid-column:1/-1;text-align:left;padding-left:66px}.agenda-pagination{display:grid}.agenda-pagination .page-numbers{order:-1;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.agenda-pagination .page-arrow{width:100%}}
@media(max-width:560px){.agenda-hero,.agenda-filter,.agenda-card,.agenda-pagination{border-radius:22px}.agenda-filter{grid-template-columns:1fr}.agenda-stats{display:grid;grid-template-columns:1fr}.agenda-card{grid-template-columns:1fr}.agenda-avatar{width:48px;height:48px}.agenda-date{padding-left:0}.agenda-contact-lines{display:grid}.agenda-contact-lines a,.agenda-contact-lines span{justify-content:flex-start;width:100%}}

/* =========================================================
   AGENDA V2 — Colored source badges + manual contact panel
   ========================================================= */
.agenda-manual-panel{border:1px solid rgba(14,165,233,.18);background:linear-gradient(135deg,rgba(240,249,255,.92),rgba(255,255,255,.96));border-radius:28px;box-shadow:0 18px 52px rgba(15,23,42,.08);overflow:hidden}
.agenda-manual-panel summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 18px;color:#0f172a;font-weight:1000}
.agenda-manual-panel summary::-webkit-details-marker{display:none}.agenda-manual-panel summary b{display:block;font-size:16px;letter-spacing:-.2px}.agenda-manual-panel summary small{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-top:2px;font-weight:1000}.agenda-manual-plus{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;font-size:24px;box-shadow:0 14px 30px rgba(14,165,233,.24)}
.agenda-manual-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto auto;gap:12px;align-items:end;padding:0 18px 18px}.agenda-manual-form label{display:block;color:#334155;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.agenda-manual-form input{width:100%;border:1px solid #dbe5f2;background:#fff;border-radius:16px;padding:12px 13px;font-weight:900;color:#0f172a;outline:none}.agenda-manual-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(14,165,233,.14)}.agenda-manual-form button{height:46px;border:0;border-radius:999px;padding:0 18px;font-weight:1000;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;box-shadow:0 12px 28px rgba(34,197,94,.22);white-space:nowrap}
.agenda-source-badge{border:1px solid rgba(15,23,42,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 8px 18px rgba(15,23,42,.06)!important}.agenda-source-marketplace-order{background:rgba(20,184,166,.16)!important;color:#0f766e!important}.agenda-source-registered-buyer-order{background:rgba(132,204,22,.20)!important;color:#3f6212!important}.agenda-source-dealer-manual-order{background:rgba(168,85,247,.16)!important;color:#6b21a8!important}.agenda-source-reseller-appointment{background:rgba(14,165,233,.17)!important;color:#075985!important}.agenda-source-credit-application{background:rgba(236,72,153,.15)!important;color:#9d174d!important}.agenda-source-registered-admin{background:rgba(249,115,22,.18)!important;color:#9a3412!important}.agenda-source-registered-dealer{background:rgba(124,58,237,.16)!important;color:#5b21b6!important}.agenda-source-registered-buyer{background:rgba(34,197,94,.17)!important;color:#166534!important}.agenda-source-registered-reseller{background:rgba(59,130,246,.17)!important;color:#1d4ed8!important}.agenda-source-manual-contact{background:rgba(250,204,21,.24)!important;color:#854d0e!important}.agenda-source-contact{background:rgba(148,163,184,.18)!important;color:#334155!important}
@media(max-width:1100px){.agenda-manual-form{grid-template-columns:1fr 1fr}.agenda-manual-form button,.agenda-manual-form .agenda-clear{width:100%}}
@media(max-width:560px){.agenda-manual-panel{border-radius:22px}.agenda-manual-form{grid-template-columns:1fr}.agenda-manual-panel summary{align-items:flex-start}.agenda-manual-plus{width:38px;height:38px;border-radius:14px}}

/* Agenda success message v3 */

.agenda-inline-success{margin:16px 0;padding:14px 16px;border-radius:18px;background:rgba(132,255,85,.16);border:1px solid rgba(132,255,85,.45);color:#14532d;font-weight:900;box-shadow:0 14px 30px rgba(22,163,74,.14)}

/* =========================================================
   Sharp Listing Images v6 - no canvas blur / modern fill frame
   Keeps the original upload as the sharp foreground image and fills
   vertical/horizontal empty space with a soft duplicate background.
   ========================================================= */
.listing-media-frame{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:inherit;
  overflow:hidden!important;
  border-radius:inherit;
  isolation:isolate;
  background:linear-gradient(135deg,#eef6ff,#f8f3ff 52%,#fff7ed)!important;
}
.listing-media-frame .listing-media-bg{
  position:absolute!important;
  inset:-24px!important;
  width:calc(100% + 48px)!important;
  height:calc(100% + 48px)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  filter:blur(22px) saturate(1.18)!important;
  transform:scale(1.08)!important;
  opacity:.42!important;
  z-index:0!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.listing-media-frame .listing-media-sharp{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:inherit!important;
  image-rendering:auto!important;
}
.pic.listing-card-media,
.featured-listing-media,
.search-listing-media,
.store-market-listing-media{
  background:linear-gradient(135deg,#eef6ff,#f8f3ff 55%,#fff7ed)!important;
}
.pic.listing-card-media .listing-media-frame,
.featured-listing-image-frame,
.search-listing-image-frame,
.store-listing-image-frame{
  border-radius:20px!important;
}
.pic.listing-card-media .listing-media-frame{
  border-radius:0!important;
}
.featured-listing-image-frame,
.search-listing-image-frame,
.store-listing-image-frame{
  height:100%!important;
}
.listing-detail-image-frame.listing-main-image-full{
  width:100%!important;
  min-height:460px!important;
  height:clamp(460px,58vw,640px)!important;
  max-height:640px!important;
  border-radius:34px!important;
  padding:0!important;
  background:linear-gradient(135deg,#eef6ff,#f8f3ff 55%,#fff7ed)!important;
}
.listing-detail-image-frame .listing-media-sharp{
  padding:10px!important;
  box-sizing:border-box!important;
}
.listing-gallery-click-strip .listing-gallery-item img,
.listing-gallery-item img{
  image-rendering:auto!important;
  filter:none!important;
}
.media-preview-card img,
.current-media-box img,
.current-gallery-item img,
.listing-thumb-contain,
.listing-thumb-pro.listing-thumb-contain{
  filter:none!important;
  image-rendering:auto!important;
}
@media(max-width:700px){
  .listing-detail-image-frame.listing-main-image-full{
    min-height:280px!important;
    height:min(430px,72vw)!important;
    border-radius:24px!important;
  }
  .listing-detail-image-frame .listing-media-sharp{padding:6px!important;}
}

/* =========================================================
   ADMIN COMMAND CENTER · Dashboard Users / Stores / Listings / Orders
   Cache revision: 2026.06.15-admin-command-v1
   ========================================================= */
.admin-command-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border-radius:34px;background:linear-gradient(135deg,#020617 0%,#0f172a 48%,#172554 100%);color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.24);margin-bottom:18px}.admin-command-hero:before{content:"";position:absolute;inset:auto -90px -130px auto;width:310px;height:310px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.78),rgba(139,92,246,.28) 46%,transparent 70%)}.admin-command-hero:after{content:"";position:absolute;inset:-120px auto auto 42%;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle,rgba(249,115,22,.30),transparent 70%)}.admin-command-hero>*{position:relative;z-index:1}.admin-command-kicker{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(56,189,248,.13);border:1px solid rgba(125,211,252,.28);color:#bae6fd;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}.admin-command-hero h1{margin:10px 0 8px;font-size:clamp(36px,5vw,62px);line-height:.96;letter-spacing:-2.4px}.admin-command-hero p{max-width:760px;margin:0;color:#cbd5e1;font-size:15px;line-height:1.65}.admin-command-live{min-width:170px;padding:18px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.12)}.admin-command-live i{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 6px rgba(74,222,128,.12)}.admin-command-live span{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1}.admin-command-live b{display:block;margin-top:10px;font-size:38px;line-height:1;color:#fff}.admin-command-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-command-stats button{appearance:none;text-align:left;cursor:pointer;border:1px solid rgba(148,163,184,.20);border-radius:26px;padding:18px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 14px 42px rgba(15,23,42,.07);transition:.2s ease}.admin-command-stats button:hover{transform:translateY(-3px);border-color:rgba(14,165,233,.42);box-shadow:0 20px 46px rgba(14,165,233,.12)}.admin-command-stats span,.admin-command-stats small{display:block}.admin-command-stats span{color:#64748b;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.admin-command-stats b{display:block;margin:6px 0;color:#0f172a;font-size:36px;line-height:1}.admin-command-stats small{color:#94a3b8;font-weight:800}.admin-command-search{display:grid;grid-template-columns:minmax(250px,1fr) 190px 180px auto auto;gap:12px;align-items:end;padding:18px;border-radius:28px;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.20);box-shadow:0 18px 54px rgba(15,23,42,.08);margin-bottom:14px}.admin-command-search label{display:block;margin:0 0 7px;color:#475569;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}.admin-command-search input,.admin-command-search select{width:100%;height:48px;margin:0!important;border-radius:16px;border:1px solid #dbe3ee;background:#f8fafc;color:#0f172a;padding:0 13px;font-weight:800;outline:none}.admin-command-search input:focus,.admin-command-search select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.13);background:#fff}.admin-command-search-input{position:relative}.admin-command-search-input>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:22px;color:#64748b;pointer-events:none}.admin-command-search-input input{padding-left:44px}.admin-command-search-button,.admin-command-clear{height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:0 18px;text-decoration:none;font-weight:1000;white-space:nowrap}.admin-command-search-button{border:0;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;box-shadow:0 14px 30px rgba(14,165,233,.22);cursor:pointer}.admin-command-clear{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.admin-command-result-note{margin:0 0 14px;padding:12px 15px;border-radius:18px;background:#ecfeff;border:1px solid #a5f3fc;color:#155e75;font-weight:850}.admin-command-panels{display:grid;gap:14px}.admin-record-panel{scroll-margin-top:18px;border-radius:28px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 54px rgba(15,23,42,.08);overflow:hidden}.admin-record-panel>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:19px 20px;cursor:pointer;background:linear-gradient(135deg,#fff,#f8fafc)}.admin-record-panel>summary::-webkit-details-marker,.admin-record-row>summary::-webkit-details-marker{display:none}.admin-panel-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;font-size:18px;font-weight:1000;box-shadow:0 12px 26px rgba(15,23,42,.16)}.panel-users .admin-panel-icon{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.panel-stores .admin-panel-icon{background:linear-gradient(135deg,#8b5cf6,#c026d3)}.panel-listings .admin-panel-icon{background:linear-gradient(135deg,#f97316,#ef4444)}.panel-orders .admin-panel-icon{background:linear-gradient(135deg,#10b981,#14b8a6)}.admin-panel-title b,.admin-panel-title small{display:block}.admin-panel-title b{color:#0f172a;font-size:22px;letter-spacing:-.45px}.admin-panel-title small{margin-top:3px;color:#64748b;font-weight:750}.admin-panel-count{padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:1000}.admin-panel-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#0f172a;color:#fff;font-size:20px;transition:.2s}.admin-record-panel[open] .admin-panel-arrow{transform:rotate(180deg);background:#38bdf8;color:#082f49}.admin-panel-body{padding:0 18px 18px}.admin-panel-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;color:#64748b;font-size:12px;font-weight:900;border-top:1px solid #eef2f7}.admin-panel-list-head b{color:#0f172a}.admin-record-list{display:grid;gap:9px}.admin-record-row{border:1px solid #e2e8f0;border-radius:21px;background:#fff;overflow:hidden;transition:.18s}.admin-record-row:hover{border-color:#bae6fd;box-shadow:0 13px 32px rgba(14,165,233,.08)}.admin-record-row[open]{border-color:#7dd3fc;background:linear-gradient(180deg,#fff,#f8fcff)}.admin-record-row>summary{list-style:none;display:grid;grid-template-columns:auto minmax(180px,1.6fr) minmax(110px,.55fr) auto minmax(135px,.7fr) auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}.admin-record-thumb{width:54px;height:54px;border-radius:17px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:#1e3a8a;font-weight:1000;box-shadow:0 8px 20px rgba(15,23,42,.09)}.admin-record-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-record-thumb.store-thumb img{object-fit:contain;background:#fff;padding:3px;box-sizing:border-box}.admin-record-thumb.listing-thumb,.admin-record-thumb.order-thumb{width:72px;border-radius:16px}.admin-record-primary{min-width:0}.admin-record-primary b,.admin-record-primary span{display:block}.admin-record-primary b{color:#0f172a;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-record-primary span{margin-top:4px;color:#64748b;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-record-badge,.admin-record-price,.admin-record-status{justify-self:start;display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}.admin-record-price{background:#fff7ed;color:#9a3412}.admin-record-status{background:#f1f5f9;color:#475569}.admin-record-status.status-active,.admin-record-status.status-completed{background:#dcfce7;color:#166534}.admin-record-status.status-new{background:#e0f2fe;color:#075985}.admin-record-status.status-reviewed{background:#ede9fe;color:#5b21b6}.admin-record-status.status-inactive,.admin-record-status.status-cancelled{background:#fee2e2;color:#991b1b}.admin-record-status.status-draft{background:#fef3c7;color:#92400e}.admin-record-row time{color:#64748b;font-size:11px;font-weight:850}.admin-record-chevron{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#f1f5f9;color:#475569;font-size:22px;transition:.2s}.admin-record-row[open] .admin-record-chevron{transform:rotate(90deg);background:#0ea5e9;color:#fff}.role-badge-admin{background:rgba(249,115,22,.16);color:#9a3412}.role-badge-dealer,.role-badge-dealer-worker{background:rgba(139,92,246,.15);color:#5b21b6}.role-badge-buyer{background:rgba(34,197,94,.15);color:#166534}.role-badge-reseller{background:rgba(14,165,233,.15);color:#075985}.store-badge{background:rgba(139,92,246,.12);color:#6b21a8}.order-type-badge{background:rgba(20,184,166,.13);color:#0f766e}.admin-record-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 14px 13px}.admin-record-detail-grid>div{min-width:0;padding:11px;border-radius:15px;background:#f8fafc;border:1px solid #e9eef5}.admin-record-detail-grid small,.admin-record-detail-grid b{display:block}.admin-record-detail-grid small{margin-bottom:5px;color:#94a3b8;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.admin-record-detail-grid b{color:#334155;font-size:12px;word-break:break-word}.admin-record-description{margin:0 14px 13px;padding:11px 13px;border-radius:15px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:12px;line-height:1.55}.admin-record-description>b{color:#65a30d}.admin-record-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 14px}.admin-record-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:13px;background:#0f172a;color:#fff;text-decoration:none;font-size:12px;font-weight:1000}.admin-record-actions a:hover{background:#0ea5e9}.admin-record-empty{padding:28px;border-radius:22px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;text-align:center;font-weight:900}.admin-panel-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:11px;border-radius:19px;background:#f8fafc;border:1px solid #e2e8f0}.admin-panel-pagination>div{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.admin-panel-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border-radius:12px;background:#fff;border:1px solid #dbe3ee;color:#334155;text-decoration:none;font-size:12px;font-weight:1000}.admin-panel-pagination a.active{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-color:transparent;color:#fff}.admin-panel-pagination a.disabled{pointer-events:none;opacity:.4}.admin-panel-pagination a:hover:not(.disabled):not(.active){border-color:#38bdf8;color:#0369a1;box-shadow:0 9px 22px rgba(14,165,233,.12)}
@media(max-width:1180px){.admin-command-search{grid-template-columns:1fr 1fr 1fr}.admin-command-search-main{grid-column:1/-1}.admin-command-search-button,.admin-command-clear{width:100%}.admin-record-row>summary{grid-template-columns:auto minmax(0,1fr) auto auto}.admin-record-row>summary .admin-record-badge,.admin-record-row>summary .admin-record-price,.admin-record-row>summary time{grid-column:2/3}.admin-record-row>summary .admin-record-status{grid-column:3/4;grid-row:2}.admin-record-row>summary .admin-record-chevron{grid-column:4;grid-row:1/3}.admin-record-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.admin-command-hero{align-items:flex-start;flex-direction:column}.admin-command-live{width:100%;box-sizing:border-box}.admin-command-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-command-search{grid-template-columns:1fr 1fr}.admin-command-search-main{grid-column:1/-1}.admin-record-panel>summary{grid-template-columns:auto minmax(0,1fr) auto}.admin-panel-count{grid-column:2/3}.admin-panel-arrow{grid-column:3;grid-row:1/3}.admin-record-row>summary{grid-template-columns:auto minmax(0,1fr) auto}.admin-record-row>summary .admin-record-badge,.admin-record-row>summary .admin-record-price,.admin-record-row>summary .admin-record-status,.admin-record-row>summary time{grid-column:2/3}.admin-record-row>summary .admin-record-chevron{grid-column:3;grid-row:1/6}.admin-panel-pagination{display:grid}.admin-panel-pagination>div{order:-1}.admin-panel-pagination>a{width:100%;box-sizing:border-box}}
@media(max-width:560px){.admin-command-hero{padding:24px;border-radius:25px}.admin-command-hero h1{font-size:38px}.admin-command-stats{grid-template-columns:1fr 1fr}.admin-command-stats button{padding:15px;border-radius:20px}.admin-command-stats b{font-size:30px}.admin-command-search{grid-template-columns:1fr;border-radius:23px;padding:14px}.admin-command-search-main{grid-column:auto}.admin-record-panel{border-radius:23px}.admin-record-panel>summary{padding:15px;gap:10px}.admin-panel-icon{width:40px;height:40px;border-radius:14px}.admin-panel-title b{font-size:18px}.admin-panel-title small{display:none}.admin-panel-body{padding:0 11px 12px}.admin-panel-list-head{align-items:flex-start;flex-direction:column}.admin-record-row>summary{padding:10px;gap:9px}.admin-record-thumb,.admin-record-thumb.listing-thumb,.admin-record-thumb.order-thumb{width:48px;height:48px;border-radius:14px}.admin-record-primary b{font-size:14px}.admin-record-detail-grid{grid-template-columns:1fr;padding:0 10px 10px}.admin-record-description{margin:0 10px 10px}.admin-record-actions{padding:0 10px 10px}.admin-panel-pagination>div{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}}

/* =========================================================
   ADMIN ACTIVE / INACTIVE CONTROLS + PUBLIC UNAVAILABLE PAGE
   Cache revision: 2026.06.15-admin-status-v2
   ========================================================= */
.admin-status-control{
  justify-self:start;
  display:flex;
  align-items:flex-start;
  gap:4px;
  min-width:118px;
  margin:0;
}
.admin-status-toggle{
  appearance:none;
  min-width:116px;
  min-height:38px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:8px;
  padding:6px 11px;
  border-radius:15px;
  border:1px solid transparent;
  cursor:pointer;
  text-align:left;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.admin-status-toggle>span{
  grid-row:1/3;
  width:32px;
  height:19px;
  border-radius:999px;
  position:relative;
  background:rgba(15,23,42,.16);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
}
.admin-status-toggle>span:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 8px rgba(15,23,42,.24);
  transition:transform .18s ease;
}
.admin-status-toggle b{
  align-self:end;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.admin-status-toggle small{
  align-self:start;
  font-size:8px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  opacity:.7;
}
.admin-status-toggle.status-active{
  background:linear-gradient(135deg,#dcfce7,#f0fdf4);
  color:#166534;
  border-color:#bbf7d0;
}
.admin-status-toggle.status-active>span{background:#22c55e}
.admin-status-toggle.status-active>span:after{transform:translateX(13px)}
.admin-status-toggle.status-inactive{
  background:linear-gradient(135deg,#fee2e2,#fff1f2);
  color:#991b1b;
  border-color:#fecaca;
}
.admin-status-toggle:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(15,23,42,.14);
}
.admin-status-toggle:disabled{
  cursor:not-allowed;
  opacity:.62;
  filter:saturate(.72);
}
.admin-status-note{
  max-width:118px;
  color:#b45309;
  font-size:9px;
  line-height:1.25;
  font-style:normal;
  font-weight:900;
}
.admin-store-status-explainer{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin:0 14px 13px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid #bae6fd;
  background:linear-gradient(135deg,#ecfeff,#f5f3ff);
}
.admin-store-status-explainer span{
  padding:6px 9px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:9px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
}
.admin-store-status-explainer p{
  margin:0;
  color:#475569;
  font-size:11px;
  line-height:1.5;
  font-weight:800;
}
.admin-record-row>summary .admin-status-control{align-self:center}

.public-unavailable-wrap,
.public-unavailable-wrap *{box-sizing:border-box}
.public-unavailable-wrap{
  width:min(1080px,calc(100vw - 30px));
  min-height:calc(100vh - 230px);
  margin:0 auto;
  padding:44px 0 58px;
  display:grid;
  place-items:center;
}
.public-unavailable-card{
  width:100%;
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);
  gap:34px;
  align-items:center;
  padding:34px;
  border-radius:38px;
  overflow:hidden;
  position:relative;
  background:linear-gradient(135deg,#f0f9ff 0%,#f5f3ff 52%,#fff7ed 100%);
  border:1px solid rgba(56,189,248,.28);
  box-shadow:0 30px 90px rgba(15,23,42,.14);
}
.public-unavailable-card:before{
  content:"";
  position:absolute;
  right:-120px;
  top:-140px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.22),transparent 69%);
  pointer-events:none;
}
.public-unavailable-art{
  position:relative;
  z-index:1;
  min-height:340px;
  display:grid;
  place-items:center;
  padding:22px;
  border-radius:31px;
  background:linear-gradient(145deg,#07111c,#111827 58%,#221238);
  box-shadow:0 24px 62px rgba(15,23,42,.24);
  overflow:hidden;
}
.public-unavailable-illustration{
  width:min(92%,430px);
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.26));
}
.public-unavailable-record-image{
  position:absolute;
  right:18px;
  bottom:18px;
  width:110px;
  height:82px;
  display:grid;
  place-items:center;
  padding:5px;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 15px 34px rgba(0,0,0,.23);
  backdrop-filter:blur(10px);
}
.public-unavailable-record-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:15px;
  background:#fff;
}
.public-unavailable-copy{position:relative;z-index:1;min-width:0}
.public-unavailable-kicker{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.22);
  color:#0369a1;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.public-unavailable-copy h1{
  margin:15px 0 8px;
  color:#0f172a;
  font-size:clamp(38px,5.5vw,68px);
  line-height:.95;
  letter-spacing:-2.5px;
}
.public-unavailable-copy h2{
  margin:0 0 10px;
  color:#7c3aed;
  font-size:clamp(20px,2.7vw,30px);
  line-height:1.15;
}
.public-unavailable-copy>p{
  max-width:620px;
  margin:0;
  color:#475569;
  font-size:16px;
  line-height:1.7;
  font-weight:720;
}
.public-unavailable-copy .public-unavailable-dealer{
  margin:0 0 10px;
  color:#0284c7;
  font-size:13px;
  font-weight:1000;
}
.public-unavailable-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:23px;
}
@media(max-width:1180px){
  .admin-record-row>summary .admin-status-control{grid-column:3/4;grid-row:2}
}
@media(max-width:860px){
  .admin-record-row>summary .admin-status-control{grid-column:2/3;grid-row:auto}
  .public-unavailable-card{grid-template-columns:1fr;padding:24px}
  .public-unavailable-art{min-height:290px}
}
@media(max-width:560px){
  .admin-status-toggle{min-width:108px}
  .admin-status-control{min-width:108px}
  .admin-store-status-explainer{grid-template-columns:1fr;margin:0 10px 10px}
  .public-unavailable-wrap{width:min(100% - 20px,1080px);padding:22px 0 36px}
  .public-unavailable-card{gap:23px;padding:15px;border-radius:28px}
  .public-unavailable-art{min-height:230px;border-radius:23px;padding:13px}
  .public-unavailable-record-image{width:84px;height:65px;right:10px;bottom:10px;border-radius:16px}
  .public-unavailable-copy{padding:0 5px 8px}
  .public-unavailable-copy h1{font-size:38px;letter-spacing:-1.5px}
  .public-unavailable-actions{display:grid}
  .public-unavailable-actions .btn{width:100%;justify-content:center}
}

/* =========================================================
   Public Listing Financing CTA Placement Fix v1
   Goal: keep Financing / Credit Application fixed in the normal sidebar flow
   directly under Contact / Order, never floating over the order button.
   ========================================================= */
.listing-side-stack{
  display:grid !important;
  gap:16px !important;
  align-content:start !important;
  position:relative !important;
  overflow:visible !important;
}

/* The order/contact box must not move independently on scroll.
   Keeping it static prevents the financing card from sliding under it. */
.listing-side-stack > .listing-order-box,
.listing-order-box{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
}

/* Financing card stays as a normal card below the form. */
.listing-side-stack > .credit-cta-card,
.credit-cta-card{
  position:relative !important;
  z-index:1 !important;
  grid-row:auto !important;
  margin-top:0 !important;
  clear:both !important;
  transform:none !important;
}

/* Keep the Credit Application button above the decorative orb, but not above
   the Contact / Order form. */
.credit-cta-card .credit-application-open{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:980px){
  .listing-side-stack{
    gap:14px !important;
  }
  .listing-side-stack > .credit-cta-card{
    order:2;
  }
}

/* =========================================================
   Dealer AI Assistant - Pro Organized Layout v9
   Restores a clean dashboard look after previous CSS overrides.
   ========================================================= */
.ai-dealer-hero,
.ai-pro-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px);
  gap:22px;
  align-items:stretch;
  margin:0 0 22px;
  padding:28px;
  border-radius:32px;
  background:
    radial-gradient(circle at 12% 18%, rgba(56,189,248,.24), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(168,85,247,.24), transparent 32%),
    linear-gradient(135deg,#08111f 0%,#111827 48%,#0f172a 100%);
  box-shadow:0 28px 75px rgba(2,6,23,.28);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.ai-dealer-hero:before{
  content:"";
  position:absolute;
  inset:auto -12% -42% 42%;
  height:280px;
  background:linear-gradient(90deg,rgba(14,165,233,.2),rgba(249,115,22,.18));
  filter:blur(34px);
  transform:rotate(-8deg);
  pointer-events:none;
}
.ai-hero-copy,
.ai-dealer-hero > div:first-child{
  position:relative;
  z-index:1;
  min-width:0;
}
.ai-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(14,165,233,.15);
  border:1px solid rgba(125,211,252,.28);
  color:#bae6fd;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ai-dealer-hero h1{
  margin:14px 0 10px;
  color:#fff;
  font-size:clamp(34px,5vw,62px);
  line-height:.95;
  letter-spacing:-2.4px;
}
.ai-dealer-hero p{
  max-width:780px;
  margin:0;
  color:rgba(226,232,240,.88);
  font-size:15px;
  line-height:1.75;
  font-weight:680;
}
.ai-quick-prompts{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.ai-quick-prompts button{
  appearance:none;
  border:1px solid rgba(125,211,252,.22);
  background:rgba(255,255,255,.1);
  color:#f8fafc;
  border-radius:999px;
  padding:10px 13px;
  font-weight:900;
  font-size:12px;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:.18s ease;
}
.ai-quick-prompts button:hover{
  transform:translateY(-1px);
  background:rgba(56,189,248,.18);
  border-color:rgba(125,211,252,.45);
}
.ai-status-card{
  position:relative;
  z-index:1;
  display:grid;
  align-content:center;
  gap:8px;
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 20px 50px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
}
.ai-status-card span{
  color:#bae6fd;
  text-transform:uppercase;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.1em;
}
.ai-status-card b{
  color:#fff;
  font-size:34px;
  line-height:1;
  letter-spacing:-1.1px;
}
.ai-status-card small{
  color:rgba(226,232,240,.82);
  font-weight:800;
}
.ai-grid-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.ai-grid-stats article,
.ai-panel,
.ai-side-card,
.ai-main-card{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));
  border-radius:26px;
  box-shadow:0 16px 45px rgba(15,23,42,.08);
}
.ai-grid-stats article{
  padding:18px;
  min-height:118px;
  display:grid;
  gap:5px;
  align-content:center;
  position:relative;
  overflow:hidden;
}
.ai-grid-stats article:after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-28px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(14,165,233,.1);
}
.ai-grid-stats article span{
  color:#64748b;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.ai-grid-stats article b{
  color:#0f172a;
  font-size:36px;
  line-height:1;
  letter-spacing:-1.2px;
}
.ai-grid-stats article small{
  color:#475569;
  font-weight:800;
}
.ai-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);
  gap:18px;
  align-items:start;
}
.ai-main-card,
.ai-side-card,
.ai-panel{
  overflow:hidden;
}
.ai-main-card{
  padding:0;
}
.ai-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:22px 22px 16px;
  border-bottom:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}
.ai-card-head h2,
.ai-side-card h3,
.ai-panel h3{
  margin:0;
  color:#0f172a;
  letter-spacing:-.6px;
}
.ai-card-head h2{font-size:24px}
.ai-card-head p{
  margin:7px 0 0;
  color:#64748b;
  font-weight:700;
  line-height:1.55;
}
.ai-badge{
  display:inline-flex;
  white-space:nowrap;
  align-items:center;
  border-radius:999px;
  padding:8px 11px;
  background:#e0f2fe;
  color:#0369a1;
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.ai-question-form{
  display:grid;
  gap:12px;
  padding:20px 22px 22px;
}
.ai-question-form textarea{
  width:100%;
  min-height:136px;
  resize:vertical;
  border:1px solid rgba(14,165,233,.24);
  border-radius:22px;
  padding:17px 18px;
  background:#fff;
  color:#0f172a;
  font-size:15px;
  line-height:1.6;
  font-weight:700;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.04), 0 12px 26px rgba(14,165,233,.07);
}
.ai-question-form textarea:focus{
  border-color:rgba(14,165,233,.62);
  box-shadow:0 0 0 4px rgba(14,165,233,.12), 0 15px 34px rgba(14,165,233,.1);
}
.ai-form-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.ai-form-actions span{
  color:#64748b;
  font-weight:900;
  font-size:12px;
}
.ai-form-actions .hot,
.ai-question-form .hot{
  min-width:150px;
  border:none;
  border-radius:999px;
  padding:13px 18px;
  background:linear-gradient(135deg,#0284c7,#7c3aed);
  color:#fff;
  font-weight:1000;
  box-shadow:0 14px 30px rgba(37,99,235,.22);
}
.ai-answer-box{
  margin:0 22px 22px;
  padding:0;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 18px 40px rgba(15,23,42,.07);
  overflow:hidden;
}
.ai-answer-box.is-preview{
  border-color:rgba(34,197,94,.18);
}
.ai-answer-source{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  background:linear-gradient(90deg,#eff6ff,#f0fdf4);
  border-bottom:1px solid rgba(148,163,184,.14);
}
.ai-answer-source span{
  color:#0f172a;
  font-weight:1000;
  letter-spacing:-.2px;
}
.ai-answer-source small{
  color:#64748b;
  font-weight:900;
  font-size:11px;
}
.ai-answer-text{
  padding:18px;
  color:#1e293b;
  font-size:15px;
  line-height:1.78;
  font-weight:700;
  white-space:normal;
  word-break:break-word;
}
.ai-answer-text br{line-height:1.95}
.ai-side-stack{
  display:grid;
  gap:16px;
}
.ai-side-card{
  padding:20px;
}
.ai-side-card h3,
.ai-panel h3{
  font-size:19px;
  margin-bottom:13px;
}
.ai-source-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid rgba(148,163,184,.15);
}
.ai-source-row:last-child{border-bottom:0}
.ai-source-row span{color:#475569;font-weight:850}
.ai-source-row b{
  min-width:38px;
  text-align:center;
  border-radius:999px;
  padding:6px 10px;
  background:#e0f2fe;
  color:#0369a1;
  font-weight:1000;
}
.ai-recommend-list,
.ai-recommend-actions{
  display:grid;
  gap:10px;
}
.ai-recommend-action{
  display:grid;
  gap:7px;
  padding:14px;
  border-radius:18px;
  text-decoration:none;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transition:.18s ease;
}
.ai-recommend-action:hover{
  transform:translateY(-1px);
  border-color:rgba(14,165,233,.35);
  box-shadow:0 16px 32px rgba(14,165,233,.12);
}
.ai-recommend-action span{
  color:#0f172a;
  font-weight:900;
  line-height:1.45;
}
.ai-recommend-action b{
  color:#0284c7;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ai-recommend-action.type-order{border-left:5px solid #22c55e}
.ai-recommend-action.type-listing{border-left:5px solid #f97316}
.ai-recommend-action.type-message{border-left:5px solid #8b5cf6}
.ai-recommend-action.type-agenda{border-left:5px solid #06b6d4}
.ai-recommend-action.type-appointment{border-left:5px solid #ec4899}
.ai-panel-grid,
.ai-bottom-panels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.ai-panel{
  padding:20px;
  min-height:210px;
}
.ai-mini-item{
  display:grid;
  gap:3px;
  padding:12px 0;
  border-bottom:1px solid rgba(148,163,184,.15);
}
.ai-mini-item:last-child{border-bottom:0}
.ai-mini-item b{
  color:#0f172a;
  font-weight:1000;
}
.ai-mini-item span{
  color:#334155;
  font-weight:760;
  overflow-wrap:anywhere;
}
.ai-mini-item small{
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:5px 9px;
  background:#f1f5f9;
  color:#475569;
  font-weight:900;
}
.ai-health-bars{
  display:grid;
  gap:10px;
}
.ai-health-bars p{
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 13px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.13);
}
.ai-health-bars b{
  color:#0f172a;
  font-size:22px;
  letter-spacing:-.6px;
}
.ai-health-bars span{
  color:#475569;
  font-weight:900;
  text-align:right;
}
.mutedline{
  margin:0;
  color:#64748b;
  font-weight:760;
  line-height:1.65;
}
@media(max-width:1180px){
  .ai-layout{grid-template-columns:1fr}
  .ai-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:940px){
  .ai-dealer-hero,.ai-pro-hero{grid-template-columns:1fr;padding:22px;border-radius:26px}
  .ai-grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-panel-grid,.ai-bottom-panels{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ai-dealer-hero,.ai-pro-hero{padding:18px;border-radius:24px}
  .ai-dealer-hero h1{font-size:35px;letter-spacing:-1.4px}
  .ai-grid-stats{grid-template-columns:1fr;gap:10px}
  .ai-side-stack{grid-template-columns:1fr}
  .ai-card-head{display:grid;padding:18px}
  .ai-question-form{padding:16px 18px 18px}
  .ai-answer-box{margin:0 18px 18px}
  .ai-answer-source{align-items:flex-start;display:grid}
  .ai-form-actions{display:grid}
  .ai-form-actions .hot,.ai-question-form .hot{width:100%}
}

/* Dealer Validation / Approval v1 */
.auth-wide{max-width:1180px;margin:0 auto;padding:28px 14px}.auth-wide .form{max-width:1040px;width:100%}.auth-subtitle{color:rgba(255,255,255,.82);margin-top:-6px}.dealer-validation-register{gap:14px}.validation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.validation-grid-compact{align-items:end}.span-2{grid-column:span 2}.dealer-validation-panel{margin-top:12px;border:1px solid rgba(56,189,248,.25);border-radius:26px;padding:18px;background:linear-gradient(135deg,rgba(14,165,233,.17),rgba(2,6,23,.18));box-shadow:0 20px 60px rgba(2,132,199,.18)}.dealer-validation-panel h3{margin:18px 0 10px}.validation-hero-mini{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(99,102,241,.16));border-radius:22px;padding:18px;margin-bottom:16px}.validation-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900;color:#7dd3fc}.validation-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 16px #22c55e}.validation-hero-mini h2,.validation-admin-hero h1,.dealer-pending-card h1{margin:5px 0}.validation-hero-mini p,.validation-admin-hero p,.dealer-pending-card p{color:rgba(255,255,255,.82);line-height:1.55}.validation-pending-orb{width:86px;height:86px;flex:0 0 auto;border-radius:28px;background:radial-gradient(circle at 30% 30%,#fef08a,#38bdf8 45%,#6366f1 78%);box-shadow:0 20px 60px rgba(56,189,248,.38);animation:validationPulse 2.1s ease-in-out infinite}.validation-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.validation-doc-card{border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:14px;background:rgba(255,255,255,.08);display:grid;gap:8px}.validation-doc-card b{color:#fff}.validation-note{margin-top:12px;border-radius:16px;padding:12px 14px;background:rgba(132,204,22,.14);border:1px solid rgba(132,204,22,.28);color:#ecfccb}.validation-admin-hero{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:24px;border-radius:30px;background:linear-gradient(135deg,#0f172a,#111827 44%,#082f49);color:#fff;box-shadow:0 25px 70px rgba(2,6,23,.22);margin-bottom:16px}.validation-review-window{width:260px;border-radius:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:18px;display:flex;flex-direction:column;justify-content:center}.validation-review-window b{font-size:1.4rem}.validation-review-window span{color:rgba(255,255,255,.78);line-height:1.5}.validation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.validation-stats>div{border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;padding:16px;box-shadow:0 12px 35px rgba(15,23,42,.07)}.validation-stats span{display:block;color:#64748b;font-weight:800;text-transform:uppercase;font-size:.73rem;letter-spacing:.08em}.validation-stats b{font-size:2rem;color:#0f172a}.validation-search-panel{display:grid;grid-template-columns:1fr 190px auto auto;gap:10px;align-items:end;border-radius:24px;background:#fff;padding:14px;box-shadow:0 12px 35px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.08);margin-bottom:14px}.validation-list-head{display:flex;justify-content:space-between;align-items:center;margin:12px 2px;color:#64748b}.validation-request-list{display:grid;gap:12px}.validation-request-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08);overflow:hidden}.validation-request-card summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px}.validation-request-card summary::-webkit-details-marker{display:none}.validation-summary-main b{display:block;color:#0f172a;font-size:1.05rem}.validation-summary-main small,.validation-summary-meta span{display:block;color:#64748b}.validation-summary-meta{text-align:right}.validation-status{display:inline-flex;align-items:center;justify-content:center;min-width:118px;border-radius:999px;padding:9px 12px;font-weight:900;font-size:.8rem}.validation-status-pending{background:#fef3c7;color:#92400e}.validation-status-approved{background:#dcfce7;color:#166534}.validation-status-rejected{background:#fee2e2;color:#991b1b}.validation-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 18px 16px}.validation-detail-box{border-radius:20px;background:#f8fafc;padding:16px;border:1px solid #e2e8f0}.validation-detail-box h3{margin:0 0 10px}.validation-detail-box p{margin:6px 0;color:#334155}.validation-doc-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 18px 16px}.validation-doc-preview{display:block;text-decoration:none;color:#0f172a;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#f8fafc;box-shadow:0 10px 24px rgba(15,23,42,.08)}.validation-doc-preview img{width:100%;height:160px;object-fit:cover;display:block;background:#e2e8f0}.validation-doc-preview span{display:block;padding:10px 12px;font-weight:900}.validation-actions{padding:16px 18px;border-top:1px solid #e2e8f0;background:#f8fafc;display:grid;gap:10px}.validation-actions textarea{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:12px;resize:vertical}.validation-action-row{display:flex;gap:10px;flex-wrap:wrap}.btn.danger,button.danger{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.validation-admin-note{margin:0 18px 16px;border-radius:16px;padding:12px 14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}.validation-empty{text-align:center}.validation-pager{margin-top:16px}.dealer-pending-wrap{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:28px 14px;background:radial-gradient(circle at 20% 10%,rgba(56,189,248,.18),transparent 34%),radial-gradient(circle at 84% 20%,rgba(168,85,247,.18),transparent 30%)}.dealer-pending-card{max-width:760px;width:100%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,41,59,.94));color:#fff;border-radius:34px;padding:34px;box-shadow:0 30px 90px rgba(2,6,23,.28);text-align:center}.pending-animation{position:relative;width:116px;height:116px;margin:0 auto 18px}.pending-animation span{position:absolute;inset:0;border-radius:34px;border:2px solid rgba(125,211,252,.45);animation:pendingSpin 2.4s linear infinite}.pending-animation span:nth-child(2){inset:14px;border-color:rgba(167,139,250,.5);animation-duration:1.8s;animation-direction:reverse}.pending-animation span:nth-child(3){inset:32px;border-color:rgba(34,197,94,.55);animation-duration:1.2s}.pending-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.pending-timeline div{border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:14px}.pending-timeline b{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:#38bdf8;color:#082f49}.pending-timeline span{display:block;color:rgba(255,255,255,.82);font-weight:700}.pending-summary{margin:18px auto;text-align:left;max-width:520px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:16px}.pending-summary p{margin:6px 0}.pending-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@keyframes validationPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}}@keyframes pendingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width:900px){.validation-grid,.validation-doc-grid,.validation-detail-grid,.validation-doc-preview-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.validation-admin-hero{flex-direction:column}.validation-review-window{width:auto}.validation-stats{grid-template-columns:repeat(2,1fr)}.validation-search-panel{grid-template-columns:1fr}.validation-request-card summary{grid-template-columns:1fr}.validation-summary-meta{text-align:left}.pending-timeline{grid-template-columns:1fr}}@media(max-width:560px){.validation-stats{grid-template-columns:1fr}.dealer-pending-card{padding:24px 16px;border-radius:26px}.validation-hero-mini{flex-direction:column;align-items:flex-start}.validation-pending-orb{width:72px;height:72px}}

/* Auth register select dropdown readability fix - v20260708.01 */
.auth .form select,
.auth .form select:focus{
  color:#0f172a !important;
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(125,211,252,.55) !important;
}
.auth .form select option{
  color:#0f172a !important;
  background:#ffffff !important;
}
.auth .form select option:checked,
.auth .form select option:hover{
  color:#0f172a !important;
  background:#dff6ff !important;
}

/* Dealer validation pending/approved progress - pro heartbeat steps */
.dealer-pending-card .pending-timeline{
  gap:14px;
  margin:24px 0 18px;
}
.dealer-pending-card .validation-step{
  position:relative;
  overflow:hidden;
  min-height:126px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:24px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:.25s ease;
}
.dealer-pending-card .validation-step::before{
  content:"";
  position:absolute;
  inset:-2px;
  opacity:0;
  background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.34),transparent 58%);
  transition:.25s ease;
}
.dealer-pending-card .validation-step>*{position:relative;z-index:1}
.dealer-pending-card .validation-step b{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin:0;
  border-radius:999px;
  background:rgba(148,163,184,.24);
  color:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.16);
  font-size:1.2rem;
  font-weight:1000;
}
.dealer-pending-card .validation-step span{
  max-width:150px;
  color:inherit;
  font-size:.92rem;
  line-height:1.25;
  font-weight:900;
}
.dealer-pending-card .validation-step.is-complete,
.dealer-pending-card .validation-step.is-active{
  background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(14,165,233,.14));
  border-color:rgba(134,239,172,.5);
  color:#ecfccb;
  box-shadow:0 18px 46px rgba(34,197,94,.16), inset 0 1px 0 rgba(255,255,255,.14);
}
.dealer-pending-card .validation-step.is-complete::before,
.dealer-pending-card .validation-step.is-active::before{opacity:1}
.dealer-pending-card .validation-step.is-complete b,
.dealer-pending-card .validation-step.is-active b{
  background:linear-gradient(135deg,#22c55e,#a3e635);
  color:#052e16;
  border:0;
  box-shadow:0 0 0 8px rgba(34,197,94,.12),0 16px 32px rgba(34,197,94,.28);
}
.dealer-pending-card .validation-step.is-complete b::after{
  content:"✓";
  margin-left:2px;
  font-size:.82rem;
}
.dealer-pending-card .validation-step.is-active{
  animation:validationHeartbeat 1.45s ease-in-out infinite;
}
.dealer-pending-card .validation-step.is-active b{
  animation:validationNumberPulse 1.45s ease-in-out infinite;
}
.dealer-pending-card.is-ready{
  background:linear-gradient(135deg,rgba(6,78,59,.95),rgba(15,23,42,.95) 48%,rgba(30,64,175,.92));
}
.pending-animation.is-ready span{border-color:rgba(134,239,172,.72)}
.pending-animation.is-ready span:nth-child(2){border-color:rgba(56,189,248,.68)}
.pending-animation.is-ready span:nth-child(3){border-color:rgba(163,230,53,.78)}
.dealer-launch-form{
  display:grid;
  justify-items:center;
  gap:10px;
  margin:20px auto 4px;
}
.dealer-launch-btn{
  min-width:min(100%,280px);
  min-height:56px;
  border-radius:18px!important;
  gap:10px;
  font-size:1rem;
  box-shadow:0 18px 48px rgba(14,165,233,.25),0 0 0 1px rgba(255,255,255,.12) inset;
}
.dealer-launch-btn .launch-loader{
  width:0;
  height:20px;
  border-radius:999px;
  display:inline-block;
  transition:.2s ease;
}
.dealer-launch-btn.is-loading .launch-loader{
  width:20px;
  border:3px solid rgba(255,255,255,.52);
  border-top-color:#fff;
  animation:launchSpin .7s linear infinite;
}
.launch-once-note{
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:.86rem;
}
@keyframes validationHeartbeat{
  0%,100%{transform:scale(1);box-shadow:0 18px 46px rgba(34,197,94,.16), inset 0 1px 0 rgba(255,255,255,.14)}
  35%{transform:scale(1.035);box-shadow:0 24px 70px rgba(34,197,94,.30),0 0 0 8px rgba(34,197,94,.08), inset 0 1px 0 rgba(255,255,255,.18)}
  55%{transform:scale(1.012)}
}
@keyframes validationNumberPulse{
  0%,100%{transform:scale(1)}
  35%{transform:scale(1.14)}
  55%{transform:scale(1.04)}
}
@keyframes launchSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .dealer-pending-card .validation-step{min-height:96px}
  .dealer-pending-card .validation-step span{max-width:100%}
}

/* API Keys Manager */
.api-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:stretch;margin:0 0 22px;padding:26px;border:1px solid rgba(59,130,246,.16);border-radius:28px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.88)),radial-gradient(circle at top right,rgba(56,189,248,.28),transparent 36%);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18);overflow:hidden;position:relative}.api-hero:after{content:"";position:absolute;inset:auto -70px -90px auto;width:260px;height:260px;border-radius:999px;background:rgba(34,211,238,.18);filter:blur(3px)}.api-hero h1{margin:.25rem 0 .55rem;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.api-hero p{max-width:780px;color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.6}.api-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.api-hero-stat{position:relative;z-index:1;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);padding:22px;display:flex;flex-direction:column;justify-content:center;min-height:150px}.api-hero-stat span{font-size:.8rem;text-transform:uppercase;color:rgba(255,255,255,.68);font-weight:800}.api-hero-stat b{font-size:1.45rem;margin:6px 0}.api-hero-stat small{color:rgba(255,255,255,.78)}
.api-created-key{margin:0 0 20px;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(220,252,231,.98),rgba(236,254,255,.98));border:1px solid rgba(34,197,94,.25);box-shadow:0 18px 45px rgba(34,197,94,.12);display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.api-created-key span{text-transform:uppercase;font-weight:900;color:#15803d;font-size:.75rem;letter-spacing:.08em}.api-created-key h2{margin:2px 0;color:#052e16}.api-created-key p{margin:0;color:#166534}.api-created-key code{display:block;overflow:auto;white-space:nowrap;border-radius:16px;background:#052e16;color:#bbf7d0;padding:14px;font-size:.95rem;border:1px solid rgba(34,197,94,.35)}
.api-create-box summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0}.api-create-box summary span{font-size:.9rem;color:#64748b}.api-key-form{margin-top:18px}.api-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.api-form-grid label,.api-key-form label{font-weight:800;color:#0f172a}.api-form-grid input,.api-form-grid select,.api-form-grid textarea,.api-filter-form input,.api-filter-form select{width:100%;margin-top:7px;border-radius:15px;border:1px solid rgba(148,163,184,.38);background:rgba(255,255,255,.92);color:#0f172a;padding:11px 12px;outline:none}.api-form-grid textarea{min-height:84px;resize:vertical}.api-scopes-box{margin-top:16px;padding:16px;border-radius:22px;background:rgba(248,250,252,.9);border:1px solid rgba(148,163,184,.2)}.api-scopes-box h3{margin:0 0 12px}.api-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-scope-grid label{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 10px 22px rgba(15,23,42,.04)}.api-scope-grid input{margin-top:4px}.api-scope-grid b{display:block;font-size:.86rem;color:#0f172a}.api-scope-grid small{display:block;color:#64748b;font-weight:600;margin-top:2px}.api-filter-panel{margin:18px 0}.api-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto auto;gap:10px;align-items:end}
.api-list{margin:22px 0}.api-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.api-list-head h2{margin:0}.api-list-head span{color:#64748b;font-weight:800}.api-key-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr) auto;gap:16px;align-items:center;padding:16px;margin-bottom:12px;border-radius:24px;background:rgba(255,255,255,.95);border:1px solid rgba(148,163,184,.22);box-shadow:0 15px 40px rgba(15,23,42,.08)}.api-key-row.revoked{opacity:.62;background:rgba(248,250,252,.75)}.api-key-main h3{margin:6px 0 5px}.api-key-main p{margin:0;color:#334155}.api-key-main small{display:block;margin-top:5px;color:#64748b}.api-key-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;font-size:.75rem}.api-key-row.revoked .api-key-status{background:#fee2e2;color:#991b1b}.api-key-scopes{display:flex;gap:7px;flex-wrap:wrap}.api-key-scopes span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid rgba(37,99,235,.12);font-weight:800;font-size:.75rem}.api-key-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.api-key-actions form{margin:0}.api-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.api-notes-grid article{border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.2);padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.api-notes-grid h3{margin:0 0 8px}.api-notes-grid p{margin:0;color:#475569;line-height:1.55}.api-notes-grid code{background:#e0f2fe;color:#075985;border-radius:8px;padding:2px 6px;font-weight:900}.dealer-api-hero{background:linear-gradient(135deg,rgba(17,24,39,.98),rgba(88,28,135,.88)),radial-gradient(circle at top right,rgba(251,146,60,.24),transparent 36%)}
@media(max-width:920px){.api-hero,.api-key-row{grid-template-columns:1fr}.api-form-grid,.api-scope-grid,.api-notes-grid{grid-template-columns:1fr}.api-filter-form{grid-template-columns:1fr}.api-key-actions{justify-content:flex-start}.api-hero-stat{min-height:auto}}

/* API v2 dealer/admin/reseller connection helpers */
.api-reseller-select{display:none}
.reseller-api-hero{background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(59,130,246,.14),rgba(255,255,255,.92));border:1px solid rgba(20,184,166,.24)}
.api-key-row .api-key-main p{word-break:break-word}
.api-created-key code{white-space:pre-wrap;word-break:break-all}

/* Dealer Agenda Appointment Calendar v6 */
.agenda-calendar-panel{margin:18px 0 22px;border:1px solid rgba(14,165,233,.22);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,249,255,.95) 55%,rgba(250,245,255,.96));box-shadow:0 24px 70px rgba(15,23,42,.10);overflow:hidden}
.agenda-calendar-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:18px 20px;color:#0f172a}
.agenda-calendar-panel>summary::-webkit-details-marker{display:none}.agenda-calendar-panel>summary b{font-size:20px;color:#0f172a}.agenda-calendar-panel>summary small{display:block;margin-top:3px;color:#64748b;font-weight:800;line-height:1.35}.agenda-calendar-panel>summary em{font-style:normal;color:#0ea5e9;font-weight:1000;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:8px 11px;white-space:nowrap}.agenda-calendar-icon{width:46px;height:46px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#8f45ff);box-shadow:0 12px 26px rgba(14,165,233,.22);font-size:22px;flex:0 0 auto}.agenda-calendar-body{padding:0 20px 22px}.agenda-calendar-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px;border-radius:26px;background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.95)}.agenda-calendar-top h2{margin:4px 0 8px;color:#0f172a;font-size:26px}.agenda-calendar-top p{margin:0;color:#475569;font-weight:850;line-height:1.55;max-width:840px}.agenda-calendar-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.agenda-calendar-stats span{min-width:105px;padding:12px;border-radius:20px;background:#fff;border:1px solid #e5e7eb;text-align:center;box-shadow:0 10px 28px rgba(15,23,42,.06)}.agenda-calendar-stats b{display:block;color:#111827;font-size:22px}.agenda-calendar-stats small{display:block;color:#64748b;font-weight:1000;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.agenda-calendar-filter{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:14px 0 16px;padding:14px;border-radius:24px;background:#fff;border:1px solid #e5e7eb}.agenda-calendar-filter label{font-weight:1000;color:#334155}.agenda-calendar-filter input,.agenda-calendar-filter select{display:block;margin-top:5px;padding:10px 12px;border-radius:14px;border:1px solid #dbe3ef;background:#fff;color:#0f172a}.agenda-calendar-filter button,.agenda-calendar-filter a{border:0;border-radius:999px;padding:12px 15px;background:linear-gradient(135deg,#0ea5e9,#8f45ff);color:#fff;text-decoration:none;font-weight:1000;cursor:pointer}.agenda-calendar-filter a{background:#111827}.agenda-calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.agenda-day-card{border:1px solid #e5e7eb;border-radius:24px;background:#fff;padding:13px;box-shadow:0 12px 32px rgba(15,23,42,.06);min-height:170px}.agenda-day-card.is-open{border-color:rgba(34,197,94,.28);background:linear-gradient(135deg,#fff,#f0fdf4)}.agenda-day-card.is-blocked,.agenda-day-card.is-closed{background:linear-gradient(135deg,#fff,#f8fafc);opacity:.84}.agenda-day-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start;margin-bottom:10px}.agenda-day-head b{display:block;color:#0f172a;font-size:16px}.agenda-day-head small{display:block;color:#64748b;font-weight:900}.agenda-day-head span{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:1000;white-space:nowrap}.agenda-day-head .open{background:#dcfce7;color:#166534}.agenda-day-head .closed{background:#fee2e2;color:#991b1b}.agenda-day-appointments{display:grid;gap:7px;margin:8px 0}.agenda-appt-chip{padding:9px 10px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa}.agenda-appt-chip b{display:block;color:#9a3412;font-size:13px}.agenda-appt-chip span{display:block;color:#475569;font-size:12px;font-weight:900;margin-top:2px}.agenda-slot-wrap{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.agenda-slot{font-size:11px;font-weight:1000;border-radius:999px;padding:6px 8px;border:1px solid #e5e7eb;background:#f8fafc;color:#334155}.agenda-slot.available{background:#ecfeff;color:#075985;border-color:#a5f3fc}.agenda-slot.booked{background:#fee2e2;color:#991b1b;border-color:#fecaca;text-decoration:line-through}.agenda-slot.more{background:#111827;color:#fff}.agenda-no-slots{display:inline-flex;border-radius:999px;padding:7px 9px;background:#f1f5f9;color:#64748b;font-weight:1000}.agenda-calendar-api-note{margin-top:14px;border-radius:22px;padding:14px 16px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-weight:850;line-height:1.55}.agenda-calendar-api-note code{background:rgba(255,255,255,.14);border-radius:8px;padding:2px 6px;color:#a7f3d0}@media(max-width:1100px){.agenda-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-calendar-top{flex-direction:column}.agenda-calendar-stats{justify-content:flex-start}}@media(max-width:680px){.agenda-calendar-grid{grid-template-columns:1fr}.agenda-calendar-panel>summary{align-items:flex-start;flex-direction:column}.agenda-calendar-panel>summary em{white-space:normal}.agenda-calendar-filter{align-items:stretch;flex-direction:column}.agenda-calendar-filter button,.agenda-calendar-filter a{text-align:center}.agenda-calendar-stats span{min-width:calc(50% - 5px)}}

/* Messages Live Chat v10 */
.message-center-live{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;align-items:stretch;min-height:clamp(620px,72vh,860px)}
.message-center-live .message-thread-list,.message-center-live .message-chat-panel{height:clamp(620px,72vh,860px);overflow:hidden;border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 60px rgba(15,23,42,.10);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}
.message-thread-list-live{height:calc(100% - 64px);overflow:auto;padding:0 10px 12px;scrollbar-width:thin;scrollbar-color:#38bdf8 rgba(226,232,240,.85)}
.message-thread-list-live::-webkit-scrollbar,.message-bubbles::-webkit-scrollbar{width:9px}.message-thread-list-live::-webkit-scrollbar-track,.message-bubbles::-webkit-scrollbar-track{background:rgba(226,232,240,.65);border-radius:20px}.message-thread-list-live::-webkit-scrollbar-thumb,.message-bubbles::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#8b5cf6);border-radius:20px}
.message-center-live .message-chat-panel{display:flex;flex-direction:column;padding:0;position:relative;background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(255,255,255,.96))}
.message-live-status{display:flex;align-items:center;gap:9px;padding:10px 16px;border-bottom:1px solid rgba(226,232,240,.9);background:linear-gradient(90deg,rgba(236,254,255,.95),rgba(248,250,252,.95));color:#0369a1;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}
.message-live-status span{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12);animation:messageLivePulse 1.45s ease-in-out infinite}.message-live-status.is-syncing span{background:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.14)}.message-live-status.is-new{color:#166534;background:linear-gradient(90deg,#dcfce7,#f0fdf4)}.message-live-status.is-error{color:#991b1b;background:linear-gradient(90deg,#fee2e2,#fff7ed)}.message-live-status.is-error span{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.14)}
@keyframes messageLivePulse{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.45);opacity:1}}
.message-chat-panel .message-chat-head{flex:0 0 auto;margin:0;border-radius:0;border-left:0;border-right:0;border-top:0;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.message-chat-panel .message-chat-head h2{color:#fff}.message-chat-panel .message-chat-head p,.message-chat-panel .message-chat-head span{color:rgba(255,255,255,.78)}.message-chat-panel .message-chat-head small{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.17)}
.message-bubbles{flex:1 1 auto;height:auto;max-height:none;overflow:auto;padding:18px;background:radial-gradient(circle at top left,rgba(56,189,248,.10),transparent 30%),radial-gradient(circle at bottom right,rgba(139,92,246,.10),transparent 34%),#f8fafc;scroll-behavior:smooth}.message-bubble{max-width:min(720px,86%);animation:messageBubbleIn .18s ease-out}.message-bubble.mine{margin-left:auto}.message-bubble.theirs{margin-right:auto}@keyframes messageBubbleIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.message-reply-box{flex:0 0 auto;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;background:rgba(255,255,255,.98);box-shadow:0 -18px 45px rgba(15,23,42,.08);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.message-reply-box textarea{min-height:54px;max-height:140px;border-radius:18px;background:#f8fafc}.message-reply-box .hot{height:54px;border-radius:18px;min-width:112px}.message-reply-box textarea:focus{background:#fff;box-shadow:0 0 0 4px rgba(56,189,248,.16);border-color:#38bdf8}.message-live-unread-pill{position:absolute;right:12px;top:12px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(20,184,166,.28)}
.message-thread-card{position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.message-thread-card:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(15,23,42,.10)}.message-thread-card.active{outline:3px solid rgba(56,189,248,.28);border-color:#38bdf8}.message-thread-card.is-unread .message-dot{animation:messageLivePulse 1.45s ease-in-out infinite}.message-thread-list-head{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.86);padding:14px 16px}.message-pagination{margin:10px 0}.message-no-reply-announcement,.message-record-note{margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0}
@media(max-width:980px){.message-center-live{grid-template-columns:1fr;min-height:auto}.message-center-live .message-thread-list{height:380px}.message-center-live .message-chat-panel{height:680px}.message-thread-list-live{height:calc(100% - 62px)}}
@media(max-width:620px){.message-center-live .message-chat-panel{height:72vh}.message-bubble{max-width:94%}.message-reply-box{grid-template-columns:1fr}.message-reply-box .hot{width:100%}}

/* =========================================================
   Dealer Leads List Card Fit Fix - Nexa source chip inside card
   Keeps long software-created lead data inside the frame.
   ========================================================= */
.order-summary-pro > * {
  min-width: 0;
}

.order-summary-main.from-nexa {
  align-content: center;
}

.order-summary-main .order-source-chip-inline {
  justify-self: start;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1;
}

.order-summary-pro .order-source-chip:not(.order-source-chip-inline) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-summary-main b,
.order-summary-main small,
.order-summary-contact b,
.order-summary-contact small {
  min-width: 0;
  max-width: 100%;
}

.order-summary-contact {
  overflow: hidden;
}

.order-summary-date {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media(max-width:1180px) {
  .order-summary-main .order-source-chip-inline {
    max-width: min(260px, 100%);
  }
}

@media(max-width:760px) {
  .order-summary-main .order-source-chip-inline {
    max-width: 100%;
    white-space: nowrap;
  }
}

/* =========================================================
   ADMIN VISUAL RESTORE + COMPACT FINISH v4
   Restores the protected Users vault, Resellers directory,
   and Appointment Records cards after Gina integration.
   ========================================================= */
   ADMIN USERS · ENCRYPTED CREDENTIAL VAULT v7.4.0
   ========================================================= */
.admin-users-vault-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:28px;border-radius:30px;background:radial-gradient(circle at 88% 14%,rgba(56,189,248,.28),transparent 32%),linear-gradient(135deg,#07111f,#101d35 56%,#1b1140);color:#fff;box-shadow:0 24px 60px rgba(15,23,42,.2)}
.admin-users-vault-hero:after{content:"";position:absolute;right:-70px;bottom:-110px;width:250px;height:250px;border-radius:50%;border:42px solid rgba(255,255,255,.045)}
.admin-users-vault-hero>div{position:relative;z-index:1}.admin-users-vault-hero h1{margin:5px 0 7px;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-1.5px}.admin-users-vault-hero p{max-width:760px;margin:0;color:#cbd5e1;line-height:1.6}.admin-users-vault-hero .eyebrow{color:#67e8f9}
.admin-users-vault-shield{min-width:220px;display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.085);backdrop-filter:blur(16px)}.admin-users-vault-shield>span{width:47px;height:47px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.12);font-size:23px}.admin-users-vault-shield div{display:grid;gap:3px}.admin-users-vault-shield b{font-size:14px}.admin-users-vault-shield small{color:#cbd5e1;line-height:1.25}.admin-users-vault-shield.is-open{border-color:rgba(34,197,94,.42);box-shadow:inset 0 0 0 1px rgba(34,197,94,.11)}
.admin-users-unlock-card{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(300px,1.5fr);gap:28px;align-items:center;padding:28px;border:1px solid #dbe7f3;border-radius:30px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 20px 48px rgba(15,23,42,.08)}
.admin-users-unlock-art{min-height:300px;position:relative;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle at 50% 34%,rgba(56,189,248,.25),transparent 34%),linear-gradient(145deg,#091426,#14274a);overflow:hidden}.admin-users-unlock-art:before,.admin-users-unlock-art:after{content:"";position:absolute;border:1px solid rgba(103,232,249,.18);border-radius:50%}.admin-users-unlock-art:before{width:230px;height:230px}.admin-users-unlock-art:after{width:340px;height:340px}.admin-users-unlock-art span{position:relative;z-index:2;width:104px;height:104px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(145deg,#38bdf8,#6366f1);font-size:48px;box-shadow:0 25px 55px rgba(56,189,248,.32)}.admin-users-unlock-art i{position:absolute;left:50%;top:50%;width:1px;height:170px;background:linear-gradient(transparent,#67e8f9,transparent);transform:translate(-50%,-50%) rotate(45deg)}.admin-users-unlock-art b{position:absolute;bottom:24px;z-index:2;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#bae6fd;font-size:11px;letter-spacing:1.6px}
.admin-users-unlock-copy h2{margin:5px 0 9px;font-size:clamp(25px,3vw,36px);letter-spacing:-1px;color:#0f172a}.admin-users-unlock-copy>p{margin:0 0 20px;color:#526277;line-height:1.65}.admin-users-unlock-form{display:grid;gap:8px}.admin-users-unlock-form label,.admin-users-search-panel label,.admin-user-reset-panel label{font-size:12px;font-weight:900;color:#334155}.admin-users-password-entry{display:grid;grid-template-columns:1fr auto;gap:10px}.admin-users-password-entry input{min-height:49px}.admin-users-password-entry button{min-width:150px}.admin-users-security-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-users-security-points span{padding:7px 10px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900}
.admin-users-vault-toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-users-vault-stats{flex:1;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.admin-users-vault-stats article{padding:16px;border:1px solid #dfe8f2;border-radius:21px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.05)}.admin-users-vault-stats span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.admin-users-vault-stats b{display:block;margin-top:5px;color:#0f172a;font-size:25px;letter-spacing:-.7px}.admin-users-lock-form button{height:100%;min-width:122px;border:1px solid #fecaca;border-radius:20px;background:#fff7f7;color:#b91c1c;font-weight:900;cursor:pointer}.admin-users-lock-form button:hover{background:#fee2e2}
.admin-users-search-panel{display:grid;grid-template-columns:minmax(250px,1.6fr) minmax(150px,.65fr) minmax(140px,.55fr) auto auto;gap:10px;align-items:end;margin-bottom:16px;padding:16px;border:1px solid #dce6f1;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 28px rgba(15,23,42,.05)}.admin-users-search-panel>div{display:grid;gap:6px}.admin-users-search-panel input,.admin-users-search-panel select{min-height:45px;border-radius:14px}.admin-users-search-panel>button{min-height:45px;white-space:nowrap}.admin-users-clear{min-height:43px;display:grid;place-items:center;padding:0 14px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;color:#475569;font-weight:900;text-decoration:none}
.admin-users-records-panel{padding:18px;border:1px solid #dce6f0;border-radius:28px;background:#f8fafc;box-shadow:0 18px 46px rgba(15,23,42,.06)}.admin-users-records-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:4px 5px 15px}.admin-users-records-title h2{margin:3px 0 3px;color:#0f172a;font-size:27px;letter-spacing:-.7px}.admin-users-records-title p{margin:0;color:#64748b}.admin-users-page-badge{padding:8px 11px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:1000;white-space:nowrap}
.admin-users-accordion-list{display:grid;gap:10px}.admin-user-account-row{overflow:hidden;border:1px solid #dce5ee;border-radius:22px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}.admin-user-account-row[open]{border-color:#bfdbfe;box-shadow:0 18px 34px rgba(30,64,175,.08)}.admin-user-account-row>summary{list-style:none;display:grid;grid-template-columns:24px 46px minmax(180px,1.15fr) auto minmax(140px,.75fr) auto auto;gap:11px;align-items:center;padding:13px 15px;cursor:pointer}.admin-user-account-row>summary::-webkit-details-marker{display:none}.admin-user-expand{font-size:20px;color:#64748b;transition:.2s}.admin-user-account-row[open] .admin-user-expand{transform:rotate(180deg)}.admin-user-avatar{width:43px;height:43px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#dbeafe,#ede9fe);color:#312e81;font-weight:1000}.admin-user-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.admin-user-summary-main{display:grid;min-width:0}.admin-user-summary-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}.admin-user-summary-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.admin-user-role-badge,.admin-user-vault-state,.admin-user-status{padding:7px 9px;border-radius:999px;font-size:10px;font-weight:1000;white-space:nowrap}.admin-user-role-badge{background:#eef2ff;color:#4338ca}.role-dealer .admin-user-role-badge{background:#f3e8ff;color:#7e22ce}.role-buyer .admin-user-role-badge{background:#dcfce7;color:#166534}.role-reseller .admin-user-role-badge{background:#e0f2fe;color:#0369a1}.role-dealer_worker .admin-user-role-badge{background:#ffedd5;color:#9a3412}.admin-user-account-id{display:grid;min-width:0}.admin-user-account-id small{color:#94a3b8;font-size:9px;font-weight:900;text-transform:uppercase}.admin-user-account-id b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:11px}.admin-user-vault-state.saved{background:#dcfce7;color:#166534}.admin-user-vault-state.missing{background:#fff7ed;color:#c2410c}.admin-user-status.active{background:#dcfce7;color:#166534}.admin-user-status.inactive{background:#fee2e2;color:#b91c1c}
.admin-user-account-body{padding:0 15px 15px;border-top:1px solid #edf2f7;background:linear-gradient(#fff,#fbfdff)}.admin-user-account-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:9px;padding:14px 0}.admin-user-account-grid article{min-height:72px;padding:12px;border:1px solid #e3eaf2;border-radius:17px;background:#fff}.admin-user-account-grid small{display:block;margin-bottom:6px;color:#94a3b8;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.55px}.admin-user-account-grid strong{display:block;overflow-wrap:anywhere;color:#263449;font-size:12px;line-height:1.4}
.admin-user-password-vault{padding:15px;border:1px solid #dbe7f2;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#fff)}.admin-user-password-vault.has-password{border-color:#bbf7d0;background:linear-gradient(145deg,#f0fdf4,#fff)}.admin-user-password-vault.needs-reset{border-color:#fed7aa;background:linear-gradient(145deg,#fff7ed,#fff)}.admin-user-password-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-user-password-heading>div{display:flex;align-items:center;gap:8px}.admin-user-password-heading h3{margin:0;color:#0f172a;font-size:16px}.admin-user-password-heading small{color:#64748b}.admin-user-reveal-form{display:flex;align-items:center;gap:10px}.admin-user-masked-password{flex:1;min-height:43px;display:flex;align-items:center;padding:0 14px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#475569;font-size:17px;letter-spacing:2px}.admin-user-reveal-form button,.admin-user-password-revealed button{min-height:42px;padding:0 14px;border:0;border-radius:13px;background:#0f172a;color:#fff;font-weight:900;cursor:pointer}.admin-user-password-revealed{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:center}.admin-user-password-revealed input{min-height:43px;border-color:#86efac;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.admin-user-password-revealed form{margin:0}.admin-user-password-revealed small{grid-column:1/-1;color:#64748b}.admin-user-password-warning{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #fed7aa;border-radius:15px;background:#fff}.admin-user-password-warning>span{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:#ffedd5;color:#c2410c;font-weight:1000}.admin-user-password-warning p{margin:0;color:#7c2d12;font-size:12px;line-height:1.5}.admin-user-reset-panel{margin-top:11px;border-top:1px solid #dfe7ef;padding-top:10px}.admin-user-reset-panel>summary{width:max-content;list-style:none;cursor:pointer;color:#1d4ed8;font-size:12px;font-weight:1000}.admin-user-reset-panel>summary::-webkit-details-marker{display:none}.admin-user-reset-panel form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;margin-top:10px}.admin-user-reset-panel form>div{display:grid;gap:5px}.admin-user-reset-panel input{min-height:42px}.admin-user-reset-panel button{min-height:42px;white-space:nowrap}
.admin-users-pagination{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid #dce5ee}.admin-users-pagination>div{display:flex;justify-content:center;gap:5px;align-items:center}.admin-users-pagination a{min-width:37px;min-height:37px;display:grid;place-items:center;padding:0 9px;border:1px solid #d8e2ec;border-radius:12px;background:#fff;color:#334155;font-size:12px;font-weight:900;text-decoration:none}.admin-users-pagination a.current{border-color:#2563eb;background:#2563eb;color:#fff}.admin-users-pagination a.disabled{pointer-events:none;opacity:.4}.admin-users-pagination span{color:#94a3b8}.admin-users-empty{display:grid;place-items:center;text-align:center;padding:44px 20px;border:1px dashed #cbd5e1;border-radius:22px;background:#fff}.admin-users-empty span{font-size:31px}.admin-users-empty h3{margin:8px 0 3px}.admin-users-empty p{margin:0;color:#64748b}.auth-security-note{display:grid;gap:4px;margin-top:8px;padding:12px;border:1px solid rgba(125,211,252,.42);border-radius:16px;background:rgba(14,165,233,.11)}.auth-security-note b{color:#e0f2fe}.auth-security-note span{color:#dbeafe;font-size:12px;line-height:1.4}
@media(max-width:1050px){.admin-user-account-row>summary{grid-template-columns:24px 46px 1fr auto auto}.admin-user-account-id{display:none}.admin-user-vault-state{display:none}.admin-users-search-panel{grid-template-columns:1fr 1fr 1fr auto}.admin-users-clear{grid-column:1/-1}.admin-user-account-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:780px){.admin-users-vault-hero{align-items:flex-start;flex-direction:column}.admin-users-vault-shield{width:100%}.admin-users-unlock-card{grid-template-columns:1fr;padding:17px}.admin-users-unlock-art{min-height:210px}.admin-users-vault-toolbar{flex-direction:column}.admin-users-vault-stats{grid-template-columns:1fr 1fr}.admin-users-lock-form button{min-height:47px;width:100%}.admin-users-search-panel{grid-template-columns:1fr}.admin-users-password-entry{grid-template-columns:1fr}.admin-user-account-row>summary{grid-template-columns:20px 42px minmax(0,1fr) auto;padding:11px}.admin-user-role-badge{display:none}.admin-user-status{grid-column:4}.admin-user-account-grid{grid-template-columns:1fr}.admin-user-password-heading{align-items:flex-start;flex-direction:column}.admin-user-reveal-form{align-items:stretch;flex-direction:column}.admin-user-password-revealed{grid-template-columns:1fr 1fr}.admin-user-password-revealed input{grid-column:1/-1}.admin-user-reset-panel form{grid-template-columns:1fr}.admin-users-pagination{grid-template-columns:1fr 1fr}.admin-users-pagination>div{grid-column:1/-1;grid-row:1}.admin-users-pagination>a:first-child{grid-column:1}.admin-users-pagination>a:last-child{grid-column:2}}
@media(max-width:480px){.admin-users-vault-stats{grid-template-columns:1fr}.admin-users-records-panel{padding:11px;border-radius:22px}.admin-users-records-title{align-items:flex-start;flex-direction:column}.admin-user-summary-main strong,.admin-user-summary-main small{max-width:170px}.admin-user-status{font-size:9px;padding:6px 7px}}

/* =========================================================
   ADMIN RESELLERS · DIRECTORY PRO RESTORE v4
   ========================================================= */
.admin-resellers-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:28px;border-radius:30px;background:radial-gradient(circle at 87% 18%,rgba(56,189,248,.3),transparent 31%),linear-gradient(135deg,#081426,#132547 55%,#32136a);color:#fff;box-shadow:0 24px 58px rgba(15,23,42,.18)}
.admin-resellers-hero:after{content:"";position:absolute;right:-65px;bottom:-110px;width:250px;height:250px;border:42px solid rgba(255,255,255,.045);border-radius:50%}
.admin-resellers-hero>div{position:relative;z-index:1}.admin-resellers-hero .eyebrow{color:#67e8f9}.admin-resellers-hero h1{margin:5px 0 7px;color:#fff;font-size:clamp(31px,4vw,49px);line-height:1;letter-spacing:-1.7px}.admin-resellers-hero p{max-width:720px;margin:0;color:#cbd5e1;line-height:1.55}
.admin-resellers-hero-icon{width:78px;height:78px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:linear-gradient(145deg,rgba(56,189,248,.3),rgba(139,92,246,.35));font-size:37px;font-weight:1000;box-shadow:0 18px 45px rgba(56,189,248,.2);backdrop-filter:blur(14px)}
.admin-resellers-stats{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:16px}.admin-resellers-stats article{padding:16px 17px;border:1px solid #dfe8f2;border-radius:21px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}.admin-resellers-stats span{display:block;color:#64748b;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.55px}.admin-resellers-stats b{display:block;margin-top:5px;color:#0f172a;font-size:27px;letter-spacing:-.8px}
.admin-resellers-create{margin-bottom:16px}.admin-resellers-create details{padding:0}.admin-resellers-create summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;cursor:pointer;list-style:none}.admin-resellers-create summary::-webkit-details-marker{display:none}.admin-resellers-create summary>span{display:grid;gap:3px}.admin-resellers-create summary b{color:#0f172a}.admin-resellers-create summary small{color:#64748b;font-weight:700}.admin-resellers-create summary i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#e0f2fe;color:#0369a1;font-size:21px;font-style:normal;transition:.2s}.admin-resellers-create details[open] summary i{transform:rotate(180deg)}.admin-resellers-create .reseller-inline-form{padding:0 18px 18px}
.admin-resellers-filter-panel{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(145px,.62fr)) auto auto;gap:10px;align-items:end;margin-bottom:16px;padding:16px;border:1px solid #dce6f0;border-radius:25px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 12px 30px rgba(15,23,42,.055)}.admin-resellers-filter-panel>div{display:grid;gap:6px}.admin-resellers-filter-panel label{color:#334155;font-size:11px;font-weight:1000}.admin-resellers-filter-panel input,.admin-resellers-filter-panel select{min-height:45px;margin:0;border-radius:14px}.admin-resellers-filter-panel>button{min-height:45px;margin:0;white-space:nowrap}.admin-resellers-search-field>div{position:relative}.admin-resellers-search-field>div span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:#64748b;font-size:19px}.admin-resellers-search-field input{width:100%;padding-left:40px!important}.admin-resellers-clear{min-height:43px;display:grid;place-items:center;padding:0 14px;border:1px solid #dbe3ed;border-radius:14px;background:#fff;color:#475569;font-size:12px;font-weight:1000;text-decoration:none}
.admin-resellers-records{padding:18px;border:1px solid #dce6ef;border-radius:29px;background:#f8fafc;box-shadow:0 18px 46px rgba(15,23,42,.06)}.admin-resellers-records-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:3px 5px 15px}.admin-resellers-records-head h2{margin:3px 0;color:#0f172a;font-size:28px;letter-spacing:-.8px}.admin-resellers-records-head p{margin:0;color:#64748b}.admin-resellers-page-chip{padding:8px 11px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:1000;white-space:nowrap}
.admin-reseller-accordion-list{display:grid;gap:9px}.admin-reseller-record{overflow:hidden;border:1px solid #dfe7ef;border-radius:21px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}.admin-reseller-record[open]{border-color:#bfdbfe;box-shadow:0 16px 35px rgba(37,99,235,.09)}.admin-reseller-record>summary{display:grid;grid-template-columns:24px 54px minmax(175px,1.1fr) minmax(145px,.8fr) minmax(155px,.85fr) auto auto;gap:11px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}.admin-reseller-record>summary::-webkit-details-marker{display:none}.admin-reseller-chevron{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#eff6ff;color:#2563eb;font-size:21px;font-weight:1000;transition:.2s}.admin-reseller-record[open] .admin-reseller-chevron{transform:rotate(90deg);background:#dbeafe}.admin-reseller-record .reseller-photo-small{width:52px;height:52px;border-radius:16px}.admin-reseller-main{min-width:0;display:grid;gap:3px}.admin-reseller-main strong{overflow:hidden;color:#0f172a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.admin-reseller-main small{overflow:hidden;color:#64748b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-reseller-source{width:max-content;max-width:100%;overflow:hidden;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.admin-reseller-source.source-marketplace{background:#dcfce7;color:#166534}.admin-reseller-source.source-dealer{background:#dbeafe;color:#1d4ed8}.admin-reseller-source.source-private{background:#f3e8ff;color:#7e22ce}.admin-reseller-place{min-width:0;display:grid;gap:2px}.admin-reseller-place strong,.admin-reseller-place small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-reseller-place strong{color:#334155;font-size:11px}.admin-reseller-place small{color:#94a3b8;font-size:10px}.admin-reseller-rating{color:#b45309;font-size:11px;font-weight:1000;white-space:nowrap}.admin-reseller-rating small{color:#94a3b8}.admin-reseller-status{padding:7px 9px;border-radius:999px;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.45px}.admin-reseller-status.active{background:#dcfce7;color:#166534}.admin-reseller-status.inactive{background:#fee2e2;color:#b91c1c}.admin-reseller-record.inactive>summary{opacity:.72;background:#f8fafc}
.admin-reseller-record-body{padding:15px;border-top:1px solid #e6edf4;background:linear-gradient(145deg,#f8fbff,#fff)}.admin-reseller-info-grid{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:8px}.admin-reseller-info-grid article{min-height:68px;padding:11px;border:1px solid #e1e9f1;border-radius:15px;background:#fff}.admin-reseller-info-grid small,.admin-reseller-bio small{display:block;margin-bottom:5px;color:#94a3b8;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.5px}.admin-reseller-info-grid strong{display:block;overflow-wrap:anywhere;color:#334155;font-size:11px;line-height:1.4}.admin-reseller-bio{margin-top:9px;padding:12px;border:1px solid #e1e8f0;border-radius:16px;background:#fff}.admin-reseller-bio p{margin:0;color:#526277;font-size:12px;line-height:1.55}.admin-reseller-status-form{display:flex;align-items:end;justify-content:flex-end;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid #e4ebf2}.admin-reseller-status-form>div{display:grid;gap:5px}.admin-reseller-status-form label{color:#475569;font-size:10px;font-weight:1000}.admin-reseller-status-form select{min-width:140px;min-height:40px;margin:0;border-radius:12px}.admin-reseller-status-form button{min-height:40px;padding:0 14px;border:0;border-radius:12px;background:#0f172a;color:#fff;font-size:11px;font-weight:1000;cursor:pointer}
.admin-resellers-pagination{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid #dce5ee}.admin-resellers-pagination>div{display:flex;justify-content:center;gap:5px;align-items:center}.admin-resellers-pagination a{min-width:37px;min-height:37px;display:grid;place-items:center;padding:0 10px;border:1px solid #d8e2ec;border-radius:12px;background:#fff;color:#334155;font-size:11px;font-weight:1000;text-decoration:none}.admin-resellers-pagination a.current{border-color:#2563eb;background:#2563eb;color:#fff}.admin-resellers-pagination a.disabled{pointer-events:none;opacity:.4}.admin-resellers-pagination span{color:#94a3b8}.admin-resellers-empty{display:grid;place-items:center;padding:45px 20px;border:1px dashed #cbd5e1;border-radius:22px;background:#fff;text-align:center}.admin-resellers-empty>span{font-size:33px;color:#60a5fa}.admin-resellers-empty h3{margin:8px 0 3px;color:#0f172a}.admin-resellers-empty p{margin:0;color:#64748b}
@media(max-width:1180px){.admin-resellers-filter-panel{grid-template-columns:1fr 1fr 1fr}.admin-resellers-search-field{grid-column:1/-1}.admin-resellers-filter-panel>button,.admin-resellers-clear{min-height:45px}.admin-reseller-record>summary{grid-template-columns:24px 52px minmax(170px,1fr) minmax(135px,.8fr) auto auto}.admin-reseller-place{display:none}.admin-reseller-info-grid{grid-template-columns:repeat(3,minmax(135px,1fr))}}
@media(max-width:820px){.admin-resellers-hero{align-items:flex-start}.admin-resellers-hero-icon{display:none}.admin-resellers-stats{grid-template-columns:1fr 1fr}.admin-reseller-record>summary{grid-template-columns:24px 48px minmax(0,1fr) auto}.admin-reseller-record .reseller-photo-small{width:48px;height:48px}.admin-reseller-source{grid-column:3}.admin-reseller-rating{display:none}.admin-reseller-status{grid-column:4;grid-row:1}.admin-reseller-info-grid{grid-template-columns:1fr 1fr}.admin-resellers-records-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.admin-resellers-hero{padding:22px 19px;border-radius:24px}.admin-resellers-stats{grid-template-columns:1fr}.admin-resellers-filter-panel{grid-template-columns:1fr;padding:12px}.admin-resellers-search-field{grid-column:auto}.admin-resellers-records{padding:11px;border-radius:22px}.admin-reseller-record>summary{grid-template-columns:20px 43px minmax(0,1fr);gap:8px;padding:10px}.admin-reseller-record .reseller-photo-small{width:43px;height:43px;border-radius:14px}.admin-reseller-source{grid-column:3;max-width:170px}.admin-reseller-status{grid-column:3;grid-row:auto;width:max-content}.admin-reseller-info-grid{grid-template-columns:1fr}.admin-reseller-status-form{align-items:stretch;flex-direction:column}.admin-reseller-status-form select,.admin-reseller-status-form button{width:100%}.admin-resellers-pagination{grid-template-columns:1fr 1fr}.admin-resellers-pagination>div{grid-column:1/-1;grid-row:1;flex-wrap:wrap}.admin-resellers-pagination>a:first-child{grid-column:1}.admin-resellers-pagination>a:last-child{grid-column:2}.admin-resellers-create summary{align-items:flex-start}.admin-resellers-create summary small{line-height:1.35}}

/* =========================================================
   ADMIN APPOINTMENT RECORDS · PRO RESTORE v4
   ========================================================= */
.appt-records-hero{background:linear-gradient(135deg,#08111f 0%,#12335c 48%,#6d28d9 100%)!important;color:#fff!important;border:0!important;overflow:hidden;position:relative}.appt-records-hero:before{content:"";position:absolute;inset:-80px -120px auto auto;width:280px;height:280px;border-radius:999px;background:rgba(56,189,248,.28);filter:blur(20px)}.appt-records-hero h1{color:#fff;margin:6px 0;font-size:clamp(34px,5vw,62px);letter-spacing:-1.6px}.appt-records-hero p{color:#dbeafe;font-weight:800;max-width:780px;line-height:1.55}.appt-records-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.appt-records-stats div{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);border-radius:22px;padding:14px;backdrop-filter:blur(10px)}.appt-records-stats span{display:block;color:#bfdbfe;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:1000}.appt-records-stats b{display:block;color:#fff;font-size:24px;margin-top:4px}.appt-records-filter form{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:12px;align-items:end}.appt-records-filter label span{display:block;color:#64748b;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.appt-records-filter input,.appt-records-filter select{width:100%;border:1px solid #dbe3ef;border-radius:16px;padding:12px 14px;background:#fff;color:#0f172a}.appt-records-filter div{display:flex;gap:8px}.appt-records-list-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.appt-records-list-head h2{margin:0;color:#0f172a}.appt-records-list-head p{margin:4px 0 0;color:#64748b;font-weight:900}.appt-record-grid-list{display:grid;gap:12px}.appt-record-row{border:1px solid rgba(15,23,42,.1);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.08);overflow:hidden}.appt-record-row summary{display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto;gap:14px;align-items:center;list-style:none;cursor:pointer;padding:14px 16px}.appt-record-row summary::-webkit-details-marker{display:none}.appt-record-arrow{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#8f45ff);color:#fff;font-weight:1000;transition:.2s}.appt-record-row[open] .appt-record-arrow{transform:rotate(90deg)}.appt-record-thumb img,.appt-record-thumb b{width:64px;height:54px;border-radius:16px;background:#f1f5f9;display:grid;place-items:center;object-fit:cover;color:#0f172a;font-weight:1000}.appt-record-main b{display:block;color:#0f172a;font-size:18px}.appt-record-main small{display:block;margin-top:4px;color:#64748b;font-weight:800}.appt-record-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.appt-record-meta span:not(.appt-result-chip){border-radius:999px;padding:7px 10px;background:#f1f5f9;color:#0f172a;font-weight:1000;font-size:12px}.appt-record-body{padding:0 16px 16px}.appt-record-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.appt-record-fields div{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:11px}.appt-record-fields span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:1000;margin-bottom:4px}.appt-record-fields b{display:block;color:#0f172a;word-break:break-word}.appt-record-note{padding:12px 14px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-weight:900;line-height:1.45;margin-bottom:12px}.appt-record-pager{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.appt-record-pager a{min-width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.12);color:#0f172a;font-weight:1000}.appt-record-pager a.active{background:linear-gradient(135deg,#0ea5e9,#8f45ff);color:#fff}.appt-record-pager a.disabled{pointer-events:none;opacity:.45}.appt-result-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-weight:1000;font-size:12px}.appt-result-chip.pending{background:#e0f2fe;color:#075985}.appt-result-chip.positive{background:#dcfce7;color:#166534}.appt-result-chip.negative{background:#fee2e2;color:#991b1b}.appt-result-chip.neutral{background:#f1f5f9;color:#334155}@media(max-width:960px){.appt-records-stats{grid-template-columns:repeat(2,1fr)}.appt-records-filter form{grid-template-columns:1fr}.appt-record-fields{grid-template-columns:repeat(2,1fr)}.appt-record-row summary{grid-template-columns:auto 56px 1fr}.appt-record-meta{grid-column:1/-1;justify-content:flex-start}}@media(max-width:620px){.appt-records-stats,.appt-record-fields{grid-template-columns:1fr}.appt-record-row summary{grid-template-columns:auto 1fr}.appt-record-thumb{display:none}}

/* =========================================================
   COMPACT ADMIN OVERRIDES · Cleaner spacing and overflow safety
   ========================================================= */
.admin-users-vault-hero,.admin-resellers-hero,.appt-records-hero{padding:22px!important;border-radius:26px!important;margin-bottom:14px!important}
.admin-users-vault-hero h1,.admin-resellers-hero h1,.appt-records-hero h1{font-size:clamp(28px,3.4vw,44px)!important;letter-spacing:-1.15px!important}
.admin-users-vault-hero p,.admin-resellers-hero p,.appt-records-hero p{font-size:14px!important;line-height:1.45!important}
.admin-users-vault-shield{min-width:190px!important;padding:12px 14px!important;border-radius:18px!important}
.admin-users-vault-shield>span{width:40px!important;height:40px!important;border-radius:13px!important;font-size:20px!important}
.admin-users-vault-stats,.admin-resellers-stats,.appt-records-stats{gap:9px!important;margin-bottom:13px!important}
.admin-users-vault-stats article,.admin-resellers-stats article,.appt-records-stats div{padding:12px 13px!important;border-radius:17px!important}
.admin-users-vault-stats b,.admin-resellers-stats b,.appt-records-stats b{font-size:22px!important}
.admin-users-search-panel,.admin-resellers-filter-panel,.appt-records-filter.box{padding:13px!important;border-radius:21px!important;margin-bottom:13px!important}
.admin-users-search-panel input,.admin-users-search-panel select,.admin-resellers-filter-panel input,.admin-resellers-filter-panel select,.appt-records-filter input,.appt-records-filter select{min-height:40px!important;border-radius:12px!important;font-size:13px!important}
.admin-users-records-panel,.admin-resellers-records,.appt-records-list.box{padding:14px!important;border-radius:24px!important}
.admin-users-records-title,.admin-resellers-records-head,.appt-records-list-head{padding-bottom:11px!important}
.admin-users-records-title h2,.admin-resellers-records-head h2,.appt-records-list-head h2{font-size:24px!important;margin:2px 0!important}
.admin-user-account-row,.admin-reseller-record,.appt-record-row{border-radius:18px!important;box-shadow:0 8px 20px rgba(15,23,42,.055)!important}
.admin-user-account-row>summary{grid-template-columns:22px 42px minmax(160px,1.1fr) auto minmax(120px,.7fr) auto auto!important;gap:9px!important;padding:10px 12px!important;min-width:0!important}
.admin-reseller-record>summary{gap:10px!important;padding:10px 12px!important;min-width:0!important}
.appt-record-row summary{grid-template-columns:auto 56px minmax(0,1fr) auto!important;gap:10px!important;padding:10px 12px!important;min-width:0!important}
.admin-user-summary-main,.admin-user-account-id,.admin-reseller-main,.appt-record-main{min-width:0!important;overflow:hidden!important}
.admin-user-summary-main strong,.admin-user-summary-main small,.admin-user-account-id b,.admin-reseller-main b,.admin-reseller-main small,.appt-record-main b,.appt-record-main small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.admin-user-avatar{width:40px!important;height:40px!important;border-radius:13px!important}
.admin-reseller-record .reseller-photo-small{width:46px!important;height:46px!important;border-radius:14px!important}
.appt-record-thumb img,.appt-record-thumb b{width:56px!important;height:46px!important;border-radius:14px!important;object-fit:cover!important}
.admin-user-role-badge,.admin-user-vault-state,.admin-user-status,.admin-reseller-source,.admin-reseller-status,.appt-result-chip{font-size:10px!important;padding:6px 8px!important}
.admin-user-account-body,.admin-reseller-record-body,.appt-record-body{padding:0 12px 12px!important}
.admin-user-account-grid,.admin-reseller-info-grid,.appt-record-fields{gap:8px!important}
.admin-user-account-grid article,.admin-reseller-info-grid article,.appt-record-fields div{padding:10px!important;border-radius:14px!important;min-width:0!important}
.admin-user-password-vault{padding:12px!important;border-radius:17px!important}
.admin-users-unlock-card{padding:22px!important;border-radius:26px!important;gap:20px!important}.admin-users-unlock-art{min-height:240px!important;border-radius:22px!important}.admin-users-unlock-copy h2{font-size:clamp(23px,2.5vw,31px)!important}
@media(max-width:1100px){.admin-user-account-row>summary{grid-template-columns:22px 42px minmax(0,1fr) auto auto!important}.admin-user-account-id{display:none!important}.admin-user-vault-state{display:none!important}.admin-resellers-filter-panel{grid-template-columns:1fr 1fr!important}.admin-resellers-search-field{grid-column:1/-1!important}.appt-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.admin-users-vault-hero,.admin-resellers-hero,.appt-records-hero{padding:18px!important;border-radius:22px!important}.admin-users-vault-toolbar,.admin-resellers-records-head,.appt-records-list-head{flex-direction:column!important;align-items:flex-start!important}.admin-users-vault-stats,.admin-resellers-stats,.appt-records-stats{grid-template-columns:1fr 1fr!important}.admin-users-search-panel,.admin-resellers-filter-panel,.appt-records-filter form{grid-template-columns:1fr!important}.admin-user-account-row>summary,.appt-record-row summary{grid-template-columns:20px 40px minmax(0,1fr)!important}.appt-record-meta,.admin-user-status{grid-column:1/-1!important}.admin-user-account-grid,.admin-reseller-info-grid,.appt-record-fields{grid-template-columns:1fr!important}}
@media(max-width:480px){.admin-users-vault-stats,.admin-resellers-stats,.appt-records-stats{grid-template-columns:1fr!important}.admin-resellers-hero-icon{display:none!important}.admin-users-records-panel,.admin-resellers-records,.appt-records-list.box{padding:10px!important;border-radius:20px!important}}

/* =========================================================
   Dealer / Store registration choice + marketplace help flow
   ========================================================= */
.dealer-account-entry{padding-top:34px;padding-bottom:54px}
.register-type-row{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:14px;align-items:end;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.07)}
.register-type-copy{min-height:48px;display:flex;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.34);color:rgba(255,255,255,.82);font-weight:800;line-height:1.45}
.dealer-path-panel{margin-top:4px;padding:20px;border-radius:28px;border:1px solid rgba(56,189,248,.24);background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(99,102,241,.10),rgba(249,115,22,.10));box-shadow:0 22px 60px rgba(2,6,23,.18)}
.dealer-path-heading h2{margin:6px 0;color:#fff}
.dealer-path-heading p{max-width:820px;color:rgba(255,255,255,.82);line-height:1.55}
.dealer-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}
.dealer-path-card{appearance:none;width:100%;min-height:230px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:22px;border-radius:25px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));color:#fff;box-shadow:0 18px 45px rgba(2,6,23,.14);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.dealer-path-card:hover,.dealer-path-card.selected{transform:translateY(-3px);border-color:#7dd3fc;background:linear-gradient(145deg,rgba(14,165,233,.27),rgba(99,102,241,.13));box-shadow:0 24px 58px rgba(14,165,233,.20)}
.dealer-path-card-help:hover,.dealer-path-card-help.selected{border-color:#fdba74;background:linear-gradient(145deg,rgba(249,115,22,.25),rgba(168,85,247,.12));box-shadow:0 24px 58px rgba(249,115,22,.18)}
.dealer-path-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#fff;font-size:23px;font-weight:1000;box-shadow:0 14px 30px rgba(56,189,248,.25)}
.dealer-path-card-help .dealer-path-icon{background:linear-gradient(135deg,#f97316,#ec4899)}
.dealer-path-card b{font-size:1.22rem;line-height:1.25}
.dealer-path-card small{display:block;color:rgba(255,255,255,.78);font-size:.94rem;line-height:1.55}
.dealer-path-card em{margin-top:auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);color:#dbeafe;font-style:normal;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em}
.dealer-panel-back-row{display:flex;justify-content:flex-start;margin:-3px 0 12px}
.dealer-back-button{appearance:none;border:0;background:transparent;color:#bae6fd;padding:5px 0;font-weight:900;cursor:pointer}
.dealer-back-button:hover{color:#fff;text-decoration:underline}
.register-submit-row{justify-content:flex-end;padding-top:4px}
.register-submit-row button{min-width:220px}

.dealer-help-panel{margin-top:12px;border:1px solid rgba(249,115,22,.28);border-radius:28px;padding:18px;background:linear-gradient(135deg,rgba(249,115,22,.14),rgba(168,85,247,.10),rgba(15,23,42,.22));box-shadow:0 22px 62px rgba(249,115,22,.13)}
.dealer-help-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;padding:20px;border-radius:23px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(49,46,129,.48));color:#fff}
.dealer-help-hero h2{margin:6px 0 8px}
.dealer-help-hero p{color:rgba(255,255,255,.82);line-height:1.58}
.dealer-help-contact-stack{display:grid;gap:9px;align-content:start}
.dealer-help-contact-stack a,.dealer-help-hours{display:grid;gap:2px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.09);text-decoration:none;color:#fff}
.dealer-help-contact-stack a:hover{border-color:#7dd3fc;background:rgba(56,189,248,.16)}
.dealer-help-contact-stack span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#bae6fd;font-weight:900}
.dealer-help-contact-stack b{overflow-wrap:anywhere}
.dealer-help-form-intro{padding:18px 3px 6px;color:#fff}
.dealer-help-form-intro h3{margin:0 0 6px}
.dealer-help-form-intro p{margin:0;color:rgba(255,255,255,.78);line-height:1.5}
.dealer-help-fields label small{color:rgba(255,255,255,.62)}
.dealer-help-topics{margin:15px 0 0;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:20px;display:flex;gap:10px;flex-wrap:wrap}
.dealer-help-topics legend{padding:0 8px;color:#fff;font-weight:1000}
.dealer-help-topics label{display:inline-flex!important;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);cursor:pointer;color:#fff!important}
.dealer-help-topics input{width:auto!important;margin:0!important}
.dealer-help-message-label{display:grid!important;gap:8px;margin-top:15px!important}
.dealer-help-message-label textarea{min-height:120px}
.dealer-help-call-note{margin-top:14px;padding:13px 15px;border-radius:17px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.25);color:#dcfce7;font-weight:800;line-height:1.5}

/* Admin dealer registration help */
.dealer-help-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#312e81 55%,#7c2d12);color:#fff;box-shadow:0 25px 70px rgba(2,6,23,.20);margin-bottom:15px}
.dealer-help-admin-hero h1{margin:6px 0}
.dealer-help-admin-hero p{max-width:820px;margin:0;color:rgba(255,255,255,.80);line-height:1.55}
.dealer-help-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.dealer-help-admin-stats>div{padding:16px;border-radius:21px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 32px rgba(15,23,42,.07)}
.dealer-help-admin-stats span{display:block;color:#64748b;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.dealer-help-admin-stats b{display:block;color:#0f172a;font-size:1.9rem;margin-top:3px}
.dealer-help-settings-box{margin-bottom:15px;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 14px 40px rgba(15,23,42,.07);overflow:hidden}
.dealer-help-settings-box>summary{cursor:pointer;list-style:none;padding:17px 20px;background:linear-gradient(135deg,#eff6ff,#faf5ff,#fff7ed);color:#0f172a;font-weight:1000;font-size:1.05rem}
.dealer-help-settings-box>summary::-webkit-details-marker{display:none}
.dealer-help-settings-form{padding:18px;display:grid;gap:14px}
.dealer-help-settings-form label,.dealer-help-request-update label{display:grid;gap:7px;color:#0f172a;font-weight:900}
.dealer-help-settings-form input,.dealer-help-settings-form textarea,.dealer-help-request-update input,.dealer-help-request-update select,.dealer-help-request-update textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:14px;padding:11px 12px;background:#fff;color:#0f172a}
.dealer-help-settings-form small{color:#64748b;font-weight:700;line-height:1.4}
.dealer-help-search{grid-template-columns:1fr 210px auto auto}
.dealer-help-request-list{display:grid;gap:12px}
.dealer-help-request-card{border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 15px 42px rgba(15,23,42,.08);overflow:hidden}
.dealer-help-request-card>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px}
.dealer-help-request-card>summary::-webkit-details-marker{display:none}
.dealer-help-status{display:inline-flex;align-items:center;justify-content:center;min-width:106px;padding:8px 11px;border-radius:999px;font-size:.75rem;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}
.dealer-help-status-new{background:#dbeafe;color:#1d4ed8}
.dealer-help-status-contacted{background:#fef3c7;color:#92400e}
.dealer-help-status-scheduled{background:#ede9fe;color:#6d28d9}
.dealer-help-status-completed{background:#dcfce7;color:#166534}
.dealer-help-status-cancelled{background:#fee2e2;color:#991b1b}
.dealer-help-request-person b,.dealer-help-request-date b{display:block;color:#0f172a}
.dealer-help-request-person small,.dealer-help-request-date small{display:block;color:#64748b;margin-top:3px}
.dealer-help-request-date{text-align:right}
.dealer-help-request-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 18px 16px}
.dealer-help-request-info{padding:16px;border-radius:19px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155}
.dealer-help-request-info h3{margin:0 0 10px;color:#0f172a}
.dealer-help-request-info p{margin:7px 0;line-height:1.48}
.dealer-help-direct-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dealer-help-topic-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.dealer-help-topic-chips span{padding:7px 9px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:.77rem;font-weight:900}
.dealer-help-request-message{padding:12px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}
.dealer-help-request-update{padding:16px 18px 18px;border-top:1px solid #e2e8f0;background:#f8fafc;display:grid;gap:13px}

@media(max-width:900px){
  .register-type-row,.dealer-help-hero,.dealer-help-request-body{grid-template-columns:1fr}
  .dealer-path-grid{grid-template-columns:1fr}
  .dealer-help-admin-hero{align-items:flex-start;flex-direction:column}
  .dealer-help-admin-stats{grid-template-columns:repeat(2,1fr)}
  .dealer-help-search{grid-template-columns:1fr}
  .dealer-help-request-card>summary{grid-template-columns:1fr}
  .dealer-help-request-date{text-align:left}
}
@media(max-width:560px){
  .dealer-path-panel,.dealer-help-panel{padding:13px;border-radius:22px}
  .dealer-path-card{min-height:0;padding:18px}
  .dealer-help-hero{padding:16px}
  .dealer-help-admin-stats{grid-template-columns:1fr}
  .register-submit-row button{width:100%;min-width:0}
}

/* Dealer registration draft protection + incomplete Admin review + strict manual creation v2.0 */
.dealer-draft-status{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:16px 0 20px;padding:13px 15px;border:1px solid rgba(59,130,246,.28);border-radius:14px;background:rgba(59,130,246,.08);color:var(--text,#e8eefb)}
.dealer-draft-status b{white-space:nowrap;color:#93c5fd}
.dealer-draft-status span{font-size:13px;line-height:1.45;color:var(--muted,#a9b5c8)}
.dealer-draft-status.is-saved{border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.08)}
.dealer-draft-status.is-saved b{color:#86efac}
.validation-admin-guidance{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(59,130,246,.25);border-radius:16px;background:rgba(59,130,246,.07)}
.validation-admin-guidance b{color:#93c5fd;white-space:nowrap}.validation-admin-guidance span{color:var(--muted,#a9b5c8);line-height:1.45}
.validation-completeness{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px!important;font-size:11px!important;font-weight:800;letter-spacing:.02em}
.validation-completeness.is-complete{background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.28)}
.validation-completeness.needs-review{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(245,158,11,.28)}
.validation-issue-panel,.validation-complete-panel{margin:0 0 16px;padding:15px 16px;border-radius:15px}
.validation-issue-panel{border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.08)}
.validation-complete-panel{display:flex;gap:10px;align-items:center;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.07)}
.validation-issue-panel>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.validation-issue-panel b{color:#fcd34d}.validation-issue-panel span,.validation-complete-panel span{color:var(--muted,#a9b5c8)}
.validation-issue-panel ul{columns:2;column-gap:28px;margin:12px 0 0;padding-left:20px}.validation-issue-panel li{break-inside:avoid;margin:5px 0;color:#f5d9a7;font-size:13px}
.validation-doc-preview.is-missing{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-style:dashed;border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.05);color:#fca5a5;text-align:center}
.validation-doc-preview.is-missing small{color:var(--muted,#a9b5c8)}
.validation-review-window .btn{margin-top:10px;align-self:flex-start}
.manual-dealer-shell{max-width:1180px;margin:0 auto}.manual-dealer-hero{margin-bottom:20px}.manual-dealer-error{margin:0 0 18px}
.manual-dealer-form{display:flex;flex-direction:column;gap:20px;padding:22px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:22px;background:var(--panel,#111827);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.manual-dealer-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line,rgba(255,255,255,.1))}
.manual-dealer-section-head>div{display:flex;align-items:center;gap:10px}.manual-dealer-section-head>div>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7a18,#ff3d81);color:#fff;font-weight:900}.manual-dealer-section-head h2{margin:0;font-size:19px}.manual-dealer-section-head p{margin:0;max-width:560px;color:var(--muted,#a9b5c8);font-size:13px;line-height:1.45;text-align:right}
.manual-dealer-form input,.manual-dealer-form select,.manual-dealer-form textarea{width:100%}.manual-dealer-form label small,.manual-dealer-form input+small{display:block;margin-top:6px;color:var(--muted,#a9b5c8);font-size:12px;line-height:1.4}
.manual-dealer-confirmation{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:15px;border:1px solid rgba(34,197,94,.26);background:rgba(34,197,94,.07)}.manual-dealer-confirmation b{color:#86efac;white-space:nowrap}.manual-dealer-confirmation span{color:var(--muted,#a9b5c8);line-height:1.45}
.manual-dealer-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
@media(max-width:760px){.dealer-draft-status,.validation-admin-guidance,.validation-complete-panel,.manual-dealer-section-head,.manual-dealer-confirmation{flex-direction:column;align-items:flex-start}.validation-issue-panel ul{columns:1}.manual-dealer-section-head p{text-align:left}.manual-dealer-actions{flex-direction:column}.manual-dealer-actions .btn{width:100%;justify-content:center}}

/* Create Dealer Manually readability repair v2.0.1
   Scoped visual-only overrides. No registration, validation, upload, database, role, or activation logic is changed. */
.manual-dealer-shell{
  color:#0f172a;
}
.manual-dealer-shell .manual-dealer-form{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  color:#0f172a;
  border-color:#dbe4ef;
  box-shadow:0 20px 55px rgba(15,23,42,.10);
}
.manual-dealer-shell .manual-dealer-section-head{
  border-bottom-color:#dbe4ef;
}
.manual-dealer-shell .manual-dealer-section-head h2,
.manual-dealer-shell .manual-dealer-form label,
.manual-dealer-shell .validation-doc-card > b{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a;
  opacity:1;
}
.manual-dealer-shell .manual-dealer-section-head p,
.manual-dealer-shell .manual-dealer-form label small,
.manual-dealer-shell .manual-dealer-form input + small{
  color:#64748b !important;
  -webkit-text-fill-color:#64748b;
  opacity:1;
}
.manual-dealer-shell .manual-dealer-form input,
.manual-dealer-shell .manual-dealer-form select,
.manual-dealer-shell .manual-dealer-form textarea{
  min-height:48px;
  padding:12px 14px;
  border:1px solid #cbd5e1 !important;
  border-radius:14px;
  background:#ffffff !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a;
  caret-color:#0f172a;
  opacity:1;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.manual-dealer-shell .manual-dealer-form input::placeholder,
.manual-dealer-shell .manual-dealer-form textarea::placeholder{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8;
  opacity:1;
}
.manual-dealer-shell .manual-dealer-form input:hover,
.manual-dealer-shell .manual-dealer-form select:hover,
.manual-dealer-shell .manual-dealer-form textarea:hover{
  border-color:#94a3b8 !important;
}
.manual-dealer-shell .manual-dealer-form input:focus,
.manual-dealer-shell .manual-dealer-form select:focus,
.manual-dealer-shell .manual-dealer-form textarea:focus{
  outline:none;
  border-color:#0ea5e9 !important;
  background:#ffffff !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a;
  box-shadow:0 0 0 4px rgba(14,165,233,.14);
}
.manual-dealer-shell .manual-dealer-form input:-webkit-autofill,
.manual-dealer-shell .manual-dealer-form input:-webkit-autofill:hover,
.manual-dealer-shell .manual-dealer-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:#0f172a !important;
  -webkit-box-shadow:0 0 0 1000px #ffffff inset !important;
  box-shadow:0 0 0 1000px #ffffff inset !important;
  caret-color:#0f172a;
}
.manual-dealer-shell .manual-dealer-form input[type="file"]{
  min-height:52px;
  padding:7px 9px;
  line-height:34px;
  color:#334155 !important;
  -webkit-text-fill-color:#334155;
}
.manual-dealer-shell .manual-dealer-form input[type="file"]::file-selector-button{
  min-height:34px;
  margin-right:11px;
  padding:0 13px;
  border:0;
  border-radius:10px;
  background:#e0f2fe;
  color:#075985;
  font-weight:900;
  cursor:pointer;
}
.manual-dealer-shell .manual-dealer-form input[type="file"]::-webkit-file-upload-button{
  min-height:34px;
  margin-right:11px;
  padding:0 13px;
  border:0;
  border-radius:10px;
  background:#e0f2fe;
  color:#075985;
  font-weight:900;
  cursor:pointer;
}
.manual-dealer-shell .validation-doc-grid{
  align-items:stretch;
}
.manual-dealer-shell .validation-doc-card{
  border:1px solid #dbe4ef;
  background:#ffffff;
  color:#0f172a;
  box-shadow:0 10px 26px rgba(15,23,42,.055);
}
.manual-dealer-shell .validation-doc-card label{
  color:#334155 !important;
  -webkit-text-fill-color:#334155;
}
.manual-dealer-shell .manual-dealer-confirmation{
  background:#f0fdf4;
  border-color:#bbf7d0;
}
.manual-dealer-shell .manual-dealer-confirmation b{
  color:#166534;
}
.manual-dealer-shell .manual-dealer-confirmation span{
  color:#3f6212;
}
.manual-dealer-shell .manual-dealer-actions > .btn:not(.hot){
  background:#ffffff;
  color:#334155;
  border-color:#cbd5e1;
}
.manual-dealer-shell .manual-dealer-actions > .btn:not(.hot):hover{
  background:#f1f5f9;
  color:#0f172a;
}
.manual-dealer-shell .manual-dealer-actions .hot{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
@media (prefers-color-scheme:dark){
  .manual-dealer-shell .manual-dealer-form,
  .manual-dealer-shell .validation-doc-card{
    color:#0f172a;
  }
}

/* =========================================================
   Business Categories · opt-in marketplace category selector
   Only Parts and Accessories are protected defaults.
   ========================================================= */
.business-category-settings{
  margin:22px 0;
  padding:20px;
  border:1px solid #d8dee9;
  border-radius:18px;
  background:#f8fafc;
}
.business-category-settings-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.business-category-settings-head label{
  display:block;
  margin:0 0 6px;
  font-size:1rem;
  font-weight:800;
  color:#111827;
}
.business-category-settings-head .field-help{
  margin:0;
}
.business-category-count{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#fff;
  color:#334155;
  font-size:.82rem;
  font-weight:800;
}
.business-category-menu{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.business-category-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:62px;
  margin:0;
  padding:11px 13px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  background:#fff;
  color:#111827;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.business-category-option:hover{
  border-color:#94a3b8;
  transform:translateY(-1px);
}
.business-category-option:has(input:checked){
  border-color:#f97316;
  background:#fff7ed;
  box-shadow:0 0 0 2px rgba(249,115,22,.10);
}
.business-category-option input{
  width:18px;
  height:18px;
  margin:0;
  accent-color:#f97316;
  flex:0 0 auto;
}
.business-category-option span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.business-category-option b{
  color:#111827;
  line-height:1.15;
}
.business-category-option small{
  color:#64748b;
  font-size:.76rem;
  font-weight:700;
}
.business-category-option.is-protected{
  border-color:#16a34a;
  background:#f0fdf4;
  cursor:default;
}
.business-category-option.is-protected input{
  accent-color:#16a34a;
}
.business-category-option.is-protected small{
  color:#15803d;
}
.business-category-settings > label{
  display:block;
  margin:4px 0 7px;
  color:#111827;
  font-weight:800;
}
.business-category-settings textarea{
  min-height:105px;
  background:#fff;
  color:#111827;
}
@media(max-width:900px){
  .business-category-menu{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:580px){
  .business-category-settings{padding:15px;}
  .business-category-settings-head{display:block;}
  .business-category-count{margin-top:10px;}
  .business-category-menu{grid-template-columns:1fr;}
}

/* CSV Listings Import / Ready to Publish v2.3.0 */
.listing-pro-head-actions,
.listing-import-head-actions,
.listing-import-batch-actions,
.listing-import-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.listing-import-btn{background:#111827!important;color:#fff!important;border:1px solid #111827!important}
.listing-export-btn{background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important}
.listing-import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.listing-import-head h1{margin:5px 0 8px}
.listing-import-head p{max-width:850px;margin:0;color:#64748b;line-height:1.6}
.listing-import-notice{display:flex;gap:12px;align-items:flex-start;background:#eef6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px 16px;margin:0 0 18px;color:#1e3a5f}
.listing-import-notice b{white-space:nowrap}
.listing-import-notice span{line-height:1.5}
.listing-import-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px}
.listing-import-upload,.listing-import-export-card{margin:0}
.listing-import-upload h2,.listing-import-export-card h2{margin:5px 0 8px}
.listing-import-upload p,.listing-import-export-card p{color:#64748b;line-height:1.55}
.listing-import-upload input[type=file]{background:#fff;color:#111827;border:1px solid #cbd5e1;border-radius:12px;padding:12px;width:100%;margin-bottom:14px}
.listing-import-batches{margin-bottom:18px}
.listing-import-batch-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}
.listing-import-batch-tabs a{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid #dbe2ea;border-radius:13px;background:#fff;color:#111827;text-decoration:none}
.listing-import-batch-tabs a span{font-size:12px;color:#64748b}
.listing-import-batch-tabs a.active{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.12);background:#faf7ff}
.listing-import-workspace{background:#f8fafc;border:1px solid #dbe2ea;border-radius:20px;padding:18px}
.listing-import-batch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.listing-import-batch-head h2{margin:5px 0 7px}
.listing-import-batch-head p{margin:0;color:#64748b;line-height:1.5}
.listing-import-delete-batch{background:#fff!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.listing-import-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:18px}
.listing-import-stats>div{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:12px}
.listing-import-stats span{display:block;font-size:12px;color:#64748b;margin-bottom:5px}
.listing-import-stats b{font-size:24px;color:#111827}
.listing-import-stats .ready{border-color:#a7f3d0}.listing-import-stats .ready b{color:#047857}
.listing-import-stats .review{border-color:#fde68a}.listing-import-stats .review b{color:#b45309}
.listing-import-stats .duplicate{border-color:#fecaca}.listing-import-stats .duplicate b{color:#b91c1c}
.listing-import-stats .published{border-color:#bfdbfe}.listing-import-stats .published b{color:#1d4ed8}
.listing-import-stats .error{border-color:#fca5a5}.listing-import-stats .error b{color:#991b1b}
.listing-import-stats .merged{border-color:#c4b5fd}.listing-import-stats .merged b{color:#6d28d9}
.listing-import-stats .enriched{border-color:#99f6e4}.listing-import-stats .enriched b{color:#0f766e}
.listing-import-stats .unchanged{border-color:#cbd5e1}.listing-import-stats .unchanged b{color:#475569}
.listing-import-row-editor{margin:0 0 18px;background:#fff}
.listing-import-editor-issues{display:grid;gap:8px;margin:12px 0 16px}
.listing-import-editor-issues>div{border-radius:10px;padding:10px 12px;line-height:1.45}
.listing-import-editor-issues .error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.listing-import-editor-issues .warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.listing-import-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.listing-import-edit-grid .wide{grid-column:1/-1}
.listing-import-edit-grid label{display:block;color:#1f2937;font-weight:700;margin-bottom:6px}
.listing-import-edit-grid input,.listing-import-edit-grid select,.listing-import-edit-grid textarea{width:100%;background:#fff;color:#111827;border:1px solid #cbd5e1;border-radius:10px;padding:10px 11px}
.listing-import-edit-grid input::placeholder,.listing-import-edit-grid textarea::placeholder{color:#94a3b8}
.listing-import-edit-grid input:focus,.listing-import-edit-grid select:focus,.listing-import-edit-grid textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.listing-import-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.listing-import-filter-row a{padding:8px 12px;border:1px solid #dbe2ea;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-weight:700;font-size:13px}
.listing-import-filter-row a.active{background:#111827;color:#fff;border-color:#111827}
.listing-import-table-box{padding:0;overflow:hidden;margin:0}
.listing-import-publish-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff}
.listing-import-publish-toolbar>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.listing-import-select-all{display:flex;align-items:center;gap:7px;color:#1f2937;font-weight:700;margin:0}
.listing-import-select-all input{width:18px;height:18px}
.listing-import-publish-toolbar [data-selected-count]{color:#64748b;font-size:13px}
.listing-import-table-scroll{overflow:auto}
.listing-import-table{min-width:1180px;margin:0}
.listing-import-table th{position:sticky;top:0;background:#f8fafc;z-index:1}
.listing-import-table td{vertical-align:top}
.listing-import-table td b{display:block;color:#111827;margin-bottom:4px}
.listing-import-table td small{display:block;color:#64748b;line-height:1.35}
.listing-import-table input[type=checkbox]{width:18px;height:18px}
.listing-import-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:6px}
.listing-import-status.ready{background:#ecfdf5;color:#047857}
.listing-import-status.needs_review{background:#fffbeb;color:#b45309}
.listing-import-status.duplicate{background:#fef2f2;color:#b91c1c}
.listing-import-status.published{background:#eff6ff;color:#1d4ed8}
.listing-import-status.error{background:#fee2e2;color:#991b1b}
.listing-import-issue{display:block;border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.35;margin:0 0 5px;max-width:310px}
.listing-import-issue.error{background:#fef2f2;color:#991b1b}
.listing-import-issue.warning{background:#fffbeb;color:#92400e}
.listing-import-clean{display:inline-flex;background:#ecfdf5;color:#047857;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700}
.listing-import-no-select{color:#94a3b8}
.listing-import-row-actions{align-items:flex-start}
.listing-import-row-actions a{white-space:nowrap}
.mini-view{display:inline-flex;padding:6px 9px;border-radius:8px;background:#eff6ff;color:#1d4ed8!important;text-decoration:none;font-size:12px;font-weight:800}
.listing-import-empty{text-align:center!important;padding:32px!important;color:#64748b!important}
.listing-import-pagination{margin-top:14px}
.listing-import-empty-state{text-align:center;padding:38px 22px}
.listing-import-empty-state p{max-width:760px;margin:8px auto 0;color:#64748b;line-height:1.6}
@media (max-width:1100px){
  .listing-import-stats{grid-template-columns:repeat(3,minmax(110px,1fr))}
  .listing-import-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .listing-pro-head,.listing-import-head,.listing-import-batch-head,.listing-import-publish-toolbar{flex-direction:column;align-items:stretch}
  .listing-pro-head-actions,.listing-import-head-actions{width:100%}
  .listing-pro-head-actions .btn,.listing-import-head-actions .btn{flex:1;text-align:center;justify-content:center}
  .listing-import-grid{grid-template-columns:1fr}
  .listing-import-notice{flex-direction:column}
  .listing-import-stats{grid-template-columns:repeat(2,minmax(100px,1fr))}
  .listing-import-edit-grid{grid-template-columns:1fr}
  .listing-import-edit-grid .wide{grid-column:auto}
}

/* MotorLot XML image-aware import v2.4.0 */
.listing-import-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.listing-import-xml-card{border-color:#c4b5fd;background:linear-gradient(180deg,#faf7ff 0%,#fff 100%)}
.listing-import-editor-issues .info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}
.listing-import-issue.info{background:#eff6ff;color:#1d4ed8}
.listing-import-source-media{margin:0 0 18px;padding:14px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}
.listing-import-source-media h3{margin:0 0 5px;color:#111827}
.listing-import-source-media-grid{display:grid;grid-template-columns:repeat(6,minmax(85px,1fr));gap:10px;margin-top:12px}
.listing-import-source-media-grid a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #cbd5e1;border-radius:11px;background:#e2e8f0;text-decoration:none}
.listing-import-source-media-grid img{width:100%;height:100%;display:block;object-fit:cover}
.listing-import-source-media-grid span{position:absolute;left:5px;bottom:5px;background:rgba(15,23,42,.82);color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}
.listing-import-listing-cell{display:flex;align-items:flex-start;gap:9px;min-width:240px}
.listing-import-listing-cell>img{width:58px;height:46px;object-fit:cover;border-radius:8px;border:1px solid #dbe2ea;background:#f1f5f9;flex:0 0 auto}
.listing-import-listing-cell>span{min-width:0}
@media (max-width:1180px){
  .listing-import-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-import-export-card{grid-column:1/-1}
  .listing-import-source-media-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}
}
@media (max-width:760px){
  .listing-import-grid-three{grid-template-columns:1fr}
  .listing-import-export-card{grid-column:auto}
  .listing-import-source-media-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}
}


/* Inventory XML runtime readiness v2.4.3 */
.listing-import-compatibility{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(22,163,74,.28);border-radius:14px;background:rgba(240,253,244,.92);color:#14532d}
.listing-import-compatibility b{font-weight:900}
.listing-import-compatibility span{font-size:13px;line-height:1.5;color:#166534}

.listing-import-merged-summary{display:flex;gap:8px;align-items:flex-start;flex-direction:column;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(37,99,235,.22);border-radius:14px;background:rgba(239,246,255,.94);color:#1e3a8a}
.listing-import-merged-summary b{font-weight:900}
.listing-import-merged-summary span{font-size:13px;line-height:1.55;color:#1e40af}


/* Dealer UI refinement v2.5.3: AI summary and compact API permissions */
.ai-answer-box.ai-today-summary{
  position:relative;
  border:1px solid rgba(15,118,110,.24);
  background:#fff;
  box-shadow:0 22px 55px rgba(15,23,42,.10),0 0 0 1px rgba(255,255,255,.9) inset;
}
.ai-answer-box.ai-today-summary:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#0f766e,#22c55e,#84cc16);
  z-index:2;
}
.ai-today-summary .ai-answer-source{
  padding:16px 20px 16px 22px;
  background:linear-gradient(135deg,#ecfdf5 0%,#f0fdfa 50%,#ffffff 100%);
  border-bottom:1px solid rgba(15,118,110,.14);
}
.ai-answer-source-title{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.ai-answer-source-title>i{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-size:11px;
  font-weight:1000;
  font-style:normal;
  letter-spacing:.02em;
  box-shadow:0 8px 20px rgba(15,23,42,.18);
}
.ai-today-summary .ai-answer-source-title>i{
  background:linear-gradient(135deg,#0f766e,#22c55e);
  box-shadow:0 8px 20px rgba(15,118,110,.22);
}
.ai-answer-source-title>span{
  color:#0f172a;
  font-weight:1000;
  letter-spacing:-.25px;
}
.ai-answer-text{
  background:#fff;
}
.ai-answer-copy{
  color:#243244;
  font-weight:760;
  line-height:1.82;
}
.ai-generated-actions{
  margin-top:18px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,#f0fdf4,#ffffff 58%,#f7fee7);
  border:1px solid rgba(34,197,94,.22);
  box-shadow:0 12px 30px rgba(22,101,52,.08);
}
.ai-generated-actions-head{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:12px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(34,197,94,.17);
}
.ai-generated-actions-icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#111827;
  color:#fff;
  font-weight:1000;
  box-shadow:0 8px 18px rgba(17,24,39,.18);
}
.ai-generated-actions-head b{
  display:block;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.2px;
}
.ai-generated-actions-head small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ai-generated-actions ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:7px;
}
.ai-generated-actions li{
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:8px 9px;
  border-radius:13px;
  background:rgba(255,255,255,.78);
}
.ai-generated-actions li .ai-action-check{
  width:23px;
  height:23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
}
.ai-generated-actions li>span:last-child{
  color:#15803d;
  font-weight:900;
  line-height:1.5;
}

.api-access-panel{
  margin-top:16px;
  padding:14px;
  border-radius:20px;
  background:linear-gradient(145deg,#f8fafc,#ffffff);
  border:1px solid rgba(100,116,139,.20);
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.api-access-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:2px 2px 12px;
}
.api-access-head h3{
  margin:2px 0 3px;
  color:#0f172a;
  font-size:19px;
  letter-spacing:-.4px;
}
.api-access-head p{
  margin:0;
  color:#64748b;
  font-size:12px;
  font-weight:750;
  line-height:1.45;
}
.api-access-kicker{
  color:#2563eb;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.api-access-count{
  display:inline-flex;
  white-space:nowrap;
  padding:6px 9px;
  border-radius:999px;
  background:#e0f2fe;
  color:#075985;
  font-size:11px;
  font-weight:1000;
  border:1px solid #bae6fd;
}
.api-scope-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.api-scope-group{
  min-width:0;
  margin:0;
  padding:10px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:16px;
  background:#fff;
}
.api-scope-group legend{
  padding:0 6px;
  color:#334155;
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.api-scope-group .api-scope-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
}
.api-scope-option{
  position:relative;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr);
  gap:8px !important;
  align-items:start !important;
  margin:0 !important;
  padding:8px 9px !important;
  border-radius:12px !important;
  background:#f8fafc !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  cursor:pointer;
  transition:.16s ease;
}
.api-scope-option:hover{
  background:#f0f9ff !important;
  border-color:#bae6fd !important;
}
.api-scope-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.api-scope-control{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  border:1px solid #94a3b8;
  background:#fff;
  margin-top:1px;
  transition:.16s ease;
}
.api-scope-option input:checked+.api-scope-control{
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  border-color:#2563eb;
  box-shadow:0 5px 12px rgba(37,99,235,.22);
}
.api-scope-option input:checked+.api-scope-control:after{
  content:"✓";
  color:#fff;
  font-size:12px;
  font-weight:1000;
}
.api-scope-option input:focus-visible+.api-scope-control{
  outline:3px solid rgba(14,165,233,.22);
  outline-offset:2px;
}
.api-scope-copy{
  min-width:0;
}
.api-scope-copy b{
  display:block;
  color:#0f172a;
  font-size:11px;
  font-weight:1000;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.api-scope-copy small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:10px;
  font-weight:700;
  line-height:1.35;
}
@media(max-width:1100px){
  .api-scope-groups{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .api-scope-groups{grid-template-columns:1fr}
  .api-access-head{display:grid}
  .api-access-count{width:max-content}
}

/* =========================================================
   Listing External Financing Options - Rent to Own / Buy to Own
   Visual + layout only. Existing Credit Application remains unchanged.
   ========================================================= */
.external-finance-settings{
  margin:18px 0 20px;
  padding:20px;
  border:1px solid rgba(15,23,42,.09);
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 16px 42px rgba(15,23,42,.065);
}
.external-finance-settings-head{margin-bottom:14px}
.external-finance-settings-head h3{margin:6px 0 6px;color:#0f172a;letter-spacing:-.45px}
.external-finance-settings-head p{margin:0;color:#64748b;line-height:1.5}
.external-finance-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.external-finance-setting-card{
  min-width:0;
  padding:17px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
.external-finance-setting-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.external-finance-setting-top>div{min-width:0}
.external-finance-setting-card h4{margin:6px 0 5px;color:#0f172a;font-size:20px;letter-spacing:-.35px}
.external-finance-setting-card p{margin:0;color:#64748b;line-height:1.45;font-size:13px}
.external-finance-setting-card>label{display:block;margin:0 0 7px;color:#334155;font-weight:900}
.external-finance-setting-card>input[name="rent_to_own_url"],
.external-finance-setting-card>input[name="buy_to_own_url"]{
  width:100%;
  box-sizing:border-box;
  border:1px solid #cbd5e1;
  border-radius:14px;
  padding:12px 13px;
  background:#fff;
  color:#0f172a;
  outline:none;
}
.external-finance-setting-card>input[name="rent_to_own_url"]:focus,
.external-finance-setting-card>input[name="buy_to_own_url"]:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.14)}
.external-finance-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#475569;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.external-finance-public-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:22px;
  background:linear-gradient(135deg,#07111f 0%,#111827 48%,#172554 100%);
  color:#fff;
  box-shadow:0 22px 64px rgba(15,23,42,.20);
  border:1px solid rgba(255,255,255,.12);
}
.external-finance-public-card .external-finance-public-orb{
  position:absolute;
  right:-54px;
  top:-58px;
  width:160px;
  height:160px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(56,189,248,.66),transparent 68%);
}
.external-finance-public-card.buy-to-own-card .external-finance-public-orb{
  background:radial-gradient(circle,rgba(167,139,250,.64),transparent 68%);
}
.external-finance-public-card.lease-to-own-card .external-finance-public-orb{
  background:radial-gradient(circle,rgba(52,211,153,.66),transparent 68%);
}
.external-finance-public-card>span{
  position:relative;
  z-index:1;
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.15);
  color:#bae6fd;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.external-finance-public-card.buy-to-own-card>span{color:#ddd6fe}
.external-finance-public-card.lease-to-own-card>span{color:#a7f3d0}
.external-finance-public-card h3{
  position:relative;
  z-index:1;
  margin:12px 0 8px;
  color:#fff;
  font-size:26px;
  letter-spacing:-.7px;
}
.external-finance-public-card p{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  color:#dbeafe;
  line-height:1.55;
}
.external-finance-public-button{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  border:0;
  border-radius:999px;
  padding:14px 18px;
  text-decoration:none;
  background:linear-gradient(135deg,#38bdf8,#fb923c);
  color:#06121f;
  font-weight:1000;
  box-shadow:0 16px 34px rgba(56,189,248,.24);
  transition:transform .18s ease,box-shadow .18s ease;
}
.buy-to-own-card .external-finance-public-button{
  background:linear-gradient(135deg,#a78bfa,#38bdf8);
  box-shadow:0 16px 34px rgba(167,139,250,.22);
}
.lease-to-own-card .external-finance-public-button{
  background:linear-gradient(135deg,#34d399,#38bdf8);
  box-shadow:0 16px 34px rgba(52,211,153,.22);
}
.external-finance-public-button:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(56,189,248,.30)}

@media(max-width:1280px){
  .external-finance-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .external-finance-settings-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .external-finance-settings{padding:14px;border-radius:20px}
  .external-finance-setting-top{flex-direction:column}
  .external-finance-public-card{border-radius:22px;padding:18px}
}


/* =========================================================
   v2.5.6 Dealer default external financing links
   ========================================================= */
.external-finance-defaults-panel{
  margin:0 0 18px;
  padding:22px;
  border:1px solid #dbe4ef;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 16px 44px rgba(15,23,42,.07);
}
.external-finance-defaults-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.external-finance-defaults-head h2{margin:6px 0;color:#0f172a;letter-spacing:-.5px}
.external-finance-defaults-head p{margin:0;max-width:780px;color:#64748b;line-height:1.55}
.external-finance-defaults-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.external-finance-default-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #e2e8f0;border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.external-finance-default-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-size:18px;font-weight:1000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.external-finance-default-copy h3{margin:2px 0 5px;color:#0f172a;font-size:20px}
.external-finance-default-copy p{margin:0 0 13px;color:#64748b;font-size:13px;line-height:1.45;word-break:break-word}
.external-finance-default-copy label{display:block;margin:0 0 7px;color:#334155;font-weight:900;font-size:13px}
.external-finance-default-copy input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:14px;padding:12px 13px;background:#fff;color:#0f172a;outline:none}
.external-finance-default-copy input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.14)}
.external-finance-defaults-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}
.external-finance-defaults-actions span{color:#64748b;font-size:12px;font-weight:800}
.external-finance-listing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.external-finance-listing-head>div{min-width:0}
.external-finance-manage-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;text-decoration:none;font-size:12px;font-weight:1000;white-space:nowrap}
.external-finance-manage-link:hover{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.12)}
.external-finance-setting-card.link-ready{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}
.external-finance-setting-card.link-missing{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}
.external-finance-link-status{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:11px 12px;margin-top:4px}
.external-finance-link-status>span{width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:0 0 24px;font-weight:1000}
.external-finance-link-status div{min-width:0}
.external-finance-link-status b,.external-finance-link-status small{display:block}
.external-finance-link-status b{font-size:12px}
.external-finance-link-status small{margin-top:3px;font-size:11px;line-height:1.35;word-break:break-all}
.external-finance-link-status.ready{background:#dcfce7;color:#166534}
.external-finance-link-status.ready>span{background:#0f172a;color:#fff}
.external-finance-link-status.ready small{color:#15803d}
.external-finance-link-status.missing{background:#ffedd5;color:#9a3412}
.external-finance-link-status.missing>span{background:#0f172a;color:#fff}
.external-finance-link-status.missing small{color:#c2410c}
@media(max-width:1280px){
  .external-finance-defaults-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .external-finance-defaults-grid{grid-template-columns:1fr}
  .external-finance-defaults-head,.external-finance-defaults-actions,.external-finance-listing-head{flex-direction:column}
  .external-finance-manage-link{align-self:flex-start}
}

/* =========================================================
   v2.5.7 SAFE RESPONSIVE DENSITY LAYER
   Compact desktop / laptop presentation only.
   - No layout markup, PHP, database or JavaScript changes.
   - Existing mobile breakpoint (<= 900px) remains untouched.
   ========================================================= */

@media (min-width:901px) and (max-width:1500px){
  /* Global chrome */
  header{
    padding:12px clamp(18px,3vw,42px);
    gap:12px;
  }
  nav{gap:6px}
  nav a,.btn,button{
    padding:9px 12px;
    font-size:13px;
  }
  footer{padding:18px clamp(18px,3vw,42px)}
  .marketplace-global-logo{width:36px;height:36px;min-width:36px;border-radius:11px}
  .marketplace-global-brand{gap:8px!important;font-size:14px}

  /* Public marketplace */
  .hero{
    gap:24px;
    padding:46px clamp(24px,4vw,58px);
  }
  .hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.2px}
  .hero p{font-size:16px;line-height:1.55}
  .search{margin:18px 0;padding:8px;border-radius:19px;gap:8px}
  .search input,.search select{height:42px;border-radius:13px}
  .carbox{padding:15px;border-radius:28px}
  .car{height:245px;border-radius:22px}
  .section,.public{padding:38px clamp(24px,4vw,58px)}
  .section h2,.public h1{font-size:clamp(27px,3.2vw,40px);letter-spacing:-1.4px;margin-bottom:14px}
  .grid{gap:12px}
  .cats{gap:11px}
  .cat,.store,.box{padding:17px;border-radius:21px}
  .card{border-radius:21px}
  .pic{height:188px}
  .card>div{padding:14px}
  .card h3{margin:10px 0 8px;font-size:18px;line-height:1.25}
  .card p{margin:6px 0 12px;line-height:1.45}
  .between b{font-size:19px}
  .pill{padding:5px 8px;font-size:11px}
  .auth{padding:28px 14px}
  .form{padding:22px;border-radius:23px}

  /* Forms and common panels */
  label{margin:11px 0 6px}
  input,select,textarea{padding:11px 12px;border-radius:13px}
  textarea{min-height:98px}
  .empty{padding:21px;border-radius:22px}
  .empty h3{font-size:24px}
  .flash{margin-top:12px;padding:11px 14px;border-radius:13px}

  /* Dealer / Admin dashboard shell */
  .dash{
    grid-template-columns:220px minmax(0,1fr);
    min-width:0;
  }
  .dash aside{padding:14px 12px;min-width:0}
  .me{padding:12px;border-radius:16px;margin-bottom:10px}
  .side{padding:10px 11px;border-radius:12px;font-size:13px;line-height:1.25}
  .content{padding:16px;min-width:0}
  .content>h1{font-size:clamp(28px,3vw,40px);margin-top:6px;margin-bottom:14px}
  .stats{gap:10px}
  .stat{padding:16px;border-radius:19px}
  .stat b{font-size:28px}
  .split{gap:13px}
  .detail{grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:15px}
  .detailimg{height:350px;border-radius:22px}

  /* Tables stay functional, just denser */
  .table{border-radius:18px}
  .table th,.table td{padding:9px 10px;font-size:13px;line-height:1.35}
  .table .btn,.table button{padding:7px 10px;font-size:12px}

  /* Public dealer store */
  .storefront{padding-bottom:44px}
  .storefront-hero{padding:20px clamp(24px,4vw,58px) 0}
  .storefront-banner{height:280px;border-radius:28px}
  .storefront-info{
    max-width:1080px;
    margin-top:-88px;
    grid-template-columns:120px minmax(0,1fr);
    gap:17px;
    padding:0 17px 22px;
  }
  .store-logo{width:120px;height:120px;border-radius:27px;border-width:5px;font-size:42px}
  .storefront-info h1{font-size:clamp(32px,4vw,50px);letter-spacing:-1.5px;margin:10px 0 7px}
  .storefront-info p{font-size:15px;line-height:1.5}
  .store-meta{gap:7px}
  .store-meta span{padding:7px 10px;font-size:12px}
  .storefront-categories,.storefront-listings{padding:32px clamp(24px,4vw,58px) 0}
  .storefront h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px;margin-bottom:13px}
  .store-cat-grid{gap:10px}
  .store-cat-grid a{min-height:94px;border-radius:21px;padding:15px}
  .store-cat-grid span{font-size:17px}

  /* Store landing editor preview */
  .landing-editor{gap:13px}
  .previewbox{top:74px}
  .store-preview{border-radius:22px}
  .store-preview-banner{height:145px}
  .store-preview-body{padding:0 16px 17px}
  .store-preview-logo{width:74px;height:74px;margin-top:-37px;border-radius:20px;font-size:27px}
  .store-preview h3{font-size:25px;margin:11px 0 6px}
  .store-cat-row{gap:6px}
  .store-cat-row span{padding:6px 9px;font-size:12px}

  /* Orders */
  .orders-head{padding:20px;border-radius:24px;gap:16px;margin-bottom:15px}
  .orders-head h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}
  .order-stats{gap:10px;margin-bottom:13px}
  .order-stat-card{padding:16px;border-radius:20px}
  .order-stat-card b{font-size:32px}
  .orders-layout{grid-template-columns:minmax(0,1fr) 330px;gap:13px}
  .orders-list-panel,.order-create-panel{padding:17px;border-radius:23px}
  .panel-title-row{margin-bottom:12px}
  .panel-title-row h2,.order-create-panel h2{font-size:23px}
  .order-stack{gap:10px}
  .order-card-pro{padding:14px;border-radius:20px}
  .order-card-top h3{font-size:20px}
  .order-contact-grid{gap:8px;margin:12px 0}
  .order-contact-grid div{padding:9px;border-radius:14px}
  .order-message{padding:11px;border-radius:14px}

  /* Agenda and message records */
  .agenda-grid{gap:9px}
  .agenda-card{gap:10px;padding:10px;border-radius:20px}
  .agenda-avatar{width:44px;height:44px;border-radius:14px;font-size:20px}
  .agenda-info h3{font-size:17px;margin-bottom:4px}
  .agenda-meta-row{margin-top:6px}
  .agenda-pagination{padding:9px;border-radius:18px}
  .agenda-pagination a,.agenda-pagination span{min-width:34px;height:34px}
  .agenda-manual-panel{border-radius:22px}
  .agenda-manual-panel summary{padding:12px 14px}
  .message-thread-list-head{padding:11px 12px}

  /* Admin dashboard's large command areas */
  .admin-command-hero{padding:24px;border-radius:26px;gap:20px;margin-bottom:14px}
  .admin-command-hero h1{font-size:clamp(34px,4vw,50px);letter-spacing:-1.7px}
  .admin-command-live{min-width:145px;padding:14px;border-radius:19px}
  .admin-command-live b{font-size:31px}
  .admin-command-stats{gap:9px;margin-bottom:12px}
  .admin-command-stats button{padding:14px;border-radius:20px}
  .admin-command-stats b{font-size:29px}
  .admin-command-search{gap:8px;padding:13px;border-radius:21px;margin-bottom:11px}
  .admin-command-search input,.admin-command-search select,
  .admin-command-search-button,.admin-command-clear{height:42px;border-radius:13px}
  .admin-record-panel{border-radius:21px}
  .admin-record-panel>summary{padding:14px 15px;gap:10px}
  .admin-panel-icon{width:40px;height:40px;border-radius:13px}

  /* Appointment / record screens */
  .appt-record-row{border-radius:19px}
  .appt-record-row summary{padding:9px 11px!important}
  .appt-record-body{padding:0 12px 12px}
  .appt-record-fields{gap:7px;margin-bottom:9px}
  .appt-record-fields div{padding:8px;border-radius:13px}

  /* CSV/XML staging */
  .listing-import-head{gap:16px;margin-bottom:13px}
  .listing-import-batch-head{gap:14px;margin-bottom:12px}
  .listing-import-merged-summary{margin-bottom:13px;padding:10px 12px}

  /* AI Assistant / API Keys */
  .ai-answer-box.ai-today-summary{border-radius:21px!important}
  .api-access-panel{padding:15px!important;border-radius:21px!important}
  .api-access-head{margin-bottom:11px!important}
  .api-scope-groups{gap:9px!important}
  .api-scope-group{padding:11px!important;border-radius:16px!important}
  .api-scope-group .api-scope-grid{gap:6px!important}
  .api-scope-option{min-height:48px!important;padding:8px!important;border-radius:12px!important}

  /* External financing settings */
  .external-finance-settings{padding:16px;border-radius:21px}
  .external-finance-defaults-panel{padding:17px;border-radius:22px}
  .external-finance-defaults-head{gap:13px;margin-bottom:12px}
  .external-finance-defaults-grid{gap:10px}
  .external-finance-default-card{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px;border-radius:17px}
  .external-finance-default-icon{width:38px;height:38px;border-radius:12px}
  .external-finance-default-copy h3{font-size:18px}
}

/* Extra density for common 1280/1366 laptops and short-height displays. */
@media (min-width:901px) and (max-width:1366px), (min-width:901px) and (max-height:820px){
  header{padding-top:9px;padding-bottom:9px}
  nav a,.btn,button{padding:8px 10px;font-size:12px}
  .dash{grid-template-columns:205px minmax(0,1fr)}
  .dash aside{padding:10px}
  .side{padding:8px 9px;font-size:12px}
  .content{padding:12px}
  .stats{gap:8px}
  .stat{padding:13px;border-radius:17px}
  .stat b{font-size:25px}
  .table th,.table td{padding:7px 8px;font-size:12px}
  .box{padding:14px;border-radius:18px}
  .hero{padding-top:34px;padding-bottom:34px}
  .section,.public{padding-top:30px;padding-bottom:30px}
  .pic{height:174px}
  .card>div{padding:12px}
  .storefront-banner{height:250px}
  .storefront-info{margin-top:-78px;grid-template-columns:105px minmax(0,1fr)}
  .store-logo{width:105px;height:105px;border-radius:23px}
  .storefront-categories,.storefront-listings{padding-top:27px}
  .orders-layout{grid-template-columns:minmax(0,1fr) 305px}
  .orders-head{padding:17px}
  .admin-command-hero{padding:20px}
  .admin-command-search{padding:11px}
}

/* =========================================================
   v2.5.8 Dealer Listings Record + Modal Listing Editor
   Visual/layout layer only. Existing listing save/update logic remains intact.
   ========================================================= */

.listing-new-modal-btn,
.btn.listing-new-modal-btn{
  background:linear-gradient(135deg,#38bdf8 0%,#8f45ff 58%,#ff7a18 120%)!important;
  color:#050505!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  box-shadow:0 16px 36px rgba(56,189,248,.24)!important;
  font-weight:1000!important;
}

.listings-record-main{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  position:relative;
}

.listings-record-main .listings-record-head{
  align-items:center;
}

.listings-record-main .listings-record-head h2{
  margin-bottom:4px;
}

/* Main listing editor follows the same language as Vehicle Details. */
.listing-editor-backdrop{
  position:fixed;
  inset:0;
  z-index:9700;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(3,7,18,.74);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.listing-editor-backdrop.is-open{
  display:flex;
}

.listing-editor-open body{
  overflow:hidden;
}

.listing-editor-shell{
  width:min(1240px,97vw);
  max-height:95vh;
  display:flex;
  flex-direction:column;
  border-radius:34px;
  overflow:hidden;
  color:#111827;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 50%,#f6f0ff 100%);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 38px 130px rgba(0,0,0,.50);
}

.listing-editor-head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:23px 27px 18px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at 88% 0%,rgba(56,189,248,.24),transparent 30%),
    linear-gradient(135deg,rgba(56,189,248,.15),rgba(143,69,255,.10));
}

.listing-editor-head h2{
  margin:7px 0 5px;
  color:#0f172a!important;
  font-size:clamp(30px,4vw,46px);
  line-height:1;
  letter-spacing:-1.5px;
}

.listing-editor-head p{
  margin:0;
  max-width:820px;
  color:#475569;
  line-height:1.5;
}

.listing-editor-context{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:11px;
}

.listing-editor-context span,
.listing-editor-context b{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  line-height:1.1;
}

.listing-editor-context span{
  color:#334155;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.09);
}

.listing-editor-context b{
  color:#166534;
  background:#dcfce7;
  border:1px solid #bbf7d0;
}

.listing-editor-close{
  flex:0 0 48px;
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 12px 30px rgba(15,23,42,.12)!important;
  cursor:pointer;
}

.listing-editor-form.listing-create-pro{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  width:100%;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden;
}

.listing-editor-form.ai-target-highlight{
  outline:0!important;
}

.listing-editor-body{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:23px 27px 28px;
  scrollbar-gutter:stable;
}

.listing-editor-body>label:first-of-type{
  margin-top:0;
}

.listing-editor-body .vehicle-details-launch-card{
  margin-top:18px;
}

.listing-editor-submit-row{
  position:sticky;
  bottom:-28px;
  z-index:8;
  display:flex;
  justify-content:flex-end;
  margin:24px -27px -28px;
  padding:16px 27px 20px;
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.listing-editor-submit{
  min-width:210px;
  min-height:48px;
  border-radius:999px!important;
  font-weight:1000!important;
}

/* The record is now the primary content rather than the right side of a split view. */
.listings-record-main .listing-table-pro{
  width:100%;
}

@media (min-width:901px) and (max-width:1500px){
  .listings-record-main{
    max-width:none;
  }
  .listing-editor-backdrop{
    padding:12px;
  }
  .listing-editor-shell{
    width:min(1180px,98vw);
    max-height:97vh;
    border-radius:28px;
  }
  .listing-editor-head{
    padding:18px 21px 14px;
  }
  .listing-editor-body{
    padding:18px 21px 24px;
  }
  .listing-editor-submit-row{
    bottom:-24px;
    margin:20px -21px -24px;
    padding:13px 21px 16px;
  }
}

@media (max-width:900px){
  .listing-pro-head-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px!important;
  }
  .listing-pro-head-actions .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .listing-editor-backdrop{
    padding:0;
    align-items:stretch;
  }
  .listing-editor-shell{
    width:100%;
    height:100dvh;
    max-height:100dvh;
    border-radius:0;
    border:0;
  }
  .listing-editor-head{
    padding:15px 16px 13px;
  }
  .listing-editor-head h2{
    font-size:30px;
  }
  .listing-editor-head p{
    font-size:13px;
  }
  .listing-editor-close{
    flex-basis:42px;
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    font-size:24px!important;
  }
  .listing-editor-body{
    padding:16px 14px 20px;
  }
  .listing-editor-submit-row{
    bottom:-20px;
    margin:20px -14px -20px;
    padding:12px 14px 15px;
  }
  .listing-editor-submit{
    width:100%;
  }
  .listings-record-main{
    margin:0;
    padding:14px!important;
    overflow-x:auto;
  }
  .listings-record-main .listing-table-pro{
    min-width:860px;
  }
}

/* =========================================================
   Dealer Archived Listings v2.6.0
   Private archive modal + CSV import + inventory archive CTA.
   Visual-only selectors; no global layout overrides.
   ========================================================= */
.listing-archived-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  border:1px solid rgba(15,23,42,.16)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  color:#0f172a!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
  font-weight:800;
}
.listing-archived-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(15,23,42,.13);
}

.archive-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:10050;
  display:none;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:rgba(2,6,23,.68);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.archive-modal-backdrop.is-open{display:flex;}
.archive-modal-shell{
  width:min(1240px,96vw);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.28);
  border-radius:24px;
  background:#fff;
  box-shadow:0 32px 90px rgba(2,6,23,.34);
}
.archive-modal-head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px 18px;
  background:linear-gradient(135deg,#f8fafc 0%,#ffffff 55%,#eef2ff 100%);
  border-bottom:1px solid #e2e8f0;
}
.archive-modal-head h2{
  margin:3px 0 6px;
  color:#0f172a;
  font-size:28px;
  line-height:1.1;
}
.archive-modal-head p{
  margin:0;
  max-width:780px;
  color:#475569;
  line-height:1.5;
}
.archive-modal-close{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid #dbe3ee;
  background:#fff;
  color:#0f172a;
  font-size:28px;
  line-height:1;
  text-decoration:none;
  box-shadow:0 6px 16px rgba(15,23,42,.08);
}
.archive-modal-close:hover{background:#f1f5f9;color:#020617;}
.archive-modal-body{
  min-height:0;
  overflow:auto;
  padding:20px 22px 24px;
  background:#f8fafc;
}
.archive-import-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
  padding:16px 18px;
  border:1px solid #dbe3ee;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.archive-import-card>div:first-child{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:13px;
}
.archive-import-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  min-width:48px;
  height:40px;
  padding:0 10px;
  border-radius:11px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.archive-import-card h3{margin:0 0 4px;color:#0f172a;font-size:16px;}
.archive-import-card p{margin:0;color:#64748b;font-size:13px;line-height:1.45;}
.archive-import-form{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.archive-import-form input[type=file]{
  max-width:270px;
  padding:8px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  color:#334155;
  font-size:12px;
}
.archive-import-form button{
  min-height:40px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  background:#0f172a;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.archive-import-form button:hover{background:#1e293b;}
.archive-summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.archive-summary-row>div{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.archive-summary-row span{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.archive-summary-row b{color:#0f172a;font-size:24px;}
.archive-summary-row p{margin:0;color:#64748b;font-size:13px;}
.archive-table-wrap{
  overflow:auto;
  border:1px solid #dbe3ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.archive-table{margin:0;min-width:900px;}
.archive-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#f8fafc;
  color:#475569;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-bottom:1px solid #e2e8f0;
}
.archive-table td{vertical-align:middle;color:#334155;}
.archive-table td strong{display:block;color:#0f172a;font-size:13px;}
.archive-table td small{display:block;margin-top:4px;color:#64748b;font-size:11px;}
.archive-media-cell{width:76px;}
.archive-media-cell img{
  width:58px;
  height:44px;
  display:block;
  object-fit:contain;
  border:1px solid #e2e8f0;
  border-radius:9px;
  background:#f8fafc;
}
.archive-stock{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  font-size:11px;
  font-weight:800;
}
.archive-status-pill,
.archive-source-pill{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
}
.archive-status-pill{background:#f1f5f9;color:#0f172a;border:1px solid #cbd5e1;}
.archive-source-pill{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
.archive-empty{padding:34px;text-align:center;color:#64748b;font-weight:700;}
.archive-pagination{margin:16px 0 0;}
.inventory-archive-btn{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
}
.inventory-archive-btn:hover{background:#1e293b!important;}

@media (max-width:900px){
  .archive-modal-backdrop{padding:10px;align-items:flex-start;}
  .archive-modal-shell{width:100%;max-height:96vh;border-radius:18px;}
  .archive-modal-head{padding:17px 16px 14px;}
  .archive-modal-head h2{font-size:23px;}
  .archive-modal-body{padding:14px;}
  .archive-import-card{flex-direction:column;align-items:stretch;padding:14px;}
  .archive-import-form{flex-direction:column;align-items:stretch;}
  .archive-import-form input[type=file]{max-width:none;width:100%;}
  .archive-summary-row{align-items:flex-start;flex-direction:column;gap:4px;}
}

/* =========================================================
   Dealer Archived Restore + Full Details v2.6.3
   Private detail viewer, Service/Parts history, bulk restore.
   ========================================================= */
.archive-restore-form{display:grid;gap:10px}
.archive-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.archive-check-all{display:inline-flex;align-items:center;gap:9px;margin:0;color:#334155;font-size:12px;font-weight:850;cursor:pointer}
.archive-check-all input,.archive-row-check{width:18px;height:18px;accent-color:#16a34a;cursor:pointer}
.archive-bulk-toolbar>div{display:flex;align-items:center;gap:10px}
.archive-bulk-toolbar>div>span{color:#64748b;font-size:12px;font-weight:800}
.archive-restore-selected,.archive-restore-one,.archive-detail-restore button{border:0;border-radius:11px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(22,163,74,.2);transition:.18s ease}
.archive-restore-selected{min-height:38px;padding:0 13px}
.archive-restore-selected:hover,.archive-restore-one:hover,.archive-detail-restore button:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(22,163,74,.27)}
.archive-table-actions{min-width:1120px}
.archive-check-col{width:48px;text-align:center!important}
.archive-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.archive-view-btn,.archive-restore-one{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border-radius:9px;font-size:11px;font-weight:900;text-decoration:none}
.archive-view-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;box-shadow:0 5px 12px rgba(15,23,42,.05)}
.archive-view-btn:hover{background:#f8fafc;color:#020617;border-color:#94a3b8}
.archive-restore-one{box-shadow:none}

.archive-detail-backdrop{position:fixed;inset:0;z-index:10150;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,23,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.archive-detail-backdrop.is-open{display:flex}
.archive-detail-shell{width:min(1180px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:26px;background:#f8fafc;box-shadow:0 38px 110px rgba(2,6,23,.42)}
.archive-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 23px;background:linear-gradient(135deg,#07111f,#0f172a 58%,#172554);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.archive-detail-head span{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(34,197,94,.16);color:#bbf7d0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.archive-detail-head h2{margin:7px 0 4px;color:#fff;font-size:27px;line-height:1.15}
.archive-detail-head p{margin:0;color:#cbd5e1;font-size:12px;font-weight:750}
.archive-detail-close{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:28px;line-height:1}
.archive-detail-close:hover{background:rgba(255,255,255,.16);color:#fff}
.archive-detail-body{min-height:0;overflow:auto;padding:20px;background:#f8fafc}
.archive-detail-hero{display:grid;grid-template-columns:minmax(240px,330px) 1fr;gap:18px;margin-bottom:18px}
.archive-detail-cover{min-height:230px;display:grid;place-items:center;padding:10px;border:1px solid #dbe3ee;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.archive-detail-cover img{width:100%;height:100%;max-height:300px;object-fit:contain;border-radius:14px;background:#f8fafc}
.archive-detail-overview{padding:20px;border:1px solid #dbe3ee;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.archive-detail-overview h3{margin:10px 0 15px;color:#0f172a;font-size:24px;line-height:1.2}
.archive-detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.archive-detail-stat-grid>div,.archive-detail-kv-grid>div,.archive-source-data>div{min-width:0;padding:11px 12px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}
.archive-detail-stat-grid small,.archive-detail-kv-grid small,.archive-source-data small{display:block;margin-bottom:4px;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.archive-detail-stat-grid b,.archive-detail-kv-grid b,.archive-source-data b{display:block;color:#0f172a;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.archive-detail-restore{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid #e2e8f0}
.archive-detail-restore button{min-height:42px;padding:0 15px}
.archive-detail-restore small{color:#64748b;font-size:11px;font-weight:750}
.archive-detail-section{margin-top:16px;padding:18px;border:1px solid #dbe3ee;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.05)}
.archive-detail-section-head{margin-bottom:13px}
.archive-detail-section-head>span,.archive-detail-section-head>div>span{display:block;color:#16a34a;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.archive-detail-section-head h3,.archive-detail-section-head>div h3{margin:3px 0 0;color:#0f172a;font-size:18px}
.archive-detail-section-head-between{display:flex;align-items:center;justify-content:space-between;gap:14px}
.archive-description{padding:14px;border-radius:14px;background:#f8fafc;color:#334155;line-height:1.6;font-size:13px}
.archive-detail-kv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.archive-service-total{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-size:11px;white-space:nowrap}
.archive-service-records{display:grid;gap:10px}
.archive-service-card{padding:14px;border:1px solid #dbe3ee;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
.archive-service-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #e2e8f0}
.archive-service-card-head strong{display:block;color:#0f172a;font-size:14px}
.archive-service-card-head span{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:750}
.archive-service-card-head>b{color:#15803d;font-size:15px}
.archive-service-card p{margin:7px 0;color:#334155;font-size:12px;line-height:1.5}
.archive-service-card p em{display:block;margin-bottom:2px;color:#64748b;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.archive-service-images,.archive-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin-top:10px}
.archive-service-images a,.archive-media-gallery a{position:relative;display:block;min-height:90px;overflow:hidden;border:1px solid #dbe3ee;border-radius:12px;background:#f8fafc}
.archive-service-images img,.archive-media-gallery img{width:100%;height:100%;min-height:90px;max-height:135px;object-fit:contain;background:#f8fafc}
.archive-media-gallery a>b{position:absolute;left:7px;bottom:7px;padding:3px 7px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:9px;text-transform:uppercase}
.archive-video-link{margin:11px 0 0}.archive-video-link a{color:#0369a1;font-weight:900;text-decoration:none}
.archive-source-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.archive-detail-empty{grid-column:1/-1;padding:16px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#64748b;text-align:center;font-size:12px;font-weight:750}

@media(max-width:900px){
  .archive-bulk-toolbar{align-items:stretch;flex-direction:column}
  .archive-bulk-toolbar>div{justify-content:space-between}
  .archive-detail-backdrop{padding:9px;align-items:flex-start}
  .archive-detail-shell{width:100%;max-height:97vh;border-radius:18px}
  .archive-detail-head{padding:16px}
  .archive-detail-head h2{font-size:22px}
  .archive-detail-body{padding:12px}
  .archive-detail-hero{grid-template-columns:1fr}
  .archive-detail-cover{min-height:180px}
  .archive-detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-detail-kv-grid,.archive-source-data{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-detail-section{padding:14px;border-radius:16px}
  .archive-detail-section-head-between{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .archive-bulk-toolbar>div{align-items:stretch;flex-direction:column}
  .archive-restore-selected{width:100%}
  .archive-detail-stat-grid,.archive-detail-kv-grid,.archive-source-data{grid-template-columns:1fr}
  .archive-detail-restore{align-items:stretch;flex-direction:column}
  .archive-detail-restore button{width:100%}
}


/* =========================================================
   Inventory Service / Parts Records Archived v2.6.7
   Isolated modal, pagination, details, restore/permanent delete.
   ========================================================= */
.inventory-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.inventory-service-archive-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 15px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;color:#0f172a!important;font-weight:900!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important;text-decoration:none!important}
.inventory-service-archive-open:hover{transform:translateY(-1px);border-color:#94a3b8!important;box-shadow:0 12px 26px rgba(15,23,42,.12)!important}
.inventory-service-archive-open span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#0f172a;color:#fff;font-size:10px;font-weight:950}
.service-record-archive-shell{width:min(1280px,96vw)}
.service-archive-summary{padding:2px 2px 9px}
.service-archive-table{min-width:1120px}
.service-archive-table td{font-size:12px}
.service-archive-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.service-archive-row-actions form{margin:0}
.service-archive-permanent-delete{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#b91c1c;font-size:11px;font-weight:900;cursor:pointer;transition:.18s ease}
.service-archive-permanent-delete:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}
.service-archive-empty strong{display:block;margin-bottom:5px;color:#0f172a;font-size:15px}.service-archive-empty p{margin:0;color:#64748b;font-size:12px}
.service-record-detail-shell{width:min(980px,96vw)}
.service-archive-detail-text{margin-top:13px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.service-archive-detail-text small,.service-archive-detail-images>small{display:block;margin-bottom:6px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.service-archive-detail-text p{margin:0;color:#334155;font-size:13px;line-height:1.6}
.service-archive-detail-images{margin-top:14px}
.service-archive-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #e2e8f0}
.service-archive-detail-actions form{margin:0}.service-archive-detail-actions .archive-restore-one,.service-archive-detail-actions .service-archive-permanent-delete{min-height:42px;padding:0 15px}
.service-archive-restore-note{margin:0 auto 0 0;color:#b45309;font-size:12px;font-weight:800}
.inventory-service-delete-form button{transition:.18s ease}
@media(max-width:900px){.inventory-hero-actions{width:100%;justify-content:stretch}.inventory-hero-actions .btn{flex:1 1 190px}.service-archive-row-actions{align-items:stretch;flex-direction:column}.service-archive-row-actions a,.service-archive-row-actions button{width:100%}.service-archive-detail-actions{align-items:stretch;flex-direction:column}.service-archive-detail-actions form,.service-archive-detail-actions button{width:100%}}

/* v2.6.9 — Nexa Download Center */
.nexa-download-center{margin:0 0 22px;padding:22px!important;border:1px solid rgba(59,130,246,.16)!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;overflow:hidden;position:relative}
.nexa-download-center:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#2563eb,#06b6d4)}
.nexa-download-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.nexa-download-head h2{margin:4px 0 6px;color:#0f172a;font-size:1.45rem;letter-spacing:-.025em}
.nexa-download-head p{margin:0;color:#64748b;line-height:1.55;max-width:820px}
.nexa-download-kicker{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:6px 9px}
.nexa-download-btn{white-space:nowrap;display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;text-decoration:none!important}
.nexa-current-release{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:17px;border:1px solid rgba(148,163,184,.22);border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);margin-bottom:18px}
.nexa-release-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#0f172a,#1d4ed8 65%,#06b6d4);color:#fff;font-size:1.55rem;font-weight:950;box-shadow:0 12px 25px rgba(37,99,235,.22)}
.nexa-release-main{min-width:0}
.nexa-release-main h3{margin:5px 0 8px;color:#0f172a;font-size:1.12rem}
.nexa-release-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.nexa-release-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:#475569;font-size:.84rem}
.nexa-release-meta span{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border-radius:9px;background:#f8fafc;border:1px solid rgba(148,163,184,.17);max-width:100%;overflow-wrap:anywhere}
.nexa-release-meta b{color:#0f172a}
.nexa-release-instructions{margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid rgba(148,163,184,.2);color:#334155;line-height:1.55;overflow-wrap:anywhere}
.nexa-empty-release{display:flex;flex-direction:column;gap:4px;padding:15px 17px;margin-bottom:18px;border-radius:16px;border:1px dashed rgba(59,130,246,.34);background:#f8fbff;color:#334155}
.nexa-empty-release b{color:#0f172a}.nexa-empty-release span{font-size:.88rem;color:#64748b}
.nexa-publish-form{padding-top:2px}
.nexa-publish-grid{display:grid;grid-template-columns:1fr .55fr .55fr;gap:13px}
.nexa-publish-grid label{font-weight:800;color:#0f172a;min-width:0}
.nexa-publish-grid input,.nexa-publish-grid textarea{width:100%;margin-top:7px;border:1px solid rgba(148,163,184,.38);border-radius:14px;background:#fff;color:#0f172a;padding:10px 12px;outline:none;box-sizing:border-box}
.nexa-publish-grid input:focus,.nexa-publish-grid textarea:focus{border-color:rgba(37,99,235,.6);box-shadow:0 0 0 3px rgba(37,99,235,.09)}
.nexa-file-field{grid-column:1 / -1}
.nexa-file-field input[type=file]{padding:8px;background:#f8fafc}
.nexa-file-field small{display:block;margin-top:7px;color:#64748b;font-weight:650;line-height:1.45}
.nexa-instructions-field{grid-column:1 / -1}
.nexa-instructions-field textarea{min-height:112px;resize:vertical}
.nexa-publish-actions{display:flex;align-items:center;gap:13px;margin-top:14px;flex-wrap:wrap}
.nexa-publish-actions span{color:#64748b;font-size:.84rem;line-height:1.4}
.nexa-download-dealer{border-color:rgba(124,58,237,.16)!important}
.nexa-download-dealer:before{background:linear-gradient(180deg,#7c3aed,#2563eb)}
.nexa-download-dealer .nexa-download-kicker{color:#6d28d9;background:#f5f3ff;border-color:#ede9fe}
@media(max-width:920px){.nexa-download-head{flex-direction:column}.nexa-download-btn{width:100%}.nexa-publish-grid{grid-template-columns:1fr}.nexa-current-release{grid-template-columns:46px minmax(0,1fr)}.nexa-release-mark{width:46px;height:46px;border-radius:14px}.nexa-file-field,.nexa-instructions-field{grid-column:auto}}
@media(min-width:921px) and (max-width:1500px){.nexa-download-center{padding:18px!important}.nexa-current-release{padding:14px}.nexa-publish-grid{gap:10px}.nexa-download-head{margin-bottom:14px}}

/* v2.7.0 — Nexa Download Center expandable release history */
.nexa-release-count{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:#fff;color:#334155;font-size:.78rem;font-weight:850;white-space:nowrap;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.nexa-publish-panel{margin:0 0 18px;border:1px solid rgba(59,130,246,.18);border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);overflow:hidden}
.nexa-publish-panel>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;user-select:none;color:#0f172a}
.nexa-publish-panel>summary::-webkit-details-marker{display:none}
.nexa-publish-panel>summary:hover{background:rgba(239,246,255,.75)}
.nexa-publish-summary-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#1d4ed8,#2563eb);color:#fff;font-size:1.15rem;font-weight:900;box-shadow:0 7px 18px rgba(37,99,235,.2)}
.nexa-publish-panel>summary>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.nexa-publish-panel>summary b{font-size:.94rem}.nexa-publish-panel>summary small{color:#64748b;font-size:.76rem;font-weight:650}
.nexa-publish-panel[open]>summary{border-bottom:1px solid rgba(148,163,184,.17)}
.nexa-publish-panel .nexa-publish-form{padding:16px}
.nexa-publish-button{border:0;border-radius:13px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0f172a,#1e3a8a 62%,#2563eb);color:#fff;font-weight:900;box-shadow:0 9px 22px rgba(30,58,138,.2);cursor:pointer}
.nexa-publish-button:hover{transform:translateY(-1px);box-shadow:0 12px 27px rgba(30,58,138,.25)}
.nexa-publish-button b{font-size:1.05rem}
.nexa-release-list-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,.62fr) minmax(130px,.82fr) 112px;gap:12px;padding:0 15px 8px;color:#64748b;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.nexa-release-list{display:flex;flex-direction:column;gap:9px}
.nexa-release-row{border:1px solid rgba(148,163,184,.22);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(15,23,42,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.nexa-release-row:hover{border-color:rgba(59,130,246,.27);box-shadow:0 10px 25px rgba(15,23,42,.06)}
.nexa-release-row[open]{border-color:rgba(59,130,246,.3);box-shadow:0 13px 32px rgba(15,23,42,.075)}
.nexa-release-row>summary{list-style:none;display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,.62fr) minmax(130px,.82fr) 112px;align-items:center;gap:12px;min-height:62px;padding:9px 13px;cursor:pointer;user-select:none}
.nexa-release-row>summary::-webkit-details-marker{display:none}
.nexa-release-row>summary:hover{background:linear-gradient(90deg,rgba(248,250,252,.75),rgba(239,246,255,.56))}
.nexa-row-name{display:flex;align-items:center;gap:10px;min-width:0}
.nexa-row-name>span:last-child{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nexa-row-name b{display:block;color:#0f172a;font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.nexa-row-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid!important;place-items:center;background:linear-gradient(145deg,#0f172a,#1d4ed8 68%,#06b6d4);color:#fff;font-size:1rem;font-weight:950;box-shadow:0 8px 18px rgba(37,99,235,.16)}
.nexa-latest-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.63rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;border:1px solid #bbf7d0}
.nexa-row-version,.nexa-row-date{display:flex;flex-direction:column;gap:2px;min-width:0}.nexa-row-version small,.nexa-row-date small{display:none;color:#94a3b8;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.nexa-row-version b,.nexa-row-date b{color:#334155;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nexa-row-expand{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#2563eb;font-size:.75rem;font-weight:850;white-space:nowrap}.nexa-row-expand b{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;font-size:.94rem;transition:transform .18s ease}.nexa-release-row[open] .nexa-row-expand b{transform:rotate(180deg)}
.nexa-release-detail{padding:15px 16px 16px;border-top:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fbfdff,#f8fafc)}
.nexa-detail-grid{display:grid;grid-template-columns:1.35fr .55fr .85fr;gap:10px;margin-bottom:11px}.nexa-detail-grid>div{min-width:0;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.18)}.nexa-detail-grid small{display:block;margin-bottom:3px;color:#94a3b8;font-size:.64rem;text-transform:uppercase;letter-spacing:.055em;font-weight:900}.nexa-detail-grid b{display:block;color:#334155;font-size:.79rem;overflow-wrap:anywhere}
.nexa-release-detail .nexa-release-instructions{margin:0 0 12px;background:#fff}.nexa-release-detail .nexa-release-instructions>b{display:block;margin-bottom:6px;color:#0f172a;font-size:.78rem}.nexa-release-detail .nexa-release-instructions>div{color:#475569;font-size:.82rem;line-height:1.58}.nexa-no-instructions>div{font-style:italic;color:#94a3b8!important}
.nexa-release-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.nexa-pro-download{min-width:250px;max-width:100%;min-height:52px;padding:7px 10px 7px 8px;border-radius:15px;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:9px;text-decoration:none!important;background:linear-gradient(135deg,#0f172a,#172554 50%,#1d4ed8);border:1px solid rgba(255,255,255,.08);box-shadow:0 11px 26px rgba(15,23,42,.18);color:#fff!important;transition:transform .16s ease,box-shadow .16s ease}
.nexa-pro-download:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(15,23,42,.24)}
.nexa-download-symbol{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.13);font-size:1.18rem;font-weight:950}.nexa-pro-download>span:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}.nexa-pro-download b{color:#fff;font-size:.84rem}.nexa-pro-download small{color:#bfdbfe;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nexa-download-arrow{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-weight:900}
.nexa-file-unavailable{padding:8px 11px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.76rem;font-weight:800}
.nexa-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(148,163,184,.16)}
.nexa-pagination>div{display:flex;gap:5px;align-items:center}.nexa-pagination a{min-height:34px;padding:0 11px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border:1px solid rgba(148,163,184,.25);background:#fff;color:#334155;font-size:.74rem;font-weight:850}.nexa-pagination>div a{min-width:34px;padding:0}.nexa-pagination a:hover{border-color:rgba(37,99,235,.35);color:#1d4ed8;background:#f8fbff}.nexa-pagination a.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 6px 14px rgba(37,99,235,.18)}.nexa-pagination a.disabled{pointer-events:none;opacity:.38}
.nexa-download-dealer .nexa-pro-download{background:linear-gradient(135deg,#111827,#312e81 52%,#6d28d9)}
@media(max-width:920px){.nexa-release-list-head{display:none}.nexa-release-row>summary{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:11px 12px}.nexa-row-name{grid-column:1 / 2}.nexa-row-expand{grid-column:2;grid-row:1 / 3}.nexa-row-expand span{display:none}.nexa-row-version,.nexa-row-date{grid-row:2;display:flex;flex-direction:row;align-items:center;gap:5px}.nexa-row-version{grid-column:1}.nexa-row-date{grid-column:1;margin-left:100px}.nexa-row-version small,.nexa-row-date small{display:inline}.nexa-detail-grid{grid-template-columns:1fr}.nexa-release-actions{justify-content:stretch}.nexa-pro-download{width:100%;min-width:0}.nexa-pagination{flex-wrap:wrap}.nexa-pagination>div{order:3;width:100%;justify-content:center}.nexa-pagination>a{flex:1}.nexa-publish-panel .nexa-publish-form{padding:13px}}
@media(max-width:560px){.nexa-row-date{margin-left:0}.nexa-row-version,.nexa-row-date{grid-column:1;display:block}.nexa-row-version{grid-row:2}.nexa-row-date{grid-row:3}.nexa-row-expand{grid-row:1 / 4}.nexa-row-version small,.nexa-row-date small{display:block}.nexa-release-row>summary{grid-template-columns:minmax(0,1fr) 31px}.nexa-row-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}.nexa-row-name b{font-size:.84rem}.nexa-pagination a{padding:0 8px}.nexa-release-count{align-self:flex-start}}

/* =========================================================
   v2.7.1 Dealer My Listings - Green Glow Action Buttons
   Visual-only enhancement for the five primary header actions.
   Preserves each button's existing background, link and behavior.
   ========================================================= */
.dealer-shell .listing-pro-head-actions > .btn,
.listing-pro-head .listing-pro-head-actions > .btn{
  position:relative;
  isolation:isolate;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.26),
    0 0 14px rgba(34,197,94,.28),
    0 8px 22px rgba(15,23,42,.12)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
.dealer-shell .listing-pro-head-actions > .btn:hover,
.dealer-shell .listing-pro-head-actions > .btn:focus-visible,
.listing-pro-head .listing-pro-head-actions > .btn:hover,
.listing-pro-head .listing-pro-head-actions > .btn:focus-visible{
  transform:translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.52),
    0 0 10px rgba(34,197,94,.52),
    0 0 24px rgba(34,197,94,.34),
    0 12px 28px rgba(15,23,42,.16)!important;
  filter:saturate(1.04);
}
.dealer-shell .listing-pro-head-actions > .btn:focus-visible,
.listing-pro-head .listing-pro-head-actions > .btn:focus-visible{
  outline:2px solid rgba(34,197,94,.9);
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .dealer-shell .listing-pro-head-actions > .btn,
  .listing-pro-head .listing-pro-head-actions > .btn{transition:none!important;}
}


/* =========================================================
   Inventory Categories · viewport-aware sticky finish v2.7.2
   Tall category summaries scroll with the page until their bottom is visible,
   then remain pinned there. Short summaries keep the original top sticky position.
   ========================================================= */
@media (max-width: 920px) {
  .inventory-side-panel {
    position: static;
    top: auto;
  }
}


/* =========================================================
   Deals Form Folders - Public Store branding choices
   ========================================================= */
.deal-branding-store-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:13px 14px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.deal-branding-store-note div{min-width:0}.deal-branding-store-note b,.deal-branding-store-note span{display:block}.deal-branding-store-note b{color:#0f172a;font-size:13px}.deal-branding-store-note span{margin-top:3px;color:#64748b;font-size:12px;font-weight:800;line-height:1.45}.deal-branding-store-note a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:12px;background:#0f172a;color:#fff!important;text-decoration:none;font-size:12px;font-weight:1000}.deal-branding-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.deal-branding-source-card{position:relative;display:block!important;margin:0!important;cursor:pointer}.deal-branding-source-card>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.deal-branding-source-content{height:100%;min-height:168px;display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid #dbe3ef;border-radius:20px;background:#fff;box-shadow:0 9px 25px rgba(15,23,42,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.deal-branding-source-content b{color:#0f172a;font-size:14px}.deal-branding-source-content small{color:#64748b;font-size:11px;font-weight:800;line-height:1.4}.deal-branding-source-card>input:checked+.deal-branding-source-content{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.14),0 14px 30px rgba(59,130,246,.1);transform:translateY(-1px)}.deal-branding-source-card.is-unavailable{cursor:not-allowed}.deal-branding-source-card.is-unavailable .deal-branding-source-content{opacity:.55;background:#f8fafc}.deal-branding-source-preview{height:78px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;padding:6px}.deal-branding-source-preview img{display:block;width:100%;height:100%;object-fit:contain}.deal-branding-source-preview.logo-preview img{max-width:76px}.deal-branding-source-preview.banner-preview img{object-fit:cover}.deal-branding-source-preview em{font-style:normal;color:#94a3b8;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.deal-branding-source-content.no-branding{justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#f8fafc,#fff)}.deal-branding-source-content.no-branding i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e2e8f0;color:#475569;font-style:normal;font-size:26px;line-height:1}.deal-branding-custom-tools{margin-top:12px;padding:14px;border-radius:20px;background:#f8fafc;border:1px solid #e2e8f0}.deal-branding-custom-tools[hidden]{display:none!important}.deal-form-branding-btn.has-branding{background:linear-gradient(135deg,#dbeafe,#e9d5ff)!important;border:1px solid #bfdbfe!important;color:#172554!important}.deal-form-branding-btn:not(.has-branding){background:#fff!important;color:#64748b!important;border:1px dashed #cbd5e1!important}@media(max-width:720px){.deal-branding-source-grid{grid-template-columns:1fr}.deal-branding-store-note{align-items:flex-start;flex-direction:column}.deal-branding-store-note a{width:100%}.deal-branding-source-content{min-height:0}}