.settings-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
html:root .settings-tabs button[aria-pressed="true"] { color: var(--theme-on-accent); background: var(--theme-accent); border-color: var(--theme-accent); }
.integration-panel { max-width: 1400px; }
.integration-panel h3 { margin-bottom: 8px; }
.integration-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
.integration-columns section { min-width: 0; }
.integration-columns label { display: grid; gap: 6px; margin: 16px 0; }
.integration-columns input { min-width: 0; width: 100%; }
.integration-panel fieldset { padding: 0; margin: 0; border: 0; }
.integration-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.integration-status { padding: 6px 12px; border-radius: 999px; font-size: .8rem; background: var(--theme-soft); color: var(--theme-accent); }
.integration-status.connected { background: var(--theme-success-bg); color: var(--theme-success); }
.integration-status.error { background: var(--theme-danger-bg); color: var(--theme-danger); }
.integration-summary { border-block: 1px solid var(--orero-line); margin: 24px 0; padding: 12px 0; font-size: .85rem; }
.integration-organizations { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 10px; max-height: 340px; overflow-y: auto; }
.integration-organizations label { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--orero-line); border-radius: var(--radius-md); overflow-wrap: anywhere; }
.integration-organizations input { width: 18px; flex: 0 0 18px; }
#integration-feedback.error { color: var(--theme-danger); }
@media(max-width:760px) { .integration-columns { grid-template-columns: minmax(0,1fr); gap: 16px; } .integration-actions button { min-height: 44px; } }
.reporting-panel { margin:24px 0; }
#reporting-mappings { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:16px; margin:16px 0; }
#reporting-mappings label { display:grid; gap:8px; font-size:.85rem; }
.reporting-actions { display:flex; flex-wrap:wrap; gap:12px; }
.reporting-actions button { min-height:44px; }
.telegram-channel-choice { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.telegram-channel-choice input[type="checkbox"] { width: 20px; height: 20px; flex: 0 0 20px; }
.telegram-start-link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 10px; text-decoration: none; }
#telegram-personal { margin-bottom: 24px; }
#telegram-personal .form-actions, #telegram-integration-form .form-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#telegram-integration-fields { border: 0; padding: 0; margin: 0 0 12px; min-width: 0; }
#telegram-integration-fields label { min-width: 0; }
#telegram-integration-fields .telegram-channel-choice { display: flex; align-self: end; }
#telegram-integration-status, #telegram-personal-status { overflow-wrap: anywhere; }
#max-personal { margin-bottom:24px; }
#max-personal .form-actions,#max-integration-form .form-actions { display:flex;flex-wrap:wrap;gap:10px; }
#max-integration-fields { border:0;padding:0;margin:0 0 12px;min-width:0; }
#max-integration-fields label { min-width:0; }
#max-integration-fields .telegram-channel-choice { display:flex;align-self:end; }
#max-integration-status,#max-personal-status,#max-webhook-url { overflow-wrap:anywhere; }