/* Navigation and secondary screens share the overview's surface tokens. */.workspace{grid-template-columns:var(--connect-sidebar-width) minmax(0,1fr)}.app-sidebar{width:var(--connect-sidebar-width);padding:24px 12px 12px;overflow:auto}.sidebar-brand{padding:0 12px 28px}.sidebar-brand .brand{font-size:23px}.sidebar-navigation{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar-navigation nav+nav{margin-top:20px}.app-sidebar .side-label{margin:0 12px 12px;font-size:var(--connect-text-xs);letter-spacing:1.5px;font-weight:600}.app-sidebar .nav{padding:12px;min-height:46px;gap:12px;font-size:var(--connect-text-sm);margin-bottom:4px;border-radius:8px;line-height:1.4}.app-sidebar .nav>span:first-child{font-size:inherit}.app-sidebar .nav svg{width:20px;height:20px;flex-shrink:0}.app-sidebar .nav.active{box-shadow:inset 3px 0 var(--connect-blue-100);background:#273b58;color:var(--connect-white)}.app-sidebar .nav:hover{background:#29374b}.app-sidebar .count{font-size:12px;background:#465367;color:#eff3f8}.app-sidebar .side-bottom{margin-top:auto;padding-top:32px}.server-summary{display:flex;align-items:center;gap:10px;border:1px solid #3e4c60;background:#202e43;border-radius:9px;padding:13px 12px;margin-bottom:12px}.server-summary strong{font-size:12px;font-weight:500;display:block;color:#dfe6f0}.server-summary small{font-size:11px;color:#bbc3d0;display:block;margin-top:4px}.server-symbol svg{width:24px;height:24px;fill:none;stroke:#91b0df;stroke-width:1.5}.logout{color:#c3c9d3!important}.sidebar-toggle{display:none}.login{background:var(--canvas);padding:48px 24px;min-height:100vh;min-height:100dvh;display:grid;place-items:center}.login-shell{width:100%;max-width:440px}.login .login-brand{justify-content:center;margin:0 0 32px;color:#18263c;font-size:27px}.login .brand-icon{width:44px;height:48px;border-radius:var(--connect-radius-panel)}.login .brand .light{display:block;font-size:12px;letter-spacing:3.8px;margin:0;color:var(--text-secondary);line-height:1.7}.login-card{display:block;max-width:none;width:100%;padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #19283e06}.login-access{padding:36px 32px}.login-access h1{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:0 0 10px}.login-access>p{font-size:var(--connect-text-sm);line-height:1.6;color:var(--text-secondary);margin-bottom:28px}.login-access input+label{display:block;margin-top:18px}#password-confirmation{margin-top:18px}#admin-key-access{margin-top:20px}#key-form{margin-top:16px}.login-access label{font-size:var(--connect-text-sm);font-weight:600}.login-access input{height:48px;background:#fff;font-size:15px;margin-top:10px}.login .wide{width:100%;min-height:48px;justify-content:space-between;font-size:var(--connect-text-sm);margin:20px 0 0}.login .wide svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.login-access .login-help{font-size:var(--connect-text-sm);line-height:1.7;margin:24px 0 0;padding-top:24px;border-top:1px solid var(--line)}.login-caption{font-size:12px;text-align:center;margin:24px 0 0;color:var(--text-secondary)}.login-divider{font-size:12px;text-align:center;margin-top:24px;color:var(--text-secondary)}.login-access .error{font-size:var(--connect-text-sm);line-height:1.5;margin:12px 0 0;background:#fff3ed;border:1px solid #e2b8a8;border-radius:8px;padding:12px;color:#903f2c!important}.login input[aria-invalid=true]{border-color:#a84f37}.login #local-login{justify-content:center}.login-access form[aria-busy=true] .primary{cursor:wait}
@media(max-width:500px){.login{padding:32px 20px}.login-access{padding:28px 24px}.login-access h1{font-size:23px}.login-access input{font-size:var(--connect-text-base)}.login .login-brand{margin-bottom:28px}}.panel-intro{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px;max-width:none}.panel-intro h3{font-size:var(--connect-text-section);margin-bottom:8px}.panel-intro p{max-width:760px;margin-bottom:0}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:var(--connect-text-sm);color:#4c5665;margin-bottom:20px}.panel-empty{background:var(--surface);border:1px dashed #aab2bf;border-radius:var(--connect-radius-panel);padding:36px 24px;text-align:center;margin:20px 0}.panel-empty h4{font-size:17px;margin:0 0 10px}.panel-empty p{margin:0;color:#4e5765}.integration-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.integration-card p{margin:8px 0 0}.incoming-card>.message-text{padding:16px;background:#fff;border:1px solid var(--line);border-radius:7px;margin:16px 0}.incoming-card>div:first-child{line-height:1.8}.incoming-card>div:first-child strong{margin-left:8px}.incoming-card small{font-size:12px}.activity-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--connect-radius-panel);overflow:hidden;margin-bottom:24px}.activity-section>h3{padding:18px 20px;margin:0;background:var(--surface);font-size:var(--connect-text-base);border-bottom:1px solid var(--line)}.activity-section .table-wrap{border:0;border-radius:0;margin:0}.activity-section table{min-width:570px}.activity-section td{line-height:1.5}.activity-section tr:last-child td{border-bottom:0}.settings{padding:0;background:transparent;border:0}.settings>legend{padding:0;font-size:var(--connect-text-base);margin-bottom:18px}#settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-group{border:1px solid var(--line);border-radius:9px;padding:12px 16px 16px;min-width:0;background:var(--surface)}.settings-group legend{font-size:var(--connect-text-sm);color:#3c4758;padding:0 6px}.settings-group .check{align-items:flex-start;font-size:var(--connect-text-sm);font-weight:400;padding:10px 0;border-bottom:1px solid #dce1e8}.settings-group .check:last-child{border-bottom:0}.check input{margin-top:2px}.form-grid .full.actions,.form-grid>div.full:last-child{padding-top:18px;border-top:1px solid var(--line)}.save-notice+ .actions{border-top:0!important;padding-top:0!important}dialog .eyebrow{color:#43536a}dialog .actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}dialog textarea[readonly]{background:var(--surface);font-family:ui-monospace,monospace;font-size:var(--connect-text-sm);line-height:1.7}dialog input{margin-bottom:16px}.diagnostic-dialog{width:min(680px,92vw)}.diagnostic-dialog textarea{min-height:280px}#action-confirm .primary{background:#75462f}#stats-summary{padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#354050;font-size:var(--connect-text-base);font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:1100px){#settings-fields{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.workspace{display:block}.app-sidebar{position:static;width:100%;height:auto;padding:18px 20px;display:block;overflow:visible}.sidebar-brand{padding:0;display:flex;align-items:center;justify-content:space-between}.sidebar-brand .brand{font-size:21px}.sidebar-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;background:#29374b;border:1px solid #667182;color:#ebf0f7;border-radius:8px}.sidebar-toggle svg{width:20px;height:20px}.sidebar-navigation{display:none;padding-top:24px}.navigation-open .sidebar-navigation{display:flex}.app-sidebar .side-label,.app-sidebar .nav.active{display:flex}.app-sidebar .side-bottom{display:block}.app-sidebar .nav{width:100%;font-size:var(--connect-text-sm);margin:0 0 4px}.app-sidebar .side-label{font-size:10px}.app-sidebar .side-bottom{padding-top:24px}.sidebar-navigation nav+nav{margin-top:20px}.server-summary{max-width:100%}.login{padding:20px}.login-card{display:block;max-width:460px}.login-heading{padding:30px}.login-heading .brand{margin-bottom:32px}.login-heading h1{font-size:28px}.login-access{padding:28px}.panel-toolbar{align-items:stretch;flex-direction:column;padding:16px;gap:12px}.panel-toolbar .primary{justify-content:center}.integration-card{flex-direction:column;align-items:stretch}.integration-card .secondary{justify-content:center}#settings-fields{grid-template-columns:1fr}.settings-group .check{font-size:var(--connect-text-sm)}.activity-section>h3{padding:16px}.panel-empty{padding:28px 18px}.form-grid .full.actions{align-items:stretch;flex-direction:column}.form-grid .full.actions button{justify-content:center}dialog .actions{gap:8px}.diagnostic-dialog textarea{min-height:220px}}/* Instance destinations and editable project names. */.instance-page > .metrics,.instance-page > .page-title,.instance-page > .instances-section,.instance-page > .dashboard{ display:none; }.instance-page > .detail{ margin-top:0; }header a{ color:inherit; text-underline-offset:4px; }.project-editor{ margin:24px 0; max-width:560px; }.project-suggestions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }.project-suggestion{ border:1px solid #a5adb8; background:#eef1f5; color:#25344b; padding:8px 12px; border-radius:8px; font:inherit; cursor:pointer; }.project-suggestion:hover{ background:#dce2eb; }#create-project,#instance-project{ width:100%; box-sizing:border-box; }
@media(max-width:600px) { }#members-dialog{width:min(920px,94vw);max-width:920px}#members-dialog h3{margin-top:28px}.read-only #new-instance,.read-only .project-menu,.read-only #empty-create,.read-only #diagnostics{display:none!important}#platform-dialog{width:min(980px,94vw);max-width:980px}#platform-dialog h3{margin-top:24px}.primary{background:var(--action-primary)}.primary:hover{background:var(--action-primary-hover)}.brand-icon{background:transparent!important;object-fit:contain}.app-sidebar .brand .light{color:#b9c9e4}.login .brand-icon{height:44px}.badge.connected,.badge.read,.badge.delivered{background:var(--success-soft);color:var(--success-ink)}.cookie-note{position:fixed;bottom:18px;left:18px;max-width:440px;z-index:50;background:white;border:1px solid var(--line);border-radius:var(--connect-radius-panel);padding:18px;box-shadow:0 8px 30px #17255418}.cookie-note p{margin:0 0 12px}.cookie-note .actions{flex-wrap:wrap}@media(max-width:500px){.cookie-note{left:12px;right:12px;bottom:12px}}/* Vercel setup: names and values remain readable at narrow widths. */.vercel-dialog{width:min(760px,calc(100vw - 32px));max-height:88dvh;overflow:auto;box-sizing:border-box}.vercel-dialog ol{padding-left:24px;line-height:1.7}.vercel-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.vercel-variable{padding:16px 0;border-bottom:1px solid var(--border,#dfe5e1);display:flex;justify-content:space-between;gap:16px;align-items:center}.vercel-variable code{overflow-wrap:anywhere;font-size:var(--connect-text-sm)}.vercel-variable p{overflow-wrap:anywhere;margin:6px 0;font-size:var(--connect-text-sm)}#vercel-setup{margin:12px 0}
@media(max-width:600px){.vercel-variable{display:block}.vercel-variable .actions{margin-top:10px}.vercel-dialog{padding:20px}.vercel-dialog .section-heading{align-items:flex-start}}.vercel-variable .actions{border:0;padding:0;margin:0;flex-shrink:0}.vercel-dialog h2{font-size:24px}#privacy-admin-dialog{width:min(980px,calc(100vw - 32px));max-height:88dvh;overflow:auto;box-sizing:border-box}#accounts-list .integration-card,#members-list .integration-card{padding:20px 0;border-bottom:1px solid var(--line)}#accounts-list .actions,#members-list .actions{border:0;padding:0;margin:0;flex-wrap:wrap}#workspace-switch{max-width:420px;width:100%}.workspace-context{margin-bottom:24px}#privacy-admin-dialog h2{font-size:24px}#account-form{align-items:start;gap:18px}#account-form label{margin:0}#account-form input{margin-bottom:0}#platform-privacy{margin-top:20px}.operator .advanced-actions,.operator [data-revoke]{display:none!important}/* Global account context and personal actions */#main-content>header{height:auto;min-height:76px;display:flex;align-items:center;gap:24px;padding-top:12px;padding-bottom:12px;background:var(--surface);overflow:visible}#main-content>header>span:first-child{min-width:0;flex:1;font-size:var(--connect-text-sm);color:var(--text-secondary)}.header-account{display:grid;gap:4px;flex-shrink:0}.header-account label{display:flex;align-items:center;gap:12px;margin:0}.header-account-label{display:none}.header-account #workspace-switch+.select-control{min-width:170px;width:210px;margin:0}.header-account .select-trigger{border-color:var(--line);font-size:var(--connect-text-sm);font-weight:500}.header-account #account-usage{font-size:var(--connect-text-xs);text-align:left;margin:0;color:var(--text-secondary);max-width:none;line-height:1.5}.header-actions{display:flex;gap:8px;padding-left:20px;border-left:1px solid var(--line);align-items:center}.header-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid transparent;border-radius:var(--connect-radius-control);background:var(--surface);color:var(--text-secondary);padding:10px}.header-icon:hover,.header-icon.active,.header-icon[aria-expanded=true]{background:var(--surface-header);color:var(--action-primary)}.header-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.header-icon .count{position:absolute;right:0;top:0;background:var(--action-primary);color:var(--text-on-action,#fff);font-size:10px;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 3px;border-radius:8px}
@media(max-width:800px){#main-content>header{min-height:44px;padding:8px 16px;gap:8px}.sidebar-brand{gap:4px}.sidebar-brand .brand{margin-right:auto}.header-actions{padding:0;border:0;gap:0}.sidebar-brand .header-icon{background:transparent;color:var(--text-on-action,#fff)}.sidebar-brand .header-icon:hover,.sidebar-brand .header-icon.active{background:#29374b}.header-account{display:grid;width:100%;padding:12px;margin-bottom:20px;border-bottom:1px solid #465367}.header-account label{flex-wrap:wrap;gap:8px;color:var(--text-on-action,#fff)}.header-account-label,.header-account #account-usage{color:#bec5d0;text-align:left}.header-account #workspace-switch+.select-control{width:100%;min-width:0}}.admin-page>form{max-width:var(--connect-form-max);margin:24px 0}.admin-page>h3{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.admin-page .section-heading{justify-content:flex-start}.admin-page>.help{max-width:var(--connect-form-max)}.admin-page .integration-card{gap:24px;overflow-wrap:anywhere}.admin-page .integration-card .actions{flex-wrap:wrap}.admin-page #invite-form{align-items:start}.admin-page #invite-form label{margin:0}.admin-page #invite-form input{margin-bottom:0}@media(max-width:650px){.admin-page .integration-card{display:block}.admin-page .integration-card .actions{margin-top:16px;justify-content:flex-start}}.member-toolbar{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:24px 0;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--connect-radius-panel)}.member-toolbar>.toolbar-context{margin-right:auto;font-size:var(--connect-text-sm);font-weight:600}.member-toolbar>details{width:min(640px,100%)}.member-toolbar form{margin-top:12px}.admin-page .member-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,1fr) auto;align-items:center;gap:24px}.member-permission{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.member-permission label{grid-column:1/-1}.member-permission select{margin:0;width:100%;min-width:0}.member-row .danger{color:var(--danger-ink)}.member-row>button{align-self:end;margin:0;min-height:var(--control-height)}.member-permission button,.member-permission select{height:var(--control-height);min-height:var(--control-height)}.member-identity p{font-size:var(--connect-text-xs);margin:8px 0 0}
@media(max-width:1150px){.admin-page .member-row{grid-template-columns:1fr auto}.member-identity{grid-column:1/-1}}
@media(max-width:650px){.member-toolbar{flex-wrap:wrap;gap:8px}.member-toolbar>.toolbar-context{flex-basis:100%;margin-bottom:8px}.admin-page .member-row{grid-template-columns:1fr;gap:16px}.member-row>button{justify-self:start}.member-permission{grid-template-columns:1fr}.member-permission button{justify-self:start}}

.admin-page #members-list,.admin-page #accounts-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--connect-radius-panel);padding:0 24px}.admin-page #members-list:empty,.admin-page #accounts-list:empty{display:none}.admin-page #members-list>.integration-card:last-child,.admin-page #accounts-list>.integration-card:last-child{border-bottom:0}.admin-page #invites-list{background:var(--surface);padding:20px 24px;border:1px solid var(--line);border-radius:var(--connect-radius-panel)}.admin-page #invites-list>p{margin:0}.admin-page #accounts-list .integration-card{align-items:center}.admin-page>h3{border:0;padding-top:0;font-size:var(--connect-text-base)}
@media(max-width:650px){.admin-page #members-list,.admin-page #accounts-list{padding:0 16px}.admin-page #invites-list{background:var(--surface);padding:16px}}

/* Personal identity belongs to one trigger; work account stays separate. */
.header-location{display:grid;gap:4px}.header-location h1{font-size:24px;line-height:1.25;font-weight:700;color:var(--text-primary);letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}.header-path{font-size:var(--connect-text-xs);line-height:1.5;overflow-wrap:anywhere}
.account-trigger{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 12px;min-height:52px;max-width:260px;border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:var(--text-primary);text-align:left}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--surface-header);border-color:var(--line)}.account-trigger-copy{display:grid;gap:3px;min-width:0}.account-trigger-copy strong{font-size:var(--connect-text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger-copy>span{font-size:var(--connect-text-xs);color:var(--text-secondary)}.account-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--action-soft);color:var(--action-primary-hover);display:grid;place-items:center;font-size:var(--connect-text-sm);font-weight:600}.account-trigger>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.account-popover{position:fixed;inset:88px 24px auto auto;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 104px);overflow:auto;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--connect-radius-panel);background:var(--surface);color:var(--text-primary);box-shadow:var(--connect-shadow-overlay)}.account-menu-identity{display:grid;gap:6px;padding:20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.account-menu-identity strong{font-size:var(--connect-text-base)}.account-menu-identity span{font-size:var(--connect-text-xs);color:var(--text-secondary)}.account-popover nav{padding:8px}.account-popover button,.account-popover a{display:flex;gap:12px;align-items:center;width:100%;min-height:44px;text-align:left;padding:12px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--text-primary);font-size:var(--connect-text-sm);text-decoration:none}.account-popover button:hover,.account-popover a:hover{background:var(--surface-header)}.account-popover svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.account-popover .account-signout{border-top:1px solid var(--line);border-radius:0;color:var(--danger-ink);padding:16px 20px}.account-popover .account-signout:hover{background:var(--danger-soft)}
@media(max-width:1350px){.account-trigger-copy{display:none}.account-trigger{gap:6px;padding:4px}.header-actions{padding-left:12px}#main-content>header{gap:16px}}
@media(max-width:800px){.header-location h1{font-size:22px}.header-path{font-size:var(--connect-text-xs)}.sidebar-brand .account-trigger{min-height:44px;color:var(--surface);margin:0 4px}.sidebar-brand .account-trigger:hover,.sidebar-brand .account-trigger[aria-expanded=true]{background:#29374b}.sidebar-brand .account-avatar{width:32px;height:32px}.account-trigger>svg{display:none}.account-popover{top:76px;right:16px}.header-actions{padding-left:0}#main-content>header{gap:8px}}

.team-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--connect-radius-panel);margin:24px 0;overflow:hidden}.team-section-heading{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface-header);border-bottom:1px solid var(--line)}.team-section-heading h2{font-size:var(--connect-text-base);margin:0}.team-count{font-size:var(--connect-text-xs);color:var(--text-secondary);white-space:nowrap}.team-section #members-list,.team-section #invites-list{border:0;border-radius:0;padding:0;margin:0}.team-section .integration-card{margin:0;padding:24px!important}.team-empty{text-align:center;max-width:460px;margin:auto;padding:32px 24px}.team-empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--control-radius);background:var(--action-soft);color:var(--action-primary-hover);font-size:24px;margin:0 auto 16px}.team-empty h3{font-size:var(--connect-text-section);margin:0 0 8px}.team-empty p{font-size:var(--connect-text-sm);line-height:1.6;margin:0 0 20px;color:var(--text-secondary)}.team-empty-compact{padding:24px}.team-empty-compact strong{font-size:var(--connect-text-sm)}.team-empty-compact p{font-size:var(--connect-text-sm);margin:8px 0 0;color:var(--text-secondary)}#invite-dialog{width:min(560px,calc(100vw - 32px));max-height:90dvh;overflow:auto}#invite-dialog .form-grid{grid-template-columns:1fr;margin-top:24px}#invite-dialog .actions{justify-content:flex-end}#invite-dialog .help{line-height:1.6}#members-page>.section-heading .eyebrow{display:none}
@media(max-width:650px){.member-toolbar{flex-wrap:wrap;gap:8px}.member-toolbar>.toolbar-context{flex-basis:100%;margin-bottom:8px}.member-toolbar>button{flex:1}.team-section-heading{padding:16px}.team-empty{padding:24px 16px}.team-empty-compact{padding:20px}.team-section .integration-card{padding:20px!important}}

