.staff-root{background:var(--surface);min-height:100vh;padding-bottom:140px}.staff-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 4%;display:flex}.staff-brand{align-items:center;gap:14px;display:flex}.staff-brand .brand-mark{width:112px;height:78px}.staff-brand>span{font:26px var(--display)}.staff-brand small{font:11px var(--body);color:var(--muted);margin-top:3px;display:block}.staff-header>div{align-items:center;gap:20px;font-size:13px;display:flex}.staff-header button,.staff-refresh{border:1px solid var(--line);background:#fff;border-radius:4px;place-items:center;width:44px;height:44px;display:grid}.staff-login{max-width:480px;margin:70px auto;padding:0 24px}.staff-login h1{margin:20px 0;font-size:38px}.staff-login p{font-size:14px}.staff-login form{flex-direction:column;gap:20px;margin-block:28px;display:flex}.staff-login label{flex-direction:column;gap:8px;font-size:13px;display:flex}.staff-login input,.staff-list>input,.staff-compose textarea{border:1px solid var(--field-line);width:100%;color:var(--ink);background:#fff;border-radius:4px;min-height:46px;padding:12px}.staff-title{justify-content:space-between;align-items:center;margin:36px 4% 12px;display:flex}.staff-title h1{margin-top:8px;font-size:36px}.staff-local{max-width:900px;margin:12px 4% 24px;font-size:12px;line-height:1.6}.staff-tabs{border-bottom:1px solid var(--line);gap:20px;margin:24px 4% 0;display:flex}.staff-tabs button{background:0 0;border-bottom:3px solid #0000;align-items:center;gap:9px;padding:14px 0;font-size:14px;display:flex}.staff-tabs button[aria-pressed=true]{border-color:var(--green);font-weight:600}.staff-tabs span{background:var(--sage);padding:0 7px;font-size:12px}.staff-workspace{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:320px minmax(0,1fr);min-height:580px;margin:0 4%;display:grid}.staff-list{border-right:1px solid var(--line);max-height:760px;padding:18px;overflow:auto}.staff-list>p{padding:24px 0;font-size:13px}.staff-list>input{margin-bottom:15px;font-size:14px}.staff-item{text-align:left;border-bottom:1px solid var(--line);background:#fff;border-left:3px solid #0000;width:100%;padding:17px 10px;display:block}.staff-item.is-selected{background:var(--sage);border-left-color:var(--green)}.staff-item>span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-item strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.staff-item small{color:var(--green);font-size:10px}.staff-item p{white-space:nowrap;text-overflow:ellipsis;margin:6px 0;font-size:12px;overflow:hidden}.staff-item time{color:var(--muted);font-size:10px}.staff-detail{min-width:0;padding:28px}.staff-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:350px;display:flex}.staff-empty h2{font-size:29px}.staff-empty p{font-size:14px}.staff-detail-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.staff-detail-heading h2{overflow-wrap:anywhere;font-size:27px}.staff-detail-heading button{border:1px solid var(--line);background:var(--sage);border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:12px;display:flex}.staff-messages{flex-direction:column;gap:14px;max-height:420px;padding:24px 0;display:flex;overflow:auto}.staff-messages article{background:var(--sage);overflow-wrap:anywhere;border-radius:6px;align-self:flex-start;max-width:85%;padding:14px 18px}.staff-messages article.is-staff{background:var(--lilac);align-self:flex-end}.staff-messages small{color:var(--muted);font-size:10px}.staff-messages p{white-space:pre-wrap;color:var(--ink);margin-top:6px;font-size:14px}.staff-compose{flex-direction:column;gap:12px;margin-top:20px;display:flex}.staff-compose label{font-size:13px}.staff-compose .button{align-self:flex-end}.staff-fields{grid-template-columns:1fr 1fr;gap:20px;margin:0;padding-block:24px;display:grid}.staff-fields dt{color:var(--muted);font-size:11px}.staff-fields dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px}.staff-fields a{text-decoration:underline}.staff-detail h3{font-size:17px}.staff-request-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 28px;font-size:14px}.staff-detail>.button,.staff-detail>.text-link{width:fit-content;margin:12px 0;display:flex}.staff-detail .staff-local{margin:16px 0}.staff-error{color:var(--danger);background:var(--danger-bg);margin:12px 4%;padding:14px;font-size:13px}.staff-error button{background:0 0;min-height:36px;margin-left:12px;text-decoration:underline}.staff-notice{background:var(--sage);color:var(--green);margin:12px 4%;padding:12px;font-size:13px}.staff-back{display:none}.staff-root button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.staff-workspace{grid-template-columns:260px minmax(0,1fr)}.staff-fields{grid-template-columns:1fr}.staff-detail{padding:20px}}@media (max-width:650px){.staff-header{padding:15px 20px}.staff-header>div{gap:8px}.staff-header>div>a{max-width:80px;font-size:11px}.staff-brand{flex-direction:column;gap:0}.staff-brand .brand-mark{width:104px;height:73px}.staff-title h1{font-size:29px}.staff-workspace{grid-template-columns:1fr;min-height:400px;margin:0 16px}.staff-list{border-right:0;max-height:none}.staff-detail,.staff-workspace.has-selection .staff-list{display:none}.staff-workspace.has-selection .staff-detail{display:block}.staff-back{background:0 0;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;font-size:12px;display:flex}.staff-tabs{gap:16px}.staff-tabs button{font-size:13px}.staff-detail-heading{flex-direction:column;align-items:flex-start}.staff-detail-heading h2{font-size:25px}.staff-login{margin-top:40px}.staff-login h1{font-size:32px}.staff-login input,.staff-compose textarea{font-size:16px}}