:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#203d36;background:#f4f7f5;--green:#125c50;--border:#d5e0da}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}:focus-visible{outline:3px solid #bd7d18;outline-offset:3px}
.staff-header{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border-bottom:1px solid var(--border)}.brand{font-size:24px;font-weight:750;text-decoration:none}.brand span{font-size:16px;font-weight:500;margin-left:12px}#staff-session{display:flex;align-items:center;gap:16px}
.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:85vh;max-width:1600px;margin:auto}nav{padding:24px 16px;border-right:1px solid var(--border)}.nav-item{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:14px 16px;margin-bottom:8px;background:transparent;color:var(--green);text-decoration:none;font-weight:600;min-height:48px}.nav-item:hover,.nav-item[aria-current=page]{background:#e0ece5}
main{min-width:0;padding:32px;overflow-wrap:anywhere}.sign-in{max-width:520px;margin:40px auto}h1{font-size:32px}h2{font-size:24px}h3{margin-top:24px}p{line-height:1.6}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--green)}.muted{color:#587067}.panel{padding:24px;background:white;border:1px solid var(--border);border-radius:12px;margin:20px 0;min-width:0}
label{display:block;font-weight:600;margin:16px 0 8px}input,textarea,select{display:block;width:100%;max-width:100%;min-width:0;padding:12px;min-height:48px;border:1px solid #aabeb3;border-radius:8px;background:white;color:#203d36}textarea{min-height:130px;resize:vertical}input[type=checkbox]{display:inline-block;width:20px;min-height:20px;vertical-align:middle;margin-right:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:8px;background:var(--green);color:white;text-decoration:none;font-weight:600;max-width:100%}.btn.secondary{background:#eef4f0;color:var(--green);border-color:var(--border)}button:disabled{opacity:.6;cursor:default}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.toolbar label{flex:1 1 180px;min-width:0}.toolbar .btn{flex-shrink:0}
.table-wrap{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}th{background:#eaf1ed}.ticket-description{white-space:pre-wrap}.password-input{display:flex;gap:8px}.password-input input{flex:1;min-width:0}.password-input button{min-width:60px;border:1px solid var(--border);border-radius:8px;background:#eef4f0}.password-toggle svg{width:24px;height:24px}.files{display:flex;flex-wrap:wrap;gap:12px}
#staff-notice:not(:empty),[role=alert]{padding:12px;border-left:4px solid #a16617;background:#fff4df}.skip-link{position:absolute;left:16px;top:-60px;background:white;padding:12px;z-index:2}.skip-link:focus{top:8px}
@media(max-width:760px){.staff-header{padding:16px;flex-wrap:wrap}.brand span{margin-left:8px}.workspace{display:block}nav{border-right:0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:12px}.nav-item{width:auto;flex:1 1 140px;margin:0}main{padding:20px 16px}.panel{padding:16px}.sign-in{margin:16px auto}#staff-session{flex-wrap:wrap}.toolbar{align-items:stretch}.toolbar .btn{flex:1 1 120px}th,td{padding:10px}.panel>.btn{margin-bottom:8px}}
@media(max-width:760px){.table-wrap table,.table-wrap tbody,.table-wrap tr{display:block}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap tr{padding:12px;border-bottom:1px solid var(--border)}.table-wrap td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border:0;padding:6px 0}.table-wrap td:before{font-weight:700;color:#587067}.table-wrap td:nth-child(1):before{content:'Ticket'}.table-wrap td:nth-child(2):before{content:'Client'}.table-wrap td:nth-child(3):before{content:'Agent'}.table-wrap td:nth-child(4):before{content:'Category'}.table-wrap td:nth-child(5):before{content:'Status'}.table-wrap td:nth-child(6):before{content:'Created'}}

.ticket-handling{padding:14px;border-left:4px solid var(--green);background:#e8f2ed;overflow-wrap:anywhere}

#queue-search label:has(select[name="status"]){flex-basis:270px}
.agent-status-table{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px}
@media(max-width:760px){.agent-status-table table,.agent-status-table tbody,.agent-status-table tr{display:block}.agent-status-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.agent-status-table tr{padding:12px;border-bottom:1px solid var(--border)}.agent-status-table td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border:0;padding:6px 0}.agent-status-table td:before{font-weight:700}.agent-status-table td:nth-child(1):before{content:'Client name'}.agent-status-table td:nth-child(2):before{content:'Ticket number'}.agent-status-table td:nth-child(3):before{content:'Category'}.agent-status-table td:nth-child(4):before{content:'Current status'}.agent-status-table td:nth-child(5):before{content:'Created date'}.agent-status-table td:nth-child(6):before{content:'Closed date'}}

#content-revision-history [hidden]{display:none}
#content-revision-history dd{margin:8px 0 18px;overflow-wrap:anywhere}

#staff-transfer-root [hidden]{display:none}
#staff-transfer-root .ticket-description{overflow-wrap:anywhere}

.ticket-history-entry { margin: 18px 0; overflow-wrap: anywhere; }
.history-text, .history-closure dd { white-space: pre-wrap; overflow-wrap: anywhere; }
.history-closure { margin: 12px 0; padding: 12px; border: 1px solid var(--border, #d5e0da); border-radius: 8px; }
.history-closure h4 { margin: 0 0 10px; }
.history-closure dt { font-weight: 700; }
.history-closure dd { margin: 4px 0 12px; }