*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0%,rgba(255,205,90,.22),transparent 28%),radial-gradient(circle at 92% 10%,rgba(65,168,188,.18),transparent 30%),#f7f5ef;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,textarea{font:inherit}button{border-radius:8px;cursor:pointer;font-weight:800}.pr-staff-demo{display:grid;gap:20px;margin:0 auto;max-width:1360px;padding:28px}.pr-staff-demo__header{align-items:center;background:#ffffffe0;border:1px solid rgba(23,23,23,.1);border-radius:8px;box-shadow:0 18px 48px #16161614;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;padding:24px}.pr-staff-demo__eyebrow{color:#3b7f8d;font-size:12px;font-weight:900;letter-spacing:.14em;margin:0 0 8px;text-transform:uppercase}.pr-staff-demo h1,.pr-staff-demo h2,.pr-staff-demo p{letter-spacing:0;margin:0}.pr-staff-demo h1{font-size:clamp(30px,4vw,52px);line-height:1.05}.pr-staff-demo__header p,.pr-staff-demo__section-header p,.pr-staff-demo__side p,.pr-staff-demo__side li{color:#171717a6;line-height:1.7}.pr-staff-demo__nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.pr-staff-demo__nav a,.pr-staff-demo__nav button,.pr-staff-demo__section-header button,.pr-staff-comment__actions button,.pr-staff-reply-form__actions button{align-items:center;background:#fff;border:1px solid rgba(23,23,23,.14);color:#171717;display:inline-flex;min-height:40px;padding:9px 14px;text-decoration:none}.pr-staff-demo__nav button,.pr-staff-primary{background:#151515;border-color:#151515;color:#fff}.pr-staff-demo__nav .pr-staff-demo__presence-button{background:#e7f8ef;border-color:#1163342e;color:#116334}.pr-staff-demo__nav .pr-staff-demo__presence-button--away{background:#fff0f0;border-color:#a51d2a29;color:#a51d2a}.pr-staff-demo__metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.pr-staff-demo__metrics div{background:#ffffffe6;border:1px solid rgba(23,23,23,.1);border-radius:8px;display:grid;gap:8px;padding:18px}.pr-staff-demo__metrics span{color:#1717179e;font-size:12px;font-weight:850}.pr-staff-demo__metrics strong{font-size:34px;line-height:1}.pr-staff-demo__metric--active{background:linear-gradient(135deg,#e7f8eff5,#ffffffeb)!important;border-color:#1163342e!important}.pr-staff-demo__metric--active strong{color:#116334;font-size:26px}.pr-staff-demo__layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 340px}.pr-staff-demo__main,.pr-staff-demo__side section{background:#ffffffeb;border:1px solid rgba(23,23,23,.1);border-radius:8px;box-shadow:0 18px 48px #1616160f;padding:20px}.pr-staff-demo__section-header{align-items:start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.pr-staff-demo__comments,.pr-staff-demo__side{display:grid;gap:14px}.pr-staff-demo__empty{background:#f7f5ef;border:1px dashed rgba(23,23,23,.18);border-radius:8px;color:#171717a8;padding:22px}.pr-staff-comment{background:linear-gradient(90deg,rgba(65,168,188,.1),transparent 42%),#fff;border:1px solid rgba(23,23,23,.1);border-radius:8px;display:grid;gap:12px;padding:14px}.pr-staff-comment__meta,.pr-staff-comment__actions,.pr-staff-reply-form__actions,.pr-staff-templates,.pr-staff-demo__template-list,.pr-staff-demo__reaction-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pr-staff-comment__meta span,.pr-staff-comment__meta strong,.pr-staff-demo__template-list span,.pr-staff-demo__reaction-list span{background:#f7f5ef;border:1px solid rgba(23,23,23,.08);border-radius:999px;color:#171717ad;font-size:12px;font-weight:850;padding:5px 9px}.pr-staff-comment__meta strong{background:#fff8e1;border-color:#c4911f38;color:#8a5b00}.pr-staff-comment__meta .pr-staff-status--open{background:#fff0f0;border-color:#a51d2a29;color:#a51d2a}.pr-staff-comment__meta .pr-staff-status--done{background:#e7f5ec;border-color:#11633429;color:#116334}.pr-staff-comment__body{font-size:17px;font-weight:750;line-height:1.65}.pr-staff-comment__replies{border-left:4px solid #3aa6b9;display:grid;gap:8px;padding-left:12px}.pr-staff-reply{background:#f7f5efdb;border:1px solid rgba(23,23,23,.08);border-radius:8px;padding:10px}.pr-staff-reply div{align-items:center;display:flex;gap:8px;margin-bottom:4px}.pr-staff-reply span{color:#8a5b00;font-size:12px;font-weight:850}.pr-staff-reply-form{display:grid;gap:9px}.pr-staff-templates button{background:#f7f5ef;border:1px solid rgba(23,23,23,.1);color:#171717c2;font-size:12px;min-height:32px;padding:6px 10px}.pr-staff-templates button:hover{background:#fff8e1;border-color:#c4911f38}.pr-staff-reply-form textarea{border:1px solid rgba(23,23,23,.16);border-radius:8px;line-height:1.6;min-height:82px;padding:10px 12px;resize:vertical;width:100%}.pr-staff-reply-form button:disabled{cursor:not-allowed;opacity:.45}.pr-staff-demo__side section{display:grid;gap:12px}.pr-staff-demo__side ul{margin:0;padding-left:18px}@media screen and (max-width:980px){.pr-staff-demo__header,.pr-staff-demo__layout{grid-template-columns:1fr}.pr-staff-demo__nav{justify-content:flex-start}.pr-staff-demo__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:560px){.pr-staff-demo{padding:16px}.pr-staff-demo__metrics{grid-template-columns:1fr}}