:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17231f;background:#fff;font-synthesis:none;--ink:#17231f;--muted:#596a62;--line:#dce5df;--green:#075b45;--dark:#10352b;--soft:#f3f7f4;--focus:#48b993}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip{position:absolute;left:-9999px;z-index:5}.skip:focus{left:12px;top:12px;background:#fff;padding:8px}.overline,.section-label{margin:0;color:#63786b;font-size:10px;font-weight:800;letter-spacing:.12em}.section-label{color:#668477}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border:1px solid #a6bdb0;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.secondary:hover{border-color:var(--green)}.button.primary:hover{background:#064a38}.shell{min-height:100dvh;display:grid;grid-template-columns:190px minmax(0,1fr)}.rail{background:var(--dark);color:#edf8f1;display:flex;flex-direction:column;padding:20px 11px}.brand{margin:0 9px 27px;white-space:nowrap;font-size:20px;font-weight:800;letter-spacing:-.07em;text-decoration:none}.brand-star{color:#9de3bd;font-size:23px;vertical-align:-1px}.rail-caption{margin:0 12px 10px;color:#9bc3ab;font-size:10px;font-weight:750;letter-spacing:.14em}.desktop-nav{display:grid;gap:2px}.desktop-nav button{min-height:39px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:7px;padding:8px 12px;background:none;color:#cce6d7;text-align:left;font-size:13px;font-weight:650}.desktop-nav button.active{background:#e8f4ea;color:#123f30}.desktop-nav button:hover:not(.active){background:#275547}.rail-bottom{margin-top:auto;padding:16px 12px 3px;border-top:1px solid #ffffff2b;font-size:12px}.rail-bottom span{display:block;color:#b5d8c3}.rail-bottom button{margin-top:10px;padding:0;border:0;background:none;color:#e5f4eb;text-decoration:underline}.workspace{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 23px;border-bottom:1px solid var(--line)}.topbar h1{margin:3px 0 0;font-size:23px;line-height:1.1;letter-spacing:-.045em}.environment{color:#547264;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.feedback{margin:0;padding:9px 22px;border-bottom:1px solid #c7ddcf;background:#f1f8f2;color:#15543b;font-size:13px}.feedback.error{border-color:#e6b8ad;background:#fff1ed;color:#8c2e21}.cases-view{height:calc(100dvh - 74px);min-height:470px;display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr)}.queue{min-width:0;overflow:auto;border-right:1px solid var(--line)}.queue-top{padding:20px 16px 12px;border-bottom:1px solid var(--line)}.queue-top h2{margin:5px 0 14px;font-size:19px;letter-spacing:-.04em}.segmented{display:flex;gap:3px}.segmented button{min-height:31px;border:0;border-radius:6px;background:none;padding:5px 10px;color:var(--muted);font-size:12px;font-weight:700}.segmented button.active{background:#e7f3e9;color:#075b45}.ticket-row{width:100%;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:#fff;padding:13px 15px;text-align:left;color:var(--ink)}.ticket-row:hover{background:#f8fbf9}.ticket-row.active{border-left-color:var(--green);background:#f2f8f4}.ticket-row .row-top{display:flex;gap:8px;align-items:start;justify-content:space-between}.ticket-row strong{font-size:14px;line-height:1.3}.ticket-row p{margin:5px 0 7px;color:var(--muted);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-foot{display:flex;justify-content:space-between;gap:8px;color:#66776e;font-size:11px}.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#edf2ef;color:#425e4e;font-size:11px;font-weight:750}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#718b79}.pill.open{background:#fff2db;color:#8b5208}.pill.open:before{background:#cc7b16}.pill.waiting_customer{background:#e8f5ed;color:#0b6a42}.pill.waiting_customer:before{background:#19804e}.pill.suspended{background:#fff0ec;color:#9b3529}.pill.suspended:before{background:#c84938}.ticket-detail{min-width:0;overflow:auto}.detail-empty,.empty{padding:26px;color:var(--muted);font-size:13px}.detail-top{padding:22px 24px 17px;border-bottom:1px solid var(--line)}.detail-top h2{margin:7px 0 4px;font-size:23px;line-height:1.18;letter-spacing:-.04em}.ticket-meta{margin:0;color:var(--muted);font-size:12px}.message-list{padding:17px 24px;display:grid;gap:13px;max-height:calc(100dvh - 400px);min-height:120px;overflow:auto}.message{max-width:650px;border-left:2px solid #d5e2da;padding:3px 0 3px 14px}.message.support{border-color:var(--green)}.message header{display:flex;gap:9px;align-items:baseline;font-size:11px;font-weight:750;color:#365e48}.message time{font-weight:400;color:var(--muted)}.message p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.48}.reply-form{max-width:730px;margin:8px 24px 16px;padding-top:15px;border-top:1px solid var(--line)}.reply-form label{display:block;margin-bottom:7px;font-size:12px;font-weight:750}.reply-form textarea{width:100%;resize:vertical;min-height:104px;border:1px solid #adc2b4;border-radius:7px;padding:10px 12px;color:var(--ink);background:#fff;font-size:14px}.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.reply-actions span{color:var(--muted);font-size:11px}.ticket-actions{margin:0 24px 24px}.back-button{display:none;border:0;background:none;color:var(--green);font-size:13px;font-weight:700;padding:0 0 12px}.list-view{max-width:1100px;padding:22px 24px 80px}.list-heading{margin-bottom:19px}.list-heading h2{font-size:24px;margin:5px 0 6px;letter-spacing:-.04em}.list-heading p:last-child{margin:0;color:var(--muted);font-size:13px}.data-list{border-top:1px solid var(--line)}.data-row{display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(90px,.6fr) minmax(80px,.5fr) minmax(80px,.5fr);gap:12px;align-items:center;min-height:59px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.data-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.data-row small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.data-row .right{text-align:right}.data-row .button{justify-self:end;min-height:33px;padding:5px 10px;font-size:11px}.search-label{display:block;margin:8px 0 5px;font-size:12px;font-weight:750}.list-view input[type=search],.reason-input{min-height:37px;border:1px solid #adc2b4;border-radius:7px;padding:8px 10px;color:var(--ink);background:#fff}.list-view input[type=search]{width:min(100%,340px);margin-bottom:16px}.member-row{grid-template-columns:minmax(170px,1.5fr) minmax(90px,.6fr) minmax(90px,.5fr) auto}.reason-form{grid-column:1/-1;display:flex;align-items:end;gap:9px;padding:4px 0 8px}.reason-form label{display:grid;gap:5px;flex:1;font-size:11px;font-weight:700}.reason-form button{min-height:37px}.audit-section{margin-top:29px}.audit-section h2{margin:5px 0 13px;font-size:18px}.audit-list{border-top:1px solid var(--line)}.audit-row{display:flex;gap:12px;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.audit-row time{color:var(--muted);white-space:nowrap}.auth{max-width:500px;margin:11vh auto;padding:0 22px}.auth-brand{display:inline-block;margin-bottom:39px;text-decoration:none;color:var(--dark);font-size:23px;font-weight:800;letter-spacing:-.07em}.auth-brand:first-letter{color:var(--green)}.auth h1{font-size:36px;line-height:1.1;letter-spacing:-.05em;margin:8px 0 12px}.auth p:not(.overline){color:var(--muted);font-size:14px;line-height:1.5}.auth .button{margin-top:14px}.auth-note{margin-top:24px}.mobile-nav{display:none}
@media(max-width:900px){.cases-view{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.rail{padding-inline:8px}.shell{grid-template-columns:165px minmax(0,1fr)}.message-list{padding-inline:18px}.detail-top{padding-inline:18px}.reply-form{margin-inline:18px}}
@media(max-width:720px){.shell{display:block}.rail{height:48px;padding:0 14px;flex-direction:row;align-items:center;justify-content:space-between}.rail .brand{font-size:18px;margin:0}.rail-caption,.desktop-nav{display:none}.rail-bottom{margin:0;border:0;padding:0}.rail-bottom span{display:none}.rail-bottom button{margin:0;font-size:12px}.topbar{height:63px;padding:10px 16px}.topbar h1{font-size:21px}.topbar .overline{font-size:9px}.environment{font-size:9px}.mobile-nav{position:fixed;z-index:4;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);height:62px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fff}.mobile-nav button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:700}.mobile-nav button.active{color:var(--green);box-shadow:inset 0 3px var(--green)}.cases-view{height:calc(100dvh - 173px);min-height:0;display:block}.queue{height:100%;border-right:0}.ticket-detail{display:none;height:100%}.cases-view.show-detail .queue{display:none}.cases-view.show-detail .ticket-detail{display:block}.back-button{display:block}.detail-top{padding:15px 16px}.detail-top h2{font-size:20px}.message-list{max-height:none;min-height:80px;padding:16px}.reply-form{margin:6px 16px 16px}.reply-actions{align-items:stretch;flex-direction:column}.reply-actions .button{align-self:flex-end}.ticket-actions{margin:0 16px 28px}.list-view{padding:20px 16px 84px}.data-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}.data-row>:nth-child(3){grid-column:1}.data-row>:nth-child(4){grid-column:2;grid-row:1}.data-row .right{text-align:left}.member-row .button{grid-column:2;grid-row:1}.reason-form{grid-column:1/-1;flex-direction:column;align-items:stretch}.reason-form button{align-self:flex-start}.audit-row{flex-direction:column;gap:3px}.queue-top{padding:17px 14px 11px}.ticket-row{padding:13px 13px}.feedback{padding:9px 16px}}
@media(max-width:390px){.environment{display:none}.topbar{height:58px}.cases-view{height:calc(100dvh - 168px)}}