/* Quiet, short motion for a workspace used throughout the day. */
:root{--ease-out:cubic-bezier(.2,.7,.2,1);--motion-fast:140ms;--motion-page:180ms}
.button,.icon-button,.filter-link,.job-tabs a,.thread-item,.nav a,.quick-links a{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--ease-out)}
@media(hover:hover){.button:hover{box-shadow:0 3px 10px #123d3510;transform:translateY(-1px)}.stat:hover{background:#edf6f0}.quick-links a:hover{color:var(--green-mid)}}
.button:active,.icon-button:active{transform:translateY(1px)}
.button:disabled{transform:none;box-shadow:none}
.field input,.field textarea,.field select{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#397e63;box-shadow:0 0 0 3px #397e6314}
.stat{transition:background-color var(--motion-fast)}
.nav-label{margin:16px 12px 7px;font-size:.75rem;letter-spacing:.1em}
.nav .nav-label:first-child{margin-top:2px}
.nav-settings{margin-top:16px;border-top:1px solid #ffffff20;padding-top:12px}
.nav-settings summary{cursor:pointer;padding:12px;border-radius:7px;font-size:.875rem;color:#dae9e0;min-height:44px}
.nav-settings summary:hover{background:#ffffff0b}
.nav-settings .sidebar-bottom{border:0;margin:0;padding-top:8px}
.sidebar-footer{font-size:.75rem}
.menu-scrim{display:none}
.topbar{isolation:isolate}
.topbar:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green-mid);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}
.route-pending .topbar:after{opacity:1;animation:route-progress 1.4s ease-in-out infinite;animation-delay:120ms}
@keyframes route-progress{0%{transform:scaleX(.1);opacity:.4}65%{transform:scaleX(.72);opacity:1}100%{transform:scaleX(1);opacity:0}}
.topbar{overflow:visible}
.page-loading{display:flex;align-items:center;gap:14px;min-height:240px}
.loading-mark,.is-saving:before{content:'';display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:turn .8s linear infinite;flex:none}
@keyframes turn{to{transform:rotate(360deg)}}
.is-saving{gap:9px}
dialog[open]{animation:dialog-in var(--motion-page) var(--ease-out)}
dialog[open]::backdrop{animation:backdrop-in var(--motion-page) ease-out}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-in{from{background-color:transparent}to{background-color:#102e2359}}
#toast{transition:opacity var(--motion-page),transform var(--motion-page) var(--ease-out)}
.setup-guide{padding:24px;margin-bottom:24px;background:linear-gradient(110deg,#fff,#f0f7f2)}
.setup-guide h2{margin:5px 0 6px}.setup-guide p{font-size:.875rem;color:var(--muted)}
.setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}
.setup-step{display:flex;gap:12px;align-items:start;min-width:0}.setup-step strong{display:block;font-size:.875rem;margin-bottom:8px}
.setup-step .text-link{display:flex;align-items:center;gap:6px;font-size:.875rem;min-height:36px}.setup-step .text-link .icon{width:16px}
.step-dot{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #c8d9cf;border-radius:50%;font-size:.8125rem;color:var(--green-mid);background:#fff}.complete .step-dot{background:var(--green);color:#fff;border-color:var(--green)}
.conversation-back{display:none}
.account-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1120px;gap:24px}
.account-details{gap:0}.account-details .detail-line{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.account-details .detail-line:first-child{padding-top:0}.account-details .detail-line:last-child{border-bottom:0;padding-bottom:0}.account-details dd{text-align:left;font-weight:500;overflow-wrap:anywhere}.account-details dt{font-size:.875rem}
@media(max-width:1050px){.account-layout{grid-template-columns:1fr;max-width:760px}}
@media(max-width:480px){.account-details .detail-line{grid-template-columns:1fr;gap:5px}}
.tier-badge{display:inline-flex;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:.8125rem;font-weight:650;white-space:nowrap}
.tier-unranked,.badge.unranked{background:#f0f3f1;color:#52615b}.tier-bronze,.badge.bronze{background:#f8ede2;color:#82502b;border-color:#e6cbb2}.tier-silver,.badge.silver{background:#edf0f4;color:#536273;border-color:#cdd5df}.tier-gold,.badge.gold{background:#fff3ce;color:#79560b;border-color:#e8d394}.tier-platinum,.badge.platinum{background:#e2f4f0;color:#1c6258;border-color:#b6d9d2}
.performance-summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;margin-bottom:20px}.performance-summary h2{margin:6px 0 14px}.performance-summary p{margin-top:12px}.performance-summary .site-line{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}
.performance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.performance-metrics .panel{padding:20px;display:grid;gap:8px}.performance-metrics span{color:var(--muted);font-size:.875rem}.performance-metrics strong{font-size:1.5rem}
.performance-explanation{margin:20px 0;font-size:.875rem;line-height:1.7;color:var(--muted);max-width:960px}.performance-filters{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;align-items:end;gap:16px}
.performance-history{display:grid;gap:16px}.performance-row{display:flex;justify-content:space-between;gap:20px;align-items:start}.performance-row p{margin-top:6px}.performance-review{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.performance-review p{margin-top:8px}.organisation-tier{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
@media(max-width:950px){.performance-filters{grid-template-columns:1fr 1fr}.performance-summary{align-items:start;flex-direction:column}}
@media(max-width:740px){.performance-metrics{grid-template-columns:1fr 1fr;gap:12px}.performance-metrics .panel{padding:16px}.performance-filters{grid-template-columns:1fr}.performance-row{flex-direction:column}.performance-summary{padding:18px}.performance-summary .button-row{width:100%}.performance-row .button{width:100%}}
/* Keep primary labels and secondary details visually distinct. */
.data-table .site-line{display:block;margin-top:5px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.team-table{table-layout:fixed}
.team-table th{font-size:.8125rem;white-space:normal}
.team-table td{vertical-align:top;padding-block:22px;line-height:1.5}
.team-table td>strong{display:block;font-weight:600;overflow-wrap:anywhere}
.team-table th:nth-child(1){width:24%}.team-table th:nth-child(2){width:14%}.team-table th:nth-child(3){width:12%}.team-table th:nth-child(4){width:10%}.team-table th:nth-child(5){width:23%}.team-table th:nth-child(6){width:17%}
.team-actions{align-items:flex-start;gap:8px}.team-actions .button{white-space:normal;text-align:left;line-height:1.4;max-width:100%}
.topbar-right{flex:none;gap:18px;min-width:0}
.topbar .connection{padding:7px 10px;border:1px solid var(--line);border-radius:20px;line-height:1.4;background:#f8fbf9;max-width:180px;font-size:.8125rem}
.topbar .connection:before{flex:none}
.account-chip{display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:10px;min-height:50px;max-width:290px;min-width:0;transition:background-color 140ms,border-color 140ms}
.account-chip:hover{background:#f4f8f5;border-color:var(--line)}
.account-chip .avatar{width:38px;height:38px;font-size:.8125rem}
.account-chip .session-label{display:grid;gap:2px;text-align:left;min-width:0;line-height:1.4}
.account-chip .session-label strong{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip .session-label small{font-size:.8125rem}
@media(min-width:741px) and (max-width:1100px){.team-table th,.team-table td{padding-inline:12px}.team-table th:nth-child(1){width:22%}.team-table th:nth-child(5){width:25%}.topbar-right{gap:8px}.account-chip{max-width:230px}}
@media(max-width:800px){.account-chip{padding:3px;min-height:44px;min-width:44px;justify-content:center}.account-chip .session-label{display:none}.topbar-right{gap:8px}.topbar .connection{padding:5px 7px;font-size:.75rem;max-width:110px}}
@media(max-width:740px){.team-table td{padding:9px 4px}.team-actions .button{flex:1 1 140px;justify-content:center;text-align:center}.topbar{gap:8px}}
@media(max-width:1050px){.setup-steps{grid-template-columns:1fr 1fr}}
@media(max-width:740px){
 .sidebar{z-index:50;transition:transform 200ms var(--ease-out)}
 .menu-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:40;border:0;background:#102e2359;animation:backdrop-in 180ms ease-out}
 .setup-guide{padding:18px}.setup-steps{gap:22px 12px}.setup-step{gap:8px}.setup-step .button{padding:8px 10px}
 .inbox-layout>#conversation{display:none}.inbox-layout.conversation-open>#conversation{display:block;scroll-margin-top:76px}
 .inbox-layout.conversation-open>#thread-list{display:none}.inbox-layout>#thread-list{max-height:none;scroll-margin-top:76px}
 .conversation-back{display:flex;gap:8px;margin-bottom:12px}.conversation-back .icon{transform:rotate(180deg)}
 .conversation-open .conversation{display:grid;grid-template-rows:auto auto minmax(80px,1fr) auto;height:calc(100dvh - 160px);min-height:420px;overflow:hidden}
 .conversation-open .messages.compact{min-height:0;max-height:none;overscroll-behavior:contain}
 .conversation-open .composer{padding:12px;background:white;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .conversation-open .composer textarea{min-height:72px;height:72px;max-height:130px}
 .conversation-open .composer-foot{gap:8px;margin-top:8px}.conversation-open .composer-foot>.small{flex:1;font-size:.75rem}.conversation-open .panel-heading{padding:14px}.conversation-open .panel-heading p{font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.route-pending .topbar:after{transform:none;opacity:.7}.loading-mark{border-right-color:currentColor}}

/* Keep the conversation footprint stable while another audience is loading. */
#conversation[aria-busy="true"]{position:relative;min-height:420px;opacity:.65;cursor:progress}
.thread-list,.messages{overflow-anchor:none;scrollbar-gutter:stable}