.ac-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.ac-summary>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;min-height:94px;padding:17px 18px;border:1px solid var(--cad-card-border,#dce4ef);border-radius:14px;box-sizing:border-box}.ac-summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffffb8;color:inherit}.ac-summary-icon .action-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ac-summary-content{display:grid;gap:5px;min-width:0}.ac-summary-content strong{display:block;margin:0;color:inherit;font-size:24px;line-height:1.15}.ac-summary-content small{color:var(--cad-help,#718096);font-size:12px;line-height:1.35}.ac-summary-card.tone-blue{background:var(--cad-blue-soft,#edf4ff);color:#315f99}.ac-summary-card.tone-green{background:var(--cad-teal-soft,#edf8f2);color:#36755a}.ac-summary-card.tone-amber{background:var(--cad-warning-soft,#fff7e8);color:#8b681f}.ac-summary-card.tone-rose{background:var(--cad-danger-soft,#fff1f2);color:#a34c58}.ac-card{background:var(--cad-surface,#fff);border:1px solid var(--cad-border,#dce4ef);border-radius:12px;padding:18px}.ac-tabs,.ac-toolbar,.ac-tags{display:flex;gap:10px;flex-wrap:wrap}.ac-toolbar{margin:18px 0;align-items:end}.ac-toolbar label:first-child{flex:1}.ac-toolbar label,.ac-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px}.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.ac-brand{display:flex;align-items:center;gap:15px;min-height:60px}.ac-brand img{width:92px;height:48px;object-fit:contain}.ac-brand strong{font-size:13px}.ac-tag{padding:5px 8px;border-radius:20px;background:var(--cad-bg,#f1f5f9);font-size:11px;color:var(--cad-muted,#64748b)}.ac-tag.on{background:#e9f8f1;color:#147b55}.ac-card .subtle{font-size:12px;min-height:30px}.ac-card small{color:var(--cad-muted,#64748b);font-size:11px}.ac-card footer{display:flex;justify-content:end;margin-top:16px}.ac-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ac-fields small{font-size:11px;color:var(--cad-muted,#64748b)}.ac-form{padding:24px;margin-top:16px}.ac-form h2{font-size:18px}.ac-form footer{margin-top:22px;display:flex;justify-content:end}.ac-drawer{margin:0 0 0 auto;width:min(740px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--cad-border,#dce4ef);padding:24px;color:var(--cad-text,#243c56);box-sizing:border-box}.ac-drawer::backdrop{background:#10223966}.ac-drawer header,.ac-drawer footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.ac-drawer h2{font-size:21px}.ac-drawer h3{font-size:15px}.ac-drawer section{border-top:1px solid var(--cad-border,#dce4ef);padding:12px 0;margin:12px 0}.ac-drawer footer{position:sticky;bottom:-24px;background:white;padding:18px 0;border-top:1px solid var(--cad-border,#dce4ef);justify-content:end}.ac-notice{padding:12px;background:var(--cad-bg,#f1f5f9);border-radius:8px;font-size:12px;line-height:1.5}.ac-check{display:flex;gap:10px;align-items:center;padding:8px;font-size:13px}.ac-check input{width:auto}.ac-check small{display:block;color:var(--cad-muted,#64748b)}.ac-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.ac-products article{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--cad-border,#dce4ef)}.ac-products article>div{flex:1}.ac-products p{margin:5px 0}.ac-products [hidden],.ac-users [hidden]{display:none}.ac-drawer input,.ac-drawer select,.ac-form input,.ac-form select,.ac-toolbar input,.ac-toolbar select{min-height:38px;max-width:100%;box-sizing:border-box}.ac-fields input:read-only{background:var(--cad-bg,#f1f5f9)}@media(max-width:700px){.ac-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ac-summary>div{min-height:86px;padding:12px}.ac-summary-icon{width:36px;height:36px}.ac-fields,.ac-users{grid-template-columns:1fr}.ac-drawer{padding:16px}.ac-toolbar label{width:100%}.ac-tabs button{flex:1}.ac-form{padding:16px}}

#auto-settings-panel>.cad-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}#auto-settings-panel>.cad-form-heading h1{font-size:24px;margin:6px 0}#auto-settings-panel>.cad-form-heading p{margin:0;font-size:13px}#auto-settings-panel>.cad-form-heading>button{flex-shrink:0}.ac-products article>div{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){#auto-settings-panel>.cad-form-heading{align-items:flex-start;flex-direction:column}#auto-settings-panel>.cad-form-heading h1{font-size:20px}.ac-products article{flex-wrap:wrap}.ac-products article>div{flex-basis:100%}}

/* The shared dialog form hides overflow; this drawer owns one scroll area. */
dialog.ac-drawer{padding:0;overflow:hidden}
dialog.ac-drawer>form{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px}
@media(max-width:700px){dialog.ac-drawer>form{padding:16px}.ac-drawer footer{bottom:-16px}}

.ac-brand{justify-content:center;min-height:84px}
.ac-brand img{width:150px;height:64px}
.ac-card footer .ac-config-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;padding:8px 12px;border:1px solid #a8bfff;border-radius:7px;background:white;color:var(--cad-blue,#2563eb);font-size:12px;font-weight:500}
.ac-config-button svg{width:15px;height:15px}
.ac-card footer .ac-config-button:hover{background:var(--cad-blue-soft,#eff6ff);border-color:var(--cad-blue,#2563eb)}
.ac-drawer header .ac-brand{justify-content:flex-start;min-height:68px}
.ac-drawer .ac-fields label>span{display:flex;align-items:center;gap:10px;color:var(--cad-muted);font-size:11px}
.ac-drawer [data-change]{padding:5px 10px;min-height:30px;font-size:12px}
.ac-user-tools{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;margin-top:14px}
.ac-user-summary,.ac-user-bulk,.ac-user-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:12px}
.ac-user-summary{justify-content:space-between;color:var(--cad-muted)}
.ac-user-summary strong{color:var(--cad-text)}
.ac-user-bulk button,.ac-user-pagination button{min-height:30px;font-size:11px;padding:6px 10px}
.ac-user-list{border:1px solid var(--cad-field-border);border-radius:10px;overflow:hidden}
.ac-user-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--cad-divider);cursor:pointer;font-weight:400}
.ac-user-row:last-child{border-bottom:0}.ac-user-row:hover{background:var(--cad-blue-soft)}
.ac-user-row input{width:16px;min-height:16px;flex:none;margin:0}
.ac-user-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.ac-user-row small{display:block;color:var(--cad-muted);margin-top:3px}
.ac-user-pagination small{margin-right:auto}
@media(max-width:500px){.ac-user-tools{grid-template-columns:1fr}.ac-user-row{gap:8px;padding:10px 8px}.ac-user-row .ac-tag{font-size:10px}}

