:root{--bg:#e9efec;--panel:#fafcfb;--panel-2:#f1f5f3;--ink:#14211c;--muted:#586a63;--rule:#d3ddd8;--ok:#1e7f4f;--warn:#9a5b00;--danger:#b42318;--focus:#2f6fed;--line-color:#586a63}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Schibsted Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.boot{min-height:100dvh}.btn-primary{background:var(--ink);color:#fff;border:0;border-radius:6px;padding:10px 16px;font-weight:600}.btn-primary:disabled{opacity:.45}.btn-small{border:1px solid var(--ink);background:0 0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.btn-small:disabled{opacity:.5}.btn-quiet{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-size:13px;text-decoration:underline}.btn-quiet.danger{color:var(--danger)}input,textarea{border:1px solid var(--rule);background:#fff;border-radius:6px;padding:9px 11px}label{gap:5px;font-size:13px;font-weight:600;display:grid}.form-error{color:var(--danger);margin:0;font-size:14px}.count{background:var(--ink);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:8px;padding:0 6px;font-size:12px;font-weight:600;line-height:20px;display:inline-block}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--rule);border-radius:10px;gap:14px;width:min(380px,100%);padding:28px;display:grid}.login-panel h1{margin:0;font-size:22px;line-height:1.2}.login-panel p{color:var(--muted);margin:0}.login-lines{gap:6px;display:flex}.login-lines span{border-radius:2px;flex:1;height:8px}.shell{grid-template-columns:252px 348px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.rail{background:var(--panel-2);border-right:1px solid var(--rule);flex-direction:column;min-height:0;padding-top:16px;display:flex;overflow-y:auto}.rail-title{margin:0 16px 10px;font-size:18px}.line-all{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.line-all.is-active{background:#fff;font-weight:600}.rail-empty{color:var(--muted);margin:8px 16px;font-size:14px}.lines{margin:0;padding:0;list-style:none}.line{border-top:1px solid var(--rule);padding:11px 16px 11px 22px;position:relative}.line:before{content:"";background:var(--line-color);width:6px;position:absolute;inset:0 auto 0 0}.line.is-active{background:#fff}.line-main{text-align:left;background:0 0;border:0;gap:2px;width:100%;padding:0;display:grid}.line-name{font-weight:600}.line-meta{color:var(--muted);font-size:13px}.line-status{font-size:13px}.line-reason{color:var(--danger);font-size:12px}.line-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.line-menu{gap:14px;margin-top:6px;display:flex}.dot{width:9px;height:9px;margin-right:7px;display:inline-block}.dot.ok{background:var(--ok);border-radius:50%}.dot.wait{border:2px solid var(--warn);border-radius:50%}.dot.qr{background:var(--warn);transform:rotate(45deg)scale(.9)}.dot.down{background:var(--danger);border-radius:1px}.add-line{border:1px dashed var(--muted);background:0 0;border-radius:6px;margin:14px 16px;padding:10px;font-weight:600}.rail-error{margin:8px 16px}.rail-foot{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.list{background:var(--panel);border-right:1px solid var(--rule);flex-direction:column;min-height:0;display:flex}.list-tools{border-bottom:1px solid var(--rule);gap:8px;padding:12px;display:grid}.chip{border:1px solid var(--rule);background:#fff;border-radius:999px;justify-self:start;padding:5px 8px 5px 12px;font-size:13px;font-weight:600}.chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.chip.is-on .count{color:var(--ink);background:#fff}.list-note{color:var(--muted);margin:0;padding:20px 16px}.rows{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.row{border:0;border-bottom:1px solid var(--rule);border-left:5px solid var(--line-color);text-align:left;background:0 0;gap:3px;width:100%;padding:11px 14px 11px 12px;display:grid}.row:hover{background:var(--panel-2)}.row.is-active{background:color-mix(in srgb, var(--line-color) 11%, white)}.row-top{justify-content:space-between;gap:10px;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-time{color:var(--muted);flex:none;font-size:12px}.row-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-preview .you{color:var(--ink)}.row-meta{flex-wrap:wrap;gap:4px 8px;font-size:12px;display:flex}.row-meta:empty{display:none}.line-tag{align-items:center;gap:5px;font-weight:600;display:inline-flex}.line-tag:before{content:"";background:var(--line-color);border-radius:2px;width:8px;height:8px}.wait{color:var(--warn);font-weight:600}.wait.urgent{color:var(--danger);font-weight:700}.wait.urgent:before{content:"";border-bottom:7px solid;border-left:4px solid #0000;border-right:4px solid #0000;margin-right:5px;display:inline-block}.assignee{background:var(--panel-2);border-radius:3px;padding:0 6px}.tag{border:1px solid var(--rule);background:#fff;border-radius:3px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.tag button{color:var(--muted);background:0 0;border:0;padding:0;line-height:1}.pane-empty{color:var(--muted);place-items:center;display:grid}.chat{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-head{background:var(--panel);border-bottom:1px solid var(--rule);gap:10px;padding:12px 18px;display:grid}.back{display:none}.chat-who h2{margin:0;font-size:18px;line-height:1.25}.chat-who p{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:2px 0 0;font-size:13px;display:flex}.chat-fields{flex-wrap:wrap;align-items:flex-end;gap:10px 20px;display:flex}.chat-fields label,.tags-edit{color:var(--muted);gap:3px;font-size:12px;font-weight:600;display:grid}.chat-fields input{color:var(--ink);padding:6px 9px;font-size:14px;font-weight:400}.tags-row{min-height:33px;color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px;font-weight:400;display:flex}.tags-row>input{width:110px;padding:4px 6px}.messages{flex:1;min-height:0;padding:12px 22px 16px;overflow-y:auto}.day{flex-direction:column;display:flex}.day-label{color:var(--muted);align-self:center;margin:14px 0 8px;font-size:12px;font-weight:600}.bubble{border-radius:10px;max-width:min(560px,80%);margin:3px 0;padding:8px 11px 5px}.bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.bubble p.media{color:var(--muted);font-style:italic}.bubble time{text-align:right;color:var(--muted);margin-top:2px;font-size:11px;display:block}.bubble.in{border:1px solid var(--rule);background:#fff;align-self:flex-start}.bubble.out{background:color-mix(in srgb, var(--line-color) 17%, white);border:1px solid color-mix(in srgb, var(--line-color) 35%, white);align-self:flex-end}.composer{background:var(--panel);border-top:1px solid var(--rule);gap:8px;padding:12px 18px 16px;display:grid}.composer-row{align-items:flex-end;gap:10px;display:flex}.composer textarea{resize:none;border-radius:8px;flex:1;max-height:160px;padding:10px 12px}.composer textarea:disabled{background:var(--panel-2)}.overlay{z-index:10;background:#14211c80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:10px;gap:14px;width:min(380px,100%);max-height:calc(100dvh - 32px);padding:24px;display:grid;overflow-y:auto}.dialog h2{margin:0;font-size:18px}.dialog p{margin:0}.qr{background:#fff;justify-self:center;max-width:100%;height:auto}.steps{margin:0;padding-left:20px;line-height:1.5}.dialog fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.dialog legend{margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.radio{align-items:center;gap:8px;font-size:15px;font-weight:400;display:flex}.dialog-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}@media (max-width:960px){.shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.shell.has-chat{grid-template-rows:minmax(0,1fr)}.shell.has-chat .rail,.shell.has-chat .list,.pane-empty{display:none}.rail{border-right:0;border-bottom:1px solid var(--rule);flex-direction:row;align-items:stretch;gap:8px;padding:8px;overflow:auto hidden}.rail-title,.line-meta{display:none}.line-all,.add-line{border:1px solid var(--rule);white-space:nowrap;background:#fff;border-radius:6px;flex:none;margin:0;padding:8px 12px}.lines{gap:8px;display:flex}.line{border:1px solid var(--rule);background:#fff;border-radius:6px;flex:none;min-width:180px;padding:8px 10px 8px 18px;overflow:hidden}.rail-foot{border-top:0;flex:none;margin:0;padding:0 8px}.rail-error{flex:none;margin:0}.list{border-right:0}.back{justify-self:start;display:inline-block}.messages{padding:10px 12px 14px}.bubble{max-width:88%}}
