/* admin_product.css - Product pages enhancements (works with existing admin.css) */
.thumb-60{ width:60px; height:60px; border-radius:12px; border:1px solid var(--border); object-fit:cover; background:var(--surface2); }
.thumb-90{ width:90px; height:90px; border-radius:14px; border:1px solid var(--border); object-fit:cover; background:var(--surface2); }
.thumb-grid{ display:flex; gap:10px; flex-wrap:wrap; margin-top:15px; }
.thumb-tile{ position:relative; display:inline-flex; align-items:center; justify-content:center; }
.thumb-tile .remove{
  position:absolute; top:-8px; right:-8px;
  width:28px; height:28px; border-radius:10px;
  border:1px solid var(--border); background:var(--surface); color:var(--text);
  box-shadow: var(--shadow2); cursor:pointer; font-weight:900;
}
.small-muted{ font-size:12px; color:var(--muted); }

.filters{
  display:flex; gap:10px; flex-wrap:wrap; align-items:center;
}
.filters .search-input-wrap{ flex:1; min-width:220px; }

@media (max-width:768px){
  .filters{ flex-direction:column; align-items:stretch; }
  .filters .btn{ width:100%; height:44px; }
}

.option-builder{
  border:1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface2);
  padding:14px;
}
.option-row{
  display:grid; grid-template-columns: 1fr 2fr auto;
  gap:10px; align-items:center;
  padding:10px;
  border:1px solid var(--border);
  border-radius:14px;
  background: var(--surface);
  margin-bottom:10px;
}
.option-row .btn{ white-space:nowrap; }
.option-row input{ height:40px; }
@media (max-width:900px){
  .option-row{ grid-template-columns: 1fr; }
  .option-row .btn{ width:100%; height:44px; }
}

.combo-wrap{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius: var(--radius);
  overflow:auto;
}
.combo-wrap table{ min-width:820px; width:100%; border-collapse:separate; border-spacing:0; }
.combo-wrap th,.combo-wrap td{
  padding:10px 12px; border-bottom:1px solid var(--border); font-size:13px;
}
.combo-wrap th{ position:sticky; top:0; background:var(--surface2); color:var(--muted); font-weight:800; }
.combo-wrap input{ height:38px; border-radius:10px; }

.company-pills{ display:flex; gap:8px; flex-wrap:wrap; }
.company-pills label{
  display:inline-flex; align-items:center; gap:8px;
  padding:4px 10px; border-radius:999px;
  border:1px solid var(--border);
  background: var(--surface);
  cursor:pointer;
  font-size:13px;
}
.company-pills input{ width:16px; height:16px; }

.editor{
  border:2px solid #d1d5db;
  border-radius:14px;
  background: var(--surface);
  overflow:hidden;
}
.admin-body.dark .editor{ border-color:#2f323a; background:#1f2229; }
.editor-toolbar{
  display:flex; gap:8px; flex-wrap:wrap;
  padding:10px;
  background: var(--surface2);
  border-bottom:1px solid var(--border);
}
.editor-toolbar button{
  border:1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  padding:8px 10px;
  border-radius:12px;
  cursor:pointer;
  font-size:12px;
}
.editor-toolbar button:hover{ border-color: var(--accent); }
.editor-area{
  min-height:220px;
  padding:14px;
  outline:none;
  font-size:14px;
  line-height:1.7;
  font-family:"Malgun Gothic","맑은 고딕",sans-serif;
}
.editor-area:empty:before{
  content: attr(data-placeholder);
  color: var(--muted);
}