/* V50 — three-step vehicle publishing and showroom owner controls. */
.publish-wizard-steps--three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.publish-description-field textarea{min-height:170px;line-height:1.85}
.publish-contact-field input{font-weight:900;letter-spacing:.04em;direction:ltr;text-align:right}

.showroom-owner-command{
  display:grid;
  grid-template-columns:minmax(260px,.92fr) minmax(420px,1.35fr);
  align-items:center;
  gap:18px;
  padding:18px;
  border:1px solid rgba(126,179,255,.34);
  border-radius:26px;
  background:
    radial-gradient(circle at 10% 10%,rgba(70,150,255,.34),transparent 34%),
    linear-gradient(135deg,#102b59 0%,#075bc8 56%,#1889f4 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(9,74,164,.22);
  overflow:hidden;
}
.showroom-owner-command-copy{display:flex;align-items:center;gap:13px;min-width:0}
.showroom-owner-command-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid rgba(255,255,255,.36);border-radius:19px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.showroom-owner-command-icon svg{width:31px;height:31px}
.showroom-owner-command-copy>div{min-width:0}.showroom-owner-command-copy>div>span{display:block;color:#bfe1ff;font-size:10px;font-weight:1000}.showroom-owner-command-copy strong{display:block;margin-top:2px;font-size:21px;font-weight:1000;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showroom-owner-command-copy small{display:block;margin-top:4px;color:rgba(255,255,255,.78);font-size:10px;font-weight:750;line-height:1.55}
.showroom-owner-command-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.showroom-owner-command-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:8px 5px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.11);color:#fff;text-align:center;font-size:9px;font-weight:1000;backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}
.showroom-owner-command-actions a:hover{transform:translateY(-2px);background:rgba(255,255,255,.19)}
.showroom-owner-command-actions a.is-primary{background:#fff;color:#075bc8;box-shadow:0 10px 22px rgba(3,42,101,.2)}
.showroom-owner-command-actions svg{width:23px;height:23px;flex:0 0 23px}

.showroom-owner-vehicles{
  padding:18px;
  border:1px solid #cfe0f5;
  border-radius:25px;
  background:linear-gradient(180deg,#fafdff,#f1f7ff);
  box-shadow:0 13px 34px rgba(23,72,139,.075);
}
.showroom-owner-vehicles-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.showroom-owner-vehicles-head span{display:block;color:#126ae4;font-size:9px;font-weight:1000}.showroom-owner-vehicles-head h2{margin:2px 0 1px;color:#102448;font-size:22px;font-weight:1000}.showroom-owner-vehicles-head p{margin:0;color:#71819a;font-size:9px;font-weight:750}.showroom-owner-vehicles-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px 13px;border-radius:13px;background:linear-gradient(135deg,#1b78f2,#0754bd);color:#fff;font-size:10px;font-weight:1000;box-shadow:0 9px 20px rgba(17,93,207,.18)}
.showroom-owner-vehicle-list{display:grid;gap:8px}.showroom-owner-vehicle-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:8px;border:1px solid #dbe6f3;border-radius:17px;background:#fff}.showroom-owner-vehicle-row>img{width:74px;height:70px;border-radius:13px;object-fit:cover;background:#edf2f8}.showroom-owner-vehicle-copy{min-width:0}.showroom-owner-vehicle-copy strong{display:block;color:#102448;font-size:13px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showroom-owner-vehicle-copy span{display:block;margin-top:4px;color:#728096;font-size:9px;font-weight:750}.showroom-owner-vehicle-actions{display:flex;align-items:center;gap:6px}.showroom-owner-vehicle-actions a,.showroom-owner-vehicle-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 11px;border:1px solid #cfe0f5;border-radius:11px;background:#edf5ff;color:#1165d8;font:inherit;font-size:9px;font-weight:1000}.showroom-owner-vehicle-actions form{margin:0}.showroom-owner-vehicle-actions button{border-color:#ffd1d1;background:#fff1f1;color:#c32727}
.showroom-owner-vehicles-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:100px;border:1px dashed #c6daef;border-radius:17px;background:#fff;color:#657693}.showroom-owner-vehicles-empty>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eaf3ff;color:#126ae4;font-size:22px;font-weight:1000}.showroom-owner-vehicles-empty strong{font-size:12px}.showroom-owner-vehicles-empty a{color:#1264e8;font-size:10px;font-weight:1000}

.showroom-dashboard-quick-actions{display:grid;gap:8px}.showroom-owner-settings{margin-top:18px;padding:22px;border:1px solid #d8e4f2;border-radius:27px;background:#fff;box-shadow:0 15px 40px rgba(25,67,128,.08);scroll-margin-top:90px}.showroom-owner-settings>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.showroom-owner-settings>header span{display:block;color:#1470e6;font-size:10px;font-weight:1000}.showroom-owner-settings>header h2{margin:2px 0 2px;color:#102448;font-size:25px;font-weight:1000}.showroom-owner-settings>header p{margin:0;color:#71819a;font-size:10px;font-weight:750}.showroom-owner-settings>header img{width:82px;height:82px;border:1px solid #dce6f2;border-radius:21px;background:#eff4fa;object-fit:contain;padding:5px}.showroom-owner-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.showroom-owner-settings-form label{display:grid;gap:6px;color:#354863;font-size:11px;font-weight:950}.showroom-owner-settings-form label.full,.showroom-owner-settings-form>.btn,.showroom-owner-settings-form>input[type=hidden]{grid-column:1/-1}.showroom-owner-settings-form input,.showroom-owner-settings-form select{width:100%;min-height:48px;border-color:#d6e2f1;border-radius:14px;background:#fbfdff}.showroom-owner-settings-form small{color:#7a899f;font-size:9px;font-weight:700}.showroom-owner-cover-picker{padding:13px;border:1px dashed #bfd4ef;border-radius:16px;background:#f7fbff}.showroom-owner-cover-picker input{min-height:auto!important;border:0!important;background:transparent!important;padding:5px!important}

@media(max-width:860px){
  .showroom-owner-command{grid-template-columns:1fr;gap:13px;padding:14px;border-radius:22px}
  .showroom-owner-command-actions{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:640px){
  .publish-wizard-steps--three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .publish-description-field textarea{min-height:145px}
  .showroom-owner-command{padding:12px;border-radius:20px}.showroom-owner-command-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.showroom-owner-command-icon svg{width:26px;height:26px}.showroom-owner-command-copy strong{font-size:16px}.showroom-owner-command-copy small{font-size:8px}.showroom-owner-command-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.showroom-owner-command-actions a{min-height:63px;padding:6px 2px;border-radius:13px;font-size:7px}.showroom-owner-command-actions svg{width:20px;height:20px}
  .showroom-owner-vehicles{padding:11px;border-radius:20px}.showroom-owner-vehicles-head{align-items:flex-start}.showroom-owner-vehicles-head h2{font-size:17px}.showroom-owner-vehicles-head p{font-size:7.5px}.showroom-owner-vehicles-head>a{min-height:35px;padding:5px 8px;border-radius:11px;font-size:8px}.showroom-owner-vehicle-row{grid-template-columns:57px minmax(0,1fr);gap:8px;min-height:74px;padding:7px}.showroom-owner-vehicle-row>img{width:57px;height:57px;border-radius:11px}.showroom-owner-vehicle-copy strong{font-size:10px}.showroom-owner-vehicle-copy span{font-size:7.5px}.showroom-owner-vehicle-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.showroom-owner-vehicle-actions a,.showroom-owner-vehicle-actions button{width:100%;min-height:34px}.showroom-owner-vehicle-actions form{display:block}
  .showroom-owner-settings{padding:13px;border-radius:21px}.showroom-owner-settings>header h2{font-size:19px}.showroom-owner-settings>header img{width:63px;height:63px;border-radius:17px}.showroom-owner-settings-form{grid-template-columns:1fr}.showroom-owner-settings-form label,.showroom-owner-settings-form label.full,.showroom-owner-settings-form>.btn,.showroom-owner-settings-form>input[type=hidden]{grid-column:1/-1}
}
@media(max-width:390px){.showroom-owner-command-actions a span{font-size:6.5px}.showroom-owner-command-actions svg{width:18px;height:18px}}

/* v58 inline showroom stats inside owner command */
.showroom-owner-inline-stats{
  grid-column:1/-1;
  margin-top:8px;
  padding:14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  background:rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.showroom-owner-inline-stats-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  color:#fff;
}
.showroom-owner-inline-stats-head span{
  display:block;
  color:#d8ebff;
  font-size:10px;
  font-weight:1000;
}
.showroom-owner-inline-stats-head strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:18px;
  font-weight:1000;
}
.showroom-owner-inline-stats-head small{
  color:rgba(255,255,255,.78);
  font-size:9px;
  font-weight:800;
  line-height:1.6;
  text-align:left;
}
.showroom-owner-inline-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.showroom-owner-inline-stats-grid article{
  display:grid;
  justify-items:center;
  gap:4px;
  min-height:90px;
  padding:12px 8px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  color:#fff;
  text-align:center;
}
.showroom-owner-inline-stats-grid article span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,.16);
  font-size:18px;
}
.showroom-owner-inline-stats-grid article strong{
  font-size:24px;
  line-height:1;
  font-weight:1000;
}
.showroom-owner-inline-stats-grid article small{
  color:#dfeeff;
  font-size:10px;
  font-weight:900;
}
@media (max-width: 900px){
  .showroom-owner-inline-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .showroom-owner-inline-stats{padding:11px;border-radius:16px}
  .showroom-owner-inline-stats-head{align-items:flex-start;flex-direction:column}
  .showroom-owner-inline-stats-head strong{font-size:15px}
  .showroom-owner-inline-stats-head small{text-align:right}
  .showroom-owner-inline-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .showroom-owner-inline-stats-grid article{min-height:76px;padding:10px 6px;border-radius:14px}
  .showroom-owner-inline-stats-grid article strong{font-size:18px}
  .showroom-owner-inline-stats-grid article small{font-size:8px}
}


/* v62 horizontal showroom owner stats redesign */
.showroom-owner-inline-stats{
  margin-top:12px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.10));
}
.showroom-owner-inline-stats-head{
  align-items:center;
  margin-bottom:14px;
}
.showroom-owner-inline-stats-head small{
  max-width:320px;
  text-align:right;
}
.showroom-owner-inline-stats-grid{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:3px;
  scrollbar-width:thin;
}
.showroom-owner-inline-stats-grid::-webkit-scrollbar{height:8px}
.showroom-owner-inline-stats-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}
.showroom-owner-inline-stats-grid article{
  flex:1 1 0;
  min-width:175px;
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 22px rgba(5,35,85,.10);
  text-align:right;
}
.showroom-owner-inline-stats-grid article > span{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:14px;
  font-size:20px;
  background:rgba(255,255,255,.18);
}
.showroom-owner-inline-stats-grid article > div{
  display:grid;
  justify-items:end;
  gap:3px;
  min-width:0;
}
.showroom-owner-inline-stats-grid article small{
  color:#d9ebff;
  font-size:10px;
  font-weight:900;
}
.showroom-owner-inline-stats-grid article strong{
  font-size:26px;
  line-height:1;
  font-weight:1000;
}
@media (max-width: 900px){
  .showroom-owner-inline-stats-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .showroom-owner-inline-stats-head small{
    max-width:none;
  }
  .showroom-owner-inline-stats-grid article{
    min-width:160px;
  }
}
@media (max-width: 640px){
  .showroom-owner-inline-stats{
    padding:12px;
    border-radius:18px;
  }
  .showroom-owner-inline-stats-grid{
    gap:8px;
  }
  .showroom-owner-inline-stats-grid article{
    min-width:145px;
    min-height:74px;
    padding:11px 12px;
    border-radius:15px;
  }
  .showroom-owner-inline-stats-grid article > span{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:12px;
    font-size:17px;
  }
  .showroom-owner-inline-stats-grid article small{
    font-size:8px;
  }
  .showroom-owner-inline-stats-grid article strong{
    font-size:20px;
  }
}
