.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stats article{background:#fff;border:1px solid #ddd;padding:18px}.stats b{display:block;font-size:30px}.desk{display:grid;grid-template-columns:390px 1fr;background:#fff;border:1px solid #d8d3c7;min-height:660px}.queue{border-right:1px solid #ccc}.tools{padding:12px;display:grid;grid-template-columns:1fr 150px;gap:8px}.tools input,.tools select,input,select,textarea{width:100%;padding:10px;border:1px solid #aaa}.ticket-row{width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #ddd;padding:15px}.ticket-row.active{border-left:6px solid #ffd400;background:#fff8d2}.ticket-row .flag{float:right;color:#d33129;font-size:10px}.ticket-row b,.ticket-row small{display:block}.ticket-view{display:flex;flex-direction:column;min-width:0}.thread-head{padding:18px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.thread-head h2{margin:4px 0}.sla.over{color:#d33129}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-bottom:1px solid #ddd}.messages{padding:20px;background:#f7f5ef;max-height:390px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{padding:12px;max-width:80%;white-space:pre-wrap;border:1px solid #ddd;background:#fff}.bubble.staff{align-self:flex-end;background:#dce7ff}.bubble.system{align-self:center;background:#fff4b9;font-size:12px}.bubble small{display:block;color:#777;margin-top:6px}.crm{padding:12px;background:#eef2ff;font-size:12px}.reply{padding:14px;position:relative}.reply-actions{display:flex;justify-content:space-between;margin-top:8px}.suggestions{position:absolute;left:14px;right:14px;bottom:100%;background:#fff;border:2px solid #111;max-height:180px;overflow:auto}.suggestions button{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #ddd;padding:10px}.empty{margin:auto;color:#777}dialog{width:min(700px,94vw);border:3px solid #111;box-shadow:8px 8px #ffd400;padding:24px}.dialog-head{display:flex;justify-content:space-between}label{display:grid;gap:5px;margin:10px 0}.canned-row{border-top:1px solid #ddd;padding:12px;display:flex;justify-content:space-between}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.desk{grid-template-columns:1fr}.queue{border-right:0;max-height:350px;overflow:auto}.controls{grid-template-columns:1fr 1fr}}.support-tabs{display:flex;gap:8px;margin-top:24px;border-bottom:2px solid #11131b}.support-tabs button{width:auto!important;border:0!important;background:transparent!important;color:#6d6b66!important;padding:14px 22px!important;font-weight:900!important;border-bottom:5px solid transparent!important;cursor:pointer}.support-tabs button.active{color:#11131b!important;border-bottom-color:#ffd400!important}.support-panel{padding-top:4px}.support-panel[hidden]{display:none!important}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 20px}.section-intro h2{font-size:38px;margin:5px 0}.section-intro p{margin:0;color:#696761}.section-intro>button{width:auto!important;background:#11131b!important;color:#fff!important;border:0!important;padding:13px 18px!important}.response-workspace{display:grid;grid-template-columns:390px 1fr;gap:20px}.response-editor,.response-workspace>div,.sla-workspace{background:#fff;border:1px solid #dedbd2;padding:22px}.response-editor h3,.response-head h3,.sla-workspace h3{font-size:25px;margin:0 0 16px}.response-editor label{font-size:12px;font-weight:800}.check{display:flex!important;align-items:center!important;gap:8px}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-actions button{width:auto!important;padding:12px 18px!important}.primary-action{background:#11131b!important;color:#fff!important;border:0!important}.response-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.response-head input{max-width:280px}.canned-row{display:grid;grid-template-columns:1fr auto;gap:15px;border:1px solid #ddd9cf!important;margin-top:10px;padding:15px!important}.canned-row small{display:block;margin-top:5px;color:#777}.canned-row button{width:auto!important;padding:8px 11px!important;margin-left:5px}.sla-policies{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.sla-policies article{background:#11131b;color:#fff;padding:20px;display:grid;gap:6px}.sla-policies strong{font-size:22px;color:#ffd400}.sla-policies small{color:#c9cbd3}.sla-row{display:grid;grid-template-columns:1.5fr .8fr .8fr .8fr auto;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #ddd}.sla-row.overdue{background:#fff0ed;border-left:5px solid #f04438}.sla-row.due{background:#fff9da;border-left:5px solid #ffd400}.sla-state{font-weight:900;color:#c13229}.sla-row button{width:auto!important;padding:9px 12px!important}@media(max-width:1000px){.response-workspace{grid-template-columns:1fr}.sla-policies{grid-template-columns:1fr 1fr}.sla-row{grid-template-columns:1fr 1fr}.sla-row>*:first-child{grid-column:1/-1}}@media(max-width:600px){.support-tabs{overflow:auto}.sla-policies{grid-template-columns:1fr}}