:root{--ink:#17201f;--muted:#7c8985;--line:#e2e9e6;--green:#2f8a71;--green-soft:#e7f2ed;--orange:#d06b42;--red:#c9544b;--blue:#587ca1;background:#edf1f3;color:var(--ink)}body{background:#edf1f3;color:#17201f}.topbar{height:64px;background:#101719;color:#dce7e4;border-color:#26312f;padding:0 20px}.brand{color:#fff}.brand-mark{background:#3c9b80;border-radius:8px}.brand small{color:#8c9a96}.search{background:#202a2a;border-color:#35403e;color:#aab8b3}.search input{color:#edf4f1}.search input::placeholder{color:#899792}.icon-button,.profile-button{background:#202a2a;border-color:#35403e;color:#dce7e4}.workspace{height:calc(100vh - 64px);grid-template-columns:220px minmax(280px,330px) minmax(360px,1fr) 355px;background:#f8faf9}.rail{background:#17201f;color:#dfe9e6;border:0;padding:20px 11px}.rail-label{color:#83918d}.nav-item{color:#aebcb8;border-radius:7px}.nav-item.active,.nav-item:hover{background:#273432;color:#fff}.nav-item b{color:#fff;background:#d96f58;border-radius:20px;padding:2px 7px}.rail-note{border-color:#2a3633;color:#b9c7c2}.rail-note small{color:#82918c}.live-dot{background:#3c9b80}.pane-heading{padding:22px 17px 14px}.pane-heading h1{font-size:20px}.button{border-radius:7px;font-weight:600}.button.primary{background:#2f8a71;border-color:#2f8a71}.filter-row select{border-radius:7px}.ticket-card{border:1px solid #e4eae7;border-radius:9px;margin:7px 4px;padding:13px 11px}.ticket-card:hover,.ticket-card.selected{background:#f3f8f5;box-shadow:0 4px 14px #17201f12}.tag{border-radius:99px;padding:3px 8px}.tag.high{background:#fff2e8;color:#c56837}.tag.urgent{background:#fef0ee;color:#c54f47}.tag.status-working{background:#e7f2ed;color:#287c64}.detail-pane{background:#f8faf9}.detail-toolbar{height:64px;padding:0 22px}.detail-content{padding:24px 22px 38px;max-width:none}.detail-titleline h2{font-size:22px}.meta-grid{border-radius:10px}.meta-cell{padding:13px}.surface,.chat-box{border-radius:9px}.file-kind{background:#e6f3ed;color:#2f8a71;border-radius:7px}.info-pane{border-left:1px solid #e2e9e6;padding:0;display:flex;flex-direction:column;background:#fff}.info-pane .info-heading{height:64px;display:flex;align-items:center;padding:0 18px;margin:0;border-bottom:1px solid #e4eae7;font-size:13px}.info-pane .info-block{margin:0 18px}.info-pane .section{margin:0;display:flex;flex-direction:column;min-height:0;flex:1}.info-pane .section-head{height:52px;padding:0 18px;margin:0;border-bottom:1px solid #e4eae7;flex:none}.info-pane .section-head h3{font-size:13px}.info-pane .chat-box{border:0;border-radius:0;display:flex;flex-direction:column;flex:1;min-height:0}.info-pane .chat-feed{flex:1;max-height:none;background:#f8faf9;padding:17px}.info-pane .chat-compose{padding:12px}.info-pane .chat-compose textarea{min-height:58px}.info-pane .message{max-width:94%}.bubble{border:1px solid #e4eae7;background:#fff;border-radius:11px}.message.mine .bubble{background:#2f8a71;color:white;border-color:#2f8a71}.message.mine .avatar{background:#2f8a71;color:white}.avatar{background:#e5b56b;color:white}.toast{background:#17201f}.modal{border-radius:12px}.login-brand{background:#17201f;color:#e2ece8}.login-brand p{color:#afc0b9}.login-card{background:#fff}.login-card .button.primary{background:#2f8a71;border-color:#2f8a71}.auth-switch{color:#2f8a71}.install-panel{border-radius:12px}.install-form .button{background:#2f8a71;border-color:#2f8a71}
.ticket-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:17px}.chat-side-head{height:64px;padding:0 17px;border-bottom:1px solid #e4eae7;display:flex;align-items:center;justify-content:space-between;flex:none}.chat-side-head b,.chat-side-head small{display:block}.chat-side-head b{font-size:12px}.chat-side-head small{font-size:10px;color:#2f8a71;margin-top:4px}.chat-side-head select{max-width:130px;border:1px solid #dfe7e3;border-radius:7px;background:white;padding:7px;font-size:10px}.chat-side-head>.tag{font-size:10px}.chat-section{margin:0;display:flex;flex-direction:column;flex:1;min-height:0}.info-pane .chat-section>.section-head{height:48px}.info-pane .chat-section .chat-box{flex:1;min-height:0}.info-pane .chat-section .chat-feed{max-height:none}
@media(min-width:761px){.detail-content>.ticket-columns{grid-template-columns:minmax(0,1fr)}.detail-content>.ticket-columns #chat-mount:empty{display:none}.detail-content>.ticket-columns #chat-mount .chat-section{display:none}}
@media(max-width:1180px){.workspace{grid-template-columns:66px minmax(270px,320px) minmax(360px,1fr)}.info-pane{display:flex;position:fixed;right:0;top:64px;bottom:0;width:330px;z-index:4;box-shadow:-10px 0 30px #17201f18;transform:translateX(102%);transition:transform .2s}.info-pane.chat-open{transform:translateX(0)}.info-pane:empty{display:none}}
@media(max-width:760px){.topbar{height:56px;padding:0 13px}.workspace{height:calc(100dvh - 112px);grid-template-columns:1fr}.detail-pane{background:#f8faf9}.detail-content{padding:17px 15px 82px}.detail-titleline h2{font-size:19px}.info-pane{display:none}.mobile-nav{height:56px;background:#fff;border-top-color:#e1e8e5}.mobile-nav button.active{color:#2f8a71}.login-brand{background:#17201f}.login-card{background:#fff}}