/* HotelOS SMART — BUILD-07.9 job catalog editor. Extends workforce.css + accounts.css + grants.css. */
.cat-list-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cat-list-head h2{margin:0}
.cat-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.cat-filters select{border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px;font-size:13.5px;background:#fff;min-width:0;width:100%}
.cat-desc{margin:4px 0 0;line-height:1.75;color:var(--ink)}
.cat-locked{display:grid;gap:6px;border:1px dashed var(--gold-soft);background:#FFFCF5;border-radius:10px;padding:10px 12px;margin-top:12px}
.cat-locked strong{font-size:13px;color:var(--navy)}
.cat-form{display:grid;gap:12px;padding:0;box-shadow:none;border:0;max-width:none}
.cat-form input,.cat-form select,.cat-form textarea{min-width:0;width:100%}
.cat-checks{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px}
.cat-checks legend{font-size:13px;color:var(--muted);padding:0 4px}
.cat-checks .src-opt{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink)}
.cat-checks input[type=checkbox],.cat-form .gr-confirm input{width:16px;height:16px;flex:0 0 auto;margin-top:3px}
.cat-checks small{color:var(--muted)}
.kv-table th{width:34%;text-align:start;vertical-align:top}
@media (max-width:620px){.cat-checks{grid-template-columns:minmax(0,1fr)}.kv-table th{width:40%}}
.cat-kv{min-width:0;width:100%}
.cat-kv td{overflow-wrap:anywhere}
@media (max-width:620px){
  .cat-kv tr{display:grid;grid-template-columns:minmax(0,1fr)}
  .cat-kv th,.cat-kv td{width:auto;display:block;border-bottom:0}
  .cat-kv th{padding-bottom:2px}
  .cat-kv tr{border-bottom:1px solid var(--line)}
}

/* S12-V1.1 brand: mother emblem in header, product logo in the gate */
.mark-emblem{height:56px;width:56px;border-radius:12px;object-fit:cover}
.gate-logo{max-width:340px;width:100%;height:auto;display:block;margin:24px auto 8px;border-radius:16px}
.gate{text-align:center}