.staff-category-dialog{width:min(900px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 18px 60px #0005}
.staff-category-dialog[open]{display:flex;flex-direction:column}
.staff-category-dialog::backdrop{background:#0009}
.staff-category-dialog *{box-sizing:border-box}
.staff-category-dialog button,.staff-category-dialog input,.staff-category-dialog select{min-height:44px;min-width:0;max-width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--cm-control-bg,var(--card));color:var(--ink);font:inherit;font-size:16px}
.staff-category-dialog button{font-size:12px;font-weight:800;cursor:pointer}
.staff-category-dialog button:disabled{opacity:.5;cursor:not-allowed}
.staff-category-dialog input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;margin:0;accent-color:var(--red);flex:0 0 auto}
.staff-category-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);flex:0 0 auto}
.staff-category-head h2{margin:0 0 5px;font-size:18px}.staff-category-head p,.staff-category-hint{margin:0;color:var(--ink3,var(--soft));font-size:12px;line-height:1.6}.staff-category-head>button{width:44px;flex:0 0 auto;font-size:24px}
.staff-category-body{min-height:0;overflow:auto;padding:0 18px 18px;overscroll-behavior:contain;touch-action:pan-y}
.staff-category-body h3{font-size:15px;margin:18px 0 10px}.staff-category-hint{margin-bottom:8px}
.staff-category-name-row{display:grid;grid-template-columns:minmax(0,1fr) 50px auto;align-items:center;gap:8px;margin:7px 0}.staff-category-name-row>span{color:var(--ink3,var(--soft));font-size:12px;text-align:center}
.staff-category-new,.staff-category-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:10px 0}
.staff-category-tools>select{max-width:260px}
.staff-category-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:10px;background:var(--cm-surface-2,var(--paper));border-radius:8px;font-size:12px}
.staff-category-bulk>label{display:flex;align-items:center;gap:8px;min-height:44px}.staff-category-bulk>span{color:var(--ink3,var(--soft))}
.staff-category-dish{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.staff-category-dish label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 9px;min-height:44px;align-content:center;cursor:pointer}.staff-category-dish label input{grid-row:1/span 2;align-self:center}.staff-category-dish strong{font-size:13px;overflow-wrap:anywhere}.staff-category-dish small{grid-column:2;color:var(--ink3,var(--soft));font-size:11px;overflow-wrap:anywhere}
.staff-category-foot{flex:0 0 auto;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card)}
.staff-category-foot p{margin:0 0 9px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:var(--cm-success-text,var(--green))}.staff-category-foot p.is-error{color:var(--cm-danger-text,var(--red))}.staff-category-foot>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.staff-category-foot .staff-category-save{background:var(--red);border-color:var(--red);color:var(--cm-on-accent,#fff)}
@media(max-width:600px){.staff-category-head,.staff-category-foot{padding-inline:12px}.staff-category-body{padding-inline:12px}.staff-category-head p{font-size:11px}.staff-category-dish{grid-template-columns:minmax(0,1fr)}.staff-category-dish select{width:100%}.staff-category-tools{grid-template-columns:minmax(0,1fr)}.staff-category-tools>select{max-width:none}.staff-category-name-row{grid-template-columns:minmax(0,1fr) 34px 76px;gap:5px}.staff-category-name-row button{padding-inline:5px}.staff-category-foot>div{display:grid;grid-template-columns:auto auto minmax(0,1fr)}.staff-category-foot button{padding-inline:8px}.staff-category-bulk select{flex:1}.staff-category-bulk>label{width:100%}}
@media(max-height:480px){.staff-category-head{padding-block:8px}.staff-category-head p{display:none}.staff-category-foot{padding-block:7px}.staff-category-foot p{margin-bottom:5px}}