/* Optional snippet; every selector is scoped to the module's owned sections. */
.customer-folders{display:flex;flex-wrap:wrap;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line,#30343c)}
.customer-folders[hidden]{display:none}
.customer-folders label{display:flex;gap:8px;align-items:center;font-size:13px}
.customer-folders select,.customer-folders input:not([type=checkbox]){min-width:0;max-width:100%;padding:8px;border:1px solid var(--line,#30343c);border-radius:8px;color:inherit;background:var(--panel,#17191e)}
.customer-folders input[type=checkbox]{accent-color:var(--blue,#7ca9ff)}
.customer-folders button{padding:7px 10px;border:1px solid var(--line,#30343c);border-radius:8px;background:transparent;color:inherit}
.customer-folders button:disabled{opacity:.5;cursor:default}
.customer-folders :is(button,input,select,summary):focus-visible{outline:2px solid var(--blue,#7ca9ff);outline-offset:2px}
.customer-folders details,.customer-folders .customer-folder-rows{width:100%}
.customer-folders summary{cursor:pointer;font-size:13px;padding:5px 0}
.customer-folders form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.customer-folders .customer-folder-error{color:#ffb4b4;font-size:13px;margin:0;width:100%}
.customer-folders .customer-folder-error:empty{display:none}
.customer-folder-editor{display:block}
.customer-folders .customer-folder-help{font-size:12px;line-height:1.5;color:var(--muted,#a3a8b3)}
@media(max-width:700px){.customer-folders{padding:10px 0}.customer-folders select{max-width:210px}.customer-folders form>input:not([type=checkbox]){flex:1 1 160px}}

/* Compact host slots keep long folder management within the inbox. */
#customer-folders-strip{flex:none;max-height:40%;overflow:auto;min-height:0;scrollbar-width:thin}
#customer-folders-strip .customer-folders{padding:0 0 10px;margin-bottom:10px}
.customer-folders label{margin:0}
.customer-folders input[type=checkbox]{width:auto;flex:none}
.customer-folders select{font:inherit}