/* Compact configuration layout; keep all fields and the necessary scroll accessible. */
.ac-summary{gap:14px;margin:16px 0}.ac-summary>div{padding:17px 18px}.ac-summary strong{font-size:24px}
.ac-toolbar{margin:12px 0}.ac-grid{gap:12px}.ac-card{padding:12px 16px}
.ac-card .ac-brand{min-height:62px}.ac-card .ac-brand img{height:48px;width:132px}
.ac-card .subtle{min-height:0;margin:8px 0}.ac-card footer{margin-top:10px}
.ac-form{padding:16px;margin-top:12px}.ac-fields{gap:10px 14px}
dialog.ac-drawer{width:min(860px,100vw)}
dialog.ac-drawer>form{padding:16px 20px}
.ac-drawer header .ac-brand{min-height:44px}.ac-drawer header .ac-brand img{height:42px;width:118px}
.ac-drawer [data-dirty]{margin:4px 0;font-size:11px}
.ac-drawer section{margin:8px 0;padding:10px 0 2px}
.ac-drawer h3{margin:0 0 8px;font-size:14px}
.ac-drawer section>.subtle{margin:6px 0 8px;font-size:12px;line-height:1.4}
.ac-drawer .ac-notice{margin:8px 0;padding:8px 10px;line-height:1.4;font-size:11px}
.ac-drawer .ac-fields label{gap:4px;min-width:0}
.ac-drawer .ac-fields :is(input,select),.ac-form .ac-fields :is(input,select){min-height:34px;padding:6px 9px;font-size:12px;width:100%;min-width:0}
.ac-drawer .tags-switch{min-height:42px;padding:7px 10px}
.ac-drawer footer{bottom:-16px;padding:10px 0;margin-top:8px}
.ac-drawer [data-error]:empty{margin:0}
.ac-user-tools{margin-top:8px}.ac-user-summary,.ac-user-bulk,.ac-user-pagination{margin:8px 0;gap:8px}
.ac-user-row{padding:7px 10px}.ac-user-row small{margin-top:1px}
@media(min-width:900px){.ac-drawer .ac-fields,.ac-form .ac-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){dialog.ac-drawer>form{padding:12px}.ac-drawer footer{bottom:-12px}.ac-form{padding:12px}}

.ac-summary-card.tone-purple{background:var(--cad-purple-soft,#f4effc);color:#70559a}