.platform-logo{object-fit:contain;flex-shrink:0;vertical-align:middle}.workspace-manage{display:grid;place-items:center;inline-size:44px;block-size:44px;border:1px solid #dce5d6;border-radius:12px;color:#244234}.workspace-card{position:relative}.workspace-card>.workspace-manage{position:absolute;inset-block-start:65px;inset-inline-end:18px}.notification-bell{position:relative;display:grid;place-items:center;inline-size:46px;block-size:46px;background:#eef3e9;border:1px solid #d7e3cb;border-radius:14px;color:#244234!important}.notification-count{position:absolute;inset-block-start:-5px;inset-inline-end:-6px;min-inline-size:20px;padding:2px 5px;border-radius:10px;background:#244234;color:#fff;font-size:10px;line-height:16px;text-align:center}.platform-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:28px}.platform-selector button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border:1px solid #dce5d6;border-radius:20px;background:#fff;color:#244234;min-inline-size:0;text-align:start;transition:background .18s,transform .18s}.platform-selector button[aria-pressed=true]{background:#eaf3df;border-color:#83a56c}.platform-selector button:hover{transform:translateY(-2px)}.platform-selector small{font-size:12px;color:#53634d}.platform-emblem{inline-size:42px;block-size:42px;display:grid;place-items:center;background:#f1f5ed;border-radius:12px;flex-shrink:0}.platform-emblem .ui-icon{inline-size:26px;block-size:26px}.integrations-layout,.notification-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start}.integration-setup,.integration-trust,.notification-controls,.notification-inbox,.managed-workspace{padding:26px;border:1px solid #dce5d6;border-radius:24px;background:#fff;min-inline-size:0}.integration-trust{background:#edf4e4;padding:30px}.integration-trust h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin-block:16px}.integration-trust>p,.notification-controls>p{font-size:14px;line-height:1.7;color:#53634d}.integration-facts{display:grid;gap:16px;margin-block:26px}.integration-facts p{display:flex;align-items:center;gap:10px;font-size:13px}.integration-trust>a{color:#244234;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.integration-config-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block:24px 18px}.integration-config-heading>span{display:flex;align-items:center;gap:10px}.integration-config-heading a{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#244234;text-decoration:underline;text-underline-offset:4px}.setup-steps{padding-inline-start:22px;display:grid;gap:14px;margin-block:18px;font-size:13px;line-height:1.65;color:#43563b}.setup-steps code,.agent-skill-help code{overflow-wrap:anywhere;background:#f0f5eb;padding:2px 5px;border-radius:4px;font-size:12px}.integration-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:16px}.integration-actions .copy-small{display:inline-flex;align-items:center;gap:5px;border:1px solid #dce5d6;border-radius:10px;padding:8px 11px}.integration-actions .ui-icon{inline-size:16px;block-size:16px}.config-note{font-size:12px!important;line-height:1.65;color:#53634d}.agent-skill-help,.install-help{margin-block-start:22px;border-block-start:1px solid #dce5d6;padding-block-start:18px}.agent-skill-help summary,.install-help summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px;font-weight:650;min-block-size:44px}.agent-skill-help p,.install-help p{font-size:13px;line-height:1.75;margin-block:12px}.agent-skill-help a{color:#244234;text-decoration:underline;text-underline-offset:4px}.agent-skill-help .copy-small{margin-inline-end:10px}.workspace-management{margin-block:36px}.managed-workspaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.managed-workspace-header{display:flex;align-items:center;gap:12px;margin-block-end:24px}.managed-workspace-header>div{flex:1;min-inline-size:0}.managed-workspace-header h3{font-size:16px;overflow-wrap:anywhere}.managed-workspace-header p{font-size:12px;color:#53634d;margin-block-start:4px}.managed-actions{display:flex;gap:10px;flex-wrap:wrap}.managed-actions button{border:1px solid #dce5d6;border-radius:10px;padding:7px 10px}.managed-actions .danger{color:#993e2f}.workspace-status{font-size:12px;color:#993e2f;margin-block-start:12px}.notification-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);margin-block-start:32px}.notification-inbox>.section-row{margin-block-end:18px}.notification-item{display:flex;align-items:center;gap:14px;padding:20px 12px;border-radius:14px;margin-block:6px}.notification-item.is-unread{background:#edf5e6}.notification-item>div{flex:1;min-inline-size:0}.notification-item a{font-size:14px;color:#244234;font-weight:650;overflow-wrap:anywhere}.notification-item time{display:block;font-size:11px;color:#53634d;margin-block-start:7px}.notification-symbol{inline-size:36px;block-size:36px;display:grid;place-items:center;flex-shrink:0}.unread-dot{inline-size:7px;block-size:7px;border-radius:50%;background:#3e6f31}.notification-empty{text-align:center;padding:48px 20px;color:#53634d}.notification-empty>.ui-icon{inline-size:36px;block-size:36px;color:#7b9864;margin-block-end:14px}.notification-empty h3{font-size:18px;color:#244234}.notification-empty p{font-size:13px;line-height:1.7;margin-block-start:10px}.notification-controls h2{margin-block:16px 12px;font-size:23px;letter-spacing:-.5px}.settings-emblem{display:grid;place-items:center;inline-size:46px;block-size:46px;background:#eaf3df;border-radius:15px;color:#244234}.device-status{margin-block:20px!important;padding:14px;border-radius:12px;background:#f3f6ef;font-size:12px!important}.device-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-block-end:28px}.notification-controls fieldset{border:0;padding:0;margin:0 0 20px}.notification-controls legend{font-size:12px;font-weight:650;color:#53634d;margin-block-end:12px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.preference-row strong{display:block;font-size:13px}.preference-row small{display:block;font-size:11px;line-height:1.6;color:#53634d;margin-block-start:4px}.preference-row input{inline-size:22px;block-size:22px;accent-color:#244234;flex-shrink:0;min-block-size:0!important}.notification-devices{margin-block-start:26px}.notification-devices h3{font-size:14px;margin-block-end:12px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}.device-row span{font-size:13px}.device-row small{display:block;font-size:10px;color:#53634d;margin-block-start:4px}.notification-devices .muted{font-size:12px;color:#53634d}.notification-controls [role=status]{font-size:12px;line-height:1.7;margin-block-start:16px;color:#244234}.connection-instructions .section-row{gap:12px}.connection-code{max-inline-size:100%;overflow-x:auto}#connect-dialog{max-block-size:calc(100dvh - 32px);overflow:auto}.notification-inbox #notification-more{margin-block-start:18px}.section-row{gap:12px;flex-wrap:wrap}.app-topbar nav{flex-wrap:wrap}.app-main{min-inline-size:0;padding-block-end:max(30px,env(safe-area-inset-bottom))}
@media(max-width:1100px){.integrations-layout,.notification-layout{grid-template-columns:minmax(0,1fr)}.integration-trust{display:none}.notification-layout{gap:22px}.notification-controls{max-inline-size:none}.notification-controls form{max-inline-size:560px}.managed-workspaces{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.app-sidebar .sidebar-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sidebar-nav>a{font-size:10px!important;padding:8px 3px!important;min-block-size:58px!important}.sidebar-nav>a:last-child{grid-column:span 2}.app-topbar{gap:12px;align-items:center}.app-topbar>span{font-size:12px}.app-topbar nav{gap:10px;justify-content:flex-end}.topbar-skill{display:none}.app-topbar [data-connect]{font-size:11px;padding:10px 12px;min-block-size:44px}.notification-bell{inline-size:44px;block-size:44px}.platform-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:22px}.platform-selector button{padding:16px;gap:8px;border-radius:16px}.platform-selector strong{font-size:13px}.integration-setup,.notification-controls,.notification-inbox,.managed-workspace{padding:20px 16px;border-radius:20px}.integration-setup .section-row>h2{font-size:18px}.integration-config-heading{margin-block-start:18px}.setup-steps{font-size:12px}.managed-workspace-header{flex-wrap:wrap}.managed-workspace-header .presence-pill{margin-inline-start:54px}.notification-item{padding:16px 10px;gap:8px}.notification-item a{font-size:13px}.notification-inbox .section-row h2{font-size:18px}.notification-inbox .section-row button{font-size:11px}.connection-tabs{gap:8px}.key-value{flex-wrap:wrap}.key-value input{min-inline-size:0;flex:1 1 100%}.workspace-card>.workspace-manage{inset-block-start:60px;inset-inline-end:16px}.app-heading h1{overflow-wrap:anywhere}.integration-actions .button{inline-size:100%;justify-content:center}.app-main{padding-inline:16px}.auth-form-wrap{min-inline-size:0}.install-help{padding-block-end:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){.platform-selector button{transition:none}.platform-selector button:hover{transform:none}}

@media(min-width:641px) and (max-width:950px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.app-sidebar{padding-inline:14px}.app-main{padding-inline:24px}.platform-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}