.ticket-desk{display:grid;grid-template-columns:minmax(310px,34%) 1fr;min-height:680px;background:#fff;border:1px solid #dfe7e3;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(20,60,49,.05)}
.ticket-inbox{background:#fbfcfb!important;color:#17201d!important;padding:0!important;border-right:1px solid #e2e8e5;display:flex!important;min-height:680px}
.ticket-inbox-head{padding:28px 28px 18px}.ticket-inbox-head h2{margin:5px 0 0;font-size:24px}.ticket-inbox-head h2 span{display:inline-grid;place-items:center;min-width:25px;height:21px;padding:0 7px;border-radius:20px;background:#25ad5f;color:#fff;font-size:12px;vertical-align:middle}
.ticket-filters{display:grid;grid-template-columns:1fr 130px;gap:8px;padding:0 18px 16px}.ticket-filters input,.ticket-filters select,.ticket-compose input,.ticket-compose select,.ticket-compose textarea,.ticket-admin-controls select,.ticket-chat textarea{width:100%;border:1px solid #d7e0dc;border-radius:11px;padding:11px 12px;background:#fff;color:#17201d;font:inherit}
.ticket-inbox-list{flex:1;overflow:auto;border-top:1px solid #edf1ef}.ticket-inbox-item{width:100%;border:0;border-bottom:1px solid #edf1ef;border-radius:0;padding:17px 20px;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:transparent}.ticket-inbox-item:hover,.ticket-inbox-item.active{background:#eef6f1}.ticket-inbox-item b{display:block;margin-bottom:5px}.ticket-inbox-item small{display:block;line-height:1.4}.ticket-inbox-item .status{white-space:nowrap;font-size:10px}
.ticket-create{margin:18px;width:calc(100% - 36px)}.ticket-conversation{min-width:0;background:#fff}.ticket-empty-state{height:100%;min-height:520px;display:grid;place-content:center;justify-items:center;text-align:center;color:#718079;padding:35px}.ticket-empty-state span svg{width:52px;height:52px;fill:none;stroke:#78968c;stroke-width:1.6}.ticket-empty-state h3{color:#25342f;margin-bottom:3px}.ticket-empty-state.compact{min-height:150px}
.ticket-compose,.ticket-card{min-height:680px;display:flex;flex-direction:column}.ticket-compose>header,.ticket-card>header{padding:28px 32px;border-bottom:1px solid #e7ece9;display:flex;justify-content:space-between;gap:20px}.ticket-compose h2,.ticket-card h2{margin:6px 0 0;font-size:25px}.ticket-card header p{margin:7px 0 0;color:#718079}.ticket-form-body{padding:28px 32px;display:grid;gap:18px}.ticket-form-body label,.ticket-admin-controls label{display:grid;gap:7px;font-size:13px;font-weight:700}.ticket-form-body textarea{min-height:170px;resize:vertical}.ticket-compose>footer{margin-top:auto;border-top:1px solid #e7ece9;padding:20px 32px;display:flex;justify-content:flex-end;gap:10px}
.ticket-admin-controls{padding:18px 32px;display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:end;background:#f7faf8;border-bottom:1px solid #e7ece9}.ticket-description{padding:24px 32px;border-bottom:1px solid #e7ece9}.ticket-description p{line-height:1.6;white-space:pre-wrap}.ticket-chat{padding:24px 32px;display:flex;flex-direction:column;gap:16px;flex:1}.ticket-chat h3{margin:0}.ticket-chat-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:auto}.ticket-chat-message{max-width:82%;padding:13px 15px;border-radius:14px;background:#f0f4f2}.ticket-chat-message.mine{align-self:flex-end;background:#dceee4}.ticket-chat-message>div{display:flex;justify-content:space-between;gap:15px}.ticket-chat-message time{color:#718079;font-size:11px}.ticket-chat-message p{margin:7px 0;white-space:pre-wrap}.ticket-chat-message a{font-size:12px;color:#1f7057}.ticket-chat form{margin-top:auto}.ticket-chat textarea{min-height:92px;resize:vertical}.ticket-message-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.ticket-message-actions .primary{margin-left:auto}.ticket-attach{cursor:pointer;color:#315e50}.ticket-message-actions .form-error{color:#aa352e;font-size:12px}
@media(max-width:980px){.ticket-desk{grid-template-columns:1fr}.ticket-inbox{min-height:420px;border-right:0;border-bottom:1px solid #e2e8e5}.ticket-inbox-list{max-height:360px}.ticket-conversation{min-height:580px}.ticket-admin-controls{grid-template-columns:1fr}.ticket-compose,.ticket-card{min-height:580px}}
/* Separate platform-support navigation and desk. */
.nav-group{margin:2px 0}.nav-group-toggle{width:100%;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:rgba(255,255,255,.07)}.nav-group-toggle span{transition:transform .2s}.nav-group.open .nav-group-toggle span{transform:rotate(180deg)}.nav-group-children{display:none;padding-left:12px;border-left:1px solid rgba(255,255,255,.14);margin-left:18px}.nav-group.open .nav-group-children{display:grid}.nav-group-children a{font-size:.94em!important}
.support-desk{display:grid;grid-template-columns:minmax(320px,36%) 1fr;min-height:calc(100vh - 190px);background:#fff;border:1px solid var(--line,#dfe7e2);border-radius:24px;overflow:hidden}.support-queue{border-right:1px solid var(--line,#dfe7e2);display:flex;flex-direction:column;min-width:0}.support-queue-head{padding:26px 22px 16px}.support-queue-head h2{margin:0}.support-queue-head h2 span{font-size:.7em;color:#fff;background:#20ad5c;border-radius:999px;padding:2px 9px}.support-queue-head p{color:var(--muted);margin:5px 0 18px}.support-filters{display:grid;grid-template-columns:1fr 150px;gap:8px}.support-filters input,.support-filters select,.support-controls select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.support-queue #support-list{overflow:auto;flex:1;border-top:1px solid var(--line)}.support-ticket-item{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:18px 22px;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer}.support-ticket-item:hover,.support-ticket-item.active{background:#eef7f2}.support-ticket-item span:first-child{display:grid;gap:5px}.support-ticket-item small{color:var(--muted)}.support-queue>.primary{margin:18px 22px}.support-detail{min-width:0;padding:30px;overflow:auto}.support-empty{min-height:460px;display:grid;place-content:center;text-align:center;color:var(--muted)}.support-empty b{color:var(--text);font-size:1.25rem}.support-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.support-detail-head small{color:#16824a;font-weight:800;letter-spacing:.08em}.support-detail-head h2{margin:8px 0}.support-detail-head p{margin:0;color:var(--muted)}.support-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f6f9f7;padding:16px;border-radius:16px;margin:20px 0}.support-controls label{font-weight:700}.support-description{font-size:1.05rem;line-height:1.6;padding:22px 0}.support-message-form,.support-form{display:grid;gap:16px}.support-message-form textarea,.support-form textarea{min-height:120px}.support-file{display:inline-flex;gap:10px;align-items:center;color:var(--muted)}.support-actions{display:flex;justify-content:flex-end;gap:12px}.message.internal{background:#fff8dc;border-color:#e7d88e}.knowledge-placeholder{text-align:center;padding:70px 24px}.knowledge-placeholder>span{display:inline-grid;place-content:center;width:64px;height:64px;border-radius:20px;background:#e8f4ed;color:#155c43;font-size:2rem;font-weight:800}.knowledge-placeholder h3{font-size:1.5rem;margin-bottom:8px}.knowledge-placeholder p{color:var(--muted)}
@media(max-width:900px){.support-desk{grid-template-columns:1fr}.support-queue{border-right:0}.support-detail{border-top:1px solid var(--line);padding:20px}.support-filters,.support-controls{grid-template-columns:1fr}}

/* Support desk polish. Scope every reset to the desk because the global
   application sidebar is also an <aside>. */
.support-desk{grid-template-columns:minmax(340px,390px) minmax(0,1fr);min-height:680px;max-height:calc(100vh - 150px);border-color:#dfe7e2;box-shadow:0 16px 44px rgba(20,54,44,.07)}
.support-desk .support-queue{display:flex;min-height:0;padding:0;background:#f8faf8;color:#17201d;border-right:1px solid #e1e8e4}
.support-desk .support-queue-head{padding:28px 24px 18px;background:#fff}
.support-desk .support-queue-head h2{font-size:22px;display:flex;align-items:center;gap:8px}
.support-desk .support-queue-head h2 span{font-size:12px;line-height:22px;min-width:22px;text-align:center;padding:0 7px;background:#1f9d63}
.support-desk .support-queue-head p{font-size:13px;margin:5px 0 18px}
.support-desk .support-filters{grid-template-columns:minmax(0,1fr) 132px;gap:9px}
.support-desk .support-filters input,.support-desk .support-filters select,.support-desk .support-controls select,.support-desk .support-form input,.support-desk .support-form select,.support-desk textarea{font:inherit;color:#17201d;background:#fff;border:1px solid #d8e1dc;border-radius:12px;padding:12px 13px;outline:none}
.support-desk .support-filters input:focus,.support-desk .support-filters select:focus,.support-desk .support-controls select:focus,.support-desk .support-form input:focus,.support-desk .support-form select:focus,.support-desk textarea:focus{border-color:#528574;box-shadow:0 0 0 3px #e3eee8}
.support-desk .support-ticket-item{color:#17201d;padding:17px 22px;background:#fff;border-bottom-color:#e8edea;border-radius:0}
.support-desk .support-ticket-item:hover{background:#f1f7f4}
.support-desk .support-ticket-item.active{color:#17201d;background:#e6f2ec;box-shadow:inset 3px 0 #276a55}
.support-desk .support-ticket-item b{line-height:1.35}.support-desk .support-ticket-item small{font-size:12px;color:#72817b}
.support-desk .support-queue>.primary{margin:16px 20px 20px;border-radius:12px;flex:0 0 auto}
.support-desk .support-detail{padding:0;background:#fff}
.support-desk .support-ticket-card{padding:30px 34px 26px;min-height:100%;display:flex;flex-direction:column}
.support-desk .support-detail-head{padding:0 0 22px}.support-desk .support-detail-head h2{font-size:25px;line-height:1.2;margin:8px 0 6px}.support-desk .support-detail-head p{font-size:14px}
.support-desk .support-description{margin:20px 0 10px;padding:18px 20px;border:1px solid #e5ebe8;border-radius:14px;background:#f8faf9;white-space:pre-wrap}
.support-desk .message-list{display:flex;flex-direction:column;gap:10px;padding:6px 0 20px;max-height:300px;overflow:auto}
.support-desk .message{align-self:flex-start;max-width:78%;padding:12px 14px;border:1px solid #e1e8e4;border-radius:15px 15px 15px 5px;background:#f3f6f4;color:#17201d}
.support-desk .message.mine{align-self:flex-end;border-radius:15px 15px 5px 15px;background:#dfeee7;border-color:#d2e5dc}
.support-desk .message.internal{background:#fff7da;border-color:#eadb99}
.support-desk .message b{display:block;font-size:12px;color:#315e50}.support-desk .message p{margin:5px 0 7px;line-height:1.45;white-space:pre-wrap}.support-desk .message small{display:block;font-size:11px;color:#7b8883}.support-desk .message a{font-size:12px;color:#216b53}
.support-desk .support-message-form{margin-top:auto;padding-top:20px;border-top:1px solid #e6ece9;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
.support-desk .support-message-form textarea{grid-column:1/-1;min-height:86px;resize:vertical}
.support-desk .support-message-form .inline-check,.support-desk .support-message-form .form-error{grid-column:1/-1}
.support-desk .support-file{height:44px;padding:0 12px;border:1px solid #d8e1dc;border-radius:11px;background:#f8faf9;font-size:13px;overflow:hidden}
.support-desk .support-file input{max-width:230px;font-size:12px;color:#718079}.support-desk .support-file input::file-selector-button{border:0;background:transparent;color:#315e50;font-weight:700;padding:12px 8px 12px 0;cursor:pointer}
.support-desk .support-message-form>.primary{min-width:130px;height:44px;padding:10px 22px}
.support-desk .support-form{padding:30px 34px}.support-desk .support-form>label{display:grid;gap:8px;font-size:13px;font-weight:700}.support-desk .support-form textarea{min-height:160px;resize:vertical}
@media(max-width:900px){.support-desk{display:block;max-height:none}.support-desk .support-queue{min-height:420px}.support-desk .support-ticket-card,.support-desk .support-form{padding:24px 20px}.support-desk .support-message-form{grid-template-columns:1fr}.support-desk .support-message-form>*{grid-column:1!important}}