html body.admin-body .category-organizer { min-width:0; }
html body.admin-body .category-organizer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px 0 14px; border-bottom:1px solid #e9e3e6; }
html body.admin-body .category-organizer-toolbar > strong { color:#382d33; font-size:14px; }
html body.admin-body main.category-management-page { width:calc(100% - 40px) !important; max-width:none !important; margin:0 auto !important; padding:0 0 24px !important; }
html body.admin-body main.category-management-page > .admin-top { margin:0 0 14px !important; padding:10px 0 !important; min-height:0 !important; }
html body.admin-body main.category-management-page > .admin-top h1 { font-size:28px !important; line-height:1.2 !important; margin:4px 0 !important; }
html body.admin-body .category-management-layout { display:grid !important; grid-template-columns:300px minmax(0,1fr) !important; align-items:start !important; gap:20px !important; width:100% !important; }
html body.admin-body .category-management-layout > .category-organizer { order:0 !important; grid-column:2 !important; grid-row:1 !important; width:100% !important; max-width:none !important; }
html body.admin-body .category-management-layout > #category-form { order:0 !important; grid-column:1 !important; grid-row:1 !important; width:100% !important; max-width:none !important; min-width:0; align-self:start; scroll-margin-top:100px; }
html body.admin-body .category-management-layout > #category-form { position:static !important; top:auto !important; margin:0 !important; }
html body.admin-body .category-management-layout > .category-organizer { margin:0 !important; }
html body.admin-body .category-organizer .category-sort-tree { display:grid !important; columns:auto; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)) !important; align-items:start; gap:14px !important; width:100% !important; max-width:none !important; }
html body.admin-body .category-organizer .category-sort-tree > article { display:block; width:100%; margin:0; padding:0; border:1px solid #e8dce2; border-radius:8px; overflow:hidden; background:#fff; min-width:0; box-shadow:0 3px 12px #44203305; }
html body.admin-body .category-management-layout > #category-form { display:flex !important; flex-direction:column !important; gap:8px !important; padding:16px !important; max-height:none !important; overflow:visible !important; }
html body.admin-body #category-form > h2 { font-size:20px !important; line-height:1.2 !important; margin:0 0 4px !important; }
html body.admin-body #category-form > label { display:flex !important; flex-direction:column !important; gap:4px !important; margin:0 !important; font-size:12px !important; line-height:1.3 !important; }
html body.admin-body #category-form :is(input,select) { width:100% !important; min-width:0 !important; min-height:34px !important; height:34px !important; padding:5px 8px !important; margin:0 !important; font-size:12px !important; }
html body.admin-body #category-form input[type="color"] { padding:3px !important; }
html body.admin-body #category-form .category-color-field { display:grid; gap:4px; font-size:12px; }
html body.admin-body #category-form .category-color-controls { display:flex; align-items:center; gap:12px; }
html body.admin-body #category-form .category-color-controls > input { flex:1; }
html body.admin-body #category-form .category-color-controls > input:disabled { opacity:.35; cursor:not-allowed; }
html body.admin-body #category-form .category-color-controls label { display:flex !important; flex-direction:row !important; align-items:center; gap:6px; white-space:nowrap; margin:0; font-size:12px; }
html body.admin-body #category-form .category-color-controls input[type="checkbox"] { width:16px !important; height:16px !important; min-height:16px !important; padding:0 !important; }
html body.admin-body #category-form .category-preview-card { display:flex !important; align-items:center !important; gap:12px !important; min-height:0 !important; height:auto !important; padding:8px !important; margin:0 !important; }
html body.admin-body #category-form .category-preview-card img { width:52px !important; height:52px !important; min-height:0 !important; aspect-ratio:1; object-fit:contain; margin:0 !important; }
html body.admin-body #category-form .category-preview-card span { font-size:11px !important; }
html body.admin-body #category-form > button { min-height:36px !important; padding:8px 12px !important; margin:0 !important; font-size:12px !important; }
html body.admin-body .category-organizer .category-sort-tree > article > header { display:flex; gap:10px; align-items:center; min-height:66px; padding:12px; background:#fff; border:0; border-bottom:1px solid #f3edf0; }
html body.admin-body .category-organizer .category-grip { display:flex; align-items:center; justify-content:center; width:24px; min-width:24px; height:36px; padding:0; color:#9d9097; font-size:16px; }
html body.admin-body .category-organizer .category-color-dot { width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:var(--category-dot); box-shadow:inset 0 0 0 1px #00000012; }
html body.admin-body .category-organizer .category-row-title { display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:3px; min-width:0; padding:0; border:0; background:transparent; text-align:left; cursor:default; }
html body.admin-body .category-organizer .category-row-title strong { flex:none; font-size:14px; font-weight:600; color:#30252d; line-height:1.4; overflow-wrap:anywhere; }
html body.admin-body .category-organizer .category-row-title small { font-size:11px; color:#80717a; }
html body.admin-body .category-organizer header form { margin:0; display:flex; }
html body.admin-body .category-organizer [data-category-children] { display:flex; flex-wrap:wrap; align-content:flex-start; align-items:center; gap:8px; min-height:0; margin:0; padding:12px; border:0; }
html body.admin-body .category-organizer .category-sort-child { display:inline-flex; align-items:center; width:auto; max-width:100%; min-width:0; gap:4px; padding:5px 6px; border:1px solid #ebdce3; border-radius:6px; background:#fcf8fa; min-height:38px; }
html body.admin-body .category-organizer .category-sort-child > span { flex:1; min-width:0; overflow-wrap:anywhere; font-size:13px; color:#46383f; line-height:1.4; }
html body.admin-body .category-organizer .category-sort-child form { margin:0; display:flex; }
html body.admin-body .category-organizer .category-add-child { display:inline-flex; margin:4px 12px 12px; font-size:12px; font-weight:500; color:#923454; padding:4px 0; }
html body.admin-body .category-organizer .category-order-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0 0; }
html body.admin-body .category-organizer [data-category-order-status] { font-size:12px; color:#80717a; }
html body.admin-body .category-organizer [data-category-save-order] { display:inline-flex; align-items:center; gap:8px; min-height:40px; border-radius:6px; box-shadow:none; font-size:12px; padding:10px 16px; }
html body.admin-body .category-organizer [data-category-save-order][hidden] { display:none !important; }
html body.admin-body .category-organizer [data-category-save-order] svg { width:16px; height:16px; }
html body.admin-body .category-organizer .is-dragging { opacity:.5; background:#fcf3f7 !important; }
html body.admin-body .category-organizer button:focus-visible, html body.admin-body .category-organizer a:focus-visible { outline:2px solid #a61c4f; outline-offset:2px; }
@media(max-width:1100px) {
  html body.admin-body .category-management-layout { grid-template-columns:260px minmax(0,1fr) !important; gap:16px !important; }
}
@media(max-width:899px) {
  html body.admin-body main.category-management-page { width:calc(100% - 24px) !important; }
  html body.admin-body .category-management-layout { grid-template-columns:minmax(0,1fr) !important; }
  html body.admin-body .category-management-layout > #category-form { grid-column:1 !important; grid-row:1 !important; }
  html body.admin-body .category-management-layout > .category-organizer { grid-column:1 !important; grid-row:2 !important; }
}
@media(max-width:650px) {
  html body.admin-body .category-organizer .category-sort-tree { columns:1; }
  html body.admin-body .category-organizer { padding:16px !important; }
  html body.admin-body .category-organizer :is(.action-icon,.category-inline-delete) { border-radius:6px !important; box-shadow:none !important; }
  html body.admin-body .category-organizer .category-sort-tree > article > header { gap:5px; }
  html body.admin-body .category-organizer .category-color-dot { display:none; }
  html body.admin-body .category-organizer .category-row-title strong { font-size:13px; }
  html body.admin-body .category-organizer .category-grip { width:18px; min-width:18px; }
  html body.admin-body .category-organizer [data-category-children] { margin:0; padding:10px; }
  html body.admin-body .category-organizer .category-add-child { margin-left:8px; }
  html body.admin-body .category-organizer .category-sort-child { gap:4px; }
}
html body.admin-body .category-organizer-toolbar > span { font-size:12px; color:#80717a; }
html body.admin-body .category-organizer :is(.action-icon,.category-sort-child a,.category-inline-delete) { display:inline-flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px !important; height:36px !important; min-height:36px; padding:8px !important; border:1px solid #e8dfe3 !important; border-radius:6px !important; background:#fff !important; color:#8b3152 !important; box-shadow:none !important; cursor:pointer; }
html body.admin-body .category-organizer :is(.action-icon,.category-sort-child a,.category-inline-delete):hover { background:#f8edf2 !important; border-color:#c998ac !important; }
html body.admin-body .category-organizer :is(.action-icon,.category-sort-child a,.category-inline-delete) svg { width:16px !important; height:16px !important; }
html body.admin-body .category-organizer .category-row-title strong { color:#30252d !important; font-size:14px !important; font-weight:600 !important; }
html body.admin-body .category-organizer .category-sort-child > span { color:#46383f !important; font-size:12px !important; }
html body.admin-body .category-organizer [data-category-children]:empty { padding:8px 0 0; }
html body.admin-body .category-organizer .category-sort-child:hover { background:#fcf9fa; }
html body.admin-body .category-organizer .category-order-footer { position:sticky; bottom:0; z-index:2; background:#fff; padding-bottom:16px; border-top:1px solid #e9e3e6; }
html body.admin-body .category-organizer .category-sort-child :is(a,.category-inline-delete) { width:26px !important; height:26px !important; min-height:26px; flex-basis:26px; border:0 !important; background:transparent !important; padding:5px !important; }
html body.admin-body .category-organizer .category-sort-child .category-grip { width:16px; min-width:16px; height:26px; padding:0; font-size:14px; }
html body.admin-body .category-organizer .category-sort-child :is(a,.category-inline-delete) svg { width:14px !important; height:14px !important; }
html body.admin-body .category-organizer .category-add-child { display:flex; align-items:center; width:fit-content; min-height:32px; gap:6px; padding:6px 8px; border-radius:6px; text-decoration:none; }
html body.admin-body .category-organizer .category-add-child:hover { background:#f7edf2; }
@media(pointer:coarse) {
  html body.admin-body .category-organizer .category-sort-child :is(a,.category-inline-delete) { width:32px !important; height:32px !important; min-height:32px; flex-basis:32px; }
}