/* Connections acceptance: page and connection dialogs only. */
body.precision.studio[data-page=connections]:not(.auth-required) {
  --canvas:#f7f6fa; --card:#fff; --raised:#f1eef7; --line:#e3dfeb;
  --ink:#22202c; --muted:#696575; --accent:#6844d9!important; --accent-hover:#5836bd!important;
  --accent-soft:#eee8fc!important; --action-ink:#fff;
  --chosen-color:#6844d9!important; --chosen-ink:#fff!important;
  --chosen-hover:#5836bd!important; --chosen-hover-ink:#fff!important; --focus:#6844d9!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.precision.studio.dark[data-page=connections]:not(.auth-required) {
  --canvas:#13131a; --card:#1c1c25; --raised:#252432; --line:#363442;
  --ink:#f4f1fa; --muted:#bbb5ca; --accent:#bda3ff!important; --accent-hover:#cfbcff!important;
  --accent-soft:#302542!important; --action-ink:#20172f;
  --chosen-color:#bda3ff!important; --chosen-ink:#20172f!important;
  --chosen-hover:#cfbcff!important; --chosen-hover-ink:#20172f!important; --focus:#bda3ff!important;
}
body.precision.studio[data-page=connections]:not(.auth-required) :is(button,input,textarea,select,h1,h2,h3) {font-family:inherit}
body.precision.studio[data-page=connections]:not(.auth-required) .brand {gap:0;font-size:25px;letter-spacing:-1px}
body.precision.studio[data-page=connections]:not(.auth-required) .brand-mark {display:none}
body.precision.studio[data-page=connections]:not(.auth-required) .brand>span {text-transform:lowercase}
body.precision.studio[data-page=connections]:not(.auth-required) .brand b {text-transform:uppercase;color:var(--accent);font-weight:500}
body.precision.studio[data-page=connections] .button.primary {background:var(--accent);border-color:var(--accent);color:var(--action-ink)}
body.precision.studio[data-page=connections] .sidebar nav {min-height:0;overflow-y:auto}
body.precision.studio[data-page=connections] .sidebar nav>a {flex-shrink:0}
body.precision.studio[data-page=connections] .nav-label {flex:none;min-height:17px;line-height:17px}
body.precision.studio[data-page=connections] .connection-summary {display:flex;flex-wrap:wrap;gap:22px;margin:20px 0;color:var(--muted);font-size:13px}
body.precision.studio[data-page=connections] .connection-summary b {color:var(--ink);margin-right:5px}
body.precision.studio[data-page=connections] .connection-tools {display:flex;gap:12px;margin-bottom:12px}
body.precision.studio[data-page=connections] #connection-search {flex:1;min-width:0;height:42px;font-size:14px}
body.precision.studio[data-page=connections] #connection-assistant {max-width:260px;font-size:14px}
body.precision.studio[data-page=connections] .connection-filters {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
body.precision.studio[data-page=connections] .connection-filters .button {min-height:36px;padding:8px 12px;font-size:13px;border:0}
body.precision.studio[data-page=connections] .connection-filters .button.active {background:var(--accent-soft);color:var(--accent)}
body.precision.studio[data-page=connections] .connections-list {display:grid;gap:14px}
body.precision.studio[data-page=connections] .connection {display:block;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:none}
body.precision.studio[data-page=connections] .connection[hidden],body.precision.studio[data-page=connections] .connection-empty[hidden] {display:none!important}
body.precision.studio[data-page=connections] .connection-heading {display:flex;align-items:center;gap:12px;margin-bottom:14px}
body.precision.studio[data-page=connections] .connection-heading>div {flex:1;min-width:0}
body.precision.studio[data-page=connections] .connection-heading h2 {margin:0 0 5px;font-size:17px;font-weight:650;overflow-wrap:anywhere}
body.precision.studio[data-page=connections] .connection-heading .channel-icon {flex:none;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:12px}
body.precision.studio[data-page=connections] .connection-type {font-size:12px;color:var(--muted)}
body.precision.studio[data-page=connections] .connection-assignment {display:flex;flex-wrap:wrap;gap:6px;margin:0;color:var(--muted);font-size:13px}
body.precision.studio[data-page=connections] .connection-assignment b {color:var(--ink);font-weight:500;overflow-wrap:anywhere}
body.precision.studio[data-page=connections] .connection-reason {padding:12px 14px;margin:14px 0 0;background:var(--raised);border-radius:8px;font-size:13px;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
body.precision.studio[data-page=connections] .connection-check-result {margin-top:14px;padding:12px 14px;background:var(--raised);font-size:13px;line-height:1.6;border-radius:8px;overflow-wrap:anywhere}
body.precision.studio[data-page=connections] .connection-check-result span,body.precision.studio[data-page=connections] .connection-check-result small {display:block;margin-top:4px;color:var(--muted);font-size:12px}
body.precision.studio[data-page=connections] .connection-actions {display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);grid-column:auto}
body.precision.studio[data-page=connections] .connection-actions .button {min-height:38px;font-size:13px}
body.precision.studio[data-page=connections] .connection-more {margin-left:auto;min-width:0}
body.precision.studio[data-page=connections] .connection-more summary {padding:9px 12px;min-height:38px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--muted)}
body.precision.studio[data-page=connections] .connection-more>div {display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
body.precision.studio[data-page=connections] .connection-empty {padding:28px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:14px}
body.precision.studio[data-page=connections] .connection-empty .channel-icon {margin:0 auto 16px}
body.precision.studio :is(.connection-wizard,.connection-manager) {display:flex;flex-direction:column;width:720px;max-width:100%;max-height:calc(100dvh - 64px);overflow:hidden;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--card);border-radius:16px}
body.precision.studio :is(.connection-wizard,.connection-manager) .modal-head {padding:20px 24px;margin:0;flex:none;border-bottom:1px solid var(--line)}
body.precision.studio :is(.connection-wizard,.connection-manager) h2 {overflow-wrap:anywhere;font-size:21px;line-height:1.4}
body.precision.studio :is(.connection-wizard,.connection-manager) .connection-wizard-body {padding:22px 24px;overflow-y:auto;min-height:0;flex:1}
body.precision.studio :is(.connection-wizard,.connection-manager) .connection-wizard-body>p {font-size:14px;line-height:1.65}
body.precision.studio :is(.connection-wizard,.connection-manager) :is(.wizard-actions,.modal-actions) {flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;margin:0;border-top:1px solid var(--line);background:var(--card)}
body.precision.studio :is(.connection-wizard,.connection-manager) :is(.wizard-actions,.modal-actions) .button {white-space:normal;min-width:0}
body.precision.studio :is(.connection-wizard,.connection-manager) .button.primary {background:var(--accent);border-color:var(--accent);color:var(--action-ink,var(--chosen-ink))}
body.precision.studio .connection-steps {display:flex;flex-wrap:wrap;list-style:none;gap:22px;margin:0;padding:14px 24px;border-bottom:1px solid var(--line);flex:none}
body.precision.studio .connection-steps li {display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
body.precision.studio .connection-steps span {display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--raised)}
body.precision.studio .connection-steps [aria-current=step] {color:var(--accent);font-weight:600}
body.precision.studio .connection-steps [aria-current=step] span {background:var(--accent-soft)}
body.precision.studio .connection-methods {display:grid;gap:12px;margin-top:20px}
body.precision.studio .connection-methods .choice {display:block;width:100%;min-width:0;padding:18px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card)}
body.precision.studio .connection-methods b {display:block;margin-bottom:7px;font-size:16px;font-weight:600}
body.precision.studio .connection-methods small {display:block;font-size:13px;line-height:1.65;color:var(--muted)}
body.precision.studio .connection-methods .choice>span {display:block;margin-top:10px;font-size:13px;color:var(--accent)}
body.precision.studio :is(.connection-wizard,.connection-manager) .field {display:flex;flex-direction:column;gap:8px;font-size:14px;margin:20px 0;min-width:0}
body.precision.studio :is(.connection-wizard,.connection-manager) :is(input,select) {min-width:0;width:100%;font-size:15px}
body.precision.studio :is(.connection-wizard,.connection-manager) .field small {font-size:12px;line-height:1.6;color:var(--muted)}
body.precision.studio :is(.connection-wizard,.connection-manager) .connection-guide {padding:14px;margin-top:20px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}
body.precision.studio :is(.connection-wizard,.connection-manager) .connection-guide summary {font-size:14px;font-weight:600;line-height:1.5}
body.precision.studio :is(.connection-wizard,.connection-manager) .connection-guide :is(ol,p) {margin-top:12px;padding-left:18px;font-size:13px;line-height:1.7}
body.precision.studio .connection-review {display:grid;gap:14px}
body.precision.studio .connection-review>div {padding-bottom:12px;border-bottom:1px solid var(--line)}
body.precision.studio .connection-review small {display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
body.precision.studio .connection-review b {font-size:15px;overflow-wrap:anywhere}
body.precision.studio .connection-transfer-info {padding:14px;background:var(--raised);border-radius:10px;font-size:13px;line-height:1.65;margin:16px 0;overflow-wrap:anywhere}
body.precision.studio .connection-transfer-info .button {display:block;margin-top:12px}
body.precision.studio .connection-disconnect {border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
body.precision.studio .connection-disconnect summary {font-size:14px;font-weight:600;color:var(--muted)}
body.precision.studio .connection-disconnect p {font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0}
@media(max-width:760px) {
  body.precision.studio[data-page=connections] .connection-summary {font-size:12px;gap:10px 16px}
  body.precision.studio[data-page=connections] .connection-tools {flex-direction:column;gap:8px}
  body.precision.studio[data-page=connections] #connection-assistant {max-width:none;width:100%}
  body.precision.studio[data-page=connections] :is(input,select) {font-size:16px}
  body.precision.studio[data-page=connections] .connection-filters .button {font-size:12px;min-height:44px}
  body.precision.studio[data-page=connections] .connection {padding:16px}
  body.precision.studio[data-page=connections] .connection-heading {display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px 12px}
  body.precision.studio[data-page=connections] .connection-heading h2 {font-size:16px}
  body.precision.studio[data-page=connections] .connection-heading .badge {grid-column:2;margin-left:0;justify-self:start;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  body.precision.studio[data-page=connections] .connection-actions {align-items:stretch}
  body.precision.studio[data-page=connections] .connection-actions .button {flex:1 1 120px;min-height:44px;white-space:normal;font-size:12px}
  body.precision.studio[data-page=connections] .connection-more {margin:0;width:100%}
  body.precision.studio[data-page=connections] .connection-more summary {min-height:44px;display:list-item}
  body.precision.studio :is(.connection-wizard,.connection-manager) {max-height:calc(100dvh - 32px);width:100%}
  body.precision.studio :is(.connection-wizard,.connection-manager) .modal-head {padding:16px}
  body.precision.studio :is(.connection-wizard,.connection-manager) h2 {font-size:19px}
  body.precision.studio :is(.connection-wizard,.connection-manager) .connection-wizard-body {padding:16px}
  body.precision.studio :is(.connection-wizard,.connection-manager) :is(.wizard-actions,.modal-actions) {padding:12px 16px;gap:8px}
  body.precision.studio :is(.connection-wizard,.connection-manager) :is(.wizard-actions,.modal-actions) .button {font-size:13px;min-height:44px;padding:10px 12px;flex:1}
  body.precision.studio .connection-steps {gap:12px;padding:12px 16px}
  body.precision.studio .connection-methods .choice {padding:15px}
  body.precision.studio .connection-methods b {font-size:15px}
  body.precision.studio :is(.connection-wizard,.connection-manager) :is(input,select) {font-size:16px}
}
body.precision.studio[data-page=connections] .connection-description {margin:0 0 12px;font-size:13px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
body.precision.studio .connection-wizard .personal-chat-list {display:grid;gap:8px;margin:16px 0}
body.precision.studio .connection-wizard .personal-chat-list .choice {display:flex;align-items:center;gap:12px;padding:14px;text-align:left;min-height:44px}
body.precision.studio .connection-wizard .personal-chat-list input[type=checkbox] {width:18px;height:18px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--accent)}