/* Category Commander admin styles */
.cc-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;}
@media (max-width: 960px){.cc-grid{grid-template-columns:1fr;}}
.cc-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:16px;}
.cc-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0 10px;}
.cc-toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.cc-filter input{min-width:260px;max-width:100%;padding:6px 10px;}
.cc-file-name{font-size:12px;color:#50575e;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Always hide the native file input (label is the visible button) */
#cc-import-file{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;}

.cc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;}
.cc-status{margin-left:8px;font-weight:600;}
.cc-status.is-success{color:#00a32a;}
.cc-status.is-warning{color:#dba617;}
.cc-status.is-error{color:#d63638;}

.cc-sort-wrap{margin-top:8px;}
/* Min-height ensures empty lists can receive drops (top-level -> child nesting works) */
.cc-list{list-style:none;margin:0;padding-left:18px;min-height:32px;}
.cc-root{padding-left:0;}
.cc-item{margin:8px 0;}
.cc-row{display:flex;align-items:center;gap:10px;border:1px solid #dcdcde;border-radius:10px;padding:10px 12px;background:#f6f7f7;}
.cc-handle{cursor:grab;user-select:none;}
.cc-name{font-weight:600;}
.cc-row:focus,
.cc-handle:focus{outline:2px solid #2271b1;outline-offset:2px;}
.cc-item.is-selected>.cc-row{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;background:#f0f6fc;}
.cc-placeholder{border:2px dashed #2271b1;border-radius:10px;height:40px;margin:8px 0;}
/* Prevent extra gray outlines from jQuery UI default styles */
.ui-sortable-placeholder{background:transparent!important;border:0!important;}
.ui-sortable-placeholder.cc-placeholder{border:2px dashed #2271b1;border-radius:10px;}
.ui-sortable-helper{box-shadow:none!important;}
.ui-sortable-helper .cc-row{box-shadow:none!important;}
/* Visual hint for empty drop zones */
.cc-list:empty{border:0;padding:0;margin-left:18px;min-height:0;}
.cc-sort-wrap.cc-dragging .cc-list:empty{border:1px dashed #c3c4c7;border-radius:10px;min-height:18px;padding:6px;margin-left:18px;}
.cc-tip{margin-top:10px;}



/* ---- DnD visuals hardening ---- */
/* Ensure placeholder does not show any inherited borders/content */
.cc-placeholder{background:transparent!important;}
.cc-placeholder *{display:none!important;}
/* Prevent extra outlines/shadows or gray frames while dragging */
.ui-sortable-helper,
.cc-drag-helper{
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
.ui-sortable-helper .cc-row,
.cc-drag-helper .cc-row{
  box-shadow:none!important;
}
/* jQuery UI placeholder should not add its own border */
.ui-sortable-placeholder{background:transparent!important;border:0!important;}
/* Only show empty dropzones while dragging (clean UI) */
.cc-list:empty{border:0!important;min-height:0!important;padding:0!important;margin-left:18px;}
.cc-sort-wrap.cc-dragging .cc-list:empty{
  border:1px dashed #c3c4c7!important;
  border-radius:10px;
  min-height:18px;
  padding:6px;
  margin-left:18px;
}