#platform-page>.section-heading{justify-content:space-between;align-items:center}#platform-page>.section-heading .eyebrow{display:none}#platform-page>.section-heading h1{margin:0}.accounts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 16px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--connect-radius-panel)}.accounts-toolbar h2{font-size:var(--connect-text-section);margin:0}.accounts-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.accounts-tools #platform-privacy,.accounts-tools #diagnostics{margin:0}.accounts-tools button{min-height:44px;padding:0 14px}.accounts-tools svg{width:18px;height:18px}@media(max-width:800px){.accounts-toolbar{align-items:flex-start;flex-direction:column}.accounts-tools{gap:8px}.accounts-tools button{flex:1}.accounts-tools{width:100%}}

#main-content>header{gap:20px;min-height:88px}#main-content>header .header-location{flex:1;min-width:180px}#main-content>header:has(.instance-search:not([hidden])) .header-location{flex:0 0 220px}#main-content>header>.instance-search{flex:1;max-width:480px;min-width:150px;margin:0;border-left:1px solid var(--line);padding-left:20px}#main-content>header>.instance-search>svg{left:34px}#main-content>header>.instance-search input{height:44px;border-radius:var(--control-radius)}.header-path{font-size:var(--connect-text-xs)}
.page>.page-title{display:none!important}.standalone-page>.section-heading>div:has(h1[hidden]),.standalone-page>.section-heading:empty,.standalone-page>p:first-of-type{display:none}.standalone-page>.section-heading:not(:has(button)){display:none}#platform-page>.section-heading{justify-content:flex-end;margin:0 0 20px}.member-toolbar{margin-top:0}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detail-top>div{margin:0}.detail-top #close-detail{margin:0}.detail-top:has(h1[hidden]) h1{display:none}
@media(max-width:1200px){#main-content>header>.instance-search{max-width:320px}#main-content>header .header-account #workspace-switch+.select-control{width:180px;min-width:0}.header-account #account-usage{font-size:11px}}
@media(max-width:1200px) and (min-width:801px){#main-content>header>.instance-search{display:none}#main-content>header:has(.instance-search:not([hidden])) .header-location{flex:1;min-width:0}.header-account{margin-left:auto}}
@media(max-width:800px){#main-content>header{padding:20px 16px;gap:16px;align-items:flex-start;flex-wrap:wrap}#main-content>header .header-location,#main-content>header:has(.instance-search:not([hidden])) .header-location{flex:1 0 100%;min-width:0}#main-content>header>.instance-search{max-width:none;flex:1 0 100%;padding:0;border:0}#main-content>header>.instance-search>svg{left:14px}.header-path{font-size:12px}.detail-top{gap:16px;margin-bottom:16px}.detail-top>div{width:auto}.detail-top #rename-instance{min-width:0}}

.notification-popover{position:fixed;inset:90px 24px auto auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 110px);margin:0;padding:0;overflow:auto;background:var(--surface);color:var(--text-primary);border:1px solid var(--line);border-radius:var(--connect-radius-panel);box-shadow:var(--connect-shadow-overlay)}.notification-popover::backdrop{background:transparent}.notification-popover>.section-heading{display:block;padding:20px 24px 16px;margin:0;border-bottom:1px solid var(--line)}.notification-popover h2{font-size:var(--connect-text-section);margin:0 36px 6px 0}.notification-popover #notifications-summary{font-size:var(--connect-text-sm);margin:0;color:var(--text-secondary);line-height:1.5}.notification-close{position:absolute;right:12px;top:12px}.notification-popover #read-notifications{font-size:var(--connect-text-xs);min-height:36px;margin:8px 0 0;padding:0;color:var(--action-primary-hover)}.notification-popover #read-notifications:disabled{display:none}.notification-popover #notifications-list{padding:0;border:0;margin:0;border-radius:0}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:24px;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-symbol{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--control-radius);background:var(--warning-soft);color:var(--warning-ink)}.notification-symbol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-copy{min-width:0;flex:1}.notification-copy strong{display:block;font-size:var(--connect-text-base);line-height:1.5;color:var(--text-primary)}.notification-copy p{font-size:var(--connect-text-sm);line-height:1.6;margin:8px 0;color:var(--text-secondary)}.notification-context{font-size:var(--connect-text-xs);color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}.notification-item-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.notification-item-actions .secondary{font-size:var(--connect-text-xs);min-height:40px;gap:12px}.notification-read{width:40px;height:40px;padding:10px;background:var(--surface-header);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--text-secondary)}.notification-read:hover{background:var(--action-soft);color:var(--action-primary)}.notification-read svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.is-read .notification-symbol{background:var(--surface-header);color:var(--text-secondary)}.notification-empty{padding:32px 24px;text-align:center}.notification-empty>span{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 16px;border-radius:50%;background:var(--success-soft);color:var(--success-ink);font-size:20px}.notification-empty strong{display:block;font-size:var(--connect-text-base)}.notification-empty p{font-size:var(--connect-text-sm);line-height:1.6;color:var(--text-secondary);margin:8px 0 0}@media(max-width:650px){.notification-popover>.section-heading{padding:20px 16px 16px}.notification-item{padding:20px 16px;gap:10px}.notification-item-actions{gap:8px;flex-wrap:wrap}}

.platform-users{background:var(--surface);border:1px solid var(--line);border-radius:var(--connect-radius-panel);padding:24px;margin:24px 0}#platform-page .platform-users>.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.platform-users>.section-heading h2{margin:0;font-size:var(--connect-text-section)}.platform-users .actions{justify-content:flex-start;align-items:center;gap:12px}.platform-users #platform-users-search{align-items:flex-end;margin:0 0 20px;padding:0;border:0}.platform-users #platform-users-search label{display:block;margin:0;font-size:var(--connect-text-sm)}.platform-users #platform-users-search input{margin:8px 0 0;height:var(--control-height)}.platform-users #platform-users-search button{height:var(--control-height);margin:0}.platform-users>.table-wrap{margin:0;border:1px solid var(--line);border-radius:var(--control-radius)}.platform-users table{margin:0}.platform-users>.table-wrap+.actions{margin:20px 0 0;padding:0;border:0;font-size:var(--connect-text-sm)}.platform-users>.table-wrap+.actions button{height:var(--control-height);margin:0}.platform-users th,.platform-users td{padding:14px 16px;font-size:var(--connect-text-sm)}.platform-users td:first-child{line-height:1.6;overflow-wrap:anywhere}.platform-users label{max-width:420px;flex:1}.platform-users td{vertical-align:middle}.subscription-state{display:block;color:var(--text-secondary);font-size:var(--connect-text-xs);margin-top:4px}.instances-table td[data-label="Vencimento"]{min-width:140px}.instances-table td[data-label="Criada em"]{white-space:nowrap}#subscription-dialog{max-width:540px;width:calc(100vw - 32px)}#subscription-dialog label{display:block;margin:20px 0}@media(max-width:600px){.platform-users{padding:16px}#platform-page .platform-users>.section-heading{flex-direction:row;align-items:center}.platform-users #platform-users-search{flex-wrap:wrap;gap:12px}.platform-users #platform-users-search label{max-width:none;min-width:0;width:100%;flex-basis:100%}.platform-users #platform-users-search button{width:100%;justify-content:center}.platform-users>.table-wrap+.actions{justify-content:space-between;gap:8px}.platform-users>.table-wrap+.actions button{padding:0 10px}.platform-users .table-wrap{overflow:auto}.platform-users table{min-width:720px}}
