.workspace-page .staff-panel { min-width: 0; }
.workspace-page .staff-panel .view-heading { align-items: center; }
.workspace-page .staff-panel .view-heading p { max-width: 650px; }
.workspace-page .staff-panel .panel { padding: 0; overflow: hidden; }
.staff-status-line { margin: 0 0 16px; color: #9aa4b4; font-size: 12px; line-height: 1.7; }
.staff-status-line.error { color: #f0a2b0; }
.staff-empty { margin: 0; padding: 38px 24px; color: #808998; font-size: 12px; text-align: center; }
.staff-avatar { position: relative; display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid #ffffff18; border-radius: 50%; overflow: hidden; background: #20242c; color: #a7b5c9; font-size: 11px; font-weight: 600; }
.staff-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.staff-status { display: inline-flex; align-items: center; gap: 6px; flex: none; width: fit-content; border: 1px solid #5dd9a52c; border-radius: 3px; padding: 4px 7px; background: #5dd9a507; color: #91c6b0; font-size: 10px; font-weight: 500; white-space: nowrap; }
.staff-status::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.staff-status[data-status=closed],.staff-status[data-status=rejected] { color: #8d95a3; border-color: #ffffff1b; background: #ffffff03; }
.staff-status[data-status=reviewing] { color: #d9b773; border-color: #d9b77330; background: #d9b77308; }
.staff-result { color: #a0aabb; font-size: 11px; }
.staff-result[data-verdict=clean] { color: #5dd9a5; }
.staff-result[data-verdict=warning] { color: #f0ba69; }
.staff-result[data-verdict=detected] { color: #f47585; }
.staff-report-link { color: #83b5fb; font-size: 11px; white-space: nowrap; text-underline-offset: 4px; }
.staff-report-link:hover { color: #c0d9ff; text-decoration: underline; }
.staff-table-labels,.staff-scan-row { display: grid; grid-template-columns: minmax(130px,1.3fr) minmax(130px,1fr) 85px minmax(70px,.7fr) 80px; align-items: center; gap: 15px; padding: 18px 22px; }
.staff-table-labels { border-bottom: 1px solid #ffffff0c; background: #ffffff02; color: #7f8998; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.staff-scan-row { border-bottom: 1px solid #ffffff0b; font-size: 12px; }
.staff-scan-row:last-child { border-bottom: 0; }
.staff-scan-row:hover { background: #ffffff02; }
.staff-scan-player strong,.staff-scan-player small,.staff-scan-owner small { display: block; }
.staff-scan-player strong { color: #d9dfe9; font-size: 12px; font-weight: 500; }
.staff-scan-player small,.staff-scan-owner small { margin-top: 5px; color: #7f8998; font-size: 10px; overflow-wrap: anywhere; }
.staff-scan-owner { min-width: 0; color: #9aa6b8; font-size: 11px; overflow-wrap: anywhere; }
.staff-scan-flags { display: flex; flex-wrap: wrap; gap: 5px; }
.staff-scan-flags > span { border: 1px solid #ffffff12; border-radius: 3px; padding: 3px 6px; color: #8496b0; font-size: 9px; }
.staff-scan-flags > span:first-child { color: #d197a4; }
.staff-pagination { display: flex; justify-content: center; padding: 18px; border-top: 1px solid #ffffff0c; }
.staff-user-list,.staff-review-list { display: grid; }
.staff-user-row { padding: 22px; border-bottom: 1px solid #ffffff0d; }
.staff-user-row:last-child { border-bottom: 0; }
.staff-user-identity { display: flex; align-items: center; gap: 12px; }
.staff-user-identity strong,.staff-user-identity small { display: block; overflow-wrap: anywhere; }
.staff-user-identity strong { color: #dfe4ed; font-size: 13px; font-weight: 500; }
.staff-user-identity small { margin-top: 4px; color: #7d899b; font-size: 10px; }
.staff-user-roles { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.staff-role-chip { display: inline-flex; align-items: center; gap: 11px; padding: 5px 8px; border: 1px solid #ffffff17; border-radius: 3px; background: #ffffff02; color: #9caabf; font-size: 10px; }
.staff-role-remove { padding: 0 0 0 9px; border: 0; border-left: 1px solid #ffffff18; border-radius: 0; background: transparent; color: #ce8b9a; font: inherit; font-size: 9px; cursor: pointer; }
.staff-role-remove:hover { color: #f2b2c1; }
.staff-role-form { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px; }
.staff-role-form select,.staff-review-form select { min-height: 34px; padding: 7px 10px; border: 1px solid #ffffff20; border-radius: 3px; background: #090b0f; color: #b7c1d1; font: inherit; font-size: 11px; }
.staff-role-form .button { min-height: 34px; padding: 7px 12px; font-size: 11px; }
.staff-role-protected { display: block; margin-top: 13px; color: #646f80; font-size: 10px; }
.staff-review-row { padding: 22px; border-bottom: 1px solid #ffffff0d; }
.staff-review-row:last-child { border: 0; }
.staff-review-row > header { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.staff-review-row strong { color: #dde3ed; font-size: 13px; font-weight: 500; }
.staff-review-row small { display: block; margin-top: 6px; color: #7f8a9c; font-size: 10px; }
.staff-review-note { margin: 16px 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #b0bac9; font-size: 12px; line-height: 1.8; }
.staff-review-form { display: grid; grid-template-columns: 95px 150px minmax(100px,1fr) auto; gap: 10px; align-items: center; margin-top: 17px; padding-top: 17px; border-top: 1px solid #ffffff0d; }
.staff-review-form label { color: #7f8a9d; font-size: 10px; }
.staff-review-form textarea { min-height: 50px; resize: vertical; padding: 10px; border: 1px solid #ffffff20; border-radius: 3px; background: #090b0f; color: #c8d0dd; font: inherit; font-size: 11px; }
.staff-review-form .button { min-height: 34px; padding: 7px 12px; font-size: 11px; }

.support-ticket-row { display: flex; align-items: center; gap: 15px; width: 100%; padding: 20px 22px; border: 0; border-bottom: 1px solid #ffffff0d; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background .15s; }
.support-ticket-row:last-child { border-bottom: 0; }
.support-ticket-row:hover { background: #ffffff03; }
.support-ticket-copy { flex: 1; min-width: 0; }
.support-ticket-heading { display: flex; align-items: center; gap: 12px; }
.support-ticket-heading strong { color: #dfe4ed; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-copy > p { margin: 8px 0 6px; color: #929dae; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-meta { color: #697689; font-size: 10px; }
.support-ticket-row > time { align-self: flex-start; margin-top: 5px; color: #738095; font-size: 10px; white-space: nowrap; }
.workspace-page .support-conversation { overflow: hidden; padding: 0; }
.support-conversation-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 23px; border-bottom: 1px solid #ffffff0e; }
.support-conversation-head h2 { margin: 12px 0 8px; color: #e2e7ef; font-size: 20px; font-weight: 500; overflow-wrap: anywhere; }
.support-conversation-head p { margin: 0; color: #7f8b9d; font-size: 11px; line-height: 1.7; }
.support-conversation-head [data-ticket-scan] { margin-top: 8px; }
.support-conversation-head > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }
.support-back { padding: 0; border: 0; background: transparent; color: #8eadd8; font: inherit; font-size: 10px; cursor: pointer; }
.support-back:hover { color: #c3dcff; }
.support-conversation-head .button { min-height: 33px; padding: 7px 10px; font-size: 10px; }
.support-message-log { display: flex; flex-direction: column; gap: 22px; min-height: 300px; max-height: 520px; overflow: auto; padding: 25px 23px; scrollbar-width: thin; scrollbar-color: #343b47 transparent; }
.support-message { display: flex; align-items: flex-start; gap: 12px; }
.support-message-avatar { width: 31px; height: 31px; flex-basis: 31px; font-size: 9px; }
.support-message-copy { min-width: 0; flex: 1; }
.support-message-copy header { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; min-height: 24px; }
.support-message-copy strong { color: #cdd7e7; font-size: 11px; font-weight: 500; }
.support-message-copy time { color: #69788e; font-size: 9px; }
.support-message-copy p { margin: 6px 0 0; color: #adb8c9; font-size: 12px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-message[data-staff=true] .support-message-copy strong { color: #8ebaff; }
.support-role { padding: 3px 5px; border: 1px solid #439aff24; border-radius: 3px; background: #166cf008; color: #7aa0d7; font-size: 8px; }
.support-system-message { padding: 7px 0; border-top: 1px solid #ffffff08; text-align: center; }
.support-system-message header { justify-content: center; }
.support-system-message .support-message-copy p { color: #7d899c; font-size: 10px; }
.support-reply { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 13px; align-items: end; padding: 20px 23px; border-top: 1px solid #ffffff0e; background: #ffffff01; }
.support-reply label { display: block; margin: 0 0 8px; color: #7f8b9f; font-size: 10px; }
.support-reply textarea { width: 100%; min-height: 79px; max-height: 240px; resize: vertical; padding: 11px 12px; border: 1px solid #ffffff20; border-radius: 3px; background: #090b0f; color: #d4dce9; font: inherit; font-size: 12px; line-height: 1.7; }
.support-reply textarea:focus { outline: 1px solid #439aff; outline-offset: 1px; }
.support-reply .button { min-height: 37px; padding: 8px 15px; font-size: 11px; }
.support-closed { margin: 0; padding: 20px 23px; border-top: 1px solid #ffffff0e; color: #7c899e; font-size: 11px; }
.support-conversation-foot { padding: 10px 23px; border-top: 1px solid #ffffff08; color: #5e6d83; font-size: 9px; }
.support-dialog { width: min(580px,calc(100vw - 32px)); padding: 0; border: 1px solid #ffffff24; border-radius: 6px; background: #111318; color: #e0e6ef; box-shadow: 0 25px 80px #0009; }
.support-dialog::backdrop { background: #030405bd; backdrop-filter: blur(3px); }
.support-dialog form { padding: 26px; }
.support-dialog-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 23px; }
.support-dialog h2 { margin: 0; font-size: 20px; font-weight: 500; }
.support-dialog-head p { margin: 8px 0 0; color: #7f8da2; font-size: 11px; line-height: 1.8; }
.support-dialog-close { padding: 0; border: 0; background: transparent; color: #8794a7; font: inherit; font-size: 24px; line-height: 1; cursor: pointer; }
.support-dialog label { display: block; margin: 17px 0 7px; color: #a9b4c6; font-size: 11px; }
.support-dialog :is(input,select,textarea) { display: block; width: 100%; padding: 11px 12px; border: 1px solid #ffffff20; border-radius: 3px; background: #080a0d; color: #d3dcea; font: inherit; font-size: 12px; }
.support-dialog textarea { resize: vertical; line-height: 1.8; }
.support-dialog small { display: block; margin: 7px 0 0; color: #66758a; font-size: 10px; }
.support-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 25px; }
.staff-panel [hidden],.support-dialog [hidden] { display: none!important; }
@media(max-width:900px) {
  .staff-table-labels,.staff-scan-row { grid-template-columns: minmax(110px,1.2fr) minmax(90px,1fr) 75px 75px; gap: 10px; }
  .staff-table-labels > :nth-child(4),.staff-scan-row > .staff-scan-flags { display: none; }
  .staff-review-form { grid-template-columns: 90px 1fr auto; }
  .staff-review-form textarea { grid-column: 1/-1; grid-row: 2; }
}
@media(max-width:600px) {
  .workspace-page .staff-panel .view-heading { align-items: flex-start; flex-wrap: wrap; gap: 20px; }
  .staff-table-labels { display: none; }
  .staff-scan-row { grid-template-columns: minmax(0,1fr) auto; padding: 19px; }
  .staff-scan-owner { grid-column: 1; grid-row: 2; }
  .staff-scan-row .staff-report-link { grid-column: 2; grid-row: 2; }
  .support-ticket-row { flex-wrap: wrap; gap: 12px; padding: 18px; }
  .support-ticket-copy { width: calc(100% - 55px); }
  .support-ticket-heading { align-items: flex-start; flex-direction: column; gap: 7px; }
  .support-ticket-heading strong { width: 100%; white-space: normal; line-height: 1.6; }
  .support-ticket-row > time { margin: -2px 0 0 50px; }
  .support-conversation-head { flex-wrap: wrap; padding: 18px; }
  .support-conversation-head > div:last-child { justify-content: flex-start; }
  .support-message-log { max-height: 55svh; min-height: 230px; padding: 22px 17px; }
  .support-reply { grid-template-columns: 1fr; padding: 17px; }
  .support-reply .button { justify-self: end; }
  .support-message-copy header { gap: 7px; }
  .support-message-copy header time { flex-basis: 100%; }
  .staff-review-row,.staff-user-row { padding: 18px; }
  .staff-review-form { grid-template-columns: 1fr auto; }
  .staff-review-form label { grid-column: 1/-1; }
  .staff-review-form textarea { grid-row: 3; }
  .staff-review-form .button { grid-column: 2; grid-row: 2; }
  .support-dialog form { padding: 21px; }
}
@media(prefers-reduced-motion:reduce) { .support-ticket-row { transition: none; } }