.sup{background:var(--color-canvas);min-height:100vh;color:var(--color-body);font-family:var(--font-sans)}.sup-staff{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#fff;--color-canvas-elevated:#f7f7f7;--color-surface-card:#fff;--color-hairline:#e3e3e3;--color-ink:#181818;--color-body:#3f3f3f;--color-body-strong:#181818;--color-muted:#6b6b6b;--color-muted-soft:#6b6b6b;background:var(--color-canvas);min-height:100vh;color:var(--color-body)}.sup-staff .st-open{color:#1c5fb0;background:#2f80ed1f}.sup-staff .st-pending{color:#8a5e10;background:#c98a1429}.sup-staff .pr-medium{color:#1c5fb0;background:#2f80ed1f}.sup-staff .pr-high{color:#8a5e10;background:#c98a1429}.sup-staff .pr-urgent{color:#b3251a;background:#da291c1f}.sup-staff .note-tag{color:#8a5e10;border-color:#c98a1480}.sup-staff .sup-msg.note{background:#c98a1414}.sup-staff .sup-btn-ghost.danger{color:#b3251a}.sup-bar{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;display:flex}.sup-brand{align-items:center;gap:var(--space-sm);color:var(--color-ink);font-weight:600;display:inline-flex}.sup-logo{width:auto;height:26px;display:block}.sup-tag{padding-left:var(--space-sm);border-left:1px solid var(--color-hairline);color:var(--color-muted-soft);font-weight:500;font-size:var(--type-caption-size);text-transform:uppercase;letter-spacing:.6px}.sup-bar .who{color:var(--color-muted-soft);font-size:var(--type-body-md-size);align-items:center;gap:var(--space-sm);display:inline-flex}.sup-wrap{max-width:1100px;padding:var(--space-lg);margin:0 auto}.sup-subnav{gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-hairline);font-size:var(--type-body-md-size);align-items:center;display:flex}.sup-subnav a{color:var(--color-body)}.sup-subnav a:hover{color:var(--color-ink)}.sup-subnav a.back{color:var(--color-muted-soft);margin-left:auto}.sup-addagent{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);border-radius:8px}.sup-addagent h2{color:var(--color-ink);font-size:var(--type-display-md-size);margin:0 0 4px}.sup-addagent .grid{gap:var(--space-md);margin:var(--space-md) 0;grid-template-columns:repeat(2,1fr);display:grid}.sup-table select{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;font-size:var(--type-body-sm-size);border-radius:4px;padding:4px 8px}.sup-settings{margin-top:var(--space-lg);max-width:980px}.sup-settings textarea{background:var(--color-canvas);width:100%;color:var(--color-ink);border:1px solid var(--color-hairline);resize:vertical;border-radius:4px;padding:12px 14px}.sup-settings textarea:focus{border-color:var(--color-primary);outline:none}.sup-toggle{gap:var(--space-sm);cursor:pointer;align-items:flex-start;display:flex}.sup-toggle input{width:auto;margin-top:3px}.set-card{border:1px solid var(--color-hairline);padding:var(--space-lg);margin-bottom:var(--space-md);background:var(--color-canvas-elevated);border-radius:8px}.set-card h2{margin:0 0 var(--space-sm);color:var(--color-ink);font-size:var(--type-title-md-size)}.set-card h3{color:var(--color-ink);font-size:var(--type-body-md-size);margin:0 0 6px}.set-hint{font-size:var(--type-body-sm-size);margin:0 0 var(--space-md);line-height:1.5}.set-hint code,.set-card code{background:var(--color-canvas);border-radius:3px;padding:1px 5px;font-size:12px}.set-sub{margin:4px 0 0;font-size:12px}.set-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.set-template{border-top:1px solid var(--color-hairline);padding-top:var(--space-md);margin-top:var(--space-md)}.set-template:first-of-type{border-top:0;margin-top:0;padding-top:0}.set-body{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--type-body-sm-size);line-height:1.5}.set-tokens{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.set-token{background:var(--color-canvas);border:1px solid var(--color-hairline);font-family:var(--font-mono,monospace);color:var(--color-body);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px}.set-token:hover{border-color:var(--color-primary);color:var(--color-ink)}.set-reset{margin-left:auto;font-size:12px}.set-label-row{align-items:center;gap:var(--space-sm);margin-bottom:6px;display:flex}.set-key{width:72px;color:var(--color-muted-soft);text-transform:capitalize;flex:0 0 72px;font-size:12px}.set-label-row input{flex:1}.set-save{margin-top:var(--space-md)}@media (max-width:720px){.set-grid{grid-template-columns:1fr}}@media (max-width:860px){.sup-addagent .grid{grid-template-columns:1fr}}.sup h1{color:var(--color-ink);font-size:var(--type-display-md-size);letter-spacing:-.6px;margin-bottom:var(--space-sm)}.sup p{line-height:1.6}.sup .muted{color:var(--color-muted-soft)}.sup-card{max-width:400px;padding:var(--space-lg);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);border-radius:8px;margin:12vh auto}.sup-card h1{font-size:var(--type-display-md-size)}.sup-card p{color:var(--color-muted-soft);margin-bottom:var(--space-md);font-size:var(--type-body-md-size)}.sup label{font-size:var(--type-caption-size);text-transform:uppercase;letter-spacing:.4px;color:var(--color-muted-soft);margin:var(--space-sm) 0 6px;display:block}.sup input{background:var(--color-canvas);width:100%;color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;border-radius:4px;padding:12px 14px}.sup input:focus{border-color:var(--color-primary);outline:none}.sup-btn{background:var(--color-primary);color:#fff;font:inherit;cursor:pointer;margin-top:var(--space-md);border:0;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:12px 18px;font-weight:600;display:inline-flex}.sup-btn:disabled{opacity:.6;cursor:default}.sup-link{color:var(--color-ink);cursor:pointer;font:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);background:0 0;border:0;padding:0}.sup-link:hover{color:var(--color-primary)}.sup-err{color:var(--color-primary);font-size:var(--type-body-md-size);margin-top:var(--space-sm)}.sup-notice{border:1px solid var(--color-hairline);padding:var(--space-lg);background:var(--color-canvas-elevated);border-radius:8px;max-width:560px;margin:8vh auto}.sup-notice code{background:var(--color-canvas);color:var(--color-ink);border-radius:3px;padding:1px 6px}.sup-filters{gap:var(--space-sm);margin:var(--space-md) 0 var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.sup-filters input,.sup-filters select{width:auto;padding:8px 12px}.sup-filters input[type=text],.sup-filters input:not([type]){flex:240px;min-width:240px}.sup-filters input[type=date]{min-width:0;color:var(--color-body);flex:none}.sup-btn-sm{background:var(--color-primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:4px;padding:9px 16px;font-weight:600}.sup-table{border-collapse:collapse;width:100%;font-size:var(--type-body-md-size)}.sup-table th{text-align:left;font-size:var(--type-caption-size);text-transform:uppercase;letter-spacing:.4px;color:var(--color-muted-soft);border-bottom:1px solid var(--color-hairline);padding:8px 12px;font-weight:500}.sup-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-body);vertical-align:middle;padding:11px 12px}.sup-table tr:hover td{background:var(--color-canvas-elevated)}.sup-table td.num a,.sup-table td.muted,.sup .muted{color:var(--color-muted-soft)}.sup-table a{color:var(--color-ink);text-decoration:none}.sup-table a.subj:hover{color:var(--color-primary)}.sup-empty{padding:var(--space-lg);border:1px dashed var(--color-hairline);color:var(--color-muted-soft);text-align:center;border-radius:8px}.sup-badge{text-transform:capitalize;letter-spacing:.2px;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.st-open{color:#6ea8fe;background:#2f80ed29}.st-pending{color:#e0a93a;background:#c98a142e}.st-resolved{color:var(--color-success);background:#03904a29}.st-closed,.pr-low{color:var(--color-muted-soft);background:#96969629}.pr-medium{color:#6ea8fe;background:#2f80ed29}.pr-high{color:#e0a93a;background:#c98a142e}.pr-urgent{color:#ff6f63;background:#da291c2e}.sup-back{margin-bottom:var(--space-sm)}.sup-back a{color:var(--color-muted-soft)}.sup-detail-head{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.sup-detail-head h1{margin:0}.sup-detail{gap:var(--space-lg);grid-template-columns:1fr 320px;align-items:start;display:grid}.sup-thread{gap:var(--space-md);flex-direction:column;display:flex}.sup-msg{border:1px solid var(--color-hairline);padding:var(--space-md);background:var(--color-canvas-elevated);border-radius:8px}.sup-msg.note{background:#c98a140f;border-color:#c98a1466}.sup-msg-head{font-size:var(--type-body-sm-size);justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sup-msg-head .who{color:var(--color-ink);align-items:center;gap:8px;font-weight:600;display:inline-flex}.note-tag{text-transform:uppercase;letter-spacing:.4px;color:#e0a93a;border:1px solid #c98a1466;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.sup-msg-body{color:var(--color-body);white-space:pre-wrap;line-height:1.6}.sup-attach{margin:var(--space-sm) 0 0;flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.sup-attach li{font-size:var(--type-body-sm-size)}.sup-attach a{color:var(--color-ink);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.sup-attach li:before{content:"↓ ";color:var(--color-muted-soft)}.sup-soon{font-size:var(--type-body-sm-size);font-style:italic}.sup-side{top:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:sticky}.sup-meta{border:1px solid var(--color-hairline);padding:var(--space-md);background:var(--color-canvas-elevated);border-radius:8px}.sup-meta .row{justify-content:space-between;gap:var(--space-sm);border-bottom:1px solid var(--color-hairline);font-size:var(--type-body-sm-size);padding:6px 0;display:flex}.sup-meta .row:last-child{border-bottom:0}.sup-meta .k{color:var(--color-muted-soft);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.sup-audit{border:1px solid var(--color-hairline);padding:var(--space-md);background:var(--color-canvas-elevated);border-radius:8px}.sup-audit h3{color:var(--color-ink);font-size:var(--type-body-md-size);margin:0 0 8px}.sup-audit ul{margin:0;padding:0;list-style:none}.sup-audit li{border-bottom:1px solid var(--color-hairline);font-size:var(--type-body-sm-size);flex-direction:column;gap:2px;padding:7px 0;display:flex}.sup-audit li:last-child{border-bottom:0}.sup-public{max-width:640px;padding:56px var(--space-lg) 80px;margin:0 auto}.sup-public h1{color:var(--color-ink);font-size:var(--type-display-md-size);letter-spacing:-.6px}.sup-public .lead{color:var(--color-muted-soft);margin-bottom:var(--space-lg);line-height:1.6}.sup-form{flex-direction:column;display:flex}.sup-form textarea{background:var(--color-canvas-elevated);width:100%;color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;resize:vertical;border-radius:4px;padding:12px 14px}.sup-form textarea:focus,.sup-form input:focus{border-color:var(--color-primary);outline:none}.sup-form input{background:var(--color-canvas-elevated);width:100%}.sup-form .sup-btn{align-self:flex-start;width:auto;padding:12px 24px}.sup-success{border:1px solid var(--color-hairline);padding:var(--space-lg);background:var(--color-canvas-elevated);border-radius:8px}.sup-success h2{color:var(--color-ink);margin:0 0 var(--space-sm)}.sup-success p{color:var(--color-muted-soft);line-height:1.6}.sup-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sup-reply{border:1px solid var(--color-hairline);padding:var(--space-md);background:var(--color-canvas-elevated);border-radius:8px}.sup-reply textarea{background:var(--color-canvas);width:100%;color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;resize:vertical;border-radius:4px;min-height:96px;padding:12px 14px}.sup-canned-pick{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;font-size:var(--type-body-sm-size);border-radius:4px;margin-bottom:8px;padding:6px 10px;display:block}.sup-reply textarea:focus{border-color:var(--color-primary);outline:none}.sup-reply-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.sup-btn-ghost{color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:9px 16px;font-weight:600}.sup-btn-ghost:hover{border-color:var(--color-ink)}.sup-btn-ghost:disabled,.sup-btn-sm:disabled{opacity:.55;cursor:default}.sup-btn-ghost.danger{color:#ff6f63;border-color:#da291c66}.sup-btn-ghost.danger:hover{border-color:var(--color-primary)}.sup-meta select,.sup-meta input{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;font-size:var(--type-body-sm-size);border-radius:4px;max-width:60%;padding:6px 8px}.sup-meta .row.tags{align-items:flex-start}.sup-meta .row.tag-add{border-bottom:0;gap:8px}.sup-meta .row.tag-add input{flex:1;max-width:none}.tag-wrap{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.sup-tag{background:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-body);border-radius:999px;align-items:center;gap:4px;padding:2px 6px 2px 10px;font-size:11px;display:inline-flex}.sup-tag button{color:var(--color-muted-soft);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1}.sup-tag button:hover{color:var(--color-primary)}.sup-bulk{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);border:1px solid var(--color-primary);font-size:var(--type-body-sm-size);background:#da291c0f;border-radius:6px;flex-wrap:wrap;padding:10px 14px;display:flex}.sup-bulk select{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);font:inherit;border-radius:4px;padding:6px 10px}.sup-table th.chk,.sup-table td.chk{text-align:center;width:28px}.sup-table tr.sel td{background:#da291c0f}@media (max-width:860px){.sup-detail{grid-template-columns:1fr}.sup-side{position:static}.sup-table{display:block;overflow-x:auto}}