:root{--bg: #f7f7fb;--surface: #ffffff;--surface-soft: #fcfcfe;--sidebar: #fbfbfe;--line: #ecedf4;--line-soft: #f3f4f9;--line-strong: #e0e2ec;--text: #171a24;--text-2: #5d6478;--text-3: #9aa0b4;--text-4: #b6bbcb;--accent: #0e9f6e;--accent-deep: #0b7f58;--accent-soft: rgba(14, 159, 110, .09);--accent-line: rgba(14, 159, 110, .22);--r-sm: 8px;--r: 12px;--r-lg: 16px;--shadow-xs: 0 1px 2px rgba(23, 26, 36, .04);--shadow-sm: 0 1px 3px rgba(23, 26, 36, .05), 0 6px 16px rgba(23, 26, 36, .045);--shadow-md: 0 2px 6px rgba(23, 26, 36, .06), 0 14px 34px rgba(23, 26, 36, .07);--font: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:13.5px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e2e4ee;border:3px solid transparent;background-clip:content-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#d2d5e3;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.spacer{flex:1}.app{display:grid;grid-template-columns:258px 396px minmax(0,1fr);grid-template-rows:62px minmax(0,1fr);height:100%;background:var(--bg)}.sidebar{grid-column:1;grid-row:1 / -1}.topbar{grid-column:2 / -1;grid-row:1}.notes{grid-column:2 / -1}.queue{grid-column:2;grid-row:-2}.thread-pane{grid-column:3;grid-row:-2}.wide-pane{grid-column:2 / -1;grid-row:-2;display:grid;min-height:0}.topbar{display:flex;align-items:center;gap:14px;padding:0 22px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar .search{max-width:640px}.topbar .search input{height:36px;background:var(--surface-soft)}.me{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 5px;border-radius:10px}.me:hover{background:#171a2409}.me-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#171a24;color:#fff;font-weight:620;font-size:13px;flex:none}.me-name{font-size:13px;font-weight:600;letter-spacing:-.015em;line-height:1.2;text-align:left}.me-state{font-size:11.5px;color:var(--text-3);display:flex;align-items:center;gap:5px}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;min-height:0}.brand{display:grid;gap:5px;justify-items:start;padding:22px 20px 18px;margin-bottom:6px;border-bottom:1px solid var(--line);color:var(--text)}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#2fc48f,#0e9f6e 55%,#0a6f4c);box-shadow:0 4px 12px #0e9f6e52;flex:none}.brand-mark svg{width:17px;height:17px}.brand-name{display:block;font-size:15px;font-weight:660;letter-spacing:-.02em;color:var(--text);line-height:1;margin-left:2px}.brand-sub{display:block;font-size:11.5px;color:var(--text-3);letter-spacing:-.005em}.nav{padding:0 12px;overflow-y:auto;min-height:0}.nav-title{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text-4);padding:22px 8px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:8px 9px;border-radius:9px;color:var(--text-2);font-size:13.5px;font-weight:500;transition:background .12s ease,color .12s ease}.nav-item:hover{background:#171a2409;color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:620}.nav-item.active.tinted{background:var(--cat-soft)}.nav-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11.5px;flex:none;background:#171a240b}.nav-item.active .nav-icon{background:#ffffffd9;box-shadow:var(--shadow-xs)}.nav-icon.cat{background:var(--cat-soft)}.nav-item.active .nav-icon.cat{background:#fff}.nav-icon svg{width:14px;height:14px}.nav-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-3);font-weight:600;min-width:18px;text-align:right}.nav-item.active .nav-count{color:var(--text)}.nav-count.pill{background:var(--accent);color:#fff;border-radius:20px;padding:1px 7px;text-align:center;font-size:11px}.sidebar-foot{padding:14px 20px 18px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.04em;color:var(--text-4)}.sidebar-foot .wordmark{display:flex;align-items:center;gap:9px}.sidebar-foot .wordmark strong{font-size:13px;letter-spacing:-.02em}.sidebar-foot .wordmark span{font-size:10.5px;color:var(--text-3);display:block;letter-spacing:.01em}.queue{background:var(--surface);border-right:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.queue-head{padding:17px 16px 12px;display:flex;align-items:center;gap:9px}.queue-head h1{margin:0;font-size:17px;font-weight:660;letter-spacing:-.03em}.queue-head .count{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:600}.queue-tools{padding:0 14px 10px;display:flex;align-items:center;gap:8px}.search{flex:1;position:relative;display:flex;align-items:center}.search svg{position:absolute;left:11px;width:14px;height:14px;color:var(--text-4);pointer-events:none}.search input{width:100%;height:34px;padding:0 11px 0 32px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);outline:none;font-size:13px;transition:border-color .12s ease,box-shadow .12s ease}.search input::placeholder{color:var(--text-4)}.search input:focus{border-color:var(--accent-line);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.sort{position:relative;display:inline-flex;align-items:center;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);transition:border-color .12s ease,background .12s ease}.sort:hover{border-color:var(--line-strong);background:var(--surface)}.sort:focus-within{border-color:var(--accent-line);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.sort select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;outline:none;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:550;padding:0 28px 0 11px;height:100%;cursor:pointer}.sort:focus-within select{color:var(--text)}.sort svg{position:absolute;right:9px;width:13px;height:13px;color:var(--text-4);pointer-events:none}.sort:hover svg{color:var(--text-3)}.queue-list{overflow-y:auto;min-height:0;padding:2px 10px 14px;display:flex;flex-direction:column;gap:3px}.ticket{position:relative;flex:none;width:100%;text-align:left;padding:11px 13px 11px 15px;border-radius:11px;border:1px solid transparent;background-image:var(--cat-glow);background-color:transparent;transition:box-shadow .14s ease,border-color .14s ease,transform .14s ease;overflow:hidden}.ticket:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--cat);opacity:.85}.ticket:hover{border-color:var(--cat-line)}.ticket.selected{border-color:var(--cat-line);box-shadow:var(--shadow-sm),0 0 0 1px var(--cat-line);background-color:#ffffff80}.ticket.selected:before{opacity:1}.t-row{display:flex;align-items:center;gap:9px}.avatar{border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:640;letter-spacing:-.01em;flex:none;background:var(--cat);width:30px;height:30px;font-size:12.5px}.avatar.lg{width:38px;height:38px;border-radius:11px;font-size:15px}.avatar.sm{width:26px;height:26px;border-radius:8px;font-size:11px}.t-name{font-weight:620;font-size:13.5px;letter-spacing:-.012em}.t-num{font-size:11.5px;color:var(--text-4);font-variant-numeric:tabular-nums;font-weight:500}.t-age{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto}.t-dot{width:6px;height:6px;border-radius:50%;background:var(--cat);flex:none}.t-title{font-weight:590;font-size:13.5px;letter-spacing:-.012em;margin:6px 0 1px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.t-preview{color:var(--text-3);font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.t-foot{display:flex;align-items:center;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:580;letter-spacing:-.005em;white-space:nowrap;background:var(--cat-soft);color:var(--cat-ink)}.chip svg{width:11px;height:11px}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.chip.quiet{background:#171a240a;color:var(--text-3);font-variant-numeric:tabular-nums}.chip.status{background:#171a240a;color:var(--text-2)}.thread-pane{min-width:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;background:var(--surface)}.thread-head{padding:16px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;background:var(--surface)}.thread-head h2{margin:0;font-size:15.5px;font-weight:650;letter-spacing:-.025em}.thread-head .sub{display:flex;align-items:center;gap:7px;margin-top:5px}.thread-meta{font-size:12px;color:var(--text-3)}.icon-btn{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--text-3);transition:background .12s ease,color .12s ease}.icon-btn:hover{background:#171a240d;color:var(--text)}.icon-btn svg{width:16px;height:16px}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:36px;width:232px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-md);padding:6px;z-index:30}.menu-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);padding:8px 9px 5px}.menu-item{width:100%;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;font-size:13px;color:var(--text-2);text-align:left}.menu-item:hover{background:#171a240b;color:var(--text)}.menu-item.on{color:var(--text);font-weight:600}.menu-item .dot{width:7px;height:7px;border-radius:50%;flex:none}.menu-sep{height:1px;background:var(--line);margin:5px 4px}.messages{overflow-y:auto;min-height:0;padding:28px 28px 8px;display:flex;flex-direction:column;gap:22px}.msg{display:flex;gap:12px;max-width:78%}.msg.out{margin-left:auto;flex-direction:row-reverse}.msg-body{min-width:0}.msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.msg.out .msg-head{flex-direction:row-reverse}.msg-who{font-size:12.5px;font-weight:620;letter-spacing:-.01em}.msg-time{font-size:11.5px;color:var(--text-4)}.bubble{padding:11px 15px;border-radius:5px 14px 14px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;background:#f4f5f9}.msg.out .bubble{background:linear-gradient(135deg,#0e9f6e21,#2fc48f12);border:1px solid rgba(14,159,110,.14);border-top-left-radius:14px;border-top-right-radius:5px}.msg.note{max-width:78%;margin:0 auto}.msg.note .bubble{background:#f59e0b14;border:1px dashed rgba(245,158,11,.4);border-radius:12px;color:#7c4a03}.attach-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.attach{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;font-size:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text-2);text-decoration:none}.attach:hover{border-color:var(--line-strong);color:var(--text)}.attach svg{width:12px;height:12px}.composer{padding:14px 28px 22px}.composer-box{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .14s ease,box-shadow .14s ease}.composer-box:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.composer-box.note{border-color:#f59e0b6b;background:#f59e0b09}.composer-box.note:focus-within{box-shadow:0 0 0 3px #f59e0b21}.composer textarea{width:100%;border:0;outline:none;background:transparent;resize:none;padding:14px 16px 4px;font-size:13.5px;line-height:1.55;min-height:52px;max-height:210px}.composer textarea::placeholder{color:var(--text-4)}.composer-bar{display:flex;align-items:center;gap:3px;padding:7px 10px 9px 12px}.send{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#25b884,#0e9f6e 60%,#0a6f4c);color:#fff;box-shadow:0 3px 10px #0e9f6e4d;transition:opacity .12s ease,transform .12s ease}.send:hover:not(:disabled){transform:translateY(-1px)}.send:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.send svg{width:15px;height:15px}.composer-hint{font-size:11.5px;color:var(--text-4);margin-right:8px}.emoji-pop{position:absolute;bottom:44px;left:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-md);padding:8px;display:grid;grid-template-columns:repeat(8,28px);gap:2px;z-index:30}.emoji-pop button{height:28px;border-radius:7px;font-size:15px}.emoji-pop button:hover{background:#171a240d}.page{overflow-y:auto;min-height:0;background:var(--bg)}.page-inner{max-width:1160px;margin:0 auto;padding:40px 44px 56px}.page-head{margin-bottom:28px}.page-head h1{margin:0 0 5px;font-size:24px;font-weight:660;letter-spacing:-.035em}.page-head p{margin:0;color:var(--text-3);font-size:13.5px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.section-title{font-size:13px;font-weight:620;letter-spacing:-.015em;margin:0 0 12px;color:var(--text-2)}.kpi{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;text-align:left;box-shadow:0 1px 2px #171a240a,0 8px 22px -10px var(--card-glow, rgba(23, 26, 36, .22));transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}button.kpi:hover{transform:translateY(-1px);border-color:var(--card-line, var(--line-strong));box-shadow:0 1px 2px #171a240d,0 12px 28px -10px var(--card-glow, rgba(23, 26, 36, .3))}.kpi .label{font-size:12.5px;color:var(--text-3);font-weight:550}.kpi .value{font-size:32px;font-weight:680;letter-spacing:-.045em;line-height:1.2;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .foot{font-size:12px;color:var(--text-4);margin-top:3px}.kpi .foot strong{color:var(--text-2);font-weight:620}.kpi.accent{--card-glow: rgba(14, 159, 110, .34);--card-line: var(--accent-line)}.kpi.accent .foot strong{color:var(--accent)}.kpi.alert{--card-glow: rgba(225, 29, 72, .3);--card-line: rgba(225, 29, 72, .28)}.kpi.alert .value,.kpi.alert .foot strong{color:#e11d48}.card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#171a240d;color:var(--text-2);flex:none}.card-icon svg{width:17px;height:17px}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.cat-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 16px 15px;text-align:left;box-shadow:0 1px 2px #171a240a,0 10px 22px -8px color-mix(in srgb,var(--cat) 58%,transparent);transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}.cat-card:hover{transform:translateY(-1px);border-color:var(--cat-line);box-shadow:0 1px 2px #171a240d,0 16px 30px -8px color-mix(in srgb,var(--cat) 75%,transparent)}.cat-card .label{font-size:12.5px;color:var(--text-3);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-card .value{font-size:30px;font-weight:680;letter-spacing:-.045em;line-height:1.2;margin-top:4px;font-variant-numeric:tabular-nums}.cat-card .sub{font-size:11.5px;color:var(--text-4);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-card .sub strong{color:var(--cat-ink);font-weight:620}.cat-card .card-icon{background:var(--cat-soft);color:var(--cat-ink)}.oldest{margin-top:30px}.oldest h3{font-size:13px;font-weight:620;letter-spacing:-.015em;margin:0 0 12px;color:var(--text-2)}.oldest-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.oldest-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line-soft);text-align:left;background-image:var(--cat-glow)}.oldest-row:last-child{border-bottom:0}.oldest-row:hover{background-color:#171a2404}.oldest-row .who{font-weight:600;font-size:13px}.oldest-row .what{color:var(--text-3);font-size:12.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-bottom:16px;box-shadow:var(--shadow-xs)}.card h3{margin:0 0 4px;font-size:14.5px;font-weight:640;letter-spacing:-.02em}.card .help{margin:0 0 16px;color:var(--text-3);font-size:12.5px;line-height:1.55}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.field{margin-bottom:13px}.field label{display:block;font-weight:580;font-size:12.5px;margin-bottom:6px}.field .hint{color:var(--text-4);font-size:11.5px;margin-top:5px;line-height:1.45}.field input[type=text],.field input[type=password],.field textarea{width:100%;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);outline:none;font-size:13px}.field textarea{height:auto;min-height:82px;padding:10px 12px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--accent-line);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.check{display:flex;gap:9px;align-items:center;font-size:12.5px;color:var(--text-2);margin-top:9px}.btn{height:34px;padding:0 14px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-weight:590;font-size:13px;color:var(--text);display:inline-flex;align-items:center;gap:7px;transition:border-color .12s ease,background .12s ease}.btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #0e9f6e40}.btn.primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn.quiet{border-color:transparent;color:var(--text-3)}.btn.quiet:hover:not(:disabled){background:#171a240a;color:var(--text)}.btn.danger{color:#dc2626;border-color:#dc262647}.btn:disabled{opacity:.45;cursor:not-allowed}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:24px 1fr;gap:11px}.step-n{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:11.5px}.step h4{margin:2px 0 3px;font-size:13px;font-weight:620}.step p{margin:0;color:var(--text-3);font-size:12.5px;line-height:1.55}.step code{font-size:11.5px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.panel-preview{background:#313338;border-radius:var(--r);padding:12px;color:#dcdee3;display:grid;gap:8px}.pp-block{background:#2b2d31;border-left:4px solid var(--accent);border-radius:6px;padding:10px 12px}.pp-block.row{display:flex;align-items:center;gap:12px}.pp-block.row>div{flex:1;min-width:0}.panel-preview .title{font-weight:650;margin-bottom:4px;font-size:14px}.panel-preview .pp-name{font-weight:650;font-size:13px;margin-bottom:2px}.panel-preview .desc{font-size:12px;line-height:1.5;opacity:.82}.pp-btn{background:#4e5058;color:#fff;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:590;white-space:nowrap;flex:none}.empty{display:grid;place-items:center;height:100%;padding:40px}.empty-inner{text-align:center;max-width:300px;display:grid;gap:7px;justify-items:center;color:var(--text-3);font-size:13px}.empty-inner strong{color:var(--text);font-size:14.5px;font-weight:620;letter-spacing:-.02em}.empty-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:3px}.empty-mark svg{width:21px;height:21px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;background:var(--surface-soft);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;color:var(--text-3)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#171a24;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow-md);z-index:60;font-size:13px;font-weight:500}.toast.error{background:#be123c}.demo-note{display:flex;align-items:center;gap:9px;padding:9px 18px;font-size:12px;color:#92610a;background:#f59e0b12;border-bottom:1px solid rgba(245,158,11,.2)}.status-dot{width:7px;height:7px;border-radius:50%;flex:none}@media(min-width:1600px){.app{grid-template-columns:268px 424px minmax(0,1fr)}.messages{padding:32px 44px 10px}.thread-head{padding:18px 44px}.composer{padding:14px 44px 26px}}@media(min-width:1900px){.app{grid-template-columns:280px 448px minmax(0,1fr)}.msg{max-width:70%}}@media(max-width:1500px){.app{grid-template-columns:232px 330px minmax(0,1fr)}.dc-head .chip.cat{display:none}}@media(max-width:1260px){.app{grid-template-columns:210px 300px minmax(0,1fr)}.cat-grid{grid-template-columns:repeat(3,1fr)}.dc-head .chip,.dc-head .dc-sep{display:none}}@media(max-width:1080px){.dc-btn{padding:0 8px}.dc-btn span.label{display:none}}.dc{--dc-bg: #313338;--dc-head: #2b2d31;--dc-input: #383a40;--dc-text: #dbdee1;--dc-muted: #949ba4;--dc-line: #3f4147;--dc-hover: #2e3035;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;color:var(--dc-text);position:relative;background:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.045),transparent 60%),linear-gradient(180deg,#36383e 0%,var(--dc-bg) 45%,#2e3035 100%);box-shadow:-14px 0 28px -14px #171a2473,inset 1px 0 #ffffff0d;z-index:1}.queue{box-shadow:inset -12px 0 14px -14px #171a2459}.dc-head{display:flex;align-items:center;gap:10px;padding:0 14px;height:52px;min-width:0;overflow:hidden;background:linear-gradient(180deg,#303238,var(--dc-head));box-shadow:inset 0 1px #ffffff0d,0 1px #00000047,0 6px 16px #00000038;z-index:2}.dc-hash{color:var(--dc-muted);font-size:20px;font-weight:400;line-height:1;flex:none}.dc-channel{font-weight:650;font-size:15px;color:#f2f3f5;letter-spacing:-.01em;white-space:nowrap;flex:none}.dc-sep{width:1px;height:22px;background:var(--dc-line);margin:0 4px;flex:none}.dc-topic{font-size:13px;color:var(--dc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}@media(max-width:1500px){.dc-topic{display:none}}.dc .chip{background:#ffffff12;color:#d6d9df;flex:none}.dc .chip.cat{background:color-mix(in srgb,var(--cat) 24%,transparent);color:color-mix(in srgb,var(--cat) 55%,#ffffff)}.dc-btn{height:30px;padding:0 11px;border-radius:7px;background:#ffffff12;color:#e3e5e8;font-size:12.5px;font-weight:580;display:inline-flex;align-items:center;gap:6px}.dc-btn:hover{background:#ffffff1f}.dc-btn{flex:none}.dc-btn svg{width:14px;height:14px}.dc .icon-btn{color:var(--dc-muted)}.dc .icon-btn:hover{background:#ffffff14;color:#f2f3f5}.dc .menu{background:#111214;border-color:#2b2d31;box-shadow:0 8px 20px #0006}.dc .menu-item{color:#b5bac1}.dc .menu-item:hover{background:var(--accent);color:#fff}.dc .menu-item.on{color:#f2f3f5}.dc .menu-label{color:#80848e}.dc .menu-sep{background:#2b2d31}.dc-scroll{overflow-y:auto;min-height:0;padding:16px 0 24px}.dc-scroll::-webkit-scrollbar-thumb{background:#202225;border-color:transparent}.dc-day{display:flex;align-items:center;gap:14px;padding:18px 16px 8px}.dc-day:before,.dc-day:after{content:"";height:1px;flex:1}.dc-day:before{background:linear-gradient(90deg,transparent,var(--dc-line))}.dc-day:after{background:linear-gradient(90deg,var(--dc-line),transparent)}.dc-day span{font-size:11px;font-weight:650;color:var(--dc-muted)}.dc-msg{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);padding:3px 16px 3px 0;border-radius:0 8px 8px 0;transition:background .12s ease}.dc-msg.start{margin-top:16px}.dc-msg:hover{background:linear-gradient(90deg,#ffffff0d,#ffffff05)}.dc-msg.start:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:0 2px 2px 0;background:var(--cat);opacity:.5}.dc-msg.out.start:before{background:var(--accent);opacity:.75}.dc-ava{grid-column:1;justify-self:center}.dc-ava img,.dc-ava span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:620;font-size:15px;background:var(--cat);box-shadow:0 0 0 2px #00000038,0 3px 8px #00000047,inset 0 1px #ffffff38}.dc-time-gutter{grid-column:1;justify-self:center;font-size:10.5px;color:var(--dc-muted);opacity:0;align-self:center}.dc-msg:hover .dc-time-gutter{opacity:1}.dc-body{grid-column:2;min-width:0}.dc-line{display:flex;align-items:baseline;gap:8px;margin-bottom:1px}.dc-author{font-size:15px;font-weight:600;letter-spacing:-.01em}.dc-stamp{font-size:11.5px;color:var(--dc-muted)}.dc-tag{font-size:10px;font-weight:700;letter-spacing:.02em;background:var(--accent);color:#fff;border-radius:4px;padding:1px 4px;position:relative;top:-1px}.dc-text{font-size:15px;line-height:1.42;white-space:pre-wrap;word-break:break-word;color:var(--dc-text)}.dc-text .mention{background:#5865f24d;color:#c9cdfb;border-radius:3px;padding:0 2px;font-weight:500}.dc-note{margin:14px 16px 4px 56px;border-left:3px solid #f0b232;background:#f0b23214;border-radius:0 8px 8px 0;padding:9px 13px}.dc-note .label{font-size:11px;font-weight:650;color:#f0b232;margin-bottom:3px}.dc-note .dc-text{color:#e6c98a;font-size:14px}.dc-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dc-attach a{display:inline-flex;align-items:center;gap:6px;background:#2b2d31;border:1px solid var(--dc-line);border-radius:8px;padding:6px 10px;font-size:12.5px;color:#00a8fc;text-decoration:none}.dc-attach a:hover{border-color:#00a8fc}.dc-attach svg{width:12px;height:12px}.dc-composer{padding:6px 16px 22px}.dc-input:focus-within{box-shadow:inset 0 1px #ffffff14,0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 10px 26px -8px #0000008c}.dc-input{background:linear-gradient(180deg,#3d3f46,var(--dc-input));border-radius:11px;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0003,0 8px 20px -8px #00000080;transition:box-shadow .15s ease;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:end}.dc-input.note{background:#f0b23221;box-shadow:inset 0 0 0 1px #f0b23280}.dc-plus{grid-column:1;align-self:start;width:24px;height:24px;margin:12px 0 0 14px;border-radius:50%;background:var(--dc-muted);color:var(--dc-input);display:grid;place-items:center;font-size:18px;line-height:1;font-weight:400}.dc-plus:hover{background:#dbdee1}.dc-input textarea{grid-column:2;border:0;outline:none;background:transparent;resize:none;color:var(--dc-text);font-size:15px;line-height:1.45;padding:13px 8px 13px 0;min-height:46px;max-height:300px;overflow-y:auto}.dc-input{align-items:end}.dc-plus-wrap .dc-plus{margin-top:12px}.dc-input textarea::placeholder{color:var(--dc-muted)}.dc-actions{grid-column:3;display:flex;align-items:center;gap:2px;padding:0 10px 9px 0}.dc-actions .icon-btn{width:28px;height:28px}.dc-actions .icon-btn svg{width:15px;height:15px}.dc-send{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;margin-left:4px}.dc-send:hover:not(:disabled){background:var(--accent-deep)}.dc-send:disabled{background:#4e5058;color:#8a8d94;cursor:not-allowed}.dc-send svg{width:14px;height:14px}.dc-foot{display:flex;align-items:center;gap:8px;padding:6px 4px 0;font-size:11.5px;color:var(--dc-muted)}.dc .emoji-pop{background:#2b2d31;border-color:var(--dc-line);bottom:40px;left:auto;right:0}.dc .emoji-pop button:hover{background:#ffffff14}.dc .empty-inner{color:var(--dc-muted)}.dc .empty-inner strong{color:#f2f3f5}.dc .empty-mark{background:#0e9f6e33;color:#7fe3bb}.dc .kbd{background:#2b2d31;border-color:var(--dc-line);color:#b5bac1}.dc-pending{display:flex;flex-wrap:wrap;gap:6px}.dc-pending button{display:inline-flex;align-items:center;gap:6px;background:#2b2d31;border:1px solid var(--dc-line);border-radius:8px;padding:5px 9px;font-size:12px;color:#b5bac1}.dc-pending button:hover{border-color:#ed4245;color:#f2f3f5}.dc-pending svg{width:12px;height:12px}.dc-plus-wrap{grid-column:1;align-self:start;position:relative}.dc-plus-wrap .dc-plus{margin:12px 0 0 14px}.plus-menu{position:absolute;bottom:calc(100% + 10px);left:6px;min-width:216px;background:#2b2d31;border:1px solid #1e1f22;border-radius:10px;box-shadow:0 8px 24px #00000073;padding:8px;z-index:40}.plus-item{width:100%;display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;color:#dbdee1;font-size:15px;font-weight:500;text-align:left}.plus-item:hover{background:#3f4147;color:#fff}.plus-item svg{width:22px;height:22px;color:#b5bac1;flex:none}.plus-item:hover svg{color:#fff}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.channel-select{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);outline:none;font-size:13px;color:var(--text)}.channel-select:focus{border-color:var(--cat-line, var(--accent-line));box-shadow:0 0 0 3px var(--cat-soft, var(--accent-soft))}.login{height:100%;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:340px;display:grid;gap:14px;justify-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--shadow-md)}.login-card h1{margin:0;font-size:19px;font-weight:660;letter-spacing:-.03em}.login-card p{margin:3px 0 0;color:var(--text-3);font-size:12.5px}.login-card input{width:100%;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);outline:none;font-size:13.5px}.login-card input:focus{border-color:var(--accent-line);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.login-card .btn{width:100%;justify-content:center;height:38px}.login-error{width:100%;background:#e11d4814;color:#be123c;border-radius:8px;padding:8px 11px;font-size:12.5px}.dc-btn.urgent{color:#b5bac1}.dc-btn.urgent:hover:not(:disabled){color:#fdba74}.dc-btn.urgent.on{background:#f9731633;color:#fdba74;box-shadow:inset 0 0 0 1px #f9731666}.dc-btn.urgent.on:hover:not(:disabled){background:#f9731647}.dc-btn:disabled{opacity:.5;cursor:not-allowed}.dc-btn.wacht{color:#b5bac1}.dc-btn.wacht:hover:not(:disabled){color:#cbd5e1;background:#94a3b833}.icon-btn.on{color:var(--accent);background:var(--accent-soft)}.icon-btn.on:hover{background:#0e9f6e29}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.meld-menu{width:300px}.meld-status{padding:4px 9px 8px;display:grid;gap:5px}.meld-regel{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-3)}.meld-regel strong{font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.meld-regel strong.goed{color:#16a34a}.meld-regel strong.fout{color:#e11d48}.meld-hint{margin:6px 4px 2px;padding:9px 10px;border-radius:8px;background:#f59e0b1a;color:#92610a;font-size:11.5px;line-height:1.5}.order-chip{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}.order-chip:hover{background:#171a2414;color:var(--text-2)}.order-chip:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}.order-chip.gekopieerd{background:#22c55e24;color:#15803d}.dc .order-chip:hover{background:#ffffff24;color:#f2f3f5}.dc .order-chip.gekopieerd{background:#22c55e38;color:#7ee2a8}.versie-note{display:flex;align-items:center;gap:9px;padding:9px 18px;font-size:12.5px;color:var(--accent-deep);background:var(--accent-soft);border-bottom:1px solid var(--accent-line)}.app.with-note{grid-template-rows:62px auto minmax(0,1fr)}.dc-btn.sluiten.bevestig{background:#e11d483d;color:#fda4af;box-shadow:inset 0 0 0 1px #e11d4873}.dc-btn.sluiten.bevestig:hover:not(:disabled){background:#e11d4852}.dc{--dc-bg: #1f2328;--dc-head: #23282e;--dc-card: #282d34;--dc-input: #262b31;--dc-text: #e3e6ea;--dc-muted: #8d95a0;--dc-line: rgba(255, 255, 255, .07);--dc-line-strong: rgba(255, 255, 255, .11);--dc-agent: #34d399;background:radial-gradient(90% 50% at 50% 0%,rgba(255,255,255,.03),transparent 70%),var(--dc-bg);box-shadow:-14px 0 28px -16px #171a2466}.dc{grid-template-columns:minmax(0,1fr)}.dc-top{position:relative;z-index:5;min-width:0}.dc-head{overflow:visible}.dc-head .order-chip{flex:0 1 auto;min-width:48px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:22px}.dc-head .menu{z-index:60}.dc-head{background:var(--dc-head);box-shadow:none;border-bottom:1px solid var(--dc-line);height:54px;padding:0 16px}.dc-hash{font-size:17px;opacity:.7}.dc-channel{font-size:14.5px}.dc-sep{background:var(--dc-line-strong);height:18px}.dc .chip{background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--dc-line);color:#cfd4da}.dc .chip.cat{box-shadow:none}.dc-btn{height:30px;border-radius:8px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--dc-line-strong);color:#dfe3e8;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.dc-btn:hover:not(:disabled){background:#ffffff14}.dc-btn.urgent.on{box-shadow:inset 0 0 0 1px #f9731673}.dc .menu{background:#1a1d22;border:1px solid var(--dc-line-strong);border-radius:12px;box-shadow:0 14px 34px #00000073}.dc .menu-item{color:#c3c9d1}.dc .menu-item:hover:not(:disabled){background:#ffffff0f;color:#fff}.dc .menu-item:disabled{opacity:.45;cursor:not-allowed}.dc .menu-sep{background:var(--dc-line)}.dc-scroll{padding:12px 0 20px}.dc-scroll::-webkit-scrollbar-thumb{background:#353b43}.dc-day{padding:20px 24px 6px}.dc-day span{font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--dc-muted);padding:2px 10px;border-radius:20px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--dc-line)}.dc-msg{grid-template-columns:52px minmax(0,1fr);margin:0 14px;padding:3px 14px 3px 0;border-radius:10px}.dc-msg.start{margin-top:12px;padding-top:8px}.dc-msg:hover{background:#ffffff06}.dc-msg.start:before{display:none}.dc-msg.agent,.dc-msg.customer{background:var(--toon-bg);border-radius:0}.dc-msg.agent{--toon: rgba(52, 211, 153, .5);--toon-bg: rgba(52, 211, 153, .045);--toon-hover: rgba(52, 211, 153, .065)}.dc-msg.customer{--toon: rgba(125, 180, 252, .45);--toon-bg: rgba(125, 180, 252, .04);--toon-hover: rgba(125, 180, 252, .06)}.dc-msg.agent.start,.dc-msg.customer.start{border-top-left-radius:10px;border-top-right-radius:10px}.dc-msg.agent:not(:has(+.dc-msg.agent:not(.start))),.dc-msg.customer:not(:has(+.dc-msg.customer:not(.start))){border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:8px}.dc-msg.agent:after,.dc-msg.customer:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--toon)}.dc-msg.agent.start:after,.dc-msg.customer.start:after{top:8px}.dc-msg.agent:not(:has(+.dc-msg.agent:not(.start))):after,.dc-msg.customer:not(:has(+.dc-msg.customer:not(.start))):after{bottom:8px}.dc-msg.agent:hover,.dc-msg.customer:hover{background:var(--toon-hover)}.dc-ava img,.dc-ava span{width:34px;height:34px;border-radius:10px;font-size:13.5px;box-shadow:inset 0 0 0 1px #ffffff14}.dc-msg.customer .dc-ava span{background:color-mix(in srgb,var(--cat) 26%,#343a42);color:#eef0f3}.dc-msg.agent .dc-ava span{background:linear-gradient(160deg,#10b981,#0b7f58);color:#fff}.dc-line{gap:8px;margin-bottom:2px}.dc-author{font-size:14px;font-weight:620;color:#eef0f3}.dc-stamp{font-size:11px}.dc-tag{font-size:10.5px;font-weight:620;letter-spacing:0;background:#34d3991f;color:#6ee7b7;border-radius:6px;padding:1px 6px;top:0}.dc-text{font-size:14.5px;line-height:1.5}.dc-text .mention{background:#34d39924;color:#a7f3d0;border-radius:5px;padding:0 3px}.dc-attach a{background:var(--dc-card);border:1px solid var(--dc-line-strong);border-radius:9px;color:#93c5fd}.dc-attach a:hover{border-color:#93c5fd80}.dc-note{margin:14px 28px 6px 66px;padding:11px 14px 12px;border:1px solid rgba(233,196,125,.2);border-left:1px solid rgba(233,196,125,.2);border-radius:12px;background:linear-gradient(180deg,#e9c47d13,#e9c47d0b)}.dc-note-head{display:flex;align-items:center;gap:7px;font-size:12px;color:#c9b58b}.dc-note-head svg{width:13px;height:13px;color:#e9c47d}.dc-note-head strong{color:#efd49c;font-weight:640}.dc-note-private{font-size:11px;color:#9c8e70}.dc-note-text{margin-top:5px;font-size:14px;line-height:1.5;color:#ecdfc4;white-space:pre-wrap;word-break:break-word}.dc-note-rem{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(233,196,125,.14);font-size:12px;color:#c9b58b}.dc-note-rem svg{width:13px;height:13px}.dc-note-rem.due{color:#fcd34d}.dc-note-rem.klaar{color:#8d95a0}.dc-note-rem button{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;font-size:11.5px;font-weight:600;color:#efd49c;background:#e9c47d1f}.dc-note-rem button:hover{background:#e9c47d33}.dc-note-rem button svg{width:12px;height:12px}.dc-composer{padding:6px 18px 20px}.dc-input{background:var(--dc-input);border-radius:12px;box-shadow:inset 0 0 0 1px var(--dc-line-strong)}.dc-input:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 0 0 3px #0e9f6e1f}.dc-input.note{background:#e9c47d12;box-shadow:inset 0 0 0 1px #e9c47d59}.dc-plus{border-radius:8px;background:#ffffff17;color:#c3c9d1;font-size:17px}.dc-plus:hover{background:#ffffff29;color:#fff}.dc-input textarea{font-size:14.5px}.dc-send:disabled{background:#ffffff12;color:#6b727c}.plus-menu{background:#1a1d22;border-color:var(--dc-line-strong);border-radius:12px}.plus-item{font-size:14px}.plus-item:hover{background:#ffffff0f}.dc .emoji-pop{background:#1a1d22;border-color:var(--dc-line-strong)}.dc-pending button{background:var(--dc-card);border-color:var(--dc-line-strong)}.rem-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:0 2px 9px;font-size:12.5px;color:#c9b58b}.rem-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.rem-toggle input{accent-color:#e9c47d;width:14px;height:14px}.rem-opts{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.rem-opts button{height:26px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:580;color:#c3c9d1;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--dc-line-strong)}.rem-opts button:hover{color:#fff}.rem-opts button.on{color:#efd49c;background:#e9c47d21;box-shadow:inset 0 0 0 1px #e9c47d66}.rem-opts input{height:26px;padding:0 8px;border-radius:8px;border:1px solid var(--dc-line-strong);background:var(--dc-input);color:var(--dc-text);color-scheme:dark;font-size:12px}.rem-opts select{height:26px;padding:0 8px;border-radius:8px;border:1px solid var(--dc-line-strong);background:var(--dc-input);color:var(--dc-text);color-scheme:dark;font-size:12px;cursor:pointer}.rem-opts select:focus{outline:none;border-color:#e9c47d80}.rem-preview{font-size:12px;color:#9c8e70}.rem-preview.fout{color:#fda4af}.strip{display:flex;align-items:center;gap:9px;min-height:38px;padding:6px 16px;font-size:12.5px;color:#dfe3e8;border-bottom:1px solid var(--dc-line);background:var(--dc-head);min-width:0}.strip>svg{width:14px;height:14px;flex:none}.strip strong{font-weight:620;white-space:nowrap}.strip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.strip-text.muted{color:var(--dc-muted)}.strip-chip{padding:1px 8px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#f9731629;color:#fdba74}.strip-link{font-size:12px;font-weight:580;color:var(--dc-muted);white-space:nowrap;flex:none}.strip-link:hover{color:#fff}.strip-x{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--dc-muted);flex:none}.strip-x:hover{background:#ffffff12;color:#fff}.strip-x svg{width:13px;height:13px}.strip-btn{display:inline-flex;align-items:center;gap:6px;flex:none;height:28px;padding:0 11px;border-radius:8px;font-size:12.5px;font-weight:600;color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px var(--dc-line-strong)}.strip-btn:hover:not(:disabled){background:#ffffff21}.strip-btn:disabled{opacity:.5;cursor:not-allowed}.strip-btn svg{width:13px;height:13px}.strip-btn.sluiten.bevestig{background:#e11d483d;color:#fda4af;box-shadow:inset 0 0 0 1px #e11d4873}.strip.urgent{background:linear-gradient(90deg,#f973161a,#f9731608 60%),var(--dc-head)}.strip.urgent>svg,.strip.urgent strong{color:#fdba74}.strip.follow.bump{background:linear-gradient(90deg,#f43f5e17,#f43f5e05 60%),var(--dc-head)}.strip.follow.bump>svg,.strip.follow.bump strong{color:#fda4af}.strip.follow.bump .strip-btn{background:#0e9f6ee6;box-shadow:none}.strip.follow.bump .strip-btn:hover:not(:disabled){background:var(--accent)}.strip.follow.close{background:linear-gradient(90deg,#34d39917,#34d39905 60%),var(--dc-head)}.strip.follow.close>svg,.strip.follow.close strong{color:#6ee7b7}.strip.follow.bumped>svg{color:var(--dc-muted)}.urgent-pop{position:absolute;right:16px;top:50px;width:320px;max-width:calc(100% - 32px);padding:13px;background:#1a1d22;border:1px solid var(--dc-line-strong);border-radius:12px;box-shadow:0 16px 36px #00000080;z-index:40}.urgent-pop-title{font-size:12.5px;font-weight:640;color:#fff;margin-bottom:9px}.urgent-pop-title span{font-weight:500;color:var(--dc-muted);margin-left:4px}.urgent-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.urgent-chips button{height:26px;padding:0 10px;border-radius:20px;font-size:12px;font-weight:580;color:#c3c9d1;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--dc-line-strong)}.urgent-chips button:hover{color:#fff}.urgent-chips button.on{color:#fdba74;background:#f9731629;box-shadow:inset 0 0 0 1px #f9731673}.urgent-pop input{width:100%;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--dc-line-strong);background:var(--dc-input);color:var(--dc-text);font-size:12.5px;outline:none}.urgent-pop input:focus{border-color:#f9731680}.urgent-pop-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.pop-btn{height:28px;padding:0 12px;border-radius:8px;font-size:12.5px;font-weight:600}.pop-btn.quiet{color:var(--dc-muted)}.pop-btn.quiet:hover{color:#fff;background:#ffffff0f}.pop-btn.primary{background:var(--accent);color:#fff}.pop-btn.primary:hover{background:var(--accent-deep)}.activity{position:absolute;top:0;right:0;bottom:0;width:min(380px,92%);display:grid;grid-template-rows:auto minmax(0,1fr);background:#1a1d22;border-left:1px solid var(--dc-line-strong);box-shadow:-18px 0 40px #0006;z-index:30;animation:schuif-in .16s ease-out}@keyframes schuif-in{0%{transform:translate(16px);opacity:0}to{transform:none;opacity:1}}.activity-head{display:flex;align-items:center;height:54px;padding:0 14px 0 18px;border-bottom:1px solid var(--dc-line);color:#fff;font-size:14px}.activity-list{overflow-y:auto;padding:12px 18px 20px}.activity-leeg{color:var(--dc-muted);font-size:13px}.act{position:relative;display:grid;grid-template-columns:12px 92px minmax(0,1fr);gap:8px;align-items:baseline;padding:6px 0;font-size:12.5px}.act:before{content:"";position:absolute;left:3.5px;top:18px;bottom:-8px;width:1px;background:var(--dc-line)}.act:last-child:before{display:none}.act-dot{width:8px;height:8px;border-radius:50%;background:#5b636e;position:relative;top:1px}.act-when{color:var(--dc-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.act-text{color:#dfe3e8;line-height:1.45}.act.klant .act-dot{background:#93c5fd}.act.team .act-dot{background:#34d399}.act.urgent .act-dot{background:#fb923c}.act.stil .act-dot{background:#fb7185}.act.sluit .act-dot{background:#a7f3d0}.act.notitie .act-dot{background:#e9c47d}.queue-head-wrap{min-width:0}.ticket{cursor:pointer}.ticket:focus-visible{outline:2px solid var(--cat-line);outline-offset:1px}.seg{display:flex;gap:3px;margin:0 16px 10px;padding:3px;border-radius:10px;background:#171a240b}.seg button{flex:1;height:28px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;gap:7px}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs),0 0 0 1px var(--line)}.seg-n{min-width:18px;padding:0 5px;border-radius:20px;font-size:11px;font-variant-numeric:tabular-nums;background:#171a240f;color:var(--text-2)}.seg button.on .seg-n{background:var(--accent);color:#fff}.t-follow{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px dashed var(--line-strong);font-size:12px;color:var(--text-2)}.t-follow>svg{width:13px;height:13px;flex:none}.t-follow.bump{color:#be123c}.t-follow.bumped{color:var(--text-3)}.t-follow.close{align-items:flex-end}.t-follow-tekst{display:grid;gap:1px;color:var(--text-3)}.t-follow-tekst strong{color:var(--accent-deep);font-weight:650}.row-btn{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:620;background:var(--accent);color:#fff;box-shadow:0 1px 2px #0e9f6e40}.row-btn:hover:not(:disabled){background:var(--accent-deep)}.row-btn:disabled{opacity:.5;cursor:not-allowed}.row-btn svg{width:12px;height:12px}.row-btn.sluiten{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--line-strong)}.row-btn.sluiten:hover:not(:disabled){background:var(--surface-soft)}.row-btn.sluiten.bevestig{background:#fff1f2;color:#be123c;box-shadow:0 0 0 1px #e11d4866}.fu-group{display:flex;align-items:center;gap:7px;padding:12px 6px 5px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-4)}.fu-group:first-child{padding-top:4px}.fu-group.verlopen{color:#c2410c}.fu-n{font-size:11px;letter-spacing:0;color:inherit;opacity:.8}.fu-row{flex:none;padding:10px 12px 10px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.fu-row:hover{border-color:var(--line-strong)}.fu-row.selected{border-color:var(--cat-line);box-shadow:var(--shadow-sm),0 0 0 1px var(--cat-line)}.fu-row:focus-visible{outline:2px solid var(--cat-line);outline-offset:1px}.fu-row.verlopen{border-color:#ea580c47;background:linear-gradient(90deg,rgba(251,146,60,.07),transparent 70%),var(--surface)}.fu-row.gepland{background:var(--surface-soft)}.fu-top{display:flex;align-items:center;gap:7px;min-width:0}.fu-dot{width:7px;height:7px;border-radius:50%;background:var(--cat);flex:none}.fu-who{font-size:12.5px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fu-closed{font-size:10.5px;font-weight:600;color:var(--text-3);padding:0 6px;border-radius:5px;background:#171a240d}.fu-when{font-size:12px;font-weight:620;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.fu-row.verlopen .fu-when{color:#c2410c}.fu-text{margin-top:5px;font-size:13px;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fu-foot{display:flex;align-items:center;gap:8px;margin-top:8px}.fu-meta{font-size:11.5px;color:var(--text-3)}.fu-row .row-btn{height:26px;background:var(--surface);color:var(--text-2);box-shadow:0 0 0 1px var(--line-strong)}.fu-row .row-btn:hover{background:var(--accent-soft);color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent-line)}.fu-row.verlopen .row-btn{background:var(--accent);color:#fff;box-shadow:none}@media(max-width:1080px){.dc-btn{padding:0 8px}.dc-btn span.label,.strip-text.muted{display:none}}.dc-foot{flex-wrap:wrap;row-gap:6px}.dc-quick{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-wrap{position:relative;display:inline-flex}.quick{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:600;color:#c3c9d1;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--dc-line-strong);transition:background .12s ease,color .12s ease,box-shadow .12s ease}.quick svg{width:13px;height:13px}.quick:hover:not(:disabled){background:#ffffff14;color:#fff}.quick:disabled{opacity:.5;cursor:not-allowed}.quick.note{color:#efd49c;background:#e9c47d1a;box-shadow:inset 0 0 0 1px #e9c47d4d}.quick.note:hover{background:#e9c47d2b;color:#f7e2b3}.quick.note.on{background:#e9c47d38;box-shadow:inset 0 0 0 1px #e9c47d8c}.quick.bump:hover:not(:disabled){color:#6ee7b7;box-shadow:inset 0 0 0 1px #34d39966}.quick.urgent:hover:not(:disabled){color:#fdba74}.quick.urgent.on{color:#fdba74;background:#f9731629;box-shadow:inset 0 0 0 1px #f9731673}.urgent-pop.onder{top:auto;right:auto;left:0;bottom:calc(100% + 8px);width:320px;max-width:none}.queue-list{gap:2px;padding:2px 10px 12px}.ticket{padding:7px 11px 8px 13px;border-radius:10px}.ticket:before{top:6px;bottom:6px}.queue-list .avatar{width:24px;height:24px;border-radius:7px;font-size:11px}.t-row{gap:8px}.t-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.t-num{flex:none}.t-title{margin:3px 0 0;font-size:13px;line-height:1.3}.t-preview{margin-top:0;font-size:12px;line-height:1.3}.t-foot{margin-top:5px;gap:5px;min-width:0}.t-foot .chip{height:18px;padding:0 7px;font-size:10.5px;border-radius:5px}.t-foot .order-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.t-follow{margin-top:7px;padding-top:7px}.t-age.middel{color:var(--text-2)}.t-age.lang{color:#b45309}.t-age.oud{color:#be123c;font-weight:600}