/* Support inbox and conversations. Colors follow the visitor's template palette. */
#supporttickets-panel{color:var(--gb-text);min-width:0;outline:none}
#supporttickets-panel .st-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:8px 0 4px}
#supporttickets-panel .st-heading-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid var(--gb-line);border-radius:12px;background:var(--gb-panel-2);color:var(--gb-cyan);font-size:23px}
#supporttickets-panel .st-heading>div:nth-child(2){flex:1;min-width:0}
#supporttickets-panel .st-eyebrow{display:block;color:var(--gb-muted);font-size:9px;font-weight:700;letter-spacing:.15em}
#supporttickets-panel .st-eyebrow>span{color:var(--gb-cyan)}
#supporttickets-panel .st-heading h1{margin:6px 0 4px;font:800 27px/1.25 var(--font-display);color:var(--gb-text);letter-spacing:-.025em}
#supporttickets-panel .st-heading p{margin:0;color:var(--gb-muted);font-size:12px;line-height:1.6}
#supporttickets-panel .st-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid var(--gb-line);border-radius:6px;font-size:11px;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .16s,border-color .16s}
#supporttickets-panel .st-button-primary{background:var(--gb-blue);color:var(--theme-button-text,var(--theme-color-ffffffff,#fff));border-color:var(--gb-blue)}
#supporttickets-panel .st-button-primary:hover{filter:brightness(1.12);text-decoration:none}
#supporttickets-panel .st-button-subtle{background:var(--gb-panel-2);color:var(--gb-text)}
#supporttickets-panel .st-button-subtle:hover{border-color:var(--gb-cyan);color:var(--gb-cyan)}
#supporttickets-panel button:disabled{opacity:.45;cursor:not-allowed;filter:none}
#supporttickets-panel .st-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:0 0 12px;border-bottom:1px solid var(--gb-line)}
#supporttickets-panel .st-navigation>a{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:5px;color:var(--gb-muted);font-size:11px;font-weight:600;text-decoration:none}
#supporttickets-panel .st-navigation>a:hover,#supporttickets-panel .st-navigation>a.is-current{background:var(--gb-panel-2);color:var(--gb-cyan)}
#supporttickets-panel .st-navigation>span{margin-left:auto;color:var(--gb-muted);font-size:10px}
#supporttickets-panel .st-navigation strong{margin-left:8px;color:var(--gb-text);font-family:var(--font-mono)}
#supporttickets-panel .st-panel{min-width:0;margin-bottom:18px;border:1px solid var(--gb-line);border-radius:9px;background:var(--gb-panel);overflow:hidden}
#supporttickets-panel .st-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--gb-line);background:var(--gb-panel-2)}
#supporttickets-panel .st-panel-top>div{min-width:0}
#supporttickets-panel h2{margin:0;font:700 15px/1.45 var(--font-display);color:var(--gb-text);overflow-wrap:anywhere}
#supporttickets-panel .st-panel-top p{margin:4px 0 0;color:var(--gb-muted);font-size:10px;line-height:1.5}
#supporttickets-panel .st-panel-top h2>i{color:var(--gb-cyan);margin-right:5px;font-size:13px}
#supporttickets-panel .st-filters{display:flex;flex-wrap:wrap;gap:4px}
#supporttickets-panel .st-filters>a{padding:6px 9px;border:1px solid transparent;border-radius:5px;color:var(--gb-muted);font-size:10px;font-weight:600;white-space:nowrap;text-decoration:none}
#supporttickets-panel .st-filters>a.is-current{border-color:var(--gb-line);background:var(--gb-bg);color:var(--gb-cyan)}
#supporttickets-panel .st-filters>a:hover{color:var(--gb-text)}
#supporttickets-panel .st-filters b{margin-left:5px;font-weight:400}
#supporttickets-panel .st-ticket-row{display:grid;grid-template-columns:38px minmax(0,1fr) 120px 128px 10px;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid var(--gb-line);text-decoration:none;transition:background .16s}
#supporttickets-panel .st-ticket-row:last-child{border-bottom:0}
#supporttickets-panel .st-ticket-row:hover{background:var(--gb-panel-2)}
#supporttickets-panel .st-ticket-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gb-line);border-radius:8px;background:var(--gb-bg);color:var(--gb-muted);font-size:14px}
#supporttickets-panel .st-ticket-row:hover .st-ticket-symbol{color:var(--gb-cyan);border-color:var(--gb-cyan)}
#supporttickets-panel .st-ticket-title{min-width:0}
#supporttickets-panel .st-ticket-title strong{display:block;color:var(--gb-text);font-size:12px;font-weight:600;overflow-wrap:anywhere;line-height:1.6}
#supporttickets-panel .st-ticket-title small{display:block;margin-top:5px;color:var(--gb-muted);font-size:10px;overflow-wrap:anywhere}
#supporttickets-panel .st-ticket-title small>span{margin:0 4px}
#supporttickets-panel .st-ticket-state>small{display:block;margin-top:6px;color:var(--gb-muted);font-size:9px}
#supporttickets-panel .st-ticket-date{font-size:9px;color:var(--gb-muted);text-align:right;line-height:1.6}
#supporttickets-panel .st-row-arrow{font-size:9px;color:var(--gb-muted)}
#supporttickets-panel .st-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--gb-line);border-radius:4px;font-size:9px;font-weight:700;line-height:1.5;white-space:nowrap}
#supporttickets-panel .st-badge>i{font-size:9px}
#supporttickets-panel .st-badge-open{color:var(--gb-cyan);background:var(--gb-bg)}
#supporttickets-panel .st-badge-closed{color:var(--gb-muted);background:var(--gb-panel-2)}
#supporttickets-panel .st-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 22px;text-align:center}
#supporttickets-panel .st-empty>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border:1px solid var(--gb-line);border-radius:16px;background:var(--gb-bg);color:var(--gb-cyan);font-size:25px}
#supporttickets-panel .st-empty h3{margin:0;color:var(--gb-text);font:700 16px/1.5 var(--font-display)}
#supporttickets-panel .st-empty p{max-width:360px;margin:0 0 10px;color:var(--gb-muted);font-size:11px;line-height:1.7}
#supporttickets-panel .st-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}
#supporttickets-panel .st-sidebar{min-width:0}
#supporttickets-panel .st-compose{padding:22px}
#supporttickets-panel .st-field{margin-bottom:20px}
#supporttickets-panel .st-field>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;color:var(--gb-text);font-size:11px;font-weight:600}
#supporttickets-panel .st-field>label>small{color:var(--gb-muted);font-size:9px;font-weight:400}
#supporttickets-panel .st-input{display:block;width:100%;box-sizing:border-box;min-height:42px;padding:11px 12px;border:1px solid var(--gb-line);border-radius:6px;background:var(--gb-bg);color:var(--gb-text);font-family:inherit;font-size:12px;line-height:1.5;color-scheme:dark;transition:border-color .16s,box-shadow .16s}
#supporttickets-panel .st-input::placeholder{color:var(--gb-muted);opacity:.7}
#supporttickets-panel .st-input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 2px var(--gb-panel-2)}
#supporttickets-panel select.st-input{padding-right:28px}
#supporttickets-panel .st-textarea{min-height:140px;resize:vertical;line-height:1.8}
#supporttickets-panel #st-message{min-height:240px}
#supporttickets-panel .st-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#supporttickets-panel .st-guidance{padding:22px}
#supporttickets-panel .st-guide-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border:1px solid var(--gb-line);border-radius:8px;color:var(--gb-cyan);background:var(--gb-bg);font-size:17px}
#supporttickets-panel .st-guidance ul{margin:17px 0 0;padding-left:16px;color:var(--gb-muted);font-size:11px;line-height:1.8}
#supporttickets-panel .st-guidance li{padding-left:4px;margin-bottom:14px}
#supporttickets-panel .st-guidance li:last-child{margin-bottom:0}
#supporttickets-panel .st-guidance li::marker{color:var(--gb-cyan)}
#supporttickets-panel .st-notice{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px;border:1px solid var(--gb-line);border-radius:6px;color:var(--gb-text);font-size:11px;line-height:1.7}
#supporttickets-panel .st-notice>i{color:var(--gb-cyan)}
#supporttickets-panel .st-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--gb-muted);font-size:11px;text-decoration:none}
#supporttickets-panel .st-back:hover{color:var(--gb-cyan)}
#supporttickets-panel .st-ticket-number{display:block;margin-bottom:5px;color:var(--gb-muted);font:500 9px/1.5 var(--font-mono);letter-spacing:.06em}
#supporttickets-panel .st-thread .st-panel-top{align-items:flex-start}
#supporttickets-panel .st-thread .st-panel-top>.st-badge{margin-top:3px}
#supporttickets-panel .st-thread h2{font-size:17px}
#supporttickets-panel .st-messages{display:flex;flex-direction:column;gap:20px;padding:24px 22px}
#supporttickets-panel .st-message{display:flex;align-items:flex-start;gap:12px;min-width:0}
#supporttickets-panel .st-avatar{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:1px solid var(--gb-line);border-radius:8px;background:var(--gb-bg);color:var(--gb-muted);font-size:12px}
#supporttickets-panel .st-message-staff .st-avatar{color:var(--gb-cyan);border-color:var(--gb-cyan)}
#supporttickets-panel .st-message-content{flex:1;min-width:0}
#supporttickets-panel .st-message-content>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#supporttickets-panel .st-message-content strong{font-size:11px;color:var(--gb-text)}
#supporttickets-panel .st-message-content time{margin-left:auto;color:var(--gb-muted);font-size:9px;line-height:1.5}
#supporttickets-panel .st-message-staff strong{color:var(--gb-cyan)}
#supporttickets-panel .st-message-body{padding:15px;border:1px solid var(--gb-line);border-radius:0 8px 8px 8px;background:var(--gb-bg);color:var(--gb-text);font-size:12px;line-height:1.85;overflow-wrap:anywhere}
#supporttickets-panel .st-message-staff .st-message-body{background:var(--gb-panel-2);border-left:2px solid var(--gb-cyan)}
#supporttickets-panel .st-reply{border-top:1px solid var(--gb-line)}
#supporttickets-panel .st-reply .st-field{margin-bottom:14px}
#supporttickets-panel .st-detail-panel{padding:20px}
#supporttickets-panel .st-detail-panel h2,#supporttickets-panel .st-manage h2{font-size:13px}
#supporttickets-panel .st-detail-panel dl{display:grid;gap:18px;margin:20px 0 0}
#supporttickets-panel .st-detail-panel dt{margin-bottom:5px;color:var(--gb-muted);font-size:10px;font-weight:400}
#supporttickets-panel .st-detail-panel dd{margin:0;color:var(--gb-text);font-size:11px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
#supporttickets-panel .st-closed-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 22px;border-top:1px solid var(--gb-line);color:var(--gb-muted);font-size:11px;line-height:1.7}
#supporttickets-panel .st-closed-note p{flex:1;min-width:140px;margin:0}
#supporttickets-panel .st-closed-note a{color:var(--gb-cyan);font-weight:600}
#supporttickets-panel .st-manage{padding:20px}
#supporttickets-panel .st-manage>form{margin-top:16px}
#supporttickets-panel .st-manage .st-button{width:100%}
#supporttickets-panel .st-delete{margin-top:18px;padding-top:16px;border-top:1px solid var(--gb-line)}
#supporttickets-panel .st-delete>summary{cursor:pointer;color:#ed9696;font-size:10px;line-height:1.5}
#supporttickets-panel .st-delete label{display:flex;align-items:center;gap:8px;margin:16px 0 12px;color:var(--gb-muted);font-size:10px;font-weight:400;line-height:1.6}
#supporttickets-panel .st-button-danger{background:var(--gb-bg);border-color:#855050;color:#ed9696}
#supporttickets-panel .st-table-scroll{max-width:100%;overflow-x:auto}
#supporttickets-panel .st-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}
#supporttickets-panel .st-table th{padding:12px 18px;border-bottom:1px solid var(--gb-line);color:var(--gb-muted);font-size:9px;font-weight:600;white-space:nowrap}
#supporttickets-panel .st-table td{padding:15px 18px;border-bottom:1px solid var(--gb-line);vertical-align:middle}
#supporttickets-panel .st-table tr:last-child td{border-bottom:0}
#supporttickets-panel .st-table tr:hover td{background:var(--gb-panel-2)}
#supporttickets-panel .st-table td:first-child{min-width:190px;max-width:380px;overflow-wrap:anywhere}
#supporttickets-panel .st-table td:first-child>a{color:var(--gb-text);font-size:11px;font-weight:600;text-decoration:none}
#supporttickets-panel .st-table td:first-child>a:hover{color:var(--gb-cyan)}
#supporttickets-panel .st-table small{display:block;margin-top:5px;color:var(--gb-muted);font-size:9px;line-height:1.6}
#supporttickets-panel .st-table td:nth-child(4){font-size:9px;color:var(--gb-muted);white-space:nowrap}
#supporttickets-panel .st-panel-note{padding:20px;margin:0;color:var(--gb-muted);font-size:11px}
#supporttickets-panel .st-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#supporttickets-panel a:focus-visible,#supporttickets-panel button:focus-visible,#supporttickets-panel summary:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:3px}
#supporttickets-panel input[type=checkbox]{accent-color:var(--gb-cyan)}
#supporttickets-panel[aria-busy=true]{opacity:.65;cursor:progress}
#supporttickets-panel .st-feedback{margin-bottom:16px;padding:12px 16px;border:1px solid var(--gb-line);border-radius:6px;background:var(--gb-panel-2);color:var(--gb-text);font-size:12px;line-height:1.7}
#supporttickets-panel .st-feedback[role=alert]{border-color:#855050}
@media(max-width:1000px){#supporttickets-panel .st-layout{grid-template-columns:minmax(0,1fr) 215px;gap:14px}#supporttickets-panel .st-ticket-row{grid-template-columns:34px minmax(0,1fr) 108px 10px;gap:12px;padding:16px}#supporttickets-panel .st-ticket-date{display:none}}
@media(max-width:760px){#supporttickets-panel .st-layout{grid-template-columns:minmax(0,1fr)}#supporttickets-panel .st-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#supporttickets-panel .st-sidebar>.st-panel:only-child{grid-column:1/-1}#supporttickets-panel .st-detail-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}#supporttickets-panel .st-heading h1{font-size:23px}#supporttickets-panel .st-heading{flex-wrap:wrap;gap:12px}#supporttickets-panel .st-panel-top{padding:16px;flex-wrap:wrap;gap:12px}#supporttickets-panel .st-guidance ul{margin-top:12px}#supporttickets-panel .st-compose,#supporttickets-panel .st-messages{padding:18px}#supporttickets-panel .st-navigation>span{font-size:9px}}
@media(max-width:480px){#supporttickets-panel .st-heading-icon{flex-basis:42px;width:42px;height:42px;border-radius:9px;font-size:18px}#supporttickets-panel .st-heading>.st-button{width:100%}#supporttickets-panel .st-heading h1{font-size:22px}#supporttickets-panel .st-heading p{font-size:11px}#supporttickets-panel .st-navigation>span{width:100%;margin:8px 0 0;padding-left:12px}#supporttickets-panel .st-ticket-row{grid-template-columns:minmax(0,1fr) 94px 8px;gap:10px;padding:16px}#supporttickets-panel .st-ticket-symbol{display:none}#supporttickets-panel .st-ticket-state>small{font-size:8px}#supporttickets-panel .st-sidebar{grid-template-columns:minmax(0,1fr)}#supporttickets-panel .st-compose,#supporttickets-panel .st-messages{padding:16px}#supporttickets-panel .st-message{gap:9px}#supporttickets-panel .st-avatar{flex-basis:28px;width:28px;height:28px;font-size:10px}#supporttickets-panel .st-message-content time{width:100%;margin-left:0}#supporttickets-panel .st-message-body{padding:12px;font-size:11px}#supporttickets-panel .st-form-actions .st-button{flex:1}#supporttickets-panel .st-field>label{align-items:flex-start;flex-wrap:wrap;gap:4px}}
@media(prefers-reduced-motion:reduce){#supporttickets-panel a,#supporttickets-panel .st-input{transition:none}}