/* MundoLED catalogos - público */
:root{
  --bg:#111;--panel:#171717;--tile:#242424;--text:#fff;--muted:#b7b7b7;--line:#303030;
  --soft:#d6d6d6;--chip:#202020;--chip2:#262626;--danger:#ffd4d4;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.site-header{background:var(--panel);border-bottom:1px solid var(--line);padding:24px 18px;text-align:center}
h1{margin:0;font-size:32px;letter-spacing:-.7px}
.sub{color:var(--muted);font-size:15px;margin-top:6px}
.catalog-main{max-width:1460px;margin:0 auto;padding:22px 18px 52px}
.toolbar{display:grid;grid-template-columns:2fr repeat(3, minmax(150px, 1fr));gap:12px;align-items:center;margin-bottom:12px}
input,select,textarea{width:100%;background:#202020;border:1px solid var(--line);color:white;border-radius:10px;padding:12px 14px;font-size:15px;outline:none}
textarea{min-height:86px;resize:vertical}
input::placeholder,textarea::placeholder{color:#8b8b8b}
select{appearance:auto}
.meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.count{color:var(--muted);font-size:14px}
.clear,.btn{
  background:var(--chip2);border:1px solid #3a3a3a;color:#fff;border-radius:999px;
  padding:9px 13px;font-size:13px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px
}
.btn.primary,.clear.primary{background:#fff;color:#111;border-color:#fff}
.btn.warn{background:#facc15;color:#111;border-color:#facc15}
.btn.danger{background:#7f1d1d;color:#fff;border-color:#7f1d1d}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px}
.item{text-align:center;min-width:0}
.thumb{aspect-ratio:3/4;background:var(--tile);border:1px solid #2d2d2d;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:13px;text-decoration:none;color:#fff;transition:.16s ease;position:relative}
.item:hover .thumb{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.38);border-color:#4b4b4b}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(145deg,#1f2937,#111827 70%);font-weight:900;color:#fff;text-align:center}
.brand{font-size:15px;font-weight:900;line-height:1.18;color:#fff;text-align:center;margin:0 auto 4px;max-width:95%;letter-spacing:.1px}
.title-soft{font-size:13px;font-weight:600;line-height:1.25;color:var(--soft);text-align:center;margin:0 auto;max-width:95%}
.tags{display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:7px;min-height:20px}
.tag{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#bdbdbd;background:#1f1f1f;border:1px solid #323232;border-radius:999px;padding:3px 7px}
.error{background:#2b1616;border:1px solid #6b1d1d;color:var(--danger);border-radius:10px;padding:14px;margin-bottom:18px;display:none}
.empty{display:none;border:1px dashed #3a3a3a;color:#bdbdbd;border-radius:14px;padding:22px;text-align:center}
@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}}
@media(max-width:560px){
  .site-header{padding:20px 14px}h1{font-size:27px}
  .catalog-main{padding:16px 12px 38px}.toolbar{grid-template-columns:1fr;gap:9px}.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px}
  .brand{font-size:14px}.title-soft{font-size:12px}.tag{font-size:9px}
}

/* Admin */
.admin-main{max-width:1500px;margin:0 auto;padding:22px 18px 52px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}
.box h2{margin:0 0 12px;font-size:19px}
.help{color:var(--muted);font-size:14px;line-height:1.45}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:end}
.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-9{grid-column:span 9}.col-12{grid-column:span 12}
label{display:block;font-weight:850;font-size:13px;margin-bottom:7px;color:#e5e5e5}
.actions-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.log{white-space:pre-wrap;background:#0d0d0d;border:1px solid #2b2b2b;border-radius:10px;padding:12px;min-height:130px;max-height:310px;overflow:auto;color:#d7d7d7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{border-bottom:1px solid #303030;padding:8px;vertical-align:top}
th{text-align:left;color:#d1d5db}
td input,td select{padding:8px;font-size:13px}
input[type="checkbox"]{width:auto;transform:scale(1.15)}
.small{font-size:12px;color:var(--muted);line-height:1.35}
.pill{display:inline-block;border:1px solid #444;border-radius:999px;padding:3px 7px;font-size:11px;margin:2px 0;color:#d1d5db}
.pill.ok{color:#9dffb5}.pill.bad{color:#ffadad}.pill.warn{color:#ffe38a}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.admin-tab{border-radius:999px}
.admin-tab.active{background:#fff;color:#111;border-color:#fff}
.hidden{display:none !important}
.progress-line{height:7px;background:#303030;border-radius:999px;overflow:hidden;margin-top:8px}
.progress-line>div{height:100%;width:0%;background:#fff;transition:width .15s ease}
@media(max-width:960px){.row{grid-template-columns:1fr}.col-2,.col-3,.col-4,.col-5,.col-6,.col-12{grid-column:span 1}.table-wrap{overflow:auto}table{min-width:1200px}}


.action-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #3d5a3d;
  background:#172417;
  color:#b7ffbd;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.replace-box{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
}
.replace-box input[type="checkbox"]{
  transform:scale(1.15);
}


/* V13: URL import and admin cleanup */
.url-import-box{
  width:100%;
  max-width:980px;
}
.url-list{
  width:100%;
  min-height:120px;
  font-size:14px;
  line-height:1.45;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
@media(max-width:960px){
  .col-9{grid-column:span 1}
  .url-import-box{max-width:100%}
}