[data-access-hidden]{display:none!important}
.kh-staff-access>header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.kh-access-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #dfd8ca}
.kh-access-row span,.kh-access-row small,.kh-permission-row small{display:block;margin-top:5px;color:#625e54;overflow-wrap:anywhere}
.kh-access-row p{font-size:13px;margin:8px 0 0}
.kh-access-actions{display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:flex-end;min-width:160px}
dialog.kh-access-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ded5c3;border-radius:22px;background:#faf8f3;color:#282720;overflow:auto;position:fixed;inset:0;margin:auto}
dialog.kh-access-dialog::backdrop{background:#17171088;backdrop-filter:blur(5px)}
dialog.kh-access-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.kh-access-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #ded5c3;flex-shrink:0;height:auto;min-height:76px}
.kh-access-dialog h2{margin:0;font-size:27px}
.kh-access-dialog [data-access-close]{min-width:40px;min-height:40px}
.kh-access-dialog .kh-access-form{display:flex!important;flex-direction:column;gap:18px;padding:24px;margin:0;overflow:auto;max-height:none;min-height:0}
.kh-access-dialog .kh-access-form label{display:flex;flex-direction:column;gap:7px;color:#504b40;font-size:14px;margin:0;line-height:1.5}
.kh-access-form input,.kh-access-form select{box-sizing:border-box;min-width:0;width:100%;min-height:44px;color:#292720;background:#fff;border:1px solid #d7cfbf;border-radius:12px;padding:10px 12px;font:inherit;text-transform:none}
.kh-access-form p{margin:0;color:#625b4c;font-size:13px;line-height:1.6}
.kh-access-form p.error{color:#a33020}
.kh-access-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kh-access-form fieldset{display:block;padding:12px 16px;border:1px solid #d7cfbf;border-radius:14px;margin:0;min-width:0}
.kh-access-form legend{padding:0 7px;font-weight:600}
.kh-access-form .kh-permission-row{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #e7e1d5}
.kh-permission-row:last-child{border-bottom:0}
.kh-access-dialog .kh-permission-row small{font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none;line-height:1.5}
.kh-access-form .kh-access-check{display:flex;flex-direction:row;align-items:center;gap:10px}
.kh-access-form .kh-access-check input{width:20px;min-height:20px;height:20px;flex-shrink:0}
.kh-access-form footer{display:flex;justify-content:flex-end;gap:12px;position:static;padding:12px 0 0;background:transparent}
.kh-access-form button,.kh-staff-access button{min-height:42px;padding:10px 16px;cursor:pointer}
.kh-access-notice{color:#776230;font-size:13px;margin:12px 0}
.kh-dark-mode dialog.kh-access-dialog{background:#25282c;color:#ece6da;border-color:#60594b}
.kh-dark-mode .kh-access-dialog>header{border-color:#60594b}
.kh-dark-mode .kh-access-dialog h2{color:#ece6da}
.kh-dark-mode .kh-access-dialog .kh-access-form label,.kh-dark-mode .kh-access-dialog .kh-access-form legend{color:#ece6da}
.kh-dark-mode .kh-access-dialog .kh-access-form p,.kh-dark-mode .kh-access-dialog .kh-permission-row small,.kh-dark-mode .kh-access-row span,.kh-dark-mode .kh-access-row small{color:#c5bdad}
.kh-dark-mode .kh-access-dialog .kh-access-form input,.kh-dark-mode .kh-access-dialog .kh-access-form select{background:#1c1e21;color:#f6f1e7;border-color:#60594b}
.kh-dark-mode .kh-access-dialog .kh-access-form fieldset,.kh-dark-mode .kh-permission-row,.kh-dark-mode .kh-access-row{border-color:#60594b}
.kh-dark-mode .kh-access-dialog .kh-access-form p.error{color:#ffb5a4}
@media(max-width:600px){.kh-access-fields{grid-template-columns:1fr}.kh-access-row,.kh-staff-access>header{flex-direction:column;align-items:stretch}.kh-access-actions{justify-content:flex-start}.kh-access-form .kh-permission-row{grid-template-columns:1fr;gap:8px}.kh-access-dialog .kh-access-form{padding:18px}.kh-access-dialog>header{padding:18px}.kh-access-dialog h2{font-size:23px}}