:root{--brand:#f7b645;--brand-hover:#eea52a;--brand-soft:#fef3c7;--on-brand:#010001;--ink:#010001;--text:#1b1b1b;--muted:#5c5c5c;--faint:#8a8a8a;--bg:#f5f5f5;--surface:#fff;--surface-2:#fafafa;--line:#e6e6e6;--line-strong:#d4d4d4;--nav-bg:#1b1b1b;--nav-text:#cfcfcf;--nav-muted:#8a8a8a;--nav-line:#333;--ok-bg:#dcfce7;--ok:#166534;--warn-bg:#ffedd5;--warn:#9a3412;--bad-bg:#fee2e2;--bad:#991b1b;--info-bg:#e0e7ff;--info:#3730a3;--focus:0 0 0 3px #f7b64573;--series-1:#4a68b0;--series-2:#e39d1c;--radius:8px;--font-title:"Poppins", system-ui, sans-serif;--font-body:"Montserrat", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand-soft:#3d2f12;--text:#ededed;--ink:#f5f5f5;--muted:#a3a3a3;--faint:#7a7a7a;--bg:#111;--surface:#1b1b1b;--surface-2:#222;--line:#2e2e2e;--line-strong:#3d3d3d;--nav-bg:#0b0b0b;--nav-line:#262626;--ok-bg:#14321f;--ok:#86efac;--warn-bg:#3b2410;--warn:#fdba74;--bad-bg:#3b1616;--bad:#fca5a5;--info-bg:#1e2547;--info:#a5b4fc;--series-1:#7392dc;--series-2:#c08618;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{font:14px/1.5 var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-title);color:var(--ink);margin:0;font-weight:500}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}a{color:inherit}code,.mono{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}button,.btn{font:500 13px var(--font-body);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;display:inline-flex}button:hover{background:var(--surface-2)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus);border-color:var(--brand);outline:none}button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}button.primary:hover{background:var(--brand-hover)}button.danger{color:var(--bad);border-color:var(--bad-bg)}button.danger.solid{background:var(--bad);border-color:var(--bad);color:#fff}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background:var(--surface-2)}button.icon{justify-content:center;width:34px;padding:0}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:13px var(--font-body);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);height:34px;color:var(--text);width:100%;padding:0 10px}textarea{height:auto;min-height:70px;padding:8px 10px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}label.check{color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.help{color:var(--faint);font-size:12px}.error-text{color:var(--bad);font-size:12px}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100%;display:grid}.nav{background:var(--nav-bg);color:var(--nav-text);flex-direction:column;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.logo{font:600 20px var(--font-title);color:#f5f5f5;letter-spacing:-.3px;padding:0 10px}.logo span{color:var(--brand)}.product{color:var(--nav-muted);letter-spacing:.3px;padding:0 10px 16px;font-size:11px}.app-switcher{padding:0 2px 12px;position:relative}.app-switcher-button{border-radius:var(--radius);width:100%;color:var(--nav-muted);letter-spacing:.3px;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:6px;height:auto;padding:4px 8px;font-size:11px;display:flex}.app-switcher-button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-switcher-button:hover,.app-switcher-button[aria-expanded=true]{border-color:var(--nav-line);color:#f5f5f5;background:0 0}.app-switcher-menu{z-index:20;border:1px solid var(--nav-line);border-radius:var(--radius);background:#262626;flex-direction:column;gap:1px;margin-top:-6px;padding:4px;display:flex;position:absolute;top:100%;left:2px;right:2px;box-shadow:0 8px 24px #00000059}.nav .app-switcher-menu a{padding:7px 8px}.nav .app-switcher-menu a:hover{background:#333}.nav .app-switcher-menu a.current{color:#fff}.app-switcher-menu .check{color:var(--brand);margin-left:auto}.app-switcher-menu .sep{background:var(--nav-line);height:1px;margin:3px 4px}.switcher{border:1px solid var(--nav-line);border-radius:var(--radius);margin:0 2px 14px;padding:6px 10px}.switcher .label{color:var(--nav-muted);font-size:11px}.switcher select{color:#f5f5f5;background:0 0;border:none;height:24px;padding:0;font-weight:500}.switcher select option{color:#111}.nav-group{color:var(--nav-muted);padding:14px 10px 4px;font-size:11px}.nav a{border-radius:var(--radius);color:var(--nav-text);align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#262626}.nav a.active{background:var(--brand);color:var(--on-brand)}.nav a .count{background:var(--brand);color:var(--on-brand);border-radius:10px;margin-left:auto;padding:0 7px;font-size:11px}.nav a.active .count{background:var(--on-brand);color:var(--brand)}.nav .user{border-top:1px solid var(--nav-line);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 0;display:flex}.avatar{background:var(--brand);width:30px;height:30px;color:var(--on-brand);font:600 12px var(--font-title);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.nav .user .name{color:#f5f5f5;font-size:13px;font-weight:500}.nav .user .role{color:var(--nav-muted);font-size:11px}.main{min-width:0;padding:22px 28px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.page-head .sub{color:var(--muted);margin-top:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card h2{margin-bottom:10px}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.metric .k{color:var(--muted);font-size:12px}.metric .v{font:500 26px var(--font-title);color:var(--ink);margin-top:2px}.metric.warn .v{color:var(--warn)}.metric .delta{color:var(--muted);margin-top:2px;font-size:12px}.metric .delta b{font-weight:600}.metric .delta .up{color:var(--ok)}.metric .delta .down{color:var(--bad)}.chart{position:relative}.chart-plot{width:100%;position:relative}.chart-plot svg{display:block;overflow:visible}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:6px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i,.chart-tip i{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.chart-axis{fill:var(--faint);font-size:11px;font-family:var(--font-body)}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-base{stroke:var(--line-strong);stroke-width:1px}.chart-cross{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 3}.chart-dot{stroke:var(--surface);stroke-width:2px}.chart-tip{pointer-events:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);z-index:2;min-width:160px;padding:8px 10px;font-size:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.chart-tip-title{color:var(--ink);margin-bottom:4px;font-weight:600}.chart-tip-row{color:var(--muted);align-items:center;gap:6px;display:flex}.chart-tip-row span{flex:1}.chart-tip-row b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.chart-table{margin-top:8px;font-size:12px}.chart-table summary{cursor:pointer;color:var(--muted);width:max-content}.chart-table table{margin-top:6px}.list-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.list-row:first-of-type{border-top:none}.grid-2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}.grid-2.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.badge{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.badge.warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.badge.bad{background:var(--bad-bg);color:var(--bad);border-color:#0000}.badge.info{background:var(--info-bg);color:var(--info);border-color:#0000}.badge.brand{background:var(--brand-soft);color:var(--ink);border-color:#0000}.banner{border-radius:var(--radius);white-space:pre-wrap;margin-bottom:12px;padding:10px 12px;font-size:13px}.banner.ok{background:var(--ok-bg);color:var(--ok)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.bad{background:var(--bad-bg);color:var(--bad)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:15px;height:30px;padding:0 12px;font-size:12px;font-weight:500}.chip.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.subnav{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex}.subnav button{height:38px;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 12px}.subnav button.on{color:var(--ink);border-bottom-color:var(--brand)}table.table{border-collapse:collapse;width:100%;font-size:13px}table.table th{text-align:left;color:var(--faint);border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px;font-weight:500}table.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px}table.table tr.click{cursor:pointer}table.table th button.sort{height:auto;color:inherit;font:inherit;background:0 0;border:none;gap:4px;padding:0}table.table th button.sort:hover,table.table th button.sort.on{color:var(--text)}table.table th.num button.sort{margin-left:auto}.pager{padding:10px 14px}table.table tr.click:hover td{background:var(--surface-2)}table.table tr.selected td{background:var(--brand-soft)}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.empty{text-align:center;color:var(--muted);padding:28px}.with-panel{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;max-height:calc(100vh - 32px);padding:16px;display:flex;position:sticky;top:16px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.panel .actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.kv{grid-template-columns:120px 1fr;gap:6px 12px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.tile{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px}.tile .k{color:var(--faint);font-size:11px}.cal-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.cal{border-collapse:separate;border-spacing:0;-webkit-user-select:none;user-select:none;width:100%;font-size:12px}.cal th,.cal td{border-bottom:1px solid var(--line);text-align:center;min-width:70px;height:44px;padding:0}.cal thead th{height:46px;color:var(--muted);background:var(--surface);z-index:1;font-weight:500;line-height:1.25;position:sticky;top:0}.cal thead th .d{color:var(--ink);font:500 14px var(--font-title);display:block}.cal thead th.today .d{color:var(--on-brand);background:var(--brand);border-radius:6px;width:fit-content;margin:0 auto;padding:0 6px}.cal.month th:not(.rowhead),.cal.month td{min-width:56px}.cal.month .price{font-size:11px}.cal.month .avail{margin:0 3px}.cal .rowhead{background:var(--surface);text-align:left;z-index:1;border-right:1px solid var(--line);min-width:210px;max-width:240px;padding:0 12px;position:sticky;left:0}.cal tr.room .rowhead{color:var(--ink);font-weight:600}.cal tr.room td.cell,.cal tr.room th.rowhead{border-top:1px solid var(--line-strong)}.cal .weekend{background:var(--surface-2)}.cal td.cell{cursor:cell;position:relative}.cal td.cell.locked{cursor:default;color:var(--faint)}.cal td.cell.sel{background:var(--brand-soft);box-shadow:inset 0 0 0 1.5px var(--brand)}.avail{border-radius:6px;margin:0 5px;padding:4px 0;font-weight:600}.avail.ok{background:var(--ok-bg);color:var(--ok)}.avail.low{background:var(--warn-bg);color:var(--warn)}.avail.out{background:var(--bad-bg);color:var(--bad)}.avail.none{color:var(--faint);font-weight:400}.price{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}.price.missing{color:var(--faint);font-weight:400}.marks{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px;display:flex}.mark{border-radius:4px;padding:0 4px;font-size:10px;font-weight:600;line-height:15px}.mark.min{background:var(--info-bg);color:var(--info)}.mark.cta{background:var(--warn-bg);color:var(--warn)}.mark.stop{background:var(--bad-bg);color:var(--bad)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;display:flex}.login{grid-template-columns:minmax(0,1fr) minmax(360px,440px);min-height:100%;display:grid}.login .hero{background:var(--brand);color:var(--on-brand);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.login .hero h1{color:var(--on-brand);max-width:420px;font-size:34px;line-height:1.15}.login .hero .logo{color:var(--on-brand);padding:0;font-size:24px}.login .hero .logo span{color:#fff}.login .form{background:var(--surface);flex-direction:column;justify-content:center;gap:14px;padding:48px 40px;display:flex}@media (width<=1100px){.with-panel{grid-template-columns:minmax(0,1fr)}.panel{max-height:none;position:static}}@media (width<=820px){.shell{grid-template-columns:minmax(0,1fr)}.nav{flex-flow:wrap;align-items:center;height:auto;padding:10px;position:static}.nav .product,.nav-group{display:none}.nav .user{border:none;margin-top:0;margin-left:auto;padding:0}.switcher{margin:0}.app-switcher{padding:0}.app-switcher-menu{min-width:220px;margin-top:4px;left:0;right:auto}.main{padding:16px}.grid-2,.grid-2.even,.login{grid-template-columns:minmax(0,1fr)}.login .hero{padding:28px}}.cal thead th.rowhead{z-index:3;left:0}@media (width<=420px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .v{font-size:22px}}.share{background:var(--series-2);border-radius:2px;height:4px;margin-top:4px}table.table .up{color:var(--ok)}table.table .down{color:var(--bad)}.crm-ai-indicator{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crm-ai-pulse{background:var(--info);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite crm-ai-pulse}@keyframes crm-ai-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.crm-ai-pulse{animation:none}}.crm-ai-review{flex-direction:column;gap:12px;display:flex}.crm-ai-review h2{margin:0}.crm-ai-reasoning{border-left:3px solid var(--brand);background:var(--surface-2);padding:4px 12px}.crm-ai-reasoning p{margin:4px 0 0}.crm-ai-items{border-collapse:collapse;width:100%}.crm-ai-items td,.crm-ai-items th{border-bottom:1px solid var(--line);text-align:left;padding:6px 0;font-weight:400}.crm-ai-items .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.crm-ai-message{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px 16px}.crm-ai-subject{margin-bottom:8px;font-weight:600}.crm-ai-review a.button{border-radius:var(--radius);height:32px;color:inherit;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.crm-ai-table-wrap{overflow-x:auto}.crm-ai-rules{border-collapse:collapse;width:100%}.crm-ai-rules th{text-align:left;color:var(--muted);padding:6px 4px;font-size:12px;font-weight:600}.crm-ai-rules td{border-top:1px solid var(--line);padding:4px}.crm-ai-rules input[type=number]{width:72px}.crm-ai-tester{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.crm-ai-tester h3{margin:0 0 8px;font-size:14px}.ch-timeline{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ch-entry{display:flex}.ch-entry.in{justify-content:flex-start}.ch-entry.out{justify-content:flex-end}.ch-bubble{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;max-width:min(560px,85%);padding:8px 12px;display:flex}.ch-entry.out .ch-bubble{background:var(--brand-soft);border-color:#0000}.ch-entry.bad .ch-bubble{border-color:var(--bad)}.ch-meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.ch-by{font-weight:600}.ch-body{white-space:pre-wrap;overflow-wrap:anywhere}.ch-snippet{color:var(--muted);font-size:13px}.ch-media{border-radius:6px;max-width:240px;max-height:240px;display:block}.ch-audio{width:100%;max-width:320px;height:32px}.ch-read{color:var(--info)}.ch-failed{color:var(--bad);align-items:center;gap:2px;display:inline-flex}.ch-link{color:inherit;text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.ch-composer{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.ch-composer textarea{resize:vertical;width:100%}.ch-window{color:var(--muted);font-size:12px}.ch-preview{white-space:pre-wrap;border-radius:var(--radius);background:var(--brand-soft);padding:8px 12px;font-size:14px}.ch-callbacks{border-collapse:collapse;width:100%}.ch-callbacks th,.ch-callbacks td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.ch-callbacks tr.overdue td:first-child{box-shadow:inset 3px 0 0 var(--bad)}@media (width<=640px){.ch-bubble{max-width:100%}.ch-callbacks thead{display:none}.ch-callbacks td{border:0;padding:4px 8px;display:block}.ch-callbacks tr{border-bottom:1px solid var(--line);padding:8px 0;display:block}}.sla-clock{font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;align-items:baseline;gap:6px;padding:2px 8px;display:inline-flex}.sla-clock .sla-label{color:var(--muted);font-size:11px}.sla-clock .sla-value{font-weight:600}.my-work .sla-clock .sla-label{display:none}.sla-clock.ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.sla-clock.warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.sla-clock.bad{background:var(--bad-bg);color:var(--bad);border-color:#0000}.ok-text{color:var(--ok)}.presence{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:2px;padding:2px;display:inline-flex}.presence-option{background:0 0;border:none;height:28px;padding:0 10px}.presence-option.on{background:var(--surface);box-shadow:0 1px 2px #0000001f}.presence-option .dot,.presence-pill:before{background:var(--faint);border-radius:50%;width:8px;height:8px;display:inline-block}.presence-option.available .dot,.presence-pill.available:before{background:#16a34a}.presence-option.busy .dot,.presence-pill.busy:before{background:#d97706}.presence-error{color:var(--bad);padding:0 8px;font-size:12px}.presence-pill{text-transform:capitalize;align-items:center;gap:6px;font-size:12px;display:inline-flex}.presence-pill:before{content:""}.ring-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0100018c;place-items:center;padding:16px;animation:.16s ease-out ring-in;display:grid;position:fixed;inset:0}@keyframes ring-in{0%{opacity:0}to{opacity:1}}.ring-card{background:var(--surface);border:2px solid var(--brand);border-radius:16px;flex-direction:column;gap:14px;width:min(760px,100%);max-height:calc(100vh - 32px);padding:22px 24px 20px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 24px 64px #00000059}.ring-progress{background:var(--brand);height:4px;transition:width .25s linear;position:absolute;top:0;left:0}.ring-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ring-head h1{font:600 24px/1.25 var(--font-title);color:var(--ink);margin:2px 0 0}.ring-timer{font:600 28px var(--font-title);font-variant-numeric:tabular-nums;color:var(--ink)}.ring-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.ring-body h2{text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin:0 0 6px;font-size:12px}.ring-facts{grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0;font-size:14px;display:grid}.ring-facts dt{color:var(--muted)}.ring-facts dd{margin:0}.ring-notes{white-space:pre-wrap}.ring-reasoning{color:var(--muted);border-left:3px solid var(--info);margin:0;padding-left:10px;font-size:13px}.ring-actions{justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.ring-actions button{height:48px;padding:0 20px;font-size:15px}.ring-accept{justify-content:center;min-width:200px}.ring-actions kbd{font:500 11px var(--font-body);opacity:.6;border:1px solid;border-radius:4px;padding:0 4px}.ring-toast{z-index:1000;background:var(--ink);color:var(--surface);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex;position:fixed;bottom:16px;right:16px}.ring-toast button{color:inherit}@media (width<=640px){.ring-body{grid-template-columns:1fr}.ring-actions{flex-direction:column-reverse}.ring-actions button{justify-content:center;width:100%}.ring-actions kbd{display:none}}.segmented{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);gap:2px;padding:2px;display:inline-flex}.segmented button{text-transform:capitalize;background:0 0;border:none;height:26px;padding:0 10px}.segmented button.on{background:var(--surface);box-shadow:0 1px 2px #0000001f}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:12px 16px;display:grid}.form-grid label.check{grid-column:1/-1}table.table th.num{text-align:right}@media (width<=640px){table.my-work thead{display:none}table.my-work,table.my-work tbody,table.my-work tr,table.my-work td{width:100%;display:block}table.my-work tr{border-bottom:1px solid var(--line);padding:10px 0}table.my-work td{border:none;padding:2px 0}table.my-work td:nth-child(4),table.my-work td:nth-child(5){width:auto;margin-right:8px;display:inline-block}.my-work .sla-clock .sla-label{display:inline}}.timeline{flex-direction:column;gap:10px;display:flex}.timeline .item{grid-template-columns:130px 90px 1fr;gap:10px;font-size:13px;display:grid}.timeline .item.note>div:last-child{border-left:3px solid var(--brand);white-space:pre-wrap;padding-left:8px}.timeline .when,.timeline .kind{color:var(--faint);font-size:12px}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tabs button{align-items:center;gap:6px;display:inline-flex}.tabs button.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.tabs .n{opacity:.75;font-size:11px}.filters{flex-wrap:wrap;gap:8px}.kv dd{overflow-wrap:anywhere;min-width:0}.card:has(>table.table){overflow-x:auto}.table .mono{white-space:nowrap}.message{white-space:pre-wrap;font-size:13px}.grid-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.timeline .item{grid-template-columns:minmax(0,1fr);gap:2px}}
