.nav-section{display:block;font-weight:var(--weight-strong);letter-spacing:.14em;text-transform:uppercase}.nav-section.manage{margin-top:7px}.account-wrap{position:relative;margin-top:auto}.sidebar-foot{width:100%;margin:0;border:0;border-top:1px solid var(--sidebar-border);background:transparent;color:inherit;text-align:left;cursor:pointer}.sidebar-foot:hover{color:var(--bg-surface)}.account-identity{min-width:0;flex:1}.account-identity strong,.account-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chevron{margin-left:auto;color:var(--text-muted);transition:transform .18s ease}.sidebar-foot[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}.account-menu{position:absolute;z-index:40;padding:8px;border:1px solid var(--border);}.account-menu-head{padding:10px 11px 12px;border-bottom:1px solid var(--line)}.account-menu-head strong,.account-menu-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-head small{margin-top:2px;color:var(--muted);font-size:var(--text-caption)}.account-menu button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.account-menu button:hover{background:var(--surface-sunken)}.account-menu button>span:first-child{width:18px;color:var(--green);font-weight:var(--weight-strong)}.account-menu button b,.account-menu button small{display:block}.account-menu button b{font-size:var(--text-caption)}.account-menu button small{margin-top:1px;color:var(--muted);font-size:var(--text-caption)}.account-menu-rule{height:1px;margin:6px 4px;background:var(--line)}.account-menu .sign-out b,.account-menu .sign-out>span:first-child{color:var(--critical-text)}
.integration-permission{margin:-6px 0 18px}

#settings-view{flex:1;min-height:0;overflow:auto;padding:0}.settings-layout{min-height:100%;display:grid;grid-template-columns:260px minmax(0,1fr)}.settings-rail{position:sticky;top:0;align-self:start;height:calc(100vh - 92px);padding:28px 20px;}.settings-person{display:flex;align-items:center;gap:11px;padding:0 8px 24px;border-bottom:1px solid var(--border)}.settings-person>div:last-child{min-width:0}.settings-person strong,.settings-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-person small{margin-top:2px;color:var(--muted);font-size:var(--text-caption);text-transform:capitalize}.settings-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:var(--bg-surface);font-weight:var(--weight-strong)}.settings-rail nav{display:grid;gap:5px;margin-top:18px}.settings-tab{display:flex;align-items:flex-start;gap:11px;width:100%;padding:11px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer}.settings-tab:hover{color:var(--ink)}.settings-tab.active{border-color:var(--brand-100);box-shadow:0 4px 14px var(--sidebar-border)}.settings-tab>span:first-child{width:18px;padding-top:1px;text-align:center;font-weight:var(--weight-strong)}.settings-tab>span:last-child{font-weight:var(--weight-strong)}.settings-tab small{display:block;margin-top:2px;color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-strong)}.settings-help{display:flex;gap:9px;margin-top:24px;padding:14px;border:1px solid var(--border);border-radius:10px;}.settings-help>span{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:var(--brand-100);color:var(--green);font-weight:var(--weight-strong)}.settings-help b,.settings-help small{display:block}.settings-help b{font-size:var(--text-caption)}.settings-help small{margin-top:2px;color:var(--muted);font-size:var(--text-caption);line-height:1.4}.settings-content{width:100%;max-width:1040px;}.settings-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;}.settings-panel-head .eyebrow{margin:0 0 5px}.settings-panel-head h3{margin:0;font:32px/1.1 Georgia,serif}.settings-panel-head p{max-width:650px;margin:7px 0 0;color:var(--muted)}.role-badge,.security-state{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:var(--positive-bg);color:var(--green);font-size:var(--text-caption);font-weight:var(--weight-strong);text-transform:capitalize}.role-badge.neutral{background:var(--positive-bg);color:var(--text-secondary)}.security-state{display:flex;align-items:center;gap:6px}.security-state i{width:7px;height:7px;border-radius:50%;background:var(--positive-dot)}.settings-card{margin:0 0 18px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 10px 32px var(--sidebar-border)}.settings-card label{margin:0}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.settings-card-head h4,.service-settings-card h4{margin:0;font-size:var(--text-body)}.settings-card-head p,.service-settings-card p{margin:4px 0 0;color:var(--muted);font-size:var(--text-caption)}.saved-meta{color:var(--muted);font-size:var(--text-caption)}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;}.settings-form-grid label{font-size:var(--text-caption)}.settings-form-grid label small{display:block;color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-regular)}.settings-form-grid input,.settings-form-grid select{width:100%}.settings-form-grid input[readonly]{border-color:var(--border);background:var(--surface-sunken);color:var(--text-secondary);cursor:not-allowed}.settings-form-grid .span-two{grid-column:1/-1}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;border-top:1px solid var(--line)}.settings-actions .primary{min-width:125px}.form-status{min-height:18px;margin:0 auto 0 0;color:var(--green);font-size:var(--text-caption);}.form-status.error{color:var(--danger-fg)}.settings-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.settings-metrics article{padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.settings-metrics span,.settings-metrics small{display:block;color:var(--muted);font-size:var(--text-caption)}.settings-metrics b{display:block;margin:4px 0 1px;font:27px Georgia,serif}.settings-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--brand-100);border-radius:11px;background:var(--surface-sunken)}.settings-notice>span{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:var(--border);color:var(--green);font-weight:var(--weight-strong)}.settings-notice b{font-size:var(--text-caption)}.settings-notice p{margin:3px 0 0;color:var(--muted);font-size:var(--text-caption)}.service-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.service-settings-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 10px 32px var(--sidebar-border)}.service-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.service-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--positive-bg);color:var(--green);font-weight:var(--weight-strong)}.service-icon.slack{background:var(--info-50);color:var(--text-secondary)}.service-settings-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--text-caption)}.service-settings-card dt{color:var(--muted)}.service-settings-card dd{margin:0;font-weight:var(--weight-strong)}.secondary{border:1px solid var(--brand-100);border-radius:8px;padding:10px 13px;background:var(--surface);color:var(--ink);font-weight:var(--weight-strong);cursor:pointer}.secondary:hover{border-color:var(--brand-200);background:var(--surface-sunken)}.settings-link{display:flex;align-items:center;width:100%;}.session-details{display:grid;grid-template-columns:170px 1fr;gap:12px;margin:22px 0;font-size:var(--text-caption)}.session-details dt{color:var(--muted)}.session-details dd{margin:0;font-weight:var(--weight-strong)}.security-actions{justify-content:space-between}.security-actions>div b{font-size:var(--text-caption)}.security-actions>div p{margin:3px 0 0;color:var(--muted);font-size:var(--text-caption)}.danger-outline{}.danger-outline:hover{border-color:var(--border-strong);background:var(--danger-bg)}.access-points{display:grid;gap:15px;padding-top:20px}.access-points>div{display:flex;align-items:flex-start;gap:11px}.access-points>div>span{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:var(--positive-bg);color:var(--green);font-size:var(--text-caption);font-weight:var(--weight-strong)}.access-points p{margin:0}.access-points b,.access-points small{display:block}.access-points b{font-size:var(--text-caption)}.access-points small{margin-top:2px;color:var(--muted);font-size:var(--text-caption)}

