:root{--petrol-50: #f2f8f7;--petrol-100: #e6f0f0;--petrol-200: #cce2e1;--petrol-400: #66a7a4;--petrol-500: #338a85;--petrol-600: #006d67;--petrol-700: #005752;--neutral-50: #f6f6f6;--neutral-100: #ededed;--neutral-200: #dddddd;--neutral-400: #8e8e8e;--neutral-600: #606060;--action: var(--petrol-600);--action-hover: var(--petrol-700);--action-text: #ffffff;--text: #1c1c1c;--text-secondary: var(--neutral-600);--surface: #ffffff;--surface-page: var(--neutral-50);--surface-selected: var(--petrol-50);--border-subtle: var(--neutral-100);--border: var(--neutral-200);--danger: #b42318;--danger-surface: #fdf3f2;--folder-back: var(--petrol-500);--folder-front: var(--petrol-400);--page: #ffffff;--page-line: var(--neutral-200);--radius-control: 10px;--radius-card: 20px;--shadow-card: 0 0 0 1px rgb(28 28 28 / .04), 0 1px 2px rgb(28 28 28 / .04), 0 4px 16px -8px rgb(28 28 28 / .08);--fast: .12s;--base: .24s;--standard: cubic-bezier(.2, 0, 0, 1);--spring: cubic-bezier(.34, 1.3, .64, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root{--petrol-50: #0e2624;--petrol-100: #12302d;--petrol-200: #1b4744;--petrol-400: #3b8a84;--petrol-500: #5cb0a9;--petrol-700: #8fd6cf;--neutral-50: #232325;--neutral-100: #2c2c2e;--neutral-200: #3a3a3c;--neutral-400: #8e8e93;--neutral-600: #aeaeb2;--action: #17958d;--action-hover: #1fa99f;--text: #f5f5f7;--surface: #1c1c1e;--surface-page: #0e0e10;--surface-selected: var(--petrol-100);--border-subtle: rgb(255 255 255 / .07);--border: rgb(255 255 255 / .12);--danger: #ff6b5e;--danger-surface: #3b1714;--folder-back: #28655f;--folder-front: #3b8a84;--page: #2c2c2e;--page-line: #545458;--shadow-card: 0 0 0 1px rgb(255 255 255 / .06), 0 1px 2px rgb(0 0 0 / .3);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:15px/1.5 Gibson,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface-page);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.025em;margin:0;text-wrap:balance}h2{font-size:20px;font-weight:700;letter-spacing:-.015em;margin:0}p{margin:0}svg{flex:none}:focus-visible{outline:2px solid var(--action);outline-offset:2px}button,a.button{font:inherit;font-size:15px;font-weight:600;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 20px;border:0;border-radius:999px;background:var(--neutral-100);cursor:pointer;transition:background-color var(--fast) var(--standard),color var(--fast) var(--standard),transform var(--fast) var(--standard);-webkit-tap-highlight-color:transparent}button:hover,a.button:hover{background:var(--neutral-200)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,a.button.primary{background:var(--action);color:var(--action-text);box-shadow:0 1px 2px #00413e40}button.primary:hover:not(:disabled),a.button.primary:hover{background:var(--action-hover)}button.large{width:100%;min-height:44px}button.link{background:none;padding:0;min-height:0;color:var(--action)}button.link:hover{color:var(--action-hover)}.icon-button{width:36px;min-height:36px;padding:0;background:none;color:var(--text-secondary)}.icon-button:hover{background:var(--surface-selected);color:var(--action)}.muted{color:var(--text-secondary)}.small{font-size:13px}.error{color:var(--danger);background:var(--danger-surface);padding:10px 16px;border-radius:var(--radius-control);margin:0 0 16px}.status{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;margin:0 0 16px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--petrol-200);border-top-color:var(--action);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(4px)}}.signin{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.signin-card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 32px 32px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation:appear var(--base) var(--standard)}.signin-card h1{font-size:40px;margin-top:8px}.signin-card>p.muted:first-of-type{margin-bottom:16px}.signin-form{width:100%;display:flex;flex-direction:column;gap:14px;text-align:left}.signin-form>p.muted{text-align:center;margin:0 0 4px}.signin-form .error,.signin-form .notice{margin:0}.signin-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.signin-links button.link{font-size:14px;font-weight:500}.signin-links.center{justify-content:center}input.code{font-size:24px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}input[type=email],input[type=text],input[type=number],input:not([type]),textarea{font:inherit;font-size:15px;color:var(--text);width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);transition:border-color var(--fast) var(--standard),box-shadow var(--fast) var(--standard)}input:focus,textarea:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--petrol-100)}input[readonly]{background:var(--neutral-50);color:var(--text-secondary)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:14px;font-weight:600;color:var(--text-secondary)}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.check input{accent-color:var(--action);width:16px;height:16px}.notice{color:var(--action-hover);background:var(--surface-selected);padding:10px 16px;border-radius:var(--radius-control);margin:0 0 16px;text-align:left}.notice p{margin:0 0 10px}.notice a{color:inherit;font-weight:600}.acting-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--action-text);background:var(--action);padding:10px 16px;border-radius:var(--radius-control);margin:24px 0 0}.acting-banner span{flex:1;min-width:200px}.acting-banner button{background:var(--surface);color:var(--action-hover);border-color:transparent}.panel{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;margin-bottom:24px;max-width:640px;animation:appear var(--base) var(--standard)}.panel h2{margin:0 0 14px}.invite-form{display:flex;flex-direction:column;gap:12px}.invite-form .notice{margin:4px 0 0}.invite-row{display:flex;gap:8px}.invite-row input{flex:1;min-width:0}.invite-row button{flex:none;min-height:44px}.name-block{display:flex;flex-direction:column;gap:2px;min-width:0}.name-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-block span:first-child{font-weight:500}.nav-gap{margin-top:16px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px}button.tab{min-height:36px;padding:0 16px;background:var(--surface);box-shadow:var(--shadow-card);font-weight:500;color:var(--text-secondary)}button.tab:hover{color:var(--text);background:var(--surface)}button.tab.active{background:var(--action);color:var(--action-text);box-shadow:none}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px;align-items:start}.panels .panel{margin:0;max-width:none}.section-title{margin:32px 0 12px}.more{display:flex;justify-content:center;padding:16px 0}.search{max-width:360px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;vertical-align:middle}.badge.danger{color:var(--danger);background:var(--danger-surface)}.badge.ok{color:var(--action-hover);background:var(--surface-selected);margin-left:8px}button.danger{background:var(--danger-surface);color:var(--danger)}button.danger:hover{background:var(--danger);color:#fff}tr.disabled .name-block span:first-child{color:var(--text-secondary);text-decoration:line-through}tr.detail-row>td{background:var(--neutral-50);height:auto;padding-top:16px;padding-bottom:16px}.user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.user-actions button{min-height:36px;font-size:14px}.devices{display:flex;flex-direction:column;gap:8px}.device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--surface);border-radius:var(--radius-control)}.device button{min-height:32px;font-size:13px;padding:0 14px;flex:none}.device .name-block span,tr.detail-row .name-block span{white-space:normal}tr.detail-row>td{overflow-wrap:anywhere}.rights-form{display:flex;flex-direction:column;gap:14px;max-width:720px}.rights-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}select{font:inherit;font-size:15px;color:var(--text);width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}select:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--petrol-100)}.panel.signin-form>p.muted{text-align:left;margin:0}@media (max-width: 700px){.rights-row{grid-template-columns:1fr}.list.admin td:nth-child(2){display:table-cell}.list.admin th:nth-child(n+3):not(:last-child),.list.admin td:nth-child(n+3):not(:last-child){display:none}.list.admin th:nth-child(2),.list.admin td:nth-child(2){width:30%;padding-right:8px}.list.admin .row-actions button:not(.icon-button){width:auto;padding:0 12px}.list.admin th.row-actions{width:104px}tr.detail-row>td{padding-left:16px}.device{flex-wrap:wrap}}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:20px 12px 12px;background:var(--surface);border-right:1px solid var(--border-subtle)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em;padding:0 8px}nav[aria-label=Navigatie]{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-title{font-size:13px;font-weight:600;color:var(--text-secondary);padding:0 12px 6px}.nav-empty{padding:4px 12px}button.nav{width:100%;justify-content:flex-start;gap:10px;min-height:40px;padding:0 12px;border-radius:var(--radius-control);background:none;font-weight:500;text-align:left}button.nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.nav svg{color:var(--text-secondary)}button.nav:hover{background:var(--neutral-50)}button.nav.active{background:var(--surface-selected);color:var(--action);font-weight:600}button.nav.active svg{color:var(--action)}button.nav.add{color:var(--action)}button.nav.add svg{color:var(--action)}button.nav:active:not(:disabled){transform:none;background:var(--neutral-100)}.me{display:flex;align-items:center;gap:10px;padding:12px 0 0 8px;border-top:1px solid var(--border-subtle)}.me-text{flex:1;min-width:0}.me-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-text .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--action);background:var(--petrol-100)}.content{padding:0 40px 48px;min-width:0}.content>.error{margin-top:32px}.toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:0 -40px 24px;padding:40px 40px 20px;background:color-mix(in srgb,var(--surface-page) 75%,transparent);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.title{display:flex;flex-direction:column;gap:6px;min-width:0}.title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.crumbs{display:flex;align-items:center;gap:2px;flex-wrap:wrap;color:var(--neutral-400);font-size:15px}.crumbs>span{display:inline-flex;align-items:center;gap:2px}button.crumb{min-height:28px;padding:0 6px;border-radius:8px;background:none;color:var(--action);font-weight:500}button.crumb:hover{background:var(--surface-selected);color:var(--action-hover)}.placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:14vh 16px 0;text-align:center;color:var(--neutral-400)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{width:100%;justify-content:flex-start;gap:14px;min-height:76px;padding:16px 20px 16px 16px;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;color:var(--neutral-400);animation:appear var(--base) var(--standard)}.card:hover{background:var(--surface)}.card>svg:last-child{transition:translate var(--base) var(--spring),color var(--fast) var(--standard)}.card:hover>svg:last-child{translate:3px 0;color:var(--action)}.card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--action);background:var(--petrol-100)}.card-name{flex:1;color:var(--text);font-weight:600;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.list{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.list thead{background:var(--neutral-50)}.list th{text-align:left;font-size:14px;font-weight:600;color:var(--text-secondary);padding:12px 16px;white-space:nowrap}.list td{padding:10px 16px;height:60px;vertical-align:middle;border-top:1px solid var(--border-subtle)}.list tbody tr:first-child td{border-top:0}.list th:first-child,.list td:first-child{padding-left:24px}.list th:last-child,.list td:last-child{padding-right:16px}.list tbody tr{transition:background-color var(--fast) var(--standard)}@media (hover: hover){.list tbody tr:hover{background:var(--neutral-50)}}.list td.muted{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.list th:nth-child(2),.list th:nth-child(3){width:1%;padding-right:32px}.list td:nth-child(2),.list td:nth-child(3){padding-right:32px}.list .name,.list button.name{display:flex;align-items:center;gap:14px;min-width:0}.list button.name{width:100%;justify-content:flex-start;min-height:0;padding:0;background:none;font-weight:500;text-align:left}.list button.name:active:not(:disabled){transform:none}.list .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list button.name:hover span{color:var(--action)}.row-actions{text-align:right;white-space:nowrap;width:1%}.row-actions button{margin-left:4px}.row-actions button:not(.icon-button){min-height:36px;padding:0 16px;font-size:14px}.row-actions .icon-button:last-child:hover{background:var(--danger-surface);color:var(--danger)}.row-actions .icon-button:disabled{opacity:.35;cursor:not-allowed}@media (hover: hover){.list tbody tr .row-actions .icon-button{opacity:0;transition:opacity var(--fast) var(--standard)}.list tbody tr:hover .row-actions .icon-button,.list tbody tr:focus-within .row-actions .icon-button{opacity:1}.list tbody tr:hover .row-actions .icon-button:disabled{opacity:.35}.list tbody tr .row-actions .icon-button.pinned{opacity:1;color:var(--action)}}.list .name-block .lock-note{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:400;color:var(--text-secondary)}.bin{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px 0 8px;overflow:hidden;animation:appear var(--base) var(--standard)}.bin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 16px 16px 24px}.bin-head h2{margin-bottom:4px}.bin table.list{box-shadow:none;border-radius:0;background:none}.bin .list tbody tr:first-child td{border-top:1px solid var(--border-subtle)}.versions .version-number{min-width:40px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-secondary)}.versions .row-actions .icon-button:last-child:hover{background:var(--surface-selected);color:var(--action)}.list.versions tbody tr .row-actions .icon-button{opacity:1}.settings-body{display:flex;flex-direction:column;gap:20px;padding:0 24px 16px;max-width:560px}.settings-body .field p{margin:0}.inline-number{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:400;color:var(--text)}.inline-number input{width:110px}.bin .empty{padding:16px 24px 24px;text-align:left}.dropzone{min-height:70vh;border-radius:var(--radius-card);transition:background-color var(--fast) var(--standard)}.dropzone.dragging{background:var(--surface-selected);outline:2px dashed var(--action);outline-offset:-2px}.empty{text-align:center;padding:32px 0}@media (max-width: 700px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.sidebar{min-width:0;position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--border-subtle)}.brand{padding:0}nav[aria-label=Navigatie]{order:3;flex:1 0 100%;flex-direction:row;align-items:center;overflow-x:auto;gap:8px;scrollbar-width:none}.nav-empty,.nav-title{display:none}button.nav{width:auto;flex:none;border-radius:999px;background:var(--neutral-100)}button.nav.active{background:var(--action);color:var(--action-text)}button.nav.active svg{color:inherit}.me{margin-left:auto;border-top:0;padding:0}.me-text{display:none}.content{padding:0 16px 32px}.toolbar{margin:0 -16px 16px;padding:24px 16px 16px}h1{font-size:28px}.actions button{width:44px;min-height:44px;padding:0}.actions button span{display:none}.list td:nth-child(2),.files th:nth-child(2),.files th:nth-child(3),.files td:nth-child(3){display:none}.list th:first-child,.list td:first-child{padding-left:16px}.row-actions button:not(.icon-button){width:40px;padding:0}.row-actions button:not(.icon-button) span{display:none}table.list{table-layout:fixed}.list .row-actions{width:96px}.bin .row-actions{width:72px}.bin-head{padding-left:16px}}a.button{text-decoration:none;align-self:flex-start}textarea{padding:10px 14px;resize:vertical}.panel.download{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:0}.panel.download h2,.panel.download p{margin:0}.panel.download .notes{white-space:pre-line}.content.standalone{max-width:1000px;margin:0 auto;padding-top:8px}a:not(.button){color:var(--action);text-underline-offset:2px}a:not(.button):hover{color:var(--action-hover)}.signin-card>a{font-weight:500;text-decoration:none}.rights-panel{padding-bottom:16px}.rights-panel .rights-pad{padding:0 24px;margin:12px 0}.rights-panel h3{font-size:15px;margin:24px 0 8px}.rights-panel .rights-form{max-width:none}.rights-panel .name-block{display:flex;flex-direction:column;gap:2px}.rights-panel .rights-form+h3{margin-top:32px}.stats-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-8px 0 20px}.charts .panel h2{margin-bottom:2px}.charts .panel>p.muted{margin:0 0 16px}.chart{margin:0}.chart svg{display:block;width:100%;height:140px;overflow:visible}.chart rect{fill:var(--action)}.chart rect:hover{fill:var(--action-hover)}.chart .line{fill:none;stroke:var(--action);stroke-width:2;stroke-linejoin:round}.chart .area{fill:var(--action);opacity:.12}.chart .hit{fill:transparent}.chart-axis{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid var(--border-subtle)}.chart-empty,.chart-single{margin:24px 0}.chart-single strong{font-size:22px}.meters{list-style:none;margin:0;padding:0;display:grid;gap:12px}.meters li{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px}.meter{display:block;height:8px;border-radius:999px;background:var(--surface-selected);overflow:hidden;min-width:40px}.meter>span{display:block;height:100%;border-radius:inherit;background:var(--action);min-width:2px}.usage-cell{display:grid;gap:6px;min-width:110px}.list.usage td{white-space:nowrap}.list.usage td:first-child{white-space:normal}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:32px 0 12px}.tabs+.section-head,.tabs+.stats+.section-head{margin-top:0}.section-head h2{margin:0 0 2px}.section-head .search{margin:0;width:280px;max-width:100%}.status.loading{padding:24px 0}.list tr.empty-row td{height:72px;text-align:center;white-space:normal}@media (hover: hover){.list tbody tr.empty-row:hover{background:none}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:48px 24px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.empty-state p{max-width:460px}.empty-state .error{margin:0}.placeholder p{max-width:420px}.form-actions,.dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.dialog-actions{justify-content:flex-end;margin-top:4px}.crumb-sep{color:var(--neutral-400);padding:0 2px}.site-picker{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:8px}.site-picker .field{flex:0 1 360px;min-width:200px}.site-picker button{min-height:44px}.shortcuts{display:grid;gap:8px}.shortcuts button{justify-content:flex-start}.rights-form{margin-top:24px}.title .badge{align-self:flex-start}@media (hover: hover){.list tbody tr .row-actions .icon-button.pinned-muted{opacity:1}}.list .row-actions .badge+.icon-button{margin-left:8px}dialog.dialog{width:min(440px,calc(100vw - 32px));padding:28px;border:0;border-radius:var(--radius-card);background:var(--surface);color:var(--text);box-shadow:0 24px 64px -16px #00000059;animation:appear var(--base) var(--standard)}dialog.dialog::backdrop{background:#0e0e1066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.dialog h2{margin:0}dialog.dialog .signin-form>p.muted{text-align:left;margin:-6px 0 0}.row-actions .icon-button.pinned-muted:last-child:hover{background:var(--surface-selected);color:var(--action)}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-value{overflow-wrap:anywhere}.content .panel{max-width:none}.rights-form .rights-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.split>.panel{margin:0}.split .section-head:first-child{margin-top:0}@media (min-width: 1200px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media (max-width: 700px){.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 20px;padding:2px 16px 6px}.tabs::-webkit-scrollbar{display:none}button.tab{flex:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-picker .field{flex:1 1 100%}}.editor{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface-page)}.editor-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--neutral-200, #e5e5ea);min-height:52px}.editor-bar img{flex:none;border-radius:7px}.editor-title{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.editor-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.editor-title .muted{font-size:12.5px}.editor-actions{display:flex;gap:4px}.editor-frame{flex:1;width:100%;border:0;background:var(--surface)}.editor-loading{position:absolute;top:68px;left:0;right:0;justify-content:center}.toolbar .actions button img{display:block;border-radius:3px}.mail .toolbar h1{margin:0}.mailbox-select{max-width:360px}.mail-search{display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);color:var(--text-secondary)}.mail-search input{border:0;box-shadow:none;background:none;min-width:200px;padding:9px 0}.mail-search input:focus{box-shadow:none}.mail-filters{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.streams{display:flex;gap:6px;flex-wrap:wrap}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:12px;background:var(--neutral-100);color:var(--text-secondary)}.count.unread{background:var(--petrol-100);color:var(--action)}button.tab.active .count{background:#ffffff40;color:inherit}.states{display:inline-flex;padding:3px;border-radius:999px;background:var(--neutral-100)}button.seg{min-height:32px;padding:0 14px;background:none;font-weight:500;color:var(--text-secondary)}button.seg.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.mail-search-note{margin:0 0 12px}.mail-split{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:start}.threads{list-style:none;margin:0;padding:6px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);max-height:calc(100vh - 220px);overflow-y:auto;position:sticky;top:120px}button.thread{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;min-height:0;padding:10px 12px;border-radius:14px;background:none;text-align:left;font-weight:400}button.thread:hover{background:var(--neutral-50)}button.thread.active{background:var(--surface-selected)}button.thread:active:not(:disabled){transform:none}.thread-top{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.thread-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.thread.unread .thread-from,.thread.unread .thread-subject{font-weight:700}.thread.unread .thread-from:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--action);vertical-align:middle}.thread-subject,.thread-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-subject{font-size:15px}.thread-snippet{font-size:13px}.thread .badge{align-self:flex-start;margin-top:4px}.thread-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;text-align:center;color:var(--neutral-400)}.reader{min-width:0}.reader-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12vh 24px 0;text-align:center;color:var(--neutral-400)}.thread-view{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px 24px 24px}.thread-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.thread-head h2{flex:1;min-width:200px;margin:0;font-size:22px}.thread-head .back{display:none;transform:rotate(180deg)}.thread-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.thread-actions select{width:auto;min-height:40px;border-radius:999px;padding:0 36px 0 14px}.menu-anchor{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:10;display:flex;flex-direction:column;min-width:240px;padding:6px;border-radius:14px;background:var(--surface);box-shadow:0 12px 32px -8px #0000004d,var(--shadow-card)}.menu button{justify-content:space-between;border-radius:10px;background:none;font-weight:500;min-height:40px;padding:0 12px}.menu button:hover{background:var(--surface-selected)}.later-note,.saved-note{margin:0 0 8px}.saved-note{color:var(--action);font-weight:600}.msg{padding:16px 0;border-top:1px solid var(--border-subtle)}.msg:first-of-type{border-top:0}.msg-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.msg-who{flex:1;min-width:0}.avatar.small{width:32px;height:32px;font-size:13px;flex:none}.msg.out .avatar.small{background:var(--action);color:var(--action-text)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.msg-html iframe{width:100%;border:0;border-radius:12px;background:#fff;display:block}.remote-note{margin:0 0 8px}.attachments{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.attachment{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:14px;background:var(--neutral-50)}.attachment-name{flex:1;min-width:0;display:flex;flex-direction:column}.attachment-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}button.save-button{min-height:32px;padding:0 12px;font-size:13px;background:var(--petrol-100);color:var(--action)}.notes{margin-top:16px;padding:16px;border-radius:14px;background:color-mix(in srgb,#f5c400 10%,var(--surface))}.notes h3{margin:0;font-size:15px}.notes>p.muted{margin:2px 0 8px}.note p{margin:2px 0 10px;white-space:pre-wrap}.note-form{display:flex;gap:8px}.note-form input{flex:1}.reply-bar{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-subtle)}.composer{display:flex;flex-direction:column;gap:10px}.composer h2{margin:0 0 4px}.composer-row{display:flex;align-items:center;gap:10px}.composer-row>span{width:80px;flex:none;font-size:14px}.composer-row input{flex:1}.composer textarea{width:100%;resize:vertical;min-height:120px;font:inherit;line-height:1.5}.composer-files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.composer-files li{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--neutral-100);font-size:14px}.composer-actions .spacer,.picker .spacer{flex:1}.composer-inline{margin-top:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}dialog.dialog.composer-dialog{width:min(720px,calc(100vw - 32px))}dialog.dialog.picker{width:min(520px,calc(100vw - 32px))}.picker-path{margin:4px 0 8px}.picker-list{list-style:none;margin:0 0 12px;padding:0;max-height:50vh;overflow-y:auto}.picker-list button{width:100%;justify-content:flex-start;gap:10px;border-radius:10px;background:none;font-weight:500}.picker-list button:hover{background:var(--surface-selected)}.mail-activate h1{color:var(--text);margin:0}.activate-form{display:flex;flex-direction:column;gap:12px;width:min(460px,100%)}.address-input{display:flex;align-items:center;gap:8px;color:var(--text)}.address-input input{flex:1;min-width:0}@media (max-width: 900px){.mail-split{grid-template-columns:minmax(0,1fr)}.mail-split.open .threads{display:none}.mail-split:not(.open) .reader{display:none}.threads{position:static;max-height:none}.thread-head .back{display:grid}.thread-view{padding:16px}.mail-search{flex:1}.mail .actions{flex:1 1 100%;flex-wrap:nowrap}.mail-search input{min-width:0;width:100%}.streams{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;max-width:calc(100% + 32px)}.streams::-webkit-scrollbar{display:none}.streams button.tab{flex:none}}.meet-start{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;padding:24px;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);margin-bottom:32px}.meet-start-actions{display:flex;gap:8px;flex-wrap:wrap}.meet-join{display:flex;gap:8px;flex:1;min-width:260px;max-width:460px}.meet-join input{flex:1}.meet-section{font-size:17px;margin:0 0 12px}.meet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.meet-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-card)}.meet-row-text{flex:1;min-width:0}.meet-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meet-live{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--action);white-space:nowrap}.meet-live-dot{width:8px;height:8px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 3px #2fbf7133}.meet-room{--meet-bg: #111414;--meet-surface: #1d2222;--meet-surface-2: #283030;--meet-text: #f2f5f5;--meet-muted: #a7b3b2;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--meet-bg);color:var(--meet-text);display:flex;flex-direction:column;color-scheme:dark}.meet-room .muted{color:var(--meet-muted)}.meet-room button:not(.primary):not(.meet-round):not(.link):not(.icon-button){background:var(--meet-surface-2);color:var(--meet-text)}.meet-room button:not(.primary):not(.meet-round):not(.link):not(.icon-button):hover{background:#344040}.meet-room .icon-button{color:var(--meet-muted)}.meet-room .icon-button:hover{background:var(--meet-surface-2);color:var(--meet-text)}.meet-room input,.meet-room select{background:var(--meet-surface);color:var(--meet-text);border-color:#3a4545}.meet-room .error{background:#3b1714;color:#ff8b80}.meet-center{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px;max-width:520px}.meet-center h1{font-size:24px;margin:0}.meet-prejoin{margin:auto;width:min(1100px,100%);padding:24px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:40px;align-items:center}.meet-prejoin-side{display:flex;flex-direction:column;gap:12px}.meet-prejoin-side h1{font-size:28px;margin:4px 0 0}.meet-prejoin-side p{margin:0}.meet-prejoin-side label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.meet-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--meet-muted)}.meet-preview{display:flex;flex-direction:column;gap:12px}.meet-preview .meet-tile{aspect-ratio:16 / 9}.meet-preview-controls{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:12px}.meet-devices{display:flex;gap:8px;flex-wrap:wrap}.meet-devices select{flex:1;min-width:180px}.meet-hint{font-size:14px;color:#f5c46b;margin:0}.meet-call{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.meet-call.with-panel{grid-template-columns:minmax(0,1fr) 360px}.meet-top{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 0;min-height:44px}.meet-top-title{display:flex;gap:12px;align-items:baseline;min-width:0}.meet-top-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meet-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:6px 12px;border-radius:999px;background:var(--meet-surface-2)}.meet-badge.warn{color:#f5c46b}.meet-stage{min-height:0;padding:12px 16px;display:flex}.meet-grid{flex:1;display:grid;gap:10px;align-content:center;grid-auto-rows:minmax(0,1fr);max-height:100%}.meet-tile{position:relative;overflow:hidden;border-radius:16px;background:var(--meet-surface);aspect-ratio:16 / 9;display:grid;place-items:center;min-height:0;outline:3px solid transparent;outline-offset:-3px;transition:outline-color var(--fast) var(--standard)}.meet-grid .meet-tile{aspect-ratio:auto;height:100%;min-height:120px}.meet-tile.speaking{outline-color:var(--petrol-400)}.meet-video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.meet-video.contain{object-fit:contain}.meet-video.mirror{transform:scaleX(-1)}.meet-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:22px;background:var(--petrol-600);color:#fff;position:relative}.meet-avatar.big{width:104px;height:104px;font-size:36px}.meet-tile.small .meet-avatar{width:44px;height:44px;font-size:16px}.meet-tile-name{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#0000008c;color:#fff}.meet-tile-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meet-guest{font-weight:400;opacity:.8}.meet-hand{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f5c46b;color:#1c1c1c;animation:appear var(--base) var(--spring)}.meet-reaction{position:absolute;bottom:44px;left:50%;font-size:44px;animation:meet-float 4s ease-out forwards;pointer-events:none}@keyframes meet-float{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}10%{opacity:1;transform:translate(-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-120px) scale(1)}}.meet-share{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;min-height:0}.meet-share-main{position:relative;border-radius:16px;overflow:hidden;background:#000;min-height:0}.meet-strip{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.meet-strip .meet-tile{flex:none}.meet-panel{grid-row:2 / 4;grid-column:2;margin:12px 16px 16px 0;border-radius:20px;background:var(--meet-surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}.meet-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px}.meet-room .segmented{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--meet-bg)}.meet-room .segmented button{min-height:32px;padding:0 14px;font-size:14px;background:none!important;color:var(--meet-muted)!important}.meet-room .segmented button.active{background:var(--meet-surface-2)!important;color:var(--meet-text)!important}.meet-chat{flex:1;overflow-y:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:12px}.meet-chat-meta{font-size:13px;margin-bottom:2px}.meet-chat-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.meet-chat-text a{color:var(--petrol-400)}.meet-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #2c3434}.meet-chat-form input{flex:1}.meet-people{flex:1;overflow-y:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:4px}.meet-people .nav-title{color:var(--meet-muted);margin:12px 4px 4px}.meet-person{display:flex;align-items:center;gap:10px;padding:6px 4px;color:var(--meet-muted)}.meet-person .avatar{background:var(--petrol-600);color:#fff;flex:none}.meet-person-name{flex:1;min-width:0;color:var(--meet-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meet-person button:not(.icon-button){min-height:32px;padding:0 12px;font-size:13px}.meet-invite{justify-content:flex-start!important;width:100%}.meet-controls{grid-column:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 20px 16px}.meet-controls-main{display:flex;gap:10px;align-items:center}.meet-controls-left{display:flex;min-width:0}.meet-controls-right{display:flex;gap:10px;justify-content:flex-end;align-items:center}.meet-link-button{font-variant-numeric:tabular-nums}.meet-round{position:relative;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;background:var(--meet-surface-2);color:var(--meet-text)}.meet-round:hover:not(:disabled){background:#3a4747}.meet-round.off{background:#e5484d;color:#fff}.meet-round.off:hover:not(:disabled){background:#d13438}.meet-round.active{background:var(--petrol-400);color:#fff}.meet-round.active:hover:not(:disabled){background:var(--petrol-500)}.meet-round.danger{width:64px;border-radius:999px;background:#e5484d;color:#fff}.meet-round.danger:hover{background:#c93338}.meet-badge-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;line-height:18px;background:var(--petrol-400);color:#fff}.meet-end{min-height:40px;font-size:14px}.meet-reactions-wrap{position:relative}.meet-reactions{position:absolute;bottom:58px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:6px;border-radius:999px;background:var(--meet-surface-2);box-shadow:0 8px 24px #0006;animation:appear var(--base) var(--spring)}.meet-reactions button{width:42px;min-height:42px;padding:0;font-size:24px;background:none!important;border-radius:50%}.meet-reactions button:hover{background:#3a4747!important}.meet-lobby-toast{position:absolute;top:60px;right:20px;z-index:3;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;background:var(--meet-surface-2);box-shadow:0 8px 24px #0006;max-width:calc(100% - 40px);animation:appear var(--base) var(--spring)}.meet-lobby-row{display:flex;align-items:center;gap:8px}.meet-lobby-row span{flex:1;margin-right:8px}.meet-lobby-row button{min-height:34px;padding:0 14px;font-size:14px}.meet-notice{position:absolute;bottom:84px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--meet-surface-2);box-shadow:0 8px 24px #0006;max-width:calc(100% - 40px);font-size:14px}@media (max-width: 900px){.meet-prejoin{grid-template-columns:1fr;gap:20px}.meet-call.with-panel{grid-template-columns:minmax(0,1fr)}.meet-panel{position:absolute;top:56px;right:8px;bottom:84px;left:8px;margin:0;z-index:4}.meet-controls{grid-template-columns:1fr;justify-items:center;padding:8px 8px 12px}.meet-controls-left,.meet-end{display:none}.meet-controls-right{position:absolute;top:8px;right:8px}.meet-controls-right .meet-round{width:40px;height:40px;min-height:40px}.meet-controls-main{gap:6px;flex-wrap:wrap;justify-content:center}.meet-round{width:44px;height:44px;min-height:44px}.meet-share{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 110px}.meet-strip{flex-direction:row;overflow-x:auto}.meet-strip .meet-tile{height:100%;aspect-ratio:4 / 3}.meet-grid{gap:6px}.meet-top{padding-right:110px}}@media (max-width: 600px){.meet-grid{grid-template-columns:repeat(var(--cols-mobile, 1),minmax(0,1fr))!important}.meet-grid:has(>:nth-child(3)){--cols-mobile: 2}}.meet-round{flex:none}.meet-end{white-space:nowrap}.meet-call.with-panel .meet-controls-left{display:none}.meet-call.with-panel .meet-controls{grid-template-columns:auto 1fr}.meet-call.with-panel .meet-controls-right{justify-content:flex-end}@media (max-width: 1200px){.meet-call.with-panel .meet-end{display:none}}button.nav .nav-count{margin-left:auto}.chat{margin:0 -40px -48px}.chat-split{display:grid;grid-template-columns:320px minmax(0,1fr);height:100vh}.chat-list{display:flex;flex-direction:column;gap:2px;padding:32px 12px 16px;overflow-y:auto;border-right:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface) 55%,var(--surface-page))}.chat-list-head{display:flex;align-items:center;gap:8px;padding:0 8px 12px}.chat-list-head h1{font-size:28px}.chat-list .spacer{flex:1}.chat-section{display:flex;align-items:center;gap:6px;padding:14px 10px 4px;font-size:13px;font-weight:600;color:var(--text-secondary)}.chat-section span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}button.channel{width:100%;min-height:48px;justify-content:flex-start;gap:10px;padding:6px 10px;border-radius:12px;background:none;font-weight:500;text-align:left}button.channel:hover{background:var(--neutral-50)}button.channel.active{background:var(--surface-selected)}button.channel:active:not(:disabled){transform:none}button.channel.unread .channel-name{font-weight:700}button.channel.unread .channel-preview{color:var(--text)}.channel-text{flex:1;min-width:0;display:flex;flex-direction:column}.channel-name,.channel-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-preview{font-weight:400}.channel-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--neutral-400)}.count.mention{background:var(--action);color:var(--action-text);font-weight:700}.hash{width:32px;height:32px;display:grid;place-items:center;flex:none;font-size:18px;font-weight:600;color:var(--text-secondary)}.avatar.hash{font-size:20px;color:var(--action)}.group-avatar{color:var(--action)}.chat-avatar{position:relative}.online-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#34c759;box-shadow:0 0 0 2px var(--surface)}.chat-hint{padding:6px 10px}button.chat-new-channel{margin-top:10px;justify-content:flex-start;gap:10px;padding:0 12px;background:none;color:var(--action);font-weight:500}button.chat-new-channel:hover{background:var(--surface-selected)}.chat-people-note{padding:12px 10px 0;margin-top:auto}.chat-main{min-width:0;display:flex;flex-direction:column;height:100vh;background:var(--surface)}.conversation{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-head{display:flex;align-items:center;gap:12px;padding:20px 24px 14px;border-bottom:1px solid var(--border-subtle)}.conversation-head .back{display:none;transform:rotate(180deg)}.conversation-title{flex:1;min-width:0;display:flex;flex-direction:column}.conversation-title h2,.conversation-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-actions{display:flex;gap:4px}.notify-ask{display:flex;align-items:center;gap:10px;margin:12px 24px 0;padding:8px 8px 8px 14px;border-radius:14px;background:var(--surface-selected);color:var(--text);font-size:14px}.notify-ask svg{color:var(--action)}.notify-ask span{flex:1}.notify-ask button.primary{min-height:32px;padding:0 14px;font-size:14px}.conversation>.error{margin:12px 24px 0}.messages{flex:1;min-height:0;overflow-y:auto;padding:12px 0 4px;overscroll-behavior:contain}.chat-start{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10vh 24px;color:var(--neutral-400);text-align:center}.day{display:flex;align-items:center;gap:12px;margin:14px 24px 6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.day:before,.day:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.day.new{color:var(--danger)}.day.new:before,.day.new:after{background:color-mix(in srgb,var(--danger) 40%,transparent)}.chat-msg{position:relative;display:flex;gap:10px;padding:6px 24px 4px}.chat-msg.compact{padding-top:1px}.chat-msg:hover{background:var(--neutral-50)}.chat-msg.mentioned{background:color-mix(in srgb,#f5c400 9%,var(--surface));box-shadow:inset 3px 0 #e0b300}.chat-msg-gutter{width:36px;flex:none;display:flex;justify-content:center}.chat-msg-time{visibility:hidden;font-size:11px;line-height:22px}.chat-msg:hover .chat-msg-time{visibility:visible}.chat-msg-body{flex:1;min-width:0}.chat-msg-head{display:flex;align-items:baseline;gap:8px}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.chat-text.big-emoji{font-size:34px;line-height:1.2}.chat-text.deleted{font-style:italic}.chat-text a{color:var(--action)}.mention{padding:0 3px;border-radius:5px;background:var(--petrol-100);color:var(--action);font-weight:600}.mention.mention-self{background:#f5c400;color:#1c1c1c}.chat-quote{display:flex;align-items:center;gap:6px;margin:2px 0 4px;padding:4px 10px;border-left:3px solid var(--petrol-200);border-radius:0 8px 8px 0;background:var(--neutral-50);font-size:13px;color:var(--text-secondary);max-width:560px}.chat-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-files{list-style:none;margin:6px 0 2px;padding:0;display:flex;flex-direction:column;gap:6px;max-width:420px}.chat-file .attachment{background:var(--neutral-50)}.chat-file.with-preview{display:flex;flex-direction:column;gap:4px}button.chat-image{padding:0;min-height:0;border-radius:14px;overflow:hidden;background:none;align-self:flex-start}button.chat-image img{display:block;max-width:100%;max-height:320px;border-radius:14px}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}button.reaction{min-height:26px;padding:0 8px;gap:4px;font-size:13px;font-weight:600;background:var(--neutral-100);color:var(--text-secondary);box-shadow:inset 0 0 0 1px transparent}button.reaction span{font-size:15px}button.reaction.mine{background:var(--petrol-100);color:var(--action);box-shadow:inset 0 0 0 1px var(--petrol-400)}.chat-msg-tools{position:absolute;right:20px;top:-14px;display:none;gap:2px;padding:3px;border-radius:12px;background:var(--surface);box-shadow:0 6px 18px -6px #00000040,var(--shadow-card)}.chat-msg:hover .chat-msg-tools,.chat-msg-tools.open,.chat-msg:focus-within .chat-msg-tools{display:flex}.chat-msg-tools .icon-button{width:30px;min-height:30px}.chat-msg-tools .emoji{font-size:16px}.typing{min-height:20px;padding:0 24px}.chat-composer{position:relative;display:flex;flex-direction:column;gap:6px;padding:4px 24px 16px}.composer-box{display:flex;align-items:flex-end;gap:6px;padding:6px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.composer-box:focus-within{border-color:var(--action);box-shadow:0 0 0 3px var(--petrol-100)}.composer-box textarea{flex:1;min-height:36px;max-height:220px;padding:7px 4px;border:0;box-shadow:none;resize:none;background:none;font:inherit;line-height:1.45}.composer-box textarea:focus{box-shadow:none}button.send{width:36px;min-height:36px;padding:0;flex:none}.composer-hint{padding:0 12px;font-size:12px}.composer-context{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--neutral-50);font-size:13px;color:var(--text-secondary)}.composer-context span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu.up{top:auto;bottom:calc(100% + 6px);left:0;right:auto}.mention-list{position:absolute;left:24px;bottom:calc(100% - 2px);z-index:10;list-style:none;margin:0;padding:6px;min-width:260px;border-radius:14px;background:var(--surface);box-shadow:0 12px 32px -8px #0000004d,var(--shadow-card)}.mention-list button{width:100%;justify-content:flex-start;gap:10px;min-height:40px;padding:0 10px;border-radius:10px;background:none;font-weight:500}.mention-list button.active,.mention-list button:hover{background:var(--surface-selected)}.people-form{display:flex;flex-direction:column;gap:12px}label.person{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;cursor:pointer}label.person:hover,label.person.chosen{background:var(--surface-selected)}label.person input{width:18px;height:18px;accent-color:var(--action)}label.person .name-block{display:flex;flex-direction:column;min-width:0}@media (max-width: 900px){.chat-split{grid-template-columns:minmax(0,1fr)}.chat-split.open .chat-list{display:none}.chat-split:not(.open) .chat-main{display:none}.conversation-head .back{display:grid}.chat-list{border-right:0}}@media (max-width: 700px){.chat{margin:0 -16px -32px}.chat-split,.chat-main{height:calc(100dvh - 112px)}.chat-list{padding-top:16px}.conversation-head{padding:12px 12px 10px}.chat-msg{padding-left:12px;padding-right:12px}.day{margin-left:12px;margin-right:12px}.chat-composer{padding:4px 12px 12px}.typing{padding:0 12px}.composer-hint{display:none}.chat-msg-tools{right:8px}}@media (hover: none){.chat-msg:hover{background:none}}.mail-notice{margin:0 0 12px}.activate-or{margin:4px 0 0}button.ai-button{min-height:32px;padding:0 14px;margin:0 0 8px;font-size:13px;font-weight:500;background:var(--petrol-50);color:var(--action)}.ai-summary{margin:0 0 12px;padding:12px 16px;border-radius:14px;background:var(--petrol-50);border:1px solid var(--petrol-100)}.ai-summary p{margin:4px 0 0}.ai-summary .ai-todo{font-weight:600;color:var(--action)}.ai-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--action)}.ai-draft{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--petrol-50);color:var(--action)}.ai-draft input{flex:1;min-width:0;border:0;background:none;box-shadow:none;padding:6px 0}.ai-draft input:focus{box-shadow:none}.ai-draft button{min-height:32px;padding:0 14px;font-size:13px;background:var(--action);color:var(--action-text)}.content.chat-window{padding:0}.chat-window .chat{margin:0}.chat-window .chat-split,.chat-window .chat-main{height:100vh;height:100dvh}.content.venster{padding:0 24px 24px}.row-buttons{display:flex;gap:8px;flex-wrap:wrap}.error-detail{margin:8px 0 0;padding:12px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;background:var(--surface-page);border-radius:8px}