html[data-biz="personal"], html[data-biz="friends"] { --brand:#F5C518; --brand-deep:#8A6A00; --on-brand:#2B2410; --wash:#FFF4CF; --wash-2:#FFFBEE; --bg:#FBF8F2; --ink:#2C2A26; --glow:rgba(245,197,24,.16); }
html[data-biz="friends"] { --brand:#B8CAAA; --brand-deep:#46613A; --wash:#EDF2E8; --wash-2:#F5F8F1; --glow:rgba(156,180,137,.13); }
html[data-theme="dark"] { --bg:#151513; --ink:#EFEAE0; --surface:#22221F; --wash:#36301C; --wash-2:#27251C; --brand-deep:#E7C34B; --hair:rgba(255,245,225,.08); }
html[data-theme="dark"][data-biz="friends"] { --wash:#293225; --wash-2:#22291F; --brand-deep:#B8CAAA; }
.main { padding:22px 36px 50px; }
.sidebar { gap:24px; border-right:1px solid var(--hair); }
.brand { display:flex; align-items:center; justify-content:space-between; }
.logo { text-decoration:none; gap:10px; }
.logo-word { line-height:1.15; }
.personal-word { display:block; font-size:9px; letter-spacing:.2em; color:var(--muted); margin-top:5px; }
.theme-btn { width:28px; height:28px; display:grid; place-items:center; background:none; border:0; color:var(--faint); cursor:pointer; }
.theme-btn svg { width:16px; }
.workspace-picker { padding:0 7px; }
.workspace-picker>label { font-size:10px; letter-spacing:.12em; font-weight:650; color:var(--faint); }
.workspace-control { display:flex; align-items:center; gap:9px; padding:9px 10px; margin-top:7px; background:var(--surface); border:1px solid var(--hair); border-radius:12px; }
.workspace-control select { font:600 14px var(--font); color:var(--ink); border:0; background:transparent; width:100%; min-width:0; cursor:pointer; }
.workspace-control>span { display:flex; color:var(--brand-deep); }
.nav-label { padding:18px 12px 7px; font-size:10px; letter-spacing:.12em; color:var(--faint); font-weight:600; }
.nav a { font-size:14px; padding:10px 12px; }
.nav a.active { background:var(--wash); }
.team { margin-top:0; }
.team-title { font-size:11px; }
.bot-face { width:34px; height:34px; border-radius:12px; background:var(--wash); color:var(--brand-deep); display:inline-grid; place-items:center; flex:none; }
.bot-face svg { width:19px; height:19px; }
.bot-face.research { background:#EEEAF6; color:#8A72AC; }
.bot-face.friends { background:#EAF0E4; color:#6A865B; }
.bot-face.large { width:48px; height:48px; border-radius:16px; }
.bot-face.large svg { width:25px; height:25px; }
.mate .bot-face { width:26px; height:26px; border-radius:9px; }.mate .bot-face svg { width:15px; }
.mate { width:100%; font-size:12px; padding:7px 10px; }
.local-note { margin-top:auto; padding:10px 10px 0; font-size:11px; color:var(--muted); }.local-note small { display:block; color:var(--faint); margin:4px 0 0 12px; font-size:10px; }
.tiny-dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--ok); margin-right:5px; vertical-align:middle; }
.me { margin-top:0; border-top:1px solid var(--hair); padding-top:15px; }.me small { display:block; font-size:10px; color:var(--faint); }.me .avatar { width:31px; height:31px; }
.topbar { gap:18px; padding-bottom:22px; }
.breadcrumb { display:flex; align-items:center; gap:12px; font-size:12px; white-space:nowrap; color:var(--muted); }.breadcrumb b { font-weight:550; color:var(--ink); }.crumb-slash { color:var(--faint); }
.search { height:38px; max-width:280px; margin-left:auto; background:transparent; box-shadow:none; padding:0 8px; font-size:12px; }.search>span { display:flex; }.search svg { width:15px; }.search input { width:120px; }
.topbar>.btn { font-size:12px; padding:9px 15px; }.topbar>.btn svg { width:14px; }
.icon-button { display:none; background:none; border:0; cursor:pointer; }
.page-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; margin:22px 0 24px; }
.eyebrow { display:block; font-size:10px; font-weight:650; color:var(--muted); letter-spacing:.13em; text-transform:uppercase; margin-bottom:10px; }
.greet { margin:0; }.greet h1 { font-size:34px; font-weight:600; letter-spacing:-.04em; line-height:1.18; }.greet p { font-size:14px; margin-top:9px; line-height:1.6; }
.date-label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; white-space:nowrap; margin-bottom:3px; }.date-label svg { width:15px; }
.hero { margin:0 0 28px; gap:13px; }.stat { padding:20px; cursor:pointer; border-radius:17px; }.stat-top { display:flex; justify-content:space-between; color:var(--faint); margin-bottom:17px; }.stat-top span { font-size:11px; }.stat-top svg { width:17px; }.stat .v { font-size:31px; font-weight:550; }.stat .l { font-size:11px; margin-top:7px; }.stat.accent::after { width:110px; height:110px; right:-32px; top:-32px; }
.home-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:25px; align-items:start; }
.welcome-panel { border:1px solid color-mix(in srgb,var(--brand) 32%,var(--hair)); border-radius:20px; padding:25px 26px 20px; background:var(--wash-2); position:relative; overflow:hidden; }
.welcome-panel h2 { font-size:22px; font-weight:550; letter-spacing:-.025em; margin:0 0 8px; max-width:75%; }.welcome-panel>p { font-size:12px; color:var(--muted); max-width:80%; line-height:1.7; margin:0; }
.orbit { position:absolute; width:94px; height:94px; border:1px solid color-mix(in srgb,var(--brand) 70%,transparent); border-radius:50%; right:12px; top:20px; transform:rotate(-25deg); }.orbit::before { content:""; position:absolute; inset:12px; border:1px solid color-mix(in srgb,var(--brand) 60%,transparent); border-radius:50%; }.orbit::after { content:""; position:absolute; background:var(--brand); width:32px; height:32px; border-radius:50%; top:13px; left:-7px; box-shadow:50px 40px 0 -7px color-mix(in srgb,var(--brand) 40%,var(--surface)); }
.step-list { margin-top:21px; border-top:1px solid var(--hair); }.setup-step { display:flex; gap:13px; align-items:center; padding:16px 0; border-bottom:1px solid var(--hair); text-decoration:none; }.setup-step:last-child { padding-bottom:0; border:0; }.step-number { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--hair); color:var(--brand-deep); font-size:10px; flex:none; }.setup-step strong { display:block; font-size:12px; font-weight:600; }.setup-step small { display:block; color:var(--muted); font-size:11px; margin-top:3px; }.setup-step>svg { margin-left:auto; color:var(--faint); width:14px; }
.h { margin:25px 0 12px; align-items:center; }.h h2 { font-size:14px; font-weight:600; }.h .sub { font-size:11px; }.h .text-link { margin-left:auto; }.text-link { font-size:11px; color:var(--muted); text-decoration:none; display:inline-flex; align-items:center; gap:5px; }.text-link:hover { color:var(--ink); }.text-link svg { width:12px; }
.empty-soft { display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px dashed color-mix(in srgb,var(--ink) 15%,transparent); border-radius:17px; padding:32px 20px; text-align:center; gap:7px; color:var(--muted); }.empty-soft .empty-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; background:var(--surface); margin-bottom:4px; color:var(--faint); }.empty-soft strong { font-size:12px; font-weight:550; color:var(--ink); }.empty-soft p { font-size:11px; margin:0; line-height:1.7; max-width:360px; }.empty-soft .btn { margin-top:8px; }
.rail-panel { border-radius:18px; background:var(--surface); border:1px solid var(--hair); padding:20px; margin-bottom:17px; }.rail-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }.rail-head h2 { font-size:13px; font-weight:600; margin:0; }.rail-head a { color:var(--faint); display:flex; }.rail-head svg { width:14px; }
.assistant-row { display:flex; gap:12px; align-items:center; margin:17px 0; }.assistant-row strong { font-size:12px; font-weight:550; display:block; }.assistant-row small { display:block; font-size:10px; color:var(--faint); margin-top:3px; }.assistant-row .idle-dot { width:6px; height:6px; border:1px solid var(--faint); border-radius:50%; margin-left:auto; }
.rail-note { border-top:1px solid var(--hair); padding-top:12px; color:var(--muted); font-size:10px; line-height:1.7; }.rail-note a { color:var(--brand-deep); text-underline-offset:3px; }
.connector-mini { display:flex; align-items:center; gap:10px; margin:17px 0; }.connector-mini strong { font-size:12px; font-weight:550; }.connector-mini>span:last-child { margin-left:auto; font-size:10px; color:var(--faint); }
.service-icon { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:10px; flex:none; background:#EDF2FF; color:#5476D8; }.service-icon svg { width:18px; height:18px; }.service-icon.gmail { color:#C25B4B; background:#FBEEEA; }.service-icon.calendar { color:#7F8E62; background:#EFF2E9; }.service-icon.large { width:45px; height:45px; border-radius:13px; }.service-icon.large svg { width:24px; height:24px; }
.rail-footer { font-size:10px; color:var(--faint); line-height:1.7; display:flex; gap:8px; padding:3px 6px; }.rail-footer svg { width:13px; flex:none; margin-top:2px; }
.status-pill { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:6px; font-size:10px; color:var(--muted); background:color-mix(in srgb,var(--ink) 4%,transparent); white-space:nowrap; }.status-pill.good { background:#EDF5EE; color:#477653; }.status-pill.warm { background:var(--wash); color:var(--brand-deep); }.status-pill.later { color:var(--faint); }
.section-intro { max-width:650px; font-size:13px; color:var(--muted); line-height:1.7; margin:0 0 24px; }
.connection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.connection-card { display:flex; flex-direction:column; min-height:270px; padding:23px; border-radius:20px; background:var(--surface); border:1px solid var(--hair); }.card-top { display:flex; justify-content:space-between; align-items:start; gap:12px; }.connection-card h2 { font-size:18px; font-weight:550; margin:20px 0 8px; }.connection-card p { font-size:12px; color:var(--muted); margin:0 0 18px; line-height:1.8; }.connection-card .btn { margin-top:auto; align-self:start; font-size:11px; }.connection-card .account-detail { font-size:10px; color:var(--faint); margin-bottom:12px; overflow-wrap:anywhere; }.note-panel { display:flex; gap:14px; background:var(--wash-2); border:1px solid var(--hair); border-radius:16px; padding:20px; margin-top:24px; color:var(--muted); font-size:12px; line-height:1.8; }.note-panel svg { color:var(--brand-deep); margin-top:2px; }.note-panel strong { display:block; color:var(--ink); font-weight:550; margin-bottom:3px; }
.people-grid,.bots-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }.person-card,.bot-card { border:1px solid var(--hair); background:var(--surface); border-radius:20px; padding:24px; }.person-card h2,.bot-card h2 { font-size:17px; font-weight:550; letter-spacing:-.015em; margin:17px 0 7px; }.person-card p,.bot-card p { font-size:12px; line-height:1.8; color:var(--muted); margin:0 0 18px; }.person-card .avatar.human { width:45px; height:45px; font-size:15px; background:var(--wash); color:var(--brand-deep); box-shadow:none; }.card-meta { display:flex; gap:12px; font-size:10px; color:var(--faint); padding-top:15px; margin-top:18px; border-top:1px solid var(--hair); }.add-person { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:260px; border:1px dashed color-mix(in srgb,var(--ink) 18%,transparent); background:none; cursor:pointer; font:inherit; color:var(--muted); }.add-person>svg { width:28px; height:28px; margin-bottom:12px; }.add-person strong { font-weight:550; font-size:14px; }.add-person small { font-size:11px; max-width:190px; line-height:1.8; margin-top:8px; }
.permission-chips { display:flex; flex-wrap:wrap; gap:5px; margin:15px 0; }.permission-chips span { font-size:10px; padding:4px 8px; border-radius:6px; background:var(--wash-2); color:var(--muted); }.bot-card .actions { justify-content:space-between; align-items:center; margin-top:20px; }.bot-card .btn { font-size:11px; }.bot-card .role { min-height:42px; }
.task-list { display:flex; flex-direction:column; gap:10px; }.task-row { display:flex; align-items:center; gap:14px; text-align:left; width:100%; border:1px solid var(--hair); background:var(--surface); border-radius:16px; padding:18px; cursor:pointer; font:inherit; }.task-row:hover { border-color:color-mix(in srgb,var(--ink) 20%,transparent); }.task-circle { display:grid; place-items:center; width:20px; height:20px; border:1.5px solid var(--faint); border-radius:50%; flex:none; color:var(--ok); }.task-circle.done { border-color:var(--ok); }.task-circle svg { width:12px; }.task-content { min-width:0; flex:1; }.task-content strong { display:block; font-size:13px; font-weight:550; overflow-wrap:anywhere; }.task-content small { display:block; color:var(--faint); font-size:10px; margin-top:6px; }.task-row>.status-pill { margin-left:auto; }.filter-bar { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:20px; }.filter-bar .chip { font-size:11px; }.board { margin-top:0; grid-auto-columns:minmax(210px,1fr); }.col { padding:16px 10px; min-height:380px; background:color-mix(in srgb,var(--ink) 2.5%,transparent); border-radius:18px; }.col h3 { font-size:12px; margin-bottom:12px; }.col .task-row { flex-wrap:wrap; padding:15px; gap:10px; border-radius:13px; }.col .task-circle { display:none; }.col .task-row>.status-pill { margin-left:0; }.col .empty-column { font-size:11px; text-align:center; padding:30px 10px; color:var(--faint); border:1px dashed var(--hair); border-radius:12px; }
.activity-list { border:1px solid var(--hair); border-radius:18px; padding:8px 23px; background:var(--surface); }.activity-line { display:flex; align-items:start; gap:14px; padding:18px 0; border-bottom:1px solid var(--hair); }.activity-line:last-child { border:0; }.activity-line>span { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--wash); color:var(--brand-deep); flex:none; }.activity-line svg { width:12px; }.activity-line p { margin:0; font-size:12px; }.activity-line small { display:block; color:var(--faint); font-size:10px; margin-top:5px; }
.drawer { width:min(540px,calc(100vw - 28px)); }.d-head { padding:25px; }.d-head h2 { margin-top:14px; font-weight:550; }.d-body { gap:18px; }.drawer form { display:flex; flex-direction:column; gap:17px; }.field { display:flex; flex-direction:column; gap:7px; font-size:12px; color:var(--muted); }.field input,.field select,.field textarea { border:1px solid var(--hair); border-radius:11px; background:var(--bg); padding:11px 12px; color:var(--ink); font:400 13px var(--font); width:100%; }.field textarea { min-height:100px; resize:vertical; }.field small { font-size:10px; line-height:1.8; }.field input:focus,.field textarea:focus,.field select:focus { outline:2px solid var(--brand); outline-offset:1px; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.drawer .muted-copy { font-size:12px; color:var(--muted); line-height:1.8; margin:0; }.drawer .btn { font-size:12px; }.drawer .note-panel { margin:0; font-size:11px; }.check-field { display:flex; align-items:start; gap:10px; font-size:12px; color:var(--ink); line-height:1.7; }.check-field small { display:block; color:var(--faint); font-size:10px; }.check-field input { accent-color:var(--brand-deep); margin-top:4px; }.form-error { color:var(--urgent); font-size:12px; line-height:1.7; }.form-error:empty { display:none; }.code-line { display:block; padding:10px 12px; border-radius:9px; background:var(--bg); color:var(--muted); font-size:10px; overflow-wrap:anywhere; user-select:all; }.projects-list { display:flex; flex-direction:column; gap:9px; }.connector-actions { display:flex; gap:9px; flex-wrap:wrap; }.draft-snippet { color:var(--muted); font-size:12px; line-height:1.8; }.setup-status { margin-top:15px; font-size:10px; color:var(--faint); }
.toast-personal { padding:14px 19px; background:var(--ink); color:var(--bg); border-radius:13px; margin-top:8px; box-shadow:var(--overlay-shadow); max-width:370px; font-size:12px; }.updated { font-size:10px; color:var(--faint); margin-top:32px; display:flex; gap:6px; align-items:center; }.updated svg { width:12px; }.personal-tabbar { display:none; }
@media(min-width:1600px) { .main { padding-inline:55px; }.home-grid { grid-template-columns:minmax(0,1fr) 340px; }.welcome-panel { padding:32px; }.hero { margin-bottom:35px; } }
@media(max-width:1200px) { :root { --sidebar:230px; }.main { padding:20px 25px 50px; }.home-grid { grid-template-columns:minmax(0,1fr) 260px; gap:18px; }.breadcrumb { display:none; }.greet h1 { font-size:30px; }.connection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.date-label { display:none; }.stat { padding:17px; } }
@media(max-width:1000px) { .home-grid { grid-template-columns:1fr; }.home-rail { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.rail-footer { grid-column:1/-1; }.hero { gap:9px; }.stat-top span { font-size:10px; }.stat .v { font-size:26px; }.stat .l { font-size:10px; } }
@media(max-width:860px) { .app { grid-template-columns:1fr; }.sidebar { display:none; }.sidebar.mobile-open { display:flex; position:fixed; width:260px; z-index:40; background:var(--bg); box-shadow:var(--overlay-shadow); }.main { padding:16px 21px 100px; }.topbar { display:flex; gap:10px; }.icon-button { display:grid; place-items:center; padding:5px 0; }.search { flex:1; max-width:none; }.search kbd { display:none; }.topbar>.btn { padding:9px 12px; white-space:nowrap; }.greet h1 { font-size:29px; }.greet p { font-size:12px; }.page-heading { margin:20px 0 22px; }.eyebrow { font-size:9px; }.personal-tabbar { position:fixed; display:flex; bottom:0; left:0; right:0; z-index:20; background:color-mix(in srgb,var(--surface) 95%,transparent); backdrop-filter:blur(15px); padding:10px 10px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid var(--hair); justify-content:space-around; }.personal-tabbar a { display:flex; flex-direction:column; gap:5px; align-items:center; color:var(--muted); text-decoration:none; font-size:10px; padding:0 10px; }.personal-tabbar a.active { color:var(--brand-deep); }.personal-tabbar svg { width:19px; }.hero { grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:20px; }.stat { padding:16px 18px; }.stat-top { margin-bottom:12px; }.stat-top span { font-size:11px; }.stat .l { font-size:11px; }.welcome-panel { padding:22px; }.welcome-panel h2 { font-size:21px; }.welcome-panel>p { max-width:77%; font-size:11px; }.orbit { width:75px; height:75px; right:8px; top:26px; }.orbit::after { width:24px; height:24px; }.home-rail { grid-template-columns:1fr; gap:0; }.connection-grid { grid-template-columns:1fr; }.connection-card { min-height:240px; }.people-grid,.bots-grid { grid-template-columns:1fr; }.page-heading>.btn { font-size:11px; padding:9px 12px; }.greet h1 { max-width:100%; }.field-row { grid-template-columns:1fr; }.task-row { padding:15px; gap:10px; }.task-row>.status-pill { font-size:9px; }.task-content strong { font-size:12px; }.task-content small { font-size:9px; }.view { margin-bottom:0; } }
@media(prefers-reduced-motion:reduce) { * { transition:none!important; animation:none!important; } }
.drawer:not(.on), .scrim:not(.on) { display:none; }
@media(max-width:860px) { .topbar { flex-wrap:nowrap; }.topbar .search { order:0; flex-basis:0; }.drawer.on { width:100%; transform:none; } }

.me { margin-top:auto; }
.updated:empty { display:none; }
.me .sign-out { margin-left:auto; border:0; background:none; font-size:11px; color:var(--muted); cursor:pointer; }
.workspace-users { display:flex; flex-direction:column; gap:12px; }.workspace-user { padding:15px; border:1px solid var(--hair); border-radius:14px; }.user-info { display:flex; gap:10px; align-items:center; }.user-info>span:nth-child(2) { flex:1; min-width:0; }.user-info strong { display:block; font-size:13px; font-weight:550; }.user-info small { display:block; font-size:11px; color:var(--muted); overflow-wrap:anywhere; }.user-info .avatar { width:30px; height:30px; box-shadow:none; }.user-controls { display:flex; gap:7px; flex-wrap:wrap; margin-top:13px; }.user-controls select,.existing-user-row select { border:1px solid var(--hair); border-radius:9px; background:var(--bg); color:var(--ink); padding:7px; font:400 11px var(--font); min-width:0; }.user-controls select { flex:1; }.user-controls .btn { font-size:10px; padding:6px 9px; }.role-guide { font-size:11px; color:var(--muted); line-height:1.9; }.role-guide strong { color:var(--ink); font-weight:550; }.existing-user-row { display:flex; gap:7px; flex-wrap:wrap; }.existing-user-row>select:first-child { flex:1; }.user-role-label { display:block; font-size:10px; color:var(--muted); margin-top:8px; }
[hidden] { display:none!important; }

.connector-advanced { border-top:1px solid var(--hair); padding-top:18px; margin-top:8px; }.connector-advanced summary { cursor:pointer; color:var(--muted); font-size:11px; }.connector-advanced[open] { display:flex; flex-direction:column; gap:16px; }.connector-advanced[open] summary { margin-bottom:14px; }.connector-advanced form { margin-top:16px; }
.connector-section-heading,.catalog-toolbar { display:flex; align-items:center; gap:12px; margin:25px 0 16px; }.connector-section-heading h2,.catalog-toolbar h2 { font-size:16px; font-weight:600; margin:0; }.connector-section-heading>span,.catalog-toolbar>div>span { font-size:11px; color:var(--muted); }.catalog-toolbar { margin-top:38px; flex-wrap:wrap; }.catalog-toolbar>div>span { display:block; margin-top:5px; }.catalog-toolbar .catalog-search { max-width:330px; margin-left:auto; flex-basis:250px; background:var(--surface); border:1px solid var(--hair); }.catalog-toolbar select { font:400 12px var(--font); color:var(--ink); background:var(--surface); border:1px solid var(--hair); padding:10px 12px; border-radius:10px; text-transform:capitalize; max-width:190px; }.catalog-accounts,.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.catalog-account { background:var(--surface); border:1px solid var(--hair); border-radius:18px; padding:20px; display:flex; flex-direction:column; gap:11px; }.catalog-account h3 { margin:4px 0 0; font-size:16px; font-weight:550; }.catalog-account p { font-size:12px; margin:0; color:var(--muted); overflow-wrap:anywhere; }.catalog-account .btn { align-self:start; margin-top:auto; font-size:11px; }.catalog-account-meta { display:flex; gap:13px; font-size:10px; color:var(--muted); margin-bottom:3px; }.catalog-badge { display:inline-grid; place-items:center; width:36px; height:36px; background:var(--wash); color:var(--brand-deep); font-size:16px; font-weight:600; border-radius:11px; flex:none; }.catalog-service { background:var(--surface); border:1px solid var(--hair); border-radius:17px; padding:18px; display:flex; flex-direction:column; gap:14px; }.catalog-service-head { display:flex; align-items:center; gap:11px; }.catalog-service-head h3 { font-size:13px; margin:0; font-weight:600; }.catalog-service-head>div>span { font-size:10px; color:var(--faint); text-transform:capitalize; }.catalog-service>p { font-size:11px; color:var(--muted); line-height:1.8; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }.catalog-service-foot { display:flex; gap:8px; align-items:center; justify-content:space-between; margin-top:auto; padding-top:6px; }.catalog-service-foot>span { font-size:10px; color:var(--faint); }.catalog-service-foot .btn { font-size:10px; padding:6px 10px; }.catalog-service-foot .btn svg { width:12px; }.catalog-more { margin:22px auto 0; display:flex; }.custom-connector { margin-top:35px; }.custom-connector form { max-width:850px; display:flex; flex-direction:column; gap:16px; }.custom-connector .btn { align-self:start; }.catalog-tools { display:flex; flex-direction:column; gap:8px; }.catalog-tools details { border:1px solid var(--hair); border-radius:10px; padding:12px; font-size:11px; }.catalog-tools summary { cursor:pointer; font-weight:550; overflow-wrap:anywhere; }.catalog-tools .tag { margin-left:8px; font-size:9px; }.catalog-tools p { font-size:11px; color:var(--muted); white-space:pre-wrap; line-height:1.7; }.catalog-tools pre { font-size:10px; overflow:auto; padding:12px; background:var(--bg); border-radius:8px; max-height:230px; }
@media(max-width:1150px) { .catalog-grid,.catalog-accounts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .catalog-grid,.catalog-accounts { grid-template-columns:1fr; }.catalog-toolbar>div { width:100%; }.catalog-toolbar .catalog-search { margin-left:0; max-width:none; flex:1; flex-basis:170px; }.catalog-toolbar select { max-width:135px; }.catalog-service { padding:18px; }.catalog-account { padding:20px; } }
.brand-logo { overflow:hidden; background:var(--surface); }
.brand-logo img { width:100%; height:100%; object-fit:contain; display:block; padding:4px; box-sizing:border-box; }
.service-icon.large img { padding:5px; }
.calendar-agenda { max-width:950px; }
.calendar-day { font-size:14px; font-weight:550; margin:28px 0 12px; }
.calendar-event { display:flex; gap:22px; align-items:center; text-align:left; width:100%; border:1px solid var(--hair); background:var(--surface); color:var(--ink); border-radius:14px; padding:18px 20px; margin:10px 0; font:inherit; cursor:pointer; }
.calendar-time { width:90px; flex:none; font-size:12px; color:var(--brand-deep); }
.calendar-event>span:nth-child(2) { flex:1; min-width:0; }
.calendar-event strong { font-size:13px; font-weight:550; overflow-wrap:anywhere; }
.calendar-event small { display:block; font-size:11px; color:var(--muted); margin-top:6px; }
.calendar-event svg { width:15px; flex:none; }
@media(max-width:600px) { .calendar-event { padding:16px; gap:12px; }.calendar-time { width:68px; font-size:11px; }.page-heading>.actions { flex-wrap:wrap; } }