.settings-page{display:grid;gap:20px;min-width:0}
.settings-page .card{margin:0;padding:24px;min-width:0}
.settings-page h2{font-size:21px;margin:0 0 18px}
.settings-page h3{font-size:15px;margin:0 0 8px}
.settings-page p{margin:6px 0 12px;line-height:1.5}
.settings-page .muted{font-size:13px}
.settings-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.settings-status{border:1px solid var(--line,#dce0e7);border-radius:12px;padding:18px;background:#fff;min-width:0}
.settings-status dt{font-size:12px;color:var(--muted,#606b7b);margin-bottom:10px;font-weight:700}
.settings-status dd{margin:0}
.settings-status p{font-size:12px;color:var(--muted,#606b7b);margin:10px 0 0}
.settings-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.4;max-width:100%}
.settings-ready{background:#e3f3ed;color:#22604c}
.settings-attention{background:#fff3d0;color:#7c5600}
.settings-neutral{background:#eef0f3;color:#526072}
.settings-mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:20px}
.settings-mail-grid>div{min-width:0}
.settings-mail-grid .settings-address{font-size:15px;font-weight:600;overflow-wrap:anywhere;margin:0 0 12px}
.settings-test{padding-left:28px;border-left:1px solid var(--line,#dce0e7)}
.settings-test button{margin:0 0 4px}
.settings-mail-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.settings-mail-counts>div{padding:16px;background:#f5f6f8;border-radius:8px;min-width:0;display:flex;flex-direction:column-reverse;justify-content:end;gap:4px}
.settings-mail-counts dt{font-size:12px;color:var(--muted,#606b7b);line-height:1.4}
.settings-mail-counts dd{font-size:26px;font-weight:700;line-height:1.15;margin:0;font-variant-numeric:tabular-nums}
.settings-mail-counts .settings-count-attention{background:#fff4df}
.settings-page .settings-mail-warning{border-left:3px solid #bb7900;padding:8px 12px;background:#fff9ed;font-size:13px;margin-bottom:18px}
.settings-send-row{display:flex;justify-content:space-between;gap:24px;align-items:center}
.settings-send-row>div{min-width:0}
.settings-page .settings-delivery-note{max-width:350px;margin:0 0 12px}
.settings-template-row{border-top:1px solid var(--line,#dce0e7);margin-top:10px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.settings-template-row p{margin-bottom:0}
.settings-template-row .button,.settings-event .button{flex-shrink:0}
.settings-event{display:flex;align-items:center;justify-content:space-between;gap:28px}
.settings-event h2{margin-bottom:8px}
.settings-event p{margin:0;max-width:650px}
.settings-extensions>summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;font-size:17px;font-weight:700}
.settings-extensions>summary::-webkit-details-marker{display:none}
.settings-extensions>summary:before{content:'›';font-size:24px;line-height:1;transition:transform .15s;flex-shrink:0}
.settings-extensions[open]>summary:before{transform:rotate(90deg)}
.settings-extensions>summary .settings-badge{margin-left:auto}
.settings-extension-list{margin-top:12px}
.settings-extension{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line,#dce0e7);padding:18px 0}
.settings-extension p{margin:0}
.settings-extension button,.settings-extension .settings-badge{flex-shrink:0}
.settings-page .settings-extension-note{margin:0}
.settings-page .settings-feedback{padding:14px 18px;margin:0;border:1px solid #b7dacb;background:#edf7f2;border-radius:8px;overflow-wrap:anywhere}
.settings-page .settings-feedback-error{border-color:#eab8b8;background:#fff1f1;color:#8d1e1e}
.settings-page [hidden]{display:none!important}
.settings-page button:disabled{opacity:.55;cursor:not-allowed}
.settings-page button,.settings-page .button{white-space:normal;text-align:center;overflow-wrap:anywhere}
.settings-page :is(button,a,summary):focus-visible{outline:3px solid #356bb0;outline-offset:3px}
@media(max-width:1000px){.settings-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-send-row{align-items:flex-start}.settings-page .settings-delivery-note{max-width:270px}}
@media(max-width:650px){.settings-page .card{padding:18px}.settings-mail-grid{grid-template-columns:1fr;gap:20px}.settings-test{padding:20px 0 0;border-left:0;border-top:1px solid var(--line,#dce0e7)}.settings-mail-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-send-row,.settings-template-row,.settings-event,.settings-extension{flex-direction:column;align-items:stretch;gap:14px}.settings-page .settings-delivery-note{max-width:none;margin-bottom:0}.settings-send-row button{width:100%}.settings-extension .settings-badge{align-self:flex-start}.settings-extensions>summary{gap:8px;flex-wrap:wrap}.settings-extensions>summary .settings-badge{margin-left:0}.settings-status{padding:14px}.settings-badge{font-size:11px}}
@media(prefers-reduced-motion:reduce){.settings-extensions>summary:before{transition:none}}