@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--panel: #14263a;--panel-2: #1d3450;--panel-text: #c9d4e0;--paper: #e8ecf0;--surface: #ffffff;--ink: #15212e;--ink-2: #4b5a6b;--ink-3: #7a8796;--line: #d4dbe3;--line-2: #e6ebf0;--brass: #c8941f;--brass-soft: #f6ead0;--c-new: #c2255c;--c-open: #1971c2;--c-pending: #7048e8;--c-on_hold: #6c7a89;--c-solved: #2b8a3e;--c-closed: #a5b0bb;--late: #c92a2a;--risk: #b35c00;--ok: #2b8a3e;--display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--text: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 4px;--r: 8px;--r-lg: 14px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--text);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3{font-family:var(--display);font-weight:650;letter-spacing:-.01em;line-height:1.15;margin:0}h1{font-size:1.85rem}h2{font-size:1.05rem;margin-bottom:.6rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--open-link, #1659a8)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:3px}input,select,textarea,button{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:9;background:var(--surface);padding:8px 12px}.muted{color:var(--ink-3)}.small{font-size:.85rem}.block{display:block}.grow{flex:1;min-width:0}.spacer{flex:1}.boot{height:100%;background:var(--paper)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:.5rem .65rem;min-height:38px}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-soft)}input[aria-invalid],textarea[aria-invalid]{border-color:var(--late)}input[type=checkbox]{accent-color:var(--panel);width:16px;height:16px}.field{display:flex;flex-direction:column;gap:.3rem}.field-label{font-weight:600;font-size:.88rem}.field-hint{font-size:.82rem;color:var(--ink-3)}.field-error,.error-note{color:var(--late);font-size:.86rem}.error-note{background:#fff1f1;border-left:3px solid var(--late);padding:.5rem .75rem;border-radius:0 var(--r-sm) var(--r-sm) 0}.ok-note{color:var(--ok);font-size:.9rem;margin:.5rem 0 0}.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--r-sm);border:1px solid transparent;padding:.5rem .95rem;min-height:38px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--panel);color:#fff}.btn-primary:hover:not(:disabled){background:var(--panel-2)}.btn-quiet{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-quiet:hover:not(:disabled){border-color:var(--ink-3)}.btn-danger{background:var(--late);color:#fff}.btn-block{width:100%}.btn[aria-busy]{cursor:progress}.link{background:none;border:0;padding:0;color:#1659a8;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:.88rem}.link.danger{color:var(--late)}.back{font-size:.88rem;color:var(--ink-2);text-decoration:none}.back:before{content:"‹ "}.back:hover{color:var(--ink)}.stack{display:flex;flex-direction:column;gap:1rem}.stack-lg{display:flex;flex-direction:column;gap:1.25rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row>input{flex:1;min-width:180px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.25rem}.plug{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--ink-2);white-space:nowrap}.plug-dot{width:10px;height:10px;border-radius:50%;background:var(--cord);box-shadow:0 0 0 2px color-mix(in srgb,var(--cord) 22%,transparent)}.plug-new,.status-new{--cord: var(--c-new)}.plug-open,.status-open{--cord: var(--c-open)}.plug-pending,.status-pending{--cord: var(--c-pending)}.plug-on_hold,.status-on_hold{--cord: var(--c-on_hold)}.plug-solved,.status-solved{--cord: var(--c-solved)}.plug-closed,.status-closed{--cord: var(--c-closed)}.prio{font-size:.75rem;font-weight:700;padding:.05rem .45rem;border-radius:99px}.prio-urgent{background:#ffe3e3;color:#a51111}.prio-high{background:#fff0db;color:#9c4a00}.prio-normal{background:#e9eef4;color:var(--ink-2)}.prio-low{background:#eef1f4;color:var(--ink-3)}.sla{font-size:.8rem;font-weight:600;padding:.1rem .5rem;border-radius:var(--r-sm);white-space:nowrap}.sla-on_track{background:#e7f0fb;color:#1c4f8a}.sla-at_risk{background:#fff0db;color:var(--risk)}.sla-breached{background:#ffe3e3;color:var(--late)}.sla-met{background:#e6f4ea;color:var(--ok)}.sla-paused{background:#efeaff;color:#5236c2}.avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:700;flex:none;letter-spacing:.02em}.avatar-ghost{width:28px;height:28px;border-radius:50%;border:1.5px dashed var(--line);flex:none}.auth{min-height:100%;display:grid;grid-template-columns:minmax(340px,480px) 1fr}.auth-panel{background:var(--surface);padding:3rem clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.auth-panel h1{font-size:2.2rem;max-width:14ch}.auth-panel form{max-width:380px}.wordmark{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--panel);text-decoration:none}.wordmark svg{color:var(--brass)}.auth-art{background:var(--panel);display:grid;place-items:center;padding:2rem;overflow:hidden}.patchbay{width:min(520px,90%)}.patchbay .jack{fill:#0d1b2a;stroke:var(--brass);stroke-width:2.5}.patchbay .cord path{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:plug-in .9s cubic-bezier(.3,.7,.2,1) forwards}.patchbay .cord circle{opacity:0;animation:appear .2s ease-out forwards;animation-delay:inherit}@keyframes plug-in{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@media(prefers-reduced-motion:reduce){.patchbay .cord path{animation:none;stroke-dashoffset:0}.patchbay .cord circle{animation:none;opacity:1}}.shell{display:grid;grid-template-columns:216px 1fr;height:100%}.rail{background:var(--panel);color:var(--panel-text);display:flex;flex-direction:column;padding:1rem .75rem;gap:1.5rem;min-height:0}.rail-brand{display:flex;align-items:center;gap:.55rem;padding:0 .4rem;color:var(--brass)}.rail-org{font-family:var(--display);font-weight:650;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-brand select{background:transparent;color:#fff;border-color:#34506f;font-weight:600;min-height:32px;padding:.2rem .4rem}.rail-brand select option{color:var(--ink)}.rail-nav{display:flex;flex-direction:column;gap:2px}.rail-nav a{color:var(--panel-text);text-decoration:none;padding:.5rem .65rem;border-radius:var(--r-sm);font-weight:500;display:flex;align-items:center;gap:.6rem}.rail-nav a:before{content:"";width:9px;height:9px;border-radius:50%;border:2px solid #4b6684;flex:none}.rail-nav a:hover,.rail-nav a.active{background:var(--panel-2);color:#fff}.rail-nav a.active:before{background:var(--brass);border-color:var(--brass)}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:.9rem;padding:0 .4rem}.rail-link{color:var(--panel-text);font-size:.88rem}.rail-user{display:flex;gap:.6rem;align-items:center}.rail-user-name{color:#fff;font-weight:600;font-size:.9rem}.rail-user .link{color:var(--panel-text);font-size:.8rem}.main{min-width:0;min-height:0;overflow:auto}.inbox{display:grid;grid-template-columns:210px minmax(320px,400px) 1fr;height:100%;min-height:0}.views{padding:1rem .75rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1rem;overflow:auto}.views ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.view{width:100%;display:flex;justify-content:space-between;gap:.5rem;background:none;border:0;text-align:left;padding:.45rem .6rem;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2);font-weight:500}.view:hover{background:#dde3ea;color:var(--ink)}.view.is-active{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 0 var(--brass);font-weight:600}.view .count{color:var(--ink-3);font-weight:600;font-size:.85rem;align-self:center}.view.is-hot .count{color:#fff;background:var(--late);border-radius:99px;padding:0 .45rem}.list{border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0;overflow:auto}.list-head{position:sticky;top:0;z-index:1;background:var(--surface);padding:.75rem;display:grid;grid-template-columns:1fr auto;gap:.5rem;border-bottom:1px solid var(--line)}.list-head select{width:auto}.rows{list-style:none;margin:0;padding:0}.rows[aria-busy=true]{opacity:.7}.row-link{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .9rem .75rem 1.1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--line-2);position:relative}.row-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cord)}.row-link:hover{background:#f5f7f9}.row-link.is-current{background:#fbf6ea}.row-link.is-current:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--brass)}.row-top{display:flex;gap:.5rem;align-items:baseline}.num{font-family:var(--display);font-weight:650;color:var(--ink-3);font-size:.9rem;flex:none}.row-subject{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-time{color:var(--ink-3);font-size:.8rem;flex:none}.row-snippet{color:var(--ink-2);font-size:.85rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-snippet mark{background:var(--brass-soft);color:inherit;border-radius:2px;padding:0 1px}.row-meta{display:flex;gap:.6rem;align-items:center;font-size:.82rem;flex-wrap:wrap}.row-who{color:var(--ink-2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-due{font-weight:600;color:var(--ink-2)}.row-due.is-late{color:var(--late)}.row-unassigned{color:var(--ink-3);font-size:.78rem}.pager{display:flex;justify-content:space-between;align-items:center;padding:.75rem}.detail{min-width:0;min-height:0;overflow:auto;container-type:inline-size}.then{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-2)}.then select{width:auto;min-height:34px;padding:.25rem .5rem}.empty{text-align:center;color:var(--ink-3);padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty h3{color:var(--ink-2)}.empty p{margin:0;max-width:36ch}.pad{padding:1.25rem}.ticket{display:grid;grid-template-columns:1fr 280px;min-height:100%}.ticket-main{padding:1.1rem clamp(1rem,3vw,2rem) 2rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.ticket-head{display:flex;flex-direction:column;gap:.5rem}.ticket-title{display:flex;align-items:flex-start;gap:.75rem}.jack{font-family:var(--display);font-weight:700;font-size:1.05rem;flex:none;padding:.25rem .65rem .25rem .55rem;border-radius:99px;background:var(--panel);color:#fff;box-shadow:inset 0 0 0 2px var(--brass);display:inline-flex;align-items:center;gap:.45rem;margin-top:.15rem}.jack:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cord)}.subject{font-size:clamp(1.35rem,2.4vw,1.75rem);cursor:text;overflow-wrap:anywhere}.subject-form{flex:1}.subject-form input{font-family:var(--display);font-size:1.4rem;font-weight:650}.ticket-sub{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;font-size:.88rem}.presence{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.85rem;color:var(--ink-2);background:#eef2f6;padding:.35rem .6rem;border-radius:var(--r-sm);width:fit-content}.presence.is-typing{background:var(--brass-soft);color:#6b4a00;font-weight:600}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.msg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.85rem 1rem;max-width:760px}.msg-contact{border-left:3px solid var(--c-open)}.msg-agent{margin-left:clamp(0px,4vw,48px)}.msg-note{background:#fff8e6;border-color:#f0dca8;border-style:dashed}.msg-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9rem}.msg-head time{margin-left:auto;color:var(--ink-3);font-size:.8rem}.note-tag{font-size:.75rem;font-weight:700;color:#8a5a00;background:#fbe7b4;padding:0 .4rem;border-radius:var(--r-sm)}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.event{display:flex;gap:.75rem;font-size:.82rem;color:var(--ink-3);padding-left:1rem;position:relative;max-width:760px}.event:before{content:"";position:absolute;left:.2rem;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--line)}.event time{margin-left:auto}.files{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.files a{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:var(--r-sm);padding:.3rem .6rem .3rem .3rem;text-decoration:none;color:var(--ink);font-size:.85rem;max-width:280px}.files img{width:40px;height:40px;object-fit:cover;border-radius:3px}.file-icon{width:40px;height:40px;display:grid;place-items:center;background:#eef1f4;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--ink-2)}.closed-note{color:var(--ink-2);background:#eef1f4;padding:.75rem 1rem;border-radius:var(--r)}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.75rem;display:flex;flex-direction:column;gap:.6rem;max-width:760px;position:sticky;bottom:.75rem;box-shadow:0 8px 24px -12px #14263a59}.composer-note{background:#fffbef;border-color:#f0dca8}.composer textarea{border:0;padding:.25rem;min-height:96px;box-shadow:none;background:transparent}.composer-tabs{display:flex;gap:.25rem}.composer-tabs button{background:none;border:0;padding:.3rem .6rem;border-radius:var(--r-sm);font-weight:600;color:var(--ink-3);cursor:pointer;font-size:.88rem}.composer-tabs button[aria-selected=true]{color:var(--ink);background:#eef1f4}.composer-note .composer-tabs button[aria-selected=true]{background:#fbe7b4;color:#6b4a00}.composer-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.composer-actions .btn{min-height:34px;padding:.35rem .75rem;font-size:.88rem}.pending-files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.pending-files li{background:#eef1f4;border-radius:var(--r-sm);padding:.2rem .5rem;display:flex;gap:.5rem;align-items:center}.side{border-left:1px solid var(--line);background:#f3f5f8;padding:1rem;display:flex;flex-direction:column;gap:1.1rem}.side section{display:flex;flex-direction:column;gap:.4rem}.side h2{font-family:var(--text);font-size:.82rem;font-weight:600;color:var(--ink-3);margin:0;letter-spacing:0}.side p{margin:0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.seg button{white-space:nowrap;border:0;background:none;padding:.35rem .6rem;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--ink-2);border-right:1px solid var(--line);flex:1}.seg button:last-child{border-right:0}.seg button[aria-checked=true]{background:var(--panel);color:#fff}.seg .seg-urgent[aria-checked=true]{background:#c92a2a}.seg .seg-high[aria-checked=true]{background:#d9480f}.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}.tags li{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:0 .3rem 0 .6rem;font-size:.82rem;display:flex;align-items:center;gap:.2rem}.tags button{border:0;background:none;cursor:pointer;color:var(--ink-3);padding:0 .25rem;font-size:1rem;line-height:1}.target{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.customer{display:flex;gap:.6rem;align-items:center;font-size:.88rem;overflow-wrap:anywhere}.page{padding:1.5rem clamp(1rem,3vw,2.25rem) 3rem;display:flex;flex-direction:column;gap:1.25rem;max-width:1180px}.page.narrow,.narrow{max-width:760px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.page-head h2{margin:0}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);overflow-x:auto}.tabs a{padding:.55rem .8rem;text-decoration:none;color:var(--ink-2);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs a.active{color:var(--ink);border-color:var(--brass)}.split{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:1.25rem;align-items:start}.split .search{margin-bottom:.75rem}.contact-list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.contact-list button{width:100%;display:flex;gap:.7rem;align-items:center;padding:.65rem .8rem;background:none;border:0;border-bottom:1px solid var(--line-2);text-align:left;cursor:pointer}.contact-list button:hover{background:#f5f7f9}.contact-list button.is-active{background:#fbf6ea;box-shadow:inset 3px 0 0 var(--brass)}.contact-list .grow{display:flex;flex-direction:column;overflow:hidden}.contact-list .grow>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-stats{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem;font-weight:600}.mini-tickets{list-style:none;padding:0;margin:0}.mini-tickets a{display:flex;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line-2);text-decoration:none;color:inherit;flex-wrap:wrap}.mini-tickets a:hover .grow{text-decoration:underline}.people{list-style:none;margin:0;padding:0}.people li{display:flex;gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.people select{width:auto}.role{text-transform:capitalize;color:var(--ink-2);font-weight:600;font-size:.88rem}.invite-form{display:grid;grid-template-columns:1fr 1.3fr auto;gap:.75rem;align-items:end}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.chip{display:inline-flex;gap:.4rem;align-items:center;border:1px solid var(--line);border-radius:99px;padding:.25rem .7rem .25rem .5rem;font-size:.88rem;cursor:pointer}.chip.is-on{background:#eaf1fa;border-color:#a9c3e4}.activity{list-style:none;margin:0;padding:0}.activity li{display:flex;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line-2);font-size:.9rem;flex-wrap:wrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line-2)}thead th{font-size:.82rem;color:var(--ink-3);font-weight:600}tbody th{font-weight:600}.unit{display:inline-flex;gap:.4rem;align-items:center}.unit input{width:90px!important}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.stat{background:var(--surface);padding:.9rem 1rem}.stat dt{font-size:.85rem;color:var(--ink-2)}.stat dd{margin:.2rem 0 0;font-family:var(--display);font-size:1.7rem;font-weight:650}.stat .stat-note{font-family:var(--text);font-size:.75rem;font-weight:400;color:var(--ink-3);margin:0}.stat-good dd:first-of-type{color:var(--ok)}.stat-warn dd:first-of-type{color:var(--risk)}.stat-bad dd:first-of-type{color:var(--late)}.bars svg{width:100%;height:200px;display:block}.bar-created{fill:var(--panel)}.bar-solved{fill:var(--brass)}.bars figcaption{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem;margin-top:.6rem}.key{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.3rem;vertical-align:-1px}.key-created{background:var(--panel)}.key-solved{background:var(--brass)}.backlog,.breakdown{list-style:none;margin:0 0 1rem;padding:0}.backlog li,.breakdown li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--line-2);font-size:.92rem}.backlog b.is-late{color:var(--late)}.breakdown li>span:first-child{width:120px;flex:none}.meter{flex:1;height:8px;background:#eef1f4;border-radius:99px;overflow:hidden}.meter span{display:block;height:100%;background:var(--panel);border-radius:99px}.portal{min-height:100%;display:flex;flex-direction:column;background:var(--paper);overflow-x:clip}.portal-head{background:var(--panel)}.portal-intro,.portal-request-head{background:var(--panel);box-shadow:0 0 0 100vmax var(--panel);clip-path:inset(0 -100vmax)}.portal-head{padding:1.1rem clamp(1rem,4vw,2rem)}.portal-name{color:#fff;font-family:var(--display);font-weight:700;font-size:1.2rem;text-decoration:none}.portal-main{width:100%;max-width:760px;margin:0 auto;padding:0 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.portal-intro{color:#fff;padding:.5rem 0 2rem}.portal-intro h1{font-size:clamp(1.8rem,4vw,2.5rem);max-width:20ch}.portal-intro p{color:var(--panel-text);max-width:52ch}.portal-done h2{color:var(--ok)}.portal-access{padding:.5rem 0}.portal-request-head{color:#fff;display:flex;flex-direction:column;gap:.3rem;padding-bottom:1.5rem}.portal-request-head .num{color:var(--brass)}.portal-request-head .muted{color:var(--panel-text)}.portal-timeline .msg-agent{margin-left:0;margin-right:clamp(0px,4vw,48px);border-left:3px solid var(--brass)}.portal-timeline .msg-contact{margin-left:clamp(0px,4vw,48px);background:#f2f6fb;border-left:1px solid var(--line)}.portal .composer{position:static}.portal-foot{text-align:center;color:var(--ink-3);font-size:.8rem;padding:1.5rem}@container (max-width: 760px){.ticket{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:1480px){.inbox{grid-template-columns:minmax(300px,380px) 1fr;grid-template-rows:auto 1fr}.views{grid-column:1 / -1;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:.5rem .75rem;overflow-x:auto}.views .btn{width:auto;flex:none}.views ul{flex-direction:row}.view{white-space:nowrap}.view.is-active{box-shadow:inset 0 -3px 0 var(--brass)}}@media(max-width:820px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.rail{flex-direction:row;align-items:center;padding:.5rem .75rem;gap:.75rem;overflow-x:auto}.rail-nav{flex-direction:row}.rail-nav a:before{display:none}.rail-foot{margin:0 0 0 auto;flex-direction:row;align-items:center}.rail-link,.rail-user-name{display:none}.rail-brand .rail-org{max-width:110px}.inbox{grid-template-columns:1fr;grid-template-rows:auto 1fr}.inbox .detail,.inbox.has-detail .list,.inbox.has-detail .views{display:none}.inbox.has-detail .detail{display:block;grid-row:1 / -1}.list{border-right:0}.auth{grid-template-columns:1fr}.auth-art{display:none}.split,.grid2,.grid3,.invite-form{grid-template-columns:1fr}.composer{position:static}}@media(min-width:821px){.back{display:none}.page .back{display:inline}}.side .link{align-self:flex-start}