:root{--ink:#14252f;--muted:#667783;--line:#dce5e3;--page:#f5f8f7;--teal:#087466;--navy:#111827;--blue:#315efb;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--page);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.environment-banner{color:#9a5b13;letter-spacing:.05em;text-transform:uppercase;background:#fff4e5;border-bottom:1px solid #f2d5a5;place-items:center;height:28px;font-size:11px;font-weight:700;display:grid}.support-frame{min-height:100dvh;display:flex}.support-sidebar{color:#fff;background:#101827;flex-direction:column;flex:0 0 248px;gap:14px;width:248px;padding:18px 13px;display:flex;overflow:auto}.support-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:7px 10px 18px;display:flex}.support-brand img{border-radius:10px;flex:0 0 38px;width:38px;height:38px}.support-brand strong{font-size:16px;line-height:1;display:block}.support-brand small{color:#93a1b7;letter-spacing:.14em;margin-top:4px;font-size:10px;font-weight:800;display:block}.queue-scope{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:12px 10px}.queue-scope b,.queue-scope small{display:block}.queue-scope b{font-size:12px}.queue-scope small{color:#9aa6b8;margin-top:3px;font-size:10px}.support-nav-group{gap:2px;display:grid}.support-nav-group p{color:#738197;letter-spacing:.09em;text-transform:uppercase;margin:12px 8px 7px;font-size:10px;font-weight:800}.support-nav{color:#bac4d1;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;font-size:12px;display:flex}.support-nav:hover,.support-nav.active{color:#fff;background:#ffffff14}.support-content{flex:1;min-width:0}.support-topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;gap:18px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.mobile-menu{background:0 0;border:0;display:none}.support-search{border:1px solid var(--line);background:#f8fbfa;border-radius:8px;flex:1;align-items:center;gap:9px;max-width:700px;height:40px;padding:0 12px;display:flex}.support-search input{background:0 0;border:0;outline:0;width:100%}.support-actions{align-items:center;gap:9px;display:flex}.support-actions button,.avatar{border:1px solid var(--line);height:38px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.scope-pill{color:#087466;background:#eef9f5;border:1px solid #cae7df;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:700}.support-main{max-width:1420px;margin:0 auto;padding:24px}.support-header,.ticket-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.eyebrow{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.support-header h1,.ticket-header h1{color:#101827;margin:0;font-size:30px;line-height:1.15}.support-header p,.ticket-header p{max-width:760px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.primary-action,.ticket-actions button,.ticket-actions a,.ticket-filters button,.composer button{background:var(--teal);color:#fff;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.support-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.support-metrics article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:17px}.support-metrics span,.support-metrics small{color:var(--muted);font-size:11px;display:block}.support-metrics strong{margin:8px 0 4px;font-size:25px;display:block}.ticket-layout,.conversation-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px;display:grid}.ticket-table,.support-detail,.conversation{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.ticket-filters{border-bottom:1px solid var(--line);background:#fbfdfc;gap:10px;padding:16px;display:flex}.ticket-filters input,.ticket-filters select{background:#fff;border:1px solid #cbd7d4;border-radius:7px;height:38px;padding:0 10px}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid #edf2f1;padding:14px 16px;font-size:12px}th{color:#60737d;text-transform:uppercase;letter-spacing:.08em;background:#f8fbfa;font-size:10px}td:first-child{color:#087466;font-weight:800}.support-detail{padding:20px}.support-detail h2{margin:0 0 12px;font-size:16px}.support-detail p,.support-detail dd{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.6}.support-detail dt{text-transform:uppercase;color:#60737d;font-size:10px;font-weight:800}.ticket-actions{flex-wrap:wrap;gap:8px;display:flex}.ticket-actions button:nth-child(2){background:#315efb}.ticket-actions a{color:var(--ink);border:1px solid var(--line);background:#fff}.conversation{gap:12px;padding:18px;display:grid}.message{border:1px solid var(--line);border-radius:8px;padding:14px}.message span{text-transform:uppercase;color:#60737d;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.message p{color:#243742;margin:0;font-size:13px;line-height:1.6}.message.customer{background:#f8fbff}.message.internal{background:#fff7ed;border-color:#f4d4a9}.message.developer{background:#f3f1ff;border-color:#d8d0ff}.composer{border-top:1px solid var(--line);gap:10px;padding-top:10px;display:grid}.composer label{text-transform:uppercase;color:#60737d;gap:5px;font-size:11px;font-weight:800;display:grid}.composer select,.composer textarea{background:#fff;border:1px solid #cbd7d4;border-radius:8px;padding:10px}.composer textarea{resize:vertical;min-height:120px}.callback-page{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:620px;margin:14vh auto;padding:32px}.callback-page h1{margin:8px 0}.callback-page p{color:var(--muted);line-height:1.6}@media (max-width:980px){.support-sidebar{z-index:30;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-menu{display:inline-flex}.support-metrics,.ticket-layout,.conversation-layout{grid-template-columns:1fr}.support-header,.ticket-header{display:grid}.support-topbar{padding:0 16px}.scope-pill{display:none}}@media (max-width:680px){.support-main{padding:18px 14px}.ticket-filters{display:grid}.support-header h1,.ticket-header h1{font-size:25px}}.support-alert{background:#fff7ed;border:1px solid #f4d4a9;border-radius:8px;margin:0 0 14px;padding:14px}.support-alert p{color:var(--muted);margin:6px 0 0;font-size:12px}.developer-action-label{color:var(--muted);text-transform:uppercase;align-self:center;font-size:11px;font-weight:800}.ticket-action-panel{flex-wrap:wrap;gap:8px;display:flex}.action-message{color:var(--muted);flex-basis:100%;margin:0;font-size:12px}.developer-notify{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;flex-basis:100%;padding:10px}.developer-notify summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:800}.developer-notify label{color:#60737d;text-transform:uppercase;gap:4px;margin-top:8px;font-size:10px;font-weight:800;display:grid}.developer-notify input,.developer-notify select,.developer-notify textarea{background:#fff;border:1px solid #cbd7d4;border-radius:8px;padding:9px}.developer-notify textarea{resize:vertical;min-height:70px}