@media(max-height:700px) and (min-width:651px){.settings-rail{height:calc(100vh - 70px);padding-top:20px}.settings-content{padding-top:24px}.settings-help{display:none}}
@media(max-width:1100px){.settings-layout{grid-template-columns:210px minmax(0,1fr)}.settings-content{padding:28px 24px}.settings-form-grid,.service-settings-grid{grid-template-columns:1fr}.settings-form-grid .span-two{grid-column:auto}.settings-metrics{grid-template-columns:1fr}.settings-help{display:none}}
@media(max-width:760px){#settings-view{overflow:visible}.settings-layout{}.settings-rail{}.settings-person{display:none}.settings-rail nav{overflow-x:auto}.settings-tab{flex:0 0 auto;padding:9px 11px}.settings-tab small,.settings-tab>span:first-child{display:none}.settings-content{}.settings-panel-head{display:block}.settings-panel-head>.role-badge,.settings-panel-head>.security-state{display:inline-flex;margin-top:12px}.settings-card{padding:18px}.settings-form-grid{gap:16px}.settings-card-head{display:block}.saved-meta{display:block;margin-top:6px}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .primary{width:100%}.service-settings-grid{display:block}.service-settings-card{margin-bottom:14px}.session-details{grid-template-columns:1fr;gap:3px}.session-details dd{margin-bottom:9px}.security-actions{align-items:stretch}.security-actions .secondary{width:100%}.account-menu{position:fixed;left:16px;right:16px;bottom:16px;width:auto}}

/* Long account screens must remain readable instead of stretching or collapsing. */
.settings-content,.settings-panel{min-width:0}.session-list,.audit-list{display:grid;gap:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}.session-list{max-height:min(520px,55vh)}.audit-list{}
.session-row,.audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.session-row b,.session-row small,.audit-row b,.audit-row small{display:block;min-width:0;overflow-wrap:anywhere}.session-row small,.audit-row small{margin-top:3px;color:var(--muted);font-size:var(--text-caption)}.session-row button{white-space:nowrap}.audit-row{grid-template-columns:34px minmax(0,1fr);align-items:start}.audit-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--positive-bg);color:var(--green);font-size:var(--text-caption);font-weight:var(--weight-strong)}
.privacy-user-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding-top:20px}.privacy-user-actions label{min-width:0;margin:0}.privacy-user-actions input{width:100%}.privacy-user-actions button{white-space:nowrap}

