/* ===== DT256 admin: compact list rows + pagination ===== */
.adm-brow{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--card);margin-bottom:7px;cursor:pointer;transition:border-color .15s,background .15s;}
.adm-brow:hover{border-color:#FFD21E;background:color-mix(in srgb,#FFD21E 7%,var(--card));}
.adm-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;box-shadow:0 0 8px currentColor;}
.adm-brow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.adm-brow-ref{font-size:12.5px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adm-brow-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adm-brow-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;}
.adm-brow-amt{font-size:12.5px;font-weight:800;color:var(--text);white-space:nowrap;}
.adm-brow-when{font-size:10px;font-weight:800;letter-spacing:.2px;text-transform:uppercase;}
.adm-chev{color:var(--muted);font-size:17px;flex:0 0 auto;line-height:1;}
.adm-pager{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:13px 0 4px;}
.adm-pg{min-width:31px;height:31px;padding:0 9px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;line-height:1;transition:border-color .15s,background .15s;}
.adm-pg:hover:not([disabled]):not(.on){border-color:#FFD21E;}
.adm-pg.on{background:#FFD21E;color:#1A1200;border-color:#FFD21E;}
.adm-pg[disabled]{opacity:.38;cursor:default;}
.adm-pg-el{color:var(--muted);padding:0 2px;font-weight:800;}
.adm-pg-info{margin-left:auto;font-size:10.5px;color:var(--muted);font-weight:700;}


/* ===== DT256 vehicle specifications — clean responsive table ===== */
.dt-vehicle-specs{background:var(--card);border:1px solid color-mix(in srgb,var(--cyan) 24%,var(--border));border-radius:16px;box-shadow:0 4px 18px rgba(20,80,140,.07);padding:16px;margin-bottom:13px;overflow:hidden}
.dt-vehicle-specs-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--border)}
.dt-vehicle-specs-icon{width:34px;height:34px;border-radius:10px;background:var(--cbg);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.dt-vehicle-specs-head h3{margin:0;color:var(--cyan);font-size:15px;font-weight:900;line-height:1.25}
.dt-vehicle-specs-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.3}
.dt-vehicle-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.dt-vehicle-spec-item{min-width:0}
.dt-vehicle-spec-label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.75px;text-transform:uppercase;margin:0 0 5px 2px;white-space:normal}
.dt-vehicle-spec-value{min-height:42px;display:flex;align-items:center;background:var(--inp);border:1px solid var(--inpb);border-radius:10px;color:var(--text);font-size:13px;font-weight:700;line-height:1.35;padding:10px 12px;overflow-wrap:anywhere}
@media(max-width:600px){.dt-vehicle-specs{padding:14px}.dt-vehicle-specs-grid{grid-template-columns:1fr;gap:9px}.dt-vehicle-spec-value{min-height:40px}}


/* ===== DT256 universal marketplace image watermark =====
   Display-layer protection covers existing and newly uploaded listing images.
   New uploads are also permanently raster-watermarked before Supabase upload. */
.prod-img::after,
.gallery-slide::after,
.fs-slide::after {
  content:"DT²⁵⁶\A DowntownUG";
  white-space:pre;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-20deg);
  z-index:3;
  pointer-events:none;
  text-align:center;
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:900;
  font-size:clamp(22px,7vw,78px);
  line-height:.72;
  letter-spacing:.02em;
  color:rgba(255,255,255,.24);
  -webkit-text-stroke:1px rgba(0,0,0,.20);
  text-shadow:0 2px 7px rgba(0,0,0,.30);
}
.prod-img::before,
.gallery-slide::before,
.fs-slide::before {
  content:"DT²⁵⁶  DowntownUG";
  position:absolute;
  left:10px;
  bottom:9px;
  z-index:4;
  pointer-events:none;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:clamp(8px,1.7vw,15px);
  font-weight:900;
  color:rgba(255,255,255,.78);
  -webkit-text-stroke:.5px rgba(0,0,0,.55);
  text-shadow:0 1px 4px rgba(0,0,0,.75);
}
.prod-img,.gallery-slide,.fs-slide{position:relative;}
/* Do not watermark non-marketplace profile/business imagery. */
.pf-avatar::before,.pf-avatar::after,.pf-cover::before,.pf-cover::after{content:none!important;}

/* ===== Clean vehicle specification table ===== */
.dt-vehicle-specs{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px rgba(20,80,140,.06);padding:16px;margin-bottom:13px;overflow:hidden;}
.dt-vehicle-specs-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.dt-vehicle-specs-icon{font-size:19px;line-height:1;}
.dt-vehicle-specs-head h3{font-size:15px;font-weight:900;color:var(--text);margin:0;}
.dt-vehicle-specs-head p{font-size:11px;color:var(--muted);margin:3px 0 0;}
.dt-vehicle-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--bg2);}
.dt-vehicle-spec-item{min-width:0;padding:11px 13px;border-bottom:1px solid var(--border);background:var(--card);}
.dt-vehicle-spec-item:nth-child(odd){border-right:1px solid var(--border);}
.dt-vehicle-spec-label{font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase;color:var(--muted);margin-bottom:5px;}
.dt-vehicle-spec-value{font-size:13px;font-weight:800;color:var(--text);overflow-wrap:anywhere;}
@media(max-width:640px){
  .dt-vehicle-specs-grid{grid-template-columns:1fr;}
  .dt-vehicle-spec-item:nth-child(odd){border-right:none;}
  .dt-vehicle-spec-item:last-child{border-bottom:none;}
}
@media(min-width:641px){
  .dt-vehicle-spec-item:nth-last-child(-n+2){border-bottom:none;}
  .dt-vehicle-spec-item:last-child:nth-child(odd){grid-column:1/-1;border-right:none;}
}

/* ===== DT256 v118 — professional Font Awesome category icon system ===== */
.dt-fa-icon{
  flex:0 0 auto;
  border-radius:11px;
  background:color-mix(in srgb,var(--dt-icon-color) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--dt-icon-color) 20%,var(--border));
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.dt-fa-icon svg{display:block;max-width:72%;max-height:72%;overflow:visible}
.cat .ce{display:flex;align-items:center;justify-content:center;min-height:40px}
.cat:hover .dt-fa-icon,.cat.active .dt-fa-icon{
  transform:translateY(-1px) scale(1.04);
  background:color-mix(in srgb,var(--dt-icon-color) 17%,transparent);
  box-shadow:0 5px 13px color-mix(in srgb,var(--dt-icon-color) 18%,transparent);
}
@media(max-width:640px){
  .cat .ce{min-height:37px}
  .dt-fa-icon{border-radius:10px}
}