.sys-specific{padding:14px;color:var(--sysdash-text);background:var(--sysdash-surface)}
.sys-specific p{line-height:1.5}.sys-specific-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.sys-specific label{display:grid;gap:5px;font-weight:600}.sys-specific input,.sys-specific select,.sys-specific button{font:inherit;color:inherit;background:var(--sysdash-surface-2);border:1px solid var(--sysdash-line);border-radius:3px;min-height:34px;padding:6px 9px}.sys-specific button{cursor:pointer}.sys-specific button:disabled{opacity:.6;cursor:default}.sys-specific :focus-visible{outline:2px solid var(--sysdash-accent);outline-offset:2px}.sys-specific-layout{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:14px}.sys-specific [data-list]{max-height:65vh;overflow:auto}.sys-specific [data-detail]{border:1px solid var(--sysdash-line);padding:14px;min-width:0}.sys-specific-resource{display:grid;width:100%;text-align:left;gap:5px;margin-bottom:5px;overflow-wrap:anywhere}.sys-specific-resource[aria-pressed=true]{border-left:4px solid var(--sysdash-accent)}.sys-specific-resource span{font-size:12px}.sys-specific fieldset{margin:12px 0;border:1px solid var(--sysdash-line);max-height:240px;overflow:auto}.sys-specific .sys-specific-choice{display:flex;align-items:center;gap:8px;font-weight:normal;padding:3px}.sys-specific-choice input{min-height:20px}.sys-specific-check{border-top:1px solid var(--sysdash-line);padding:10px 0}.sys-specific [data-notice]:not(:empty){padding:10px;border-left:3px solid var(--sysdash-accent)}@media(max-width:760px){.sys-specific-layout{grid-template-columns:1fr}.sys-specific [data-list]{max-height:240px}.sys-specific-tools label{width:100%}}

.sys-specific{font:400 13px/1.45 "Segoe UI",Arial,sans-serif}.sys-specific h2{font-size:18px}.sys-specific h3{font-size:15px}.sys-specific .sys-specific-resource{justify-content:stretch!important;text-align:left!important}.sys-specific [data-form-editor] fieldset{max-height:none}

.sys-specific [data-form-editor] .ofa-head{display:none}.sys-specific [data-form-editor]>.ofa-selectors>label:nth-child(-n+2){display:none}
.sys-specific [data-form-editor] .ofa-head,.sys-specific [data-form-editor]>.ofa-selectors>label:nth-child(-n+2){display:none!important}.sys-specific strong,.sys-specific h2,.sys-specific h3{font-family:"Segoe UI",Arial,sans-serif!important}

/* Use the same canvas and available width as the other Security sections. */
body #sysSecurityApp [data-security-panel="specific-access"]{width:100%;min-width:0;overflow:visible}
body #sysSecurityApp [data-specific-access]{flex:1 1 100%;width:100%;min-width:0;max-width:none;overflow:visible;box-sizing:border-box}
body #sysSecurityApp .sys-specific{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--sysdash-line);font:inherit}
body #sysSecurityApp:has([data-security-panel="specific-access"].is-active) .sysdash-shell > :is(.sys-security-kpis,.sys-security-guide){display:none}
body #sysSecurityApp .sys-specific > h2{margin:0 0 8px;font-size:16px}
body #sysSecurityApp .sys-specific-tools{padding:12px;border:1px solid var(--sysdash-line);background:var(--sysdash-surface-2)}
body #sysSecurityApp .sys-specific-tools label{min-width:180px}
body #sysSecurityApp .sys-specific-tools label:has([data-search]){flex:1;max-width:480px}
body #sysSecurityApp .sys-specific-tools :is(input,select){width:100%;box-sizing:border-box;background:var(--sysdash-surface);min-height:38px}
body #sysSecurityApp .sys-specific-layout{grid-template-columns:minmax(240px,28%) minmax(0,1fr)}
body #sysSecurityApp .sys-specific [data-detail]{background:var(--sysdash-surface);min-height:180px}
body #sysSecurityApp .sys-specific-resource[aria-pressed=true]{background:var(--sysdash-accent-soft);border-color:var(--sysdash-accent)}
@media(max-width:760px){
 body #sysSecurityApp .sys-specific-layout{grid-template-columns:minmax(0,1fr)}
 body #sysSecurityApp .sys-specific-tools label,body #sysSecurityApp .sys-specific-tools label:has([data-search]){min-width:0;max-width:none;flex-basis:100%}
}

/* Module-level entry; the shared resource editor stays in Security. */
.security-module-resources{border-top:1px solid var(--sysdash-line);padding:12px 14px;background:var(--sysdash-surface-2)}
.security-module-resources p{margin:6px 0 10px;color:var(--sysdash-muted-strong)}
.security-resource-overlay{position:fixed;inset:0;z-index:10050;display:flex;justify-content:flex-end;background:rgba(0,0,0,.32)}
.security-resource-drawer{width:min(1120px,95vw);height:100%;overflow:auto;background:var(--sysdash-surface);color:var(--sysdash-text);border-left:1px solid var(--sysdash-line);box-shadow:-8px 0 28px #0003;overscroll-behavior:contain}
.security-resource-drawer>header{position:sticky;top:0;z-index:2;background:var(--sysdash-surface);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--sysdash-line)}
.security-resource-drawer>header button{font:inherit;color:inherit;background:var(--sysdash-surface-2);border:1px solid var(--sysdash-line);padding:8px 12px;cursor:pointer}
.security-resource-drawer :focus-visible{outline:2px solid var(--sysdash-accent);outline-offset:2px}
.security-resource-scope{margin:14px;line-height:1.5;border-left:3px solid var(--sysdash-accent);padding:8px 12px;background:var(--sysdash-surface-2)}
.security-resource-drawer [hidden]{display:none!important}
@media(max-width:760px){.security-resource-drawer{width:100vw}.security-resource-drawer .sys-specific{padding:10px}}

.security-resource-drawer .sys-specific>h2,.security-resource-drawer .sys-specific>h2+p{display:none}

.sys-resource-grants{max-height:48vh;overflow:auto;margin-top:10px}.sys-resource-grant{padding:10px 0;border-bottom:1px solid var(--sysdash-line)}.sys-resource-grant[hidden]{display:none}.sys-resource-identity{display:flex;gap:9px;align-items:center;overflow-wrap:anywhere}.sys-resource-identity small{display:block}.sys-resource-rights{display:flex;flex-wrap:wrap;gap:16px;padding:8px 0}.sys-resource-rights label{display:flex;align-items:center;gap:5px;font-weight:normal}.sys-resource-identity .sys-user-photo{width:32px;height:32px;flex:0 0 32px}.sys-resource-rights input{min-height:18px}

.sys-resource-actions{position:sticky;bottom:0;z-index:1;background:var(--sysdash-surface);border-top:1px solid var(--sysdash-line);padding:10px 0}.sys-resource-advanced{margin:12px 0}.sys-resource-advanced summary{cursor:pointer;padding:8px 0}.sys-specific [data-editor]>label{margin-bottom:10px}.sys-specific [data-editor]>label>input[type=checkbox]{justify-self:start}

.sys-specific textarea{font:inherit;color:inherit;background:var(--sysdash-surface-2);border:1px solid var(--sysdash-line);padding:8px;resize:vertical;box-sizing:border-box;width:100%;max-width:100%}

.security-resource-drawer{box-sizing:border-box;padding-bottom:44px}.security-resource-drawer .sys-resource-actions{bottom:38px}