@media(max-width:1050px) and (min-width:761px){.settings-layout{grid-template-columns:190px minmax(0,1fr)}.settings-rail{padding-right:15px;padding-left:15px}.settings-content{padding:28px 24px 48px}.settings-form-grid{grid-template-columns:1fr 1fr}.settings-form-grid .span-two{grid-column:1/-1}.settings-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.service-settings-grid{grid-template-columns:1fr}.session-details{grid-template-columns:150px minmax(0,1fr)}.privacy-user-actions{grid-template-columns:minmax(0,1fr) auto auto}}
@media(max-width:760px){.session-list,.audit-list{max-height:none;overflow:visible}.session-row{grid-template-columns:minmax(0,1fr)}.session-row button{justify-self:start}.privacy-user-actions{grid-template-columns:1fr 1fr}.privacy-user-actions label{grid-column:1/-1}.privacy-user-actions button{width:100%}}

/* Clear action hierarchy: primary, routine, destructive, and icon-only controls. */
button.primary,a.primary,button.secondary,a.secondary,button.danger,button.danger-outline,button.icon-btn{
  min-height:40px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 14px;
  font-size:var(--text-caption);
  font-weight:var(--weight-strong);
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease;
}
button.primary,a.primary{border:1px solid var(--green);background:var(--green);color:var(--bg-surface);box-shadow:0 2px 7px var(--sidebar-border)}
button.primary:hover,a.primary:hover{border-color:var(--positive-text);background:var(--positive-text);box-shadow:0 4px 12px var(--sidebar-border)}
button.secondary,a.secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--brand-800);box-shadow:0 1px 2px var(--sidebar-border)}
button.secondary:hover,a.secondary:hover{border-color:var(--text-muted);background:var(--bg-page);color:var(--text-primary)}
button.danger,button.danger-outline{border:1px solid var(--border-strong);background:var(--surface);color:var(--critical-text);box-shadow:none}
button.danger:hover,button.danger-outline:hover{border-color:var(--text-muted);background:var(--danger-bg);color:var(--critical-text)}
button.icon-btn{width:40px;min-width:40px;padding:0;border:1px solid var(--brand-100);background:var(--surface);color:var(--text-secondary);font-size:var(--text-heading);box-shadow:0 1px 2px var(--sidebar-border)}
button.icon-btn:hover{border-color:var(--brand-200);background:var(--surface-sunken);color:var(--green)}
button.text-btn{padding:5px 2px;border:0;background:transparent;color:var(--green);font-weight:var(--weight-strong);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
button.text-btn:hover{text-decoration-color:currentColor}
button.primary:active,button.secondary:active,button.danger:active,button.danger-outline:active,button.icon-btn:active{transform:translateY(1px)}
button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
.settings-link{min-height:44px;justify-content:space-between;background:var(--surface-sunken)!important;border-color:transparent!important;color:var(--green)!important;box-shadow:none!important}
.settings-link:hover{border-color:var(--brand-100)!important;background:var(--positive-bg)!important}
.connection-actions button{flex:0 0 auto}.connection-actions [data-revoke]{margin-left:auto}.connection-actions [data-delete-connection]{background:var(--danger-bg)}
.form-actions{gap:9px}.form-actions .danger{margin-right:auto}.drawer-actions{gap:9px}
.composer button.primary{min-width:96px}
@media(max-width:760px){
  .connection-actions button{flex:1 1 calc(50% - 8px)}
  .connection-actions [data-revoke]{margin-left:0}
  .composer button.primary{min-width:82px}
}

/* Keep navigation and utility actions understandable at laptop widths. */
#refresh-live.icon-btn,#refresh.icon-btn,#refresh-audit.icon-btn{width:auto;min-width:76px;padding:0 13px;font-size:var(--text-caption)}
@media(max-width:1050px) and (min-width:761px){
  .app{grid-template-columns:176px minmax(0,1fr)}
  .sidebar{padding-right:12px;padding-left:12px}
  .logo{justify-content:flex-start;padding-right:8px;padding-left:8px}
  .logo span:last-child{display:inline;font-size:var(--text-body)}
  .tenant-card{display:none}
  .sidebar .nav-section{display:block}
  .sidebar nav{width:100%;overflow:visible;gap:4px}
  .sidebar .nav{width:100%;max-width:none;justify-content:flex-start;gap:10px;overflow:visible;padding:11px 10px;font-size:var(--text-caption)}
  .sidebar .nav span{font-size:var(--text-body)}
  .sidebar .nav b{position:static;margin-left:auto;padding:1px 6px;font-size:var(--text-caption)}
  .sidebar-foot{justify-content:flex-start;padding-right:8px;padding-left:8px}
  .account-identity{display:block}
  .account-chevron{display:none}
  .account-menu{left:164px;bottom:0}
}
