@font-face{font-family:Figtree;src:url("fonts/Figtree-Variable.e2f81beec4ab.woff2") format("woff2-variations");font-style:normal;font-weight:300 900;font-display:swap}
:root{--forest-950:#082f26;--forest-900:#0b3b30;--forest-800:#135242;--forest-700:#17654f;--green-700:#0d6a4f;--green-100:#dfeee7;--stone-200:#e5e1d8;--stone-100:#f2efe8;--stone-50:#faf8f3;--surface:#fffdf9;--line:#d8d4cb;--line-strong:#b9b5ac;--ink:#17201d;--muted:#52615c;--amber-800:#845000;--amber-100:#fff1d3;--red-700:#a82921;--red-100:#fae5e1;--blue-100:#e7eff7;--blue-800:#224e73;--shadow:0 14px 34px rgb(27 44 37/.08);--radius:12px;--hairline:#f0ede6;--control-radius:10px;--focus:#13835f;color-scheme:light;font-family:Figtree,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--stone-100);accent-color:var(--green-700)}
*{box-sizing:border-box}html{background:var(--stone-100);scrollbar-color:var(--forest-700) var(--stone-200);scrollbar-width:thin}body{margin:0;min-height:100dvh;background:var(--stone-100);font-size:15px;line-height:1.5}::selection{color:#fff;background:var(--forest-800)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--forest-800);text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}.hp-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.hp-icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.muted{color:var(--muted)!important}.danger-link{color:var(--red-700)}.hp-skip-link{position:fixed;z-index:100;left:16px;top:12px;min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:var(--control-radius);color:#fff;background:var(--forest-800);font-weight:750;transform:translateY(-160%)}.hp-skip-link:focus{transform:none}
.hp-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.hp-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:28px 16px 18px;background:var(--forest-950);color:#edf7f2}.hp-brand{display:block;margin:0 8px 30px;line-height:0;text-decoration:none}.hp-brand img{width:166px;height:auto;display:block}.hp-nav{display:grid;gap:6px}.hp-nav a{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px 0 14px;border-radius:10px;color:#a9c9bd;font-size:14.5px;font-weight:600;text-decoration:none}.hp-nav a>span{flex:1 1 auto}.hp-nav-count{min-width:24px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:999px;background:rgb(255 255 255/.18);font-size:11.5px;font-weight:800}.hp-nav a .hp-icon{width:19px;height:19px;stroke-width:1.7}.hp-nav a:hover{background:rgb(255 255 255/.07)}.hp-nav a[aria-current=page]{color:#fff;background:var(--forest-700);font-weight:750}.hp-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;border-top:1px solid rgb(213 232 224/.14)}.hp-account>div{flex:1 1 auto;min-width:0}.hp-account-avatar{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--forest-700);color:#fff;font-size:12px;font-weight:800;letter-spacing:.01em}.hp-account>div strong,.hp-account>div span{display:block}.hp-account>div strong{font-size:13.5px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-account>div span{margin-top:1px;color:#a9c9bd;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-account form{flex:0 0 auto;margin:0}.hp-account button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;color:#a9c9bd;background:transparent;cursor:pointer}.hp-account button:hover{color:#fff;background:rgb(255 255 255/.09)}.hp-account button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hp-main{min-width:0}.hp-content{width:min(100%,1500px);margin:0 auto;padding:24px clamp(20px,3vw,44px) 64px}.hp-mobile-top,.hp-bottom-nav{display:none}.hp-messages{width:min(100%,1500px);margin:0 auto;padding:16px clamp(20px,3vw,44px) 0}.hp-alert,.alert{margin:0;padding:12px 14px;border-radius:10px;color:var(--blue-800);background:var(--blue-100);font-weight:650}.hp-alert+.hp-alert{margin-top:8px}.hp-alert-success,.alert-success{color:#07563e;background:var(--green-100)}.hp-alert-error,.alert-error,.hp-form-error{color:var(--red-700);background:var(--red-100)}
h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(28px,3vw,40px)}h2{font-size:20px}h3{font-size:17px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 22px}.page-heading h1{margin:0;max-width:24ch}.page-heading p{max-width:68ch;margin:7px 0 0}.page-heading.compact h1{font-size:clamp(26px,2.5vw,34px)}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--forest-800);border-radius:var(--control-radius);color:#fff;background:var(--forest-800);font-weight:750;text-decoration:none;white-space:nowrap}.button:hover{background:var(--forest-900)}.button:disabled{cursor:wait;border-color:#76817d;background:#76817d}.button-outline,.button.secondary{border-color:var(--line);color:var(--ink);background:var(--surface)}.button-outline:hover,.button.secondary:hover{border-color:var(--line-strong);background:var(--stone-50)}.button-danger{border-color:var(--red-700);background:var(--red-700)}.button-danger:hover{background:#852019}.text-link{min-height:44px;display:inline-flex;align-items:center;border:0;background:transparent;color:var(--forest-800);font-weight:700;text-decoration:underline;text-underline-offset:4px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.status,.account-status,.read-only-label,.hp-readonly{display:inline-flex;align-items:center;width:max-content;min-height:28px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:750;white-space:nowrap}.status-new{color:var(--blue-800);background:var(--blue-100)}.status-follow_up,.status-inspection,.account-status-pending{color:var(--amber-800);background:var(--amber-100)}.status-closed,.account-status-active{color:#07563e;background:var(--green-100)}.status-lost,.status-disqualified,.account-status-disabled{color:var(--red-700);background:var(--red-100)}.hp-readonly,.read-only-label{color:var(--muted);background:var(--stone-100)}
.hp-back-link{min-height:32px;display:inline-flex;align-items:center;font-size:13px;font-weight:750}.hp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.hp-fields-single{grid-template-columns:minmax(220px,480px)}.hp-field>label,.form-stack p>label{display:block;margin-bottom:7px;font-size:13px;font-weight:750}.hp-field input,.hp-field select,.hp-field textarea,.form-stack input,.form-stack select,.form-stack textarea,.filter-bar input,.filter-bar select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);background:#fff;caret-color:var(--forest-800)}.hp-field textarea,.form-stack textarea{min-height:86px;resize:vertical}.hp-field input::placeholder,.hp-field textarea::placeholder,input::placeholder,textarea::placeholder{color:#65716d;opacity:1}.hp-field.has-error input,.hp-field.has-error select,.hp-field.has-error textarea{border-color:var(--red-700)}.hp-field-error{margin:6px 0 0;color:var(--red-700);font-size:13px;font-weight:650}.hp-form-error{margin-top:16px;padding:11px 13px;border-radius:9px}.hp-form-error p{margin:0}.helptext{display:block;margin-top:6px;color:var(--muted);font-size:13px}.errorlist{margin:6px 0;padding-left:20px;color:var(--red-700)}.detail-card,.form-card,.roster-surface,.queue-surface,.archived-surface,.info-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.detail-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 12px}.detail-card-header h2{margin:0}
.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto auto;gap:10px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.period-tabs{display:flex;gap:8px;margin:0 0 18px;overflow-x:auto;scrollbar-width:thin}.period-tab{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--forest-900);background:var(--surface);font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.period-tab.active{border-color:var(--forest-800);color:#fff;background:var(--forest-800)}.table-scroll{overflow-x:auto}.table-scroll-hint{display:none}.roster-surface,.queue-surface,.archived-surface{overflow:hidden}.roster-table{width:100%;border-collapse:collapse;font-size:14px}.roster-table th,.roster-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.roster-table th{color:var(--muted);background:var(--stone-50);font-size:12px;font-weight:750}.roster-table tbody tr:last-child td{border-bottom:0}.queue-lead-link{display:block;min-height:30px;font-weight:750}.queue-table td:first-child .muted{display:block;margin-top:2px;font-size:13px}.queue-actions,.row-actions{display:flex;flex-wrap:wrap;gap:8px}.queue-actions details{position:relative}.quick-form{min-width:300px;padding:14px}.quick-form p{margin:0 0 12px}.lead-list{display:grid}.lead-card{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.lead-card:last-child{border-bottom:0}.lead-card:hover{background:var(--stone-50)}.lead-card h2{margin:0;font-size:17px}.lead-card p{margin:4px 0 0}.lead-meta{display:flex;align-items:center;gap:14px}.empty-state{padding:48px 24px;border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}.empty-state h2{margin:0}.empty-state p{max-width:56ch;margin:8px auto 0;color:var(--muted)}
.form-card{max-width:800px;padding:24px}.form-card>p:first-child{margin-top:0}.form-stack>p{margin:0 0 16px}.form-with-aside{display:grid;grid-template-columns:minmax(0,800px) minmax(260px,360px);gap:18px;align-items:start}.info-panel{padding:22px}.info-panel h2{margin-top:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.detail-grid>div{padding:14px 20px;border-top:1px solid var(--line)}.detail-grid dt{color:var(--muted);font-size:13px;font-weight:650}.detail-grid dd{margin:4px 0 0;overflow-wrap:anywhere}.detail-grid .wide{grid-column:1/-1}.breadcrumb-row{margin-bottom:12px}.auth-card{width:100%}.auth-card .hp-fields{grid-template-columns:1fr}.auth-card .form-stack>.button{margin-top:18px}.auth-card h1{margin:0 0 4px;font-size:24px;line-height:29px;letter-spacing:-.024em}.auth-card>p{margin:14px 0}.hp-auth-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;min-height:100dvh;padding:40px 24px;background:var(--forest-950)}.hp-auth-brand{display:block;flex:0 0 auto;line-height:0;text-decoration:none}.hp-auth-brand img{width:min(212px,58vw);height:auto;display:block}.hp-auth-brand>a{color:#fff;font-size:22px;font-weight:750;text-decoration:none}.hp-auth-brand h1{max-width:12ch;margin:0;font-size:clamp(42px,5vw,68px);letter-spacing:-.035em}.hp-auth-brand p{max-width:42ch;color:#bad2c8}.hp-auth-brand small{color:#9fbaaf}.hp-auth-main{flex:0 0 auto;width:min(100%,430px);padding:32px;border-radius:18px;background:var(--surface);box-shadow:0 26px 60px rgb(3 20 15/.34)}
.detail-card{margin-bottom:16px;padding:20px}.detail-card>h2{margin:0}.detail-card>p{margin:6px 0 16px}.actions{min-width:170px}
@media(max-width:1050px){.hp-shell{grid-template-columns:188px minmax(0,1fr)}.form-with-aside{grid-template-columns:1fr}.info-panel{max-width:800px}}
@media(max-width:700px){.hp-mobile-top{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--forest-950)}.hp-mobile-top a{color:#fff;font-weight:750;text-decoration:none}.hp-mobile-top span{color:#bad3c9;font-size:12px}.hp-agent .hp-shell{display:block;min-height:auto}.hp-agent .hp-sidebar{display:none}.hp-management .hp-shell{min-width:1024px}.hp-bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2f5c4f;background:var(--forest-950)}.hp-bottom-nav a{display:flex;align-items:center;justify-content:center;font-weight:750;text-align:center;text-decoration:none}.page-heading>.button{min-width:auto}.hp-back-link{min-height:44px}.hp-fields,.hp-fields-single{grid-template-columns:1fr;gap:14px}.filter-bar{grid-template-columns:1fr;margin-bottom:12px;padding:12px}.filter-bar .button{width:100%}.period-tabs{margin-bottom:12px}.hp-agent .table-scroll{overflow:visible}.table-scroll-hint{display:none}.hp-agent .roster-table,.hp-agent .roster-table tbody{display:block}.hp-agent .roster-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hp-agent .roster-table tr{display:block;margin:0 0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.hp-agent .roster-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:12px;min-height:48px;padding:11px 13px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.hp-agent .roster-table td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:750}.hp-agent .roster-table td:last-child{border-bottom:0}.hp-agent .queue-surface,.hp-agent .roster-surface{border:0;background:transparent;overflow:visible}.lead-card{align-items:flex-start;flex-direction:column}.lead-meta{width:100%;justify-content:space-between}.form-card{padding:18px 14px}.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.detail-grid>div{padding-inline:14px}.form-actions{justify-content:stretch}.form-actions>.button,.form-actions>form,.form-actions>form>.button{width:100%}.detail-card{padding:14px}}
@media(max-width:340px){.hp-content{padding-inline:8px}}

/* Management is a desktop workspace. Narrow viewports receive one calm,
   useful boundary instead of a compressed or horizontally scrolling desk. */
.hp-management-gate{display:none}
@media(max-width:1023px){
  body.hp-management{min-height:100dvh;padding:0;background:var(--stone-50)}
  .hp-management>.hp-skip-link{display:none}
  .hp-management .hp-shell{display:none}
  .hp-management-gate{min-height:100dvh;display:flex;flex-direction:column;background:var(--stone-50)}
  .hp-management-gate-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 20px 10px;background:var(--forest-950)}
  .hp-management-gate-header img{display:block;width:142px;height:auto}
  .hp-management-gate-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgb(255 255 255/.62);border-radius:50%;color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em}
  .hp-management-gate-main{flex:1;width:min(100%,520px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:48px;margin:0 auto;padding:clamp(48px,8dvh,76px) 20px max(24px,env(safe-area-inset-bottom))}
  .hp-management-gate-message{align-self:center;text-align:center}
  .hp-management-gate-icon{width:62px;height:62px;color:var(--forest-800);stroke-width:1.45}
  .hp-management-gate-message h1{max-width:13ch;margin:28px auto 0;font-size:26px;line-height:31px;letter-spacing:-.03em;text-wrap:balance}
  .hp-management-gate-message>p:not(.hp-management-gate-status){max-width:38ch;margin:18px auto 0;color:var(--muted);font-size:15px;line-height:1.55;text-wrap:pretty}
  .hp-management-gate-status{display:flex;align-items:center;justify-content:center;gap:9px;margin:24px 0 0;color:var(--forest-800);font-size:14px;font-weight:650}
  .hp-management-gate-status .hp-icon{width:22px;height:22px}
  .hp-management-gate-actions{width:100%;text-align:center}
  .hp-management-gate-actions>.button{width:100%;min-height:46px}
  .hp-management-gate-feedback{min-height:18px;margin:7px 0 0;color:var(--muted);font-size:12px}
  .hp-management-gate-feedback:empty{visibility:hidden}
  .hp-management-gate-actions form{margin:5px 0 0}
  .hp-management-gate-actions .text-link{margin:0 auto;padding:0 12px;text-decoration:none}
}

@media(max-width:340px){
  .hp-management-gate-header{padding-inline:16px}
  .hp-management-gate-main{padding-inline:16px}
  .hp-management-gate-message h1{font-size:26px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.hp-sidebar,.hp-mobile-top,.hp-bottom-nav{display:none!important}.hp-shell{display:block}.hp-content{padding:0}.button,.text-link{color:#000!important;background:transparent!important}}

.hp-auth-brand h2{max-width:12ch;margin:0;font-size:clamp(42px,5vw,68px);letter-spacing:-.035em}
@media(max-width:700px){.hp-mobile-top a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:700px){.hp-mobile-top .hp-mobile-leads{min-height:44px;padding:0 10px;border-radius:8px;color:#d9ebe4;font-size:12px}.hp-mobile-top .hp-mobile-leads[aria-current=page]{color:#fff;background:#195443}}
.overview-heading{margin-bottom:14px}.hp-reactivation-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;max-width:920px;padding:18px 20px;box-shadow:none;border:1px solid var(--line)}.hp-reactivation-panel .form-actions{margin:0}
@media(max-width:700px){.overview-heading{margin-bottom:12px}.hp-reactivation-panel{display:block;padding:16px 14px}.hp-reactivation-panel .form-actions{margin-top:16px}}

/* Management Overview: approved four-measure hierarchy */
.overview-heading{align-items:center;margin-bottom:18px}.overview-today{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--forest-800);background:var(--surface);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.overview-today .hp-icon{width:18px;height:18px}.overview-overdue-detail{color:var(--red-700);font-weight:650}



@media(max-width:700px){.overview-heading{align-items:center;gap:12px}.overview-heading p{max-width:32ch}.overview-today{min-height:36px;padding:0 9px}.overview-today span{display:none}}



/* Management overview: at-a-glance previews and focused collection pages */
.overview-heading{margin-bottom:20px}.management-collection-heading{align-items:flex-end}.management-collection-heading h1{margin-top:5px}.management-collection-count{min-height:34px;display:inline-flex;align-items:center;padding:4px 11px;border:1px solid var(--line);border-radius:999px;color:var(--forest-800);background:var(--surface);font-size:12px;font-weight:750;white-space:nowrap}.management-collection-surface{overflow:hidden}.management-collection-table td{overflow-wrap:anywhere}.management-collection-empty p{color:var(--muted)}



@media(max-width:700px){.management-collection-heading{align-items:flex-start}.management-collection-count{align-self:flex-start}.management-collection-surface{overflow:visible}}

/* Management All Leads: dense register with one clear record destination */
.management-register-heading{margin-bottom:20px}.management-export{gap:9px}.management-export .hp-icon{width:18px;height:18px}.management-register-filter{grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto auto;gap:8px;margin-bottom:16px;padding:10px}.management-filter-field{position:relative;min-width:0}.management-filter-field>.hp-icon{position:absolute;z-index:1;left:13px;top:50%;width:18px;height:18px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.management-register-filter .management-filter-field input,.management-register-filter .management-filter-field select{padding-left:42px}.management-register-filter .button{min-height:46px}.management-clear-filter{padding:0 8px}.management-register-surface{border-radius:12px}.management-register-table{font-size:13px}.management-register-table th,.management-register-table td{padding:10px 14px}.management-register-table th{height:42px}.management-register-table th:first-child{width:19%}.management-register-table th:nth-child(2){width:29%}.management-register-table th:nth-child(3){width:13%}.management-register-table th:nth-child(4){width:17%}.management-register-table th:nth-child(5){width:22%}.management-register-table tbody tr{transition:background-color 140ms ease}.management-register-table tbody tr:hover{background:var(--stone-50)}.management-lead-link{min-height:27px;display:inline-flex;align-items:center;gap:7px}.management-lead-link .hp-icon{width:15px;height:15px;opacity:0;transform:translateX(-3px);transition:opacity 140ms ease,transform 140ms ease}.management-register-table tbody tr:hover .management-lead-link .hp-icon,.management-lead-link:focus-visible .hp-icon{opacity:1;transform:none}.management-register-table td:first-child .muted{margin-top:0;font-size:12px}.management-register-table td:nth-child(5){font-variant-numeric:tabular-nums}

@media(max-width:700px){.management-register-heading{align-items:flex-start}.management-register-heading .management-export{min-height:42px;padding:0 12px}.management-register-heading .management-export .hp-icon{width:17px;height:17px}.management-register-filter{grid-template-columns:1fr 1fr;padding:10px}.management-register-filter .management-search-field{grid-column:1/-1}.management-register-filter .button{width:auto}.management-clear-filter{justify-content:center}.management-register-table tr{margin-bottom:8px}.management-register-table td{min-height:44px;padding:9px 12px}.management-register-table td:first-child{padding-top:12px;padding-bottom:12px}.management-lead-link .hp-icon{opacity:1;transform:none}}

@media(max-width:390px){.management-register-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.management-register-heading p{grid-column:1/-1}.management-register-heading .management-export{align-self:start}.management-register-filter{grid-template-columns:1fr}.management-register-filter .management-search-field{grid-column:auto}.management-register-filter .button,.management-clear-filter{width:100%}}

/* Approved management search interaction and compact typography */
.management-register-filter{grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto}.management-clear-filter{padding:0 8px}.management-filter-feedback{min-height:18px;margin:-8px 2px 8px;color:var(--muted);font-size:12px;line-height:18px}.management-filter-feedback:empty{visibility:hidden}.management-filter-feedback.is-error{color:var(--red-700)}.management-filter-retry{margin-left:2px;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.management-register-results{transition:opacity 140ms ease}.management-register-results[aria-busy="true"]{opacity:.58}.management-register-table{font-size:13px;line-height:1.5}.management-register-table th{font-size:12px;line-height:1.5}.hp-management .page-heading h1{font-size:32px;line-height:37px;letter-spacing:-.025em}.hp-management .page-heading p{font-size:14px;line-height:21px}

@media(max-width:700px){.management-register-filter{grid-template-columns:1fr 1fr}.management-register-filter input,.management-register-filter select{font-size:16px}.management-register-filter .button{width:0}.management-clear-filter{width:auto;justify-content:center}}

@media(max-width:390px){.management-register-filter{grid-template-columns:1fr}.management-clear-filter{width:100%}}

/* Agent desktop dossier: concept-led identity, task workspace, reports and audit */
.agent-lead-detail{display:grid;gap:14px;font-size:13px;line-height:1.5}.agent-lead-back{justify-self:start}.agent-lead-summary{min-height:114px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.agent-lead-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--forest-900);background:var(--green-100);font-size:22px;font-weight:750;text-transform:uppercase}.agent-lead-primary{min-width:0}.agent-lead-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.agent-lead-title h1{margin:0;font-size:28px;line-height:33px;letter-spacing:-.025em;overflow-wrap:anywhere}.agent-lead-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 0;margin-top:9px;color:var(--muted)}.agent-lead-meta>span,.agent-lead-meta>a{min-width:0;display:inline-flex;align-items:center;gap:7px;padding:0 16px;color:inherit;text-decoration:none}.agent-lead-meta>span:first-child{padding-left:0}.agent-lead-meta>span+span,.agent-lead-meta>a+span,.agent-lead-meta>span+a{border-left:1px solid var(--line)}.agent-lead-meta .hp-icon{width:17px;height:17px;flex:0 0 17px;color:var(--ink)}.agent-lead-meta>.next-action-complete,.agent-lead-meta>.next-action-missing,.agent-lead-meta>.next-action-none,.agent-lead-meta>.next-action-date,.agent-lead-meta>.next-action-overdue{white-space:normal}.agent-lead-meta>.next-action-complete{color:var(--green-700)}.agent-lead-meta>.next-action-missing{color:var(--red-700)}.agent-lead-meta>.next-action-overdue{color:var(--amber-800)}.agent-lead-meta>.next-action-none{color:var(--muted)}.agent-lead-meta>.next-action-complete .hp-icon,.agent-lead-meta>.next-action-missing .hp-icon,.agent-lead-meta>.next-action-none .hp-icon,.agent-lead-meta>.next-action-date .hp-icon,.agent-lead-meta>.next-action-overdue .hp-icon{width:17px;height:17px}.agent-lead-meta>.next-action-complete .hp-icon,.agent-lead-meta>.next-action-missing .hp-icon,.agent-lead-meta>.next-action-none .hp-icon,.agent-lead-meta>.next-action-overdue .hp-icon{color:inherit}.agent-call-button{gap:8px;white-space:nowrap}.agent-call-button .hp-icon{width:17px;height:17px}.agent-lead-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:'work support';align-items:start;gap:20px}.agent-lead-work{grid-area:work;display:grid;gap:14px}.agent-lead-support{grid-area:support;display:grid;gap:14px}.agent-outcome-card,.agent-support-card,.agent-history-card,.inspection-reports{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.agent-section-heading,.agent-support-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.agent-section-heading{padding:16px 18px 12px}.agent-section-heading h2,.agent-support-heading h2{margin:0;font-size:17px;line-height:21px}.agent-section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:17px}.agent-outcome-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 14px 14px}.agent-outcome-choice{min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:#fff;font-size:13px;font-weight:650;text-align:center;text-decoration:none;cursor:pointer;transition:border-color 140ms ease,background-color 140ms ease,color 140ms ease}.agent-outcome-choice:hover{border-color:var(--forest-500);background:var(--green-100)}.agent-outcome-choice.is-selected{border-color:var(--forest-700);color:var(--forest-900);background:#edf6f1}.agent-outcome-choice .hp-icon{width:22px;height:22px}.agent-more-outcomes{position:relative}.agent-more-outcomes>summary{list-style:none}.agent-more-outcomes>summary::-webkit-details-marker{display:none}.agent-outcome-menu{position:absolute;z-index:8;top:calc(100% + 6px);right:0;min-width:170px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(27,44,37,.12)}.agent-outcome-menu a{min-height:40px;display:flex;align-items:center;padding:0 10px;border-radius:8px;color:var(--ink);font-weight:650;text-decoration:none}.agent-outcome-menu a:hover,.agent-outcome-menu a.is-selected{background:var(--green-100)}.agent-outcome-form{margin:0 14px 14px;padding:16px;border:1px solid #bfd5c8;border-radius:10px;background:#fbfdfb;box-shadow:0 14px 34px rgba(27,44,37,.08)}.agent-form-heading h3{margin:0;font-size:17px;line-height:21px}.agent-form-heading p{max-width:72ch;margin:4px 0 0;color:var(--muted);font-size:13px}.agent-outcome-form .hp-fields,.inspection-correction-form .hp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.agent-outcome-form .hp-field:has(textarea),.inspection-correction-form .hp-field:has(textarea){grid-column:1/-1}.agent-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px}.agent-form-actions>span{margin-left:auto;color:var(--muted);font-size:12px}.hp-segmented-options{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0}.hp-segmented-options li{margin:0}.hp-segmented-options li+li{margin-left:-1px}.hp-segmented-options label{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border:1px solid var(--line-strong);background:#fff;font-size:12px;text-align:center;cursor:pointer}.hp-segmented-options li:first-child label{border-radius:9px 0 0 9px}.hp-segmented-options li:last-child label{border-radius:0 9px 9px 0}.hp-segmented-options input{width:16px;height:16px;min-height:0;accent-color:var(--forest-800)}.hp-segmented-options label:has(input:checked){position:relative;z-index:1;border-color:var(--forest-700);color:var(--forest-900);background:#edf6f1;font-weight:750}.hp-field[data-not-buying-field][hidden]{display:none}.agent-support-card{padding:0 16px}.agent-support-heading{align-items:center;padding:15px 0 10px;border-bottom:1px solid var(--line)}.agent-contact-facts{margin:0}.agent-contact-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--hairline)}.agent-contact-facts>div:last-child{border-bottom:0}.agent-contact-facts dt{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:400}.agent-contact-facts dt .hp-icon{width:17px;height:17px;color:var(--ink)}.agent-contact-facts dd{margin:0;font-size:13px;font-weight:650;text-align:right;overflow-wrap:anywhere}.agent-contact-facts a{color:var(--ink)}.agent-notes-card p{min-height:76px;margin:14px 0 10px;overflow-wrap:anywhere}.agent-notes-card small{display:block;padding:0 0 15px;color:var(--muted)}.agent-record-actions{display:flex;align-items:center;gap:14px}.agent-record-actions .button{min-height:46px}.agent-archive-link{color:var(--red-700)}.agent-history-list{list-style:none;margin:0;padding:0 18px}.agent-history-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 0;border-top:1px solid var(--line)}.agent-history-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--forest-700);background:var(--stone-100)}.agent-history-icon .hp-icon{width:18px;height:18px}.agent-history-contacted,.agent-history-closed{color:var(--green-700);background:var(--green-100)}.agent-history-inspection_booked,.agent-history-followup_set,.agent-history-followup_rescheduled{color:var(--amber-800);background:var(--amber-100)}.agent-history-list strong{font-size:13px}.agent-history-list p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:17px}.agent-history-list time{color:var(--muted);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.agent-history-list time span{display:block}.agent-history-empty{margin:0;padding:18px;color:var(--muted)}

.inspection-reports{overflow:hidden}.inspection-report-list{display:grid;gap:0}.inspection-report{padding:0 18px 16px;border-top:1px solid var(--line)}.inspection-report-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 10px}.inspection-report-header>div{display:grid}.inspection-report-header strong{font-size:14px}.inspection-report-header span,.inspection-report-meta{color:var(--muted);font-size:12px}.inspection-report-chip{min-height:27px;display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;color:var(--forest-800)!important;background:var(--green-100);font-weight:750;white-space:nowrap}.inspection-report-meta{padding-bottom:10px}.inspection-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.inspection-answer-grid>div{min-width:0;padding:12px 14px}.inspection-answer-grid>div:nth-child(even){border-left:1px solid var(--line)}.inspection-answer-grid>div:nth-child(n+3){border-top:1px solid var(--line)}.inspection-answer-grid>.inspection-answer-wide{grid-column:1/-1;border-left:0}.inspection-answer-grid dt{color:var(--muted);font-size:12px;font-weight:700}.inspection-answer-grid dd{margin:4px 0 0;font-weight:650;overflow-wrap:anywhere}.inspection-audit{margin-top:10px}.inspection-audit>summary{min-height:40px;display:flex;align-items:center;color:var(--forest-800);font-size:12px;font-weight:750;cursor:pointer}.inspection-audit-list{display:grid;gap:8px}.inspection-audit-list>article{padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--stone-50)}.inspection-audit-list header{display:flex;justify-content:space-between;gap:12px}.inspection-audit-list header span{color:var(--muted);font-size:12px}.inspection-audit-list p{margin:7px 0 0;font-size:12px}.inspection-audit-list dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:9px 0 0}.inspection-audit-list dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px}.inspection-audit-list dt{color:var(--muted);font-size:12px}.inspection-audit-list dd{margin:0;overflow-wrap:anywhere}.inspection-correction-link{min-height:40px;display:inline-flex;align-items:center}.inspection-correction-form{margin-top:12px;padding:16px;border:1px solid #bfd5c8;border-radius:10px;background:#fbfdfb}.inspection-legacy-message{margin:0;padding:12px;border-radius:9px;color:var(--muted);background:var(--stone-50)}.management-lead-review>.inspection-reports{font-size:13px}.management-lead-review>.inspection-reports .inspection-reports-heading{min-height:58px;padding:14px 18px;border-bottom:1px solid var(--line)}

/* Comparable agent registers and forms inherit the approved management density. */
.hp-agent .queue-heading{margin-bottom:18px}.hp-agent .filter-bar{gap:8px;margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.hp-agent .filter-bar input,.hp-agent .filter-bar select{min-height:46px}.hp-agent .queue-surface{border-radius:12px}.hp-agent .queue-table{font-size:13px;line-height:19.5px}.hp-agent .queue-table th{padding:12px 24px}.hp-agent .queue-table td{padding:15px 24px}.hp-agent .queue-table tbody tr{transition:background-color 140ms ease}.hp-agent .queue-table tbody tr:hover{background:var(--stone-50)}.hp-agent .lead-form-card{border-radius:12px}.hp-agent .period-tabs{margin-bottom:14px}
.agent-register-filter{grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto}.agent-register-filter .management-filter-field input,.agent-register-filter .management-filter-field select{padding-left:42px}.agent-register-filter .management-clear-filter{align-self:center}.agent-register-results{transition:opacity 140ms ease}.agent-register-results[aria-busy=true]{opacity:.58}
.agent-form-page-heading{margin-bottom:18px}.agent-form-page-heading .hp-back-link{margin-bottom:10px}.agent-lead-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:14px}.agent-lead-form{max-width:none;padding:24px}.agent-lead-form .hp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}.agent-lead-form .hp-field:has(textarea){grid-column:1/-1}.agent-lead-form .form-actions{margin-top:20px}.agent-form-guidance{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.agent-form-guidance>.hp-icon{width:21px;height:21px;flex:0 0 21px;color:var(--forest-700)}.agent-form-guidance h2{margin:0}.agent-form-guidance p{margin:5px 0 0;color:var(--muted);font-size:13px}.hp-agent .management-archived-table th:first-child{width:26%}.hp-agent .management-archived-table th:nth-child(2){width:52%}.hp-agent .management-archived-table th:nth-child(3){width:22%}
.agent-restore-banner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 14px;border:1px solid #bfd5c8;border-radius:12px;background:#edf6f1}.agent-restore-banner>div{display:flex;align-items:center;gap:11px}.agent-restore-banner>div>.hp-icon{width:22px;height:22px;flex:0 0 22px;color:var(--forest-700)}.agent-restore-banner span{font-size:13px}.agent-restore-banner strong{display:block}.agent-restore-banner form{flex:0 0 auto}.agent-restore-banner .button{min-height:42px}

@media(max-width:1100px){.agent-lead-layout{grid-template-columns:minmax(0,1fr) 280px}.agent-outcome-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-more-outcomes{grid-column:auto}.agent-lead-meta>span,.agent-lead-meta>a{padding-inline:10px}.agent-contact-facts>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:820px){.agent-lead-summary{grid-template-columns:50px minmax(0,1fr)}.agent-lead-avatar{width:50px;height:50px}.agent-lead-actions{grid-column:1/-1}.agent-lead-layout{grid-template-columns:1fr;grid-template-areas:'work' 'support'}.agent-contact-facts>div{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:1200px){.agent-lead-form-layout{grid-template-columns:1fr}}
@media(max-width:700px){.agent-outcome-deck{padding-inline:12px}.agent-outcome-form .hp-fields,.inspection-correction-form .hp-fields,.inspection-answer-grid,.inspection-audit-list dl{grid-template-columns:1fr}.agent-outcome-form .hp-field,.inspection-correction-form .hp-field{grid-column:auto!important}.inspection-answer-grid>div:nth-child(even){border-left:0}.inspection-answer-grid>div:nth-child(n+2){border-top:1px solid var(--line)}.inspection-answer-grid>.inspection-answer-wide{grid-column:auto}.agent-form-actions{align-items:stretch;flex-direction:column}.agent-form-actions>span{margin:0}.agent-form-actions .button{width:100%}.agent-contact-facts>div{grid-template-columns:1fr;gap:4px}.agent-history-list{padding-inline:14px}.agent-history-icon{width:32px;height:32px}.inspection-report{padding-inline:14px}.inspection-report-header{align-items:flex-start}.inspection-audit-list header{flex-direction:column}}
@media(max-width:700px){.agent-register-filter{grid-template-columns:1fr}.agent-register-filter .management-clear-filter{justify-self:start}.agent-lead-form .hp-field{grid-column:auto!important}}
@media(max-width:700px){.agent-restore-banner{align-items:stretch;flex-direction:column}.agent-restore-banner form,.agent-restore-banner .button{width:100%}}

/* Agent pipeline: turn the register into a desktop working surface. */
:root{--radius:6px}
.status-follow_up{color:#563b88;background:#eee8fb}.status-inspection,.account-status-pending{color:var(--amber-800);background:var(--amber-100)}
.agent-all-leads-heading{margin-bottom:16px}.agent-pipeline-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}.agent-pipeline-filter{min-width:0;min-height:86px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;color:var(--ink);text-decoration:none;transition:background-color 140ms ease}.agent-pipeline-filter+.agent-pipeline-filter{border-left:1px solid var(--line)}.agent-pipeline-filter:hover{background:var(--stone-50)}.agent-pipeline-filter.is-active{background:#edf6f1}.agent-pipeline-filter>span:last-child{min-width:0}.agent-pipeline-filter small,.agent-pipeline-filter strong{display:block}.agent-pipeline-filter small{color:var(--muted);font-size:12px;font-weight:700;line-height:16px}.agent-pipeline-filter strong{margin-top:4px;font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.agent-pipeline-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:var(--blue-800);background:var(--blue-100)}.agent-pipeline-icon .hp-icon{width:19px;height:19px}.agent-pipeline-icon-attention{color:var(--red-700);background:var(--red-100)}.agent-pipeline-icon-inspection{color:var(--amber-800);background:var(--amber-100)}.agent-pipeline-icon-closed{color:var(--green-700);background:var(--green-100)}
.queue-lead-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;text-decoration:none}.queue-row-arrow{width:15px;height:15px;color:var(--forest-700);opacity:0;transform:translateX(-3px);transition:opacity 140ms ease,transform 140ms ease}.queue-table tbody tr:hover .queue-row-arrow,.queue-lead-link:focus-visible .queue-row-arrow{opacity:1;transform:none}.next-action-date,.next-action-complete,.next-action-missing,.next-action-overdue,.next-action-inspection,.next-action-none{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.next-action-date .hp-icon,.next-action-complete .hp-icon,.next-action-missing .hp-icon,.next-action-overdue .hp-icon,.next-action-inspection .hp-icon,.next-action-none .hp-icon{width:16px;height:16px}.next-action-complete{color:var(--green-700);font-weight:700}.next-action-missing{color:var(--red-700);font-weight:700}.next-action-overdue{color:var(--amber-800);font-weight:700}

/* Large product surfaces use restrained corners; pills and controls keep their shape. */
.filter-bar,.queue-surface,.roster-surface,.archived-surface,.detail-card,.form-card,.info-panel,.management-register-surface,.overview-metrics,.performance-period,.performance-summary,.performance-table-card,.performance-all-time,.management-lead-surface,.management-lead-history,.user-roster-surface,.user-create-card,.disable-decision-surface,.reassign-lead-card,.agent-lead-summary,.agent-work-panel,.agent-support-panel,.inspection-reports{border-radius:6px}

/* System-wide compact type hierarchy and directional affordances */
.hp-app .page-heading h1{font-size:32px;line-height:37px;letter-spacing:-.025em}.hp-app .page-heading p{font-size:14px;line-height:21px}.hp-app .hp-content h2{font-size:17px;line-height:21px}.hp-app .hp-content h3{font-size:14px;line-height:17px}.hp-app .roster-table{font-size:13px;line-height:19.5px}.hp-app .roster-table th{font-size:12px;line-height:18px}.hp-app .muted,.hp-app .helptext{font-size:12px;line-height:17px}.hp-back-link{gap:6px;text-decoration:none}.hp-back-link .hp-icon{width:16px;height:16px;transform:rotate(180deg);transition:transform 140ms ease}.hp-back-link:hover .hp-icon,.hp-back-link:focus-visible .hp-icon{transform:translateX(-3px) rotate(180deg)}.overview-metric-arrow{position:absolute;right:15px;top:15px;color:var(--forest-700);opacity:0;transform:translateX(-4px);transition:opacity 140ms ease,transform 140ms ease}.overview-metric-arrow .hp-icon{width:17px;height:17px}

/* Performance: one period model, four truthful totals, one detailed roster */
.performance-heading{margin-bottom:18px}.performance-workspace{display:grid;gap:14px}.performance-period{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.performance-period-copy{min-width:142px}.performance-period-copy h2{margin:0}.performance-period-copy p{margin:3px 0 0}.performance-period-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.performance-rolling-options{display:flex;gap:4px}.performance-period-option{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid transparent;border-radius:9px;color:var(--forest-900);font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.performance-period-option:hover{background:var(--stone-100)}.performance-period-option.is-active{border-color:var(--forest-800);color:#fff;background:var(--forest-800)}.performance-period-divider{width:1px;height:30px;background:var(--line)}.performance-month-filter{display:flex;align-items:center}.performance-filter-feedback{min-height:18px;margin:-8px 2px -6px;color:var(--muted);font-size:12px;line-height:18px}.performance-filter-feedback:empty{visibility:hidden}.performance-filter-feedback.is-error{color:var(--red-700)}.performance-results{display:grid;gap:14px;transition:opacity 140ms ease}.performance-results[aria-busy=true]{opacity:.58}.performance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.performance-metric{min-width:0;min-height:108px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:16px}.performance-metric+.performance-metric{border-left:1px solid var(--line)}.performance-metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--green-700);background:var(--green-100)}.performance-metric-icon .hp-icon{width:19px;height:19px}.performance-metric-contact .performance-metric-icon{color:var(--blue-800);background:var(--blue-100)}.performance-metric-followup .performance-metric-icon{color:var(--amber-800);background:var(--amber-100)}.performance-metric-label{display:block;color:var(--muted);font-size:14px;line-height:17px}.performance-metric strong{display:block;margin-top:5px;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.performance-table-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.performance-table-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px 12px}.performance-table-heading h2{margin:0}.performance-table-heading p{margin:3px 0 0}.activity-table th:not(:first-child),.activity-table td:not(:first-child){text-align:center;font-variant-numeric:tabular-nums}.performance-empty{margin:0 16px 16px}.performance-all-time{display:grid;grid-template-columns:auto auto minmax(190px,1fr);align-items:center;gap:0;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--stone-50)}.performance-all-time>div{padding-right:22px}.performance-all-time>div+div{padding-left:22px;border-left:1px solid var(--line)}.performance-all-time span,.performance-all-time strong{display:block}.performance-all-time span,.performance-all-time small{color:var(--muted);font-size:12px;line-height:17px}.performance-all-time strong{margin-top:2px;font-size:14px;line-height:17px}.performance-all-time small{justify-self:end}

/* Compact month picker: shared by Performance and management lead filters */
.month-picker{position:relative;display:flex;align-items:center;gap:8px}.month-picker-caption{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.month-picker-trigger{min-width:154px;min-height:44px;display:grid;grid-template-columns:18px minmax(0,1fr) 15px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);background:#fff;font:inherit;font-size:13px;text-align:left;cursor:pointer}.month-picker-trigger:hover{border-color:var(--forest-500);background:var(--stone-50)}.month-picker-trigger:focus-visible,.month-picker-year-button:focus-visible,.month-picker-month:focus-visible,.month-picker-clear:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.month-picker-trigger>.hp-icon:first-child{width:17px;height:17px;color:var(--forest-700)}.month-picker-caret{width:14px;height:14px;color:var(--muted);transform:rotate(90deg);transition:transform 140ms ease}.month-picker.is-open .month-picker-caret{transform:rotate(-90deg)}.month-picker-panel{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:304px;padding:12px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(11,48,35,.16)}.month-picker-panel[hidden]{display:none}.month-picker-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:8px;text-align:center}.month-picker-header strong{font-size:14px;line-height:20px}.month-picker-year-button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--forest-800);background:transparent;cursor:pointer}.month-picker-year-button:hover:not(:disabled){background:var(--stone-100)}.month-picker-year-button:disabled{color:var(--line-strong);cursor:not-allowed}.month-picker-year-button .hp-icon{width:17px;height:17px}.month-picker-previous .hp-icon{transform:rotate(180deg)}.month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.month-picker-month{min-height:42px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:transparent;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.month-picker-month:hover:not(:disabled){border-color:var(--green-200);background:var(--green-100)}.month-picker-month[aria-selected=true]{border-color:var(--forest-700);color:#fff;background:var(--forest-800)}.month-picker-month:disabled{color:var(--line-strong);cursor:not-allowed}.month-picker-clear{width:100%;min-height:40px;margin-top:8px;border:0;border-top:1px solid var(--line);color:var(--forest-700);background:transparent;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.month-picker-clear:hover{background:var(--stone-50)}
.month-picker-control{display:flex;align-items:center}.month-picker-control>.month-picker-trigger:not(:first-child){border-radius:0}.month-picker-step{width:42px;height:44px;display:grid;flex:0 0 42px;place-items:center;border:1px solid var(--line-strong);color:var(--forest-800);background:#fff;cursor:pointer}.month-picker-step:first-child{border-radius:9px 0 0 9px}.month-picker-step:last-child{border-radius:0 9px 9px 0}.month-picker-step+.month-picker-trigger,.month-picker-trigger+.month-picker-step{margin-left:-1px}.month-picker-step:hover:not(:disabled){position:relative;z-index:1;border-color:var(--forest-500);background:var(--stone-50)}.month-picker-step:disabled{color:var(--line-strong);cursor:not-allowed}.month-picker-step:focus-visible{position:relative;z-index:2;outline:3px solid var(--focus);outline-offset:2px}.month-picker-step .hp-icon{width:16px;height:16px}.month-picker-step-previous .hp-icon{transform:rotate(180deg)}.month-picker-panel{transform-origin:top right;animation:month-picker-in 150ms ease-out}@keyframes month-picker-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.month-picker-panel{animation:none}.month-picker-caret{transition:none}}

/* Management lead month filter */
.management-register-filter{grid-template-columns:minmax(250px,1fr) minmax(170px,220px) minmax(210px,250px) auto}.management-month-field{min-height:46px;border:0;background:transparent}.management-month-field .month-picker,.management-month-field .month-picker-control{width:100%}.management-month-field .month-picker-caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.management-month-field .month-picker-trigger{width:100%;grid-template-columns:18px minmax(0,1fr) 15px;padding-left:12px}.management-month-field [data-month-picker-value]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1000px){.performance-period{align-items:flex-start;flex-direction:column}.performance-period-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.management-register-filter{grid-template-columns:minmax(240px,1fr) minmax(170px,220px);}.management-search-field{grid-column:1/-1}.management-clear-filter{justify-self:start}}

@media(max-width:700px){.hp-app .page-heading h1{font-size:26px;line-height:31px}.performance-workspace{gap:12px}.performance-period{gap:12px;padding:12px}.performance-period-controls{align-items:stretch;flex-direction:column}.performance-rolling-options{display:grid;grid-template-columns:repeat(3,1fr)}.performance-period-option{justify-content:center}.performance-period-divider{display:none}.performance-month-filter{display:block}.performance-month-filter .month-picker{display:grid;grid-template-columns:1fr}.performance-month-filter .month-picker-control,.performance-month-filter .month-picker-trigger{width:100%}.performance-month-filter .month-picker-trigger{font-size:16px}.month-picker-panel{position:fixed;top:auto;right:12px;bottom:16px;left:12px;width:auto;max-width:420px;margin:auto}.performance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-metric{min-height:96px;padding:13px}.performance-metric:nth-child(3){border-left:0}.performance-metric:nth-child(n+3){border-top:1px solid var(--line)}.performance-metric strong{font-size:28px}.performance-table-card{border:0;background:transparent;overflow:visible}.performance-table-heading{padding:4px 0 10px}.performance-table-card .table-scroll{overflow:visible}.performance-all-time{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.performance-all-time>div{padding-right:12px}.performance-all-time>div+div{padding-left:12px}.performance-all-time small{grid-column:1/-1;justify-self:start}.management-register-filter{grid-template-columns:1fr 1fr}.management-register-filter .management-search-field{grid-column:1/-1}.hp-back-link .hp-icon,.overview-metric-arrow{opacity:1}.hp-back-link .hp-icon{transform:rotate(180deg)}.overview-metric-arrow{transform:none}}

@media(max-width:390px){.performance-summary{grid-template-columns:1fr 1fr}.performance-metric{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:11px}.performance-metric-icon{width:34px;height:34px}.performance-metric-label{font-size:12px;line-height:15px}.performance-all-time{grid-template-columns:1fr}.performance-all-time>div,.performance-all-time>div+div{padding:0;border:0}.performance-all-time small{grid-column:auto}.management-register-filter{grid-template-columns:1fr}.management-register-filter .management-search-field{grid-column:auto}}

.performance-period-option,.month-picker-trigger{min-height:44px}
.month-picker-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){.month-picker-panel{bottom:92px}}

.hp-auth .auth-card h1{font-size:32px;line-height:37px;letter-spacing:-.025em}.hp-auth .auth-card>p{font-size:14px;line-height:21px}
@media(max-width:700px){.hp-auth .auth-card h1{font-size:26px;line-height:31px}}

/* Management users: compact roster and consequence-first account actions */
.management-users-heading{align-items:center;margin-bottom:18px}.management-create-user,.user-submit-button{gap:9px}.management-create-user .hp-icon,.user-submit-button .hp-icon{width:18px;height:18px}.user-roster-surface{border-radius:12px}.user-roster-table{font-size:13px}.user-roster-table th,.user-roster-table td{padding:12px 16px}.user-roster-table th:first-child{width:23%}.user-roster-table th:nth-child(2){width:13%}.user-roster-table th:nth-child(3){width:27%}.user-roster-table th:nth-child(4){width:11%}.user-roster-table th:nth-child(5){width:12%}.user-roster-table th:nth-child(6){width:14%}.user-roster-table tbody tr{transition:background-color 140ms ease}.user-roster-table tbody tr:hover,.user-roster-table tbody tr.is-current-user{background:var(--stone-50)}.user-roster-identity{display:flex;align-items:center;gap:11px;min-width:0}.user-roster-identity>div{min-width:0;display:flex;align-items:center;gap:7px}.user-roster-identity strong{overflow-wrap:anywhere}.user-avatar{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;border-radius:50%;color:var(--forest-900);background:var(--green-100);font-size:13px;font-weight:800;text-transform:uppercase}.user-avatar-large{width:72px;height:72px;flex-basis:72px;font-size:25px}.current-user-badge{min-height:23px;display:inline-flex;align-items:center;padding:2px 7px;border:1px solid #91b8a7;border-radius:6px;color:var(--forest-800);background:#edf6f1;font-size:11px;font-weight:800}.user-lead-count{font-variant-numeric:tabular-nums}.user-row-actions{align-items:center}.user-action-link{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 4px;border:0;color:var(--forest-800);background:transparent;font:inherit;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}.user-action-link:hover{text-decoration:underline;text-underline-offset:3px}.user-action-link .hp-icon{width:16px;height:16px}.user-action-danger{color:var(--red-700)}.user-no-action{color:var(--muted)}.user-roster-empty{min-height:120px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.user-roster-empty p{margin:0}.user-roster-empty .hp-icon{color:var(--forest-700)}

/* Create user */
.user-flow-heading{margin-bottom:18px}.user-create-card{width:min(100%,820px);max-width:none;padding:26px}.user-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}.user-create-wide{grid-column:1/-1}.user-icon-field>label,.disable-successor-field>label{display:block;margin-bottom:7px;font-size:13px;font-weight:750}.user-field-control{position:relative;display:block}.user-field-control>.hp-icon{position:absolute;z-index:1;left:13px;top:50%;width:18px;height:18px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.user-field-control input,.user-field-control select{padding-left:42px}.user-flow-note{min-height:60px;display:flex;align-items:center;gap:11px;margin:20px 0 0;padding:11px 13px;border:1px solid #bfd5c8;border-radius:10px;color:var(--forest-900);background:#edf6f1;font-size:13px}.user-note-icon{width:32px;height:32px;display:grid;flex:0 0 32px;place-items:center;border-radius:8px;color:var(--forest-700);background:var(--green-100)}.user-note-icon .hp-icon{width:17px;height:17px}.user-flow-actions{margin-top:20px}.user-flow-actions .button{min-width:116px}

/* Disable user */
.disable-user-form{width:min(100%,1100px)}.disable-form-error,.reassign-form-error{margin:0 0 14px}.disable-decision-surface{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.disable-account-summary{padding:24px}.disable-account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.disable-account-summary h2{margin:17px 0 2px}.disable-account-summary>p{margin:0}.disable-account-facts{margin:20px 0 0}.disable-account-facts>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--line)}.disable-account-facts dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.disable-account-facts dt .hp-icon{width:16px;height:16px}.disable-account-facts dd{margin:0;overflow-wrap:anywhere}.disable-transfer-panel{padding:26px;border-left:1px solid var(--line)}.user-flow-panel-heading{display:flex;align-items:flex-start;gap:13px}.user-flow-panel-heading h2{margin:1px 0 0}.user-flow-panel-heading p{max-width:54ch;margin:5px 0 0;color:var(--muted);font-size:13px}.user-panel-icon{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;color:var(--forest-800);background:var(--stone-100)}.user-panel-icon .hp-icon{width:21px;height:21px}.disable-successor-field{margin-top:22px}.transfer-preview,.archived-owner-note{min-height:52px;display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 13px;border:1px solid #bfd5c8;border-radius:10px;color:var(--forest-900);background:#edf6f1;font-size:13px}.transfer-preview .hp-icon,.archived-owner-note .hp-icon{width:19px;height:19px;flex:0 0 19px}.archived-owner-note{border-color:var(--line);background:var(--stone-50);color:var(--ink)}.disable-warning{min-height:70px;display:flex;align-items:center;gap:13px;margin:14px 0 0;padding:12px 16px;border:1px solid #e7b4ad;border-radius:10px;color:var(--red-700);background:#fff5f3}.disable-warning-icon{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center}.disable-warning-icon .hp-icon{width:25px;height:25px}.disable-user-form>.user-flow-actions{margin-top:14px}

/* Lead reassignment */
.reassign-lead-card{width:min(100%,1100px);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.reassign-lead-summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line)}.lead-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--stone-100)}.lead-avatar .hp-icon{width:26px;height:26px}.reassign-lead-primary{min-width:0}.reassign-lead-primary h2{margin:0}.reassign-lead-primary p{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:5px 0 0;color:var(--muted);font-size:13px}.reassign-lead-primary p span{display:inline-flex;align-items:center;gap:6px}.reassign-lead-primary p .hp-icon{width:16px;height:16px}.reassign-owner-flow{display:grid;grid-template-columns:minmax(240px,1fr) 42px minmax(260px,1fr);align-items:end;gap:18px;padding:28px 36px 22px}.reassign-owner-label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:700}.reassign-reason-block{display:grid;gap:8px;padding:4px 36px 22px}.reassign-reason-block label{color:var(--muted);font-size:13px;font-weight:700}.reassign-reason-block select{min-height:48px}.reassign-reason-block textarea{min-height:84px;resize:vertical}.reassign-reason-block>p.muted{margin:2px 0 0;font-size:12.5px}.reassign-owner-current{min-height:48px;display:flex;align-items:center;gap:11px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--stone-50)}.reassign-direction{width:42px;height:42px;display:grid;place-items:center;margin-bottom:3px;border-radius:50%;color:var(--forest-800);background:var(--stone-100)}.reassign-direction .hp-icon{width:19px;height:19px}.reassign-owner-block select{min-height:48px}.reassign-history-note{margin:0 36px}.reassign-actions{padding:0 36px 24px}.reassign-actions .button{min-width:132px}

@media(max-width:900px){.disable-decision-surface{grid-template-columns:1fr}.disable-transfer-panel{border-top:1px solid var(--line);border-left:0}.reassign-owner-flow{grid-template-columns:1fr}.reassign-direction{margin:0;transform:rotate(90deg)}.reassign-history-note{margin-inline:24px}.reassign-actions{padding-inline:24px}}

@media(max-width:700px){.management-users-heading{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.management-users-heading p{grid-column:1/-1}.management-create-user{min-height:42px;padding-inline:12px}.user-roster-table tr{margin-bottom:8px}.user-roster-table td{align-items:center}.user-roster-table td:first-child{padding-block:12px}.user-roster-identity>div{flex-wrap:wrap}.user-row-actions{justify-content:flex-start}.user-action-link{min-height:44px}.user-create-card{padding:18px 14px}.user-create-grid{grid-template-columns:1fr;gap:14px}.user-create-wide{grid-column:auto}.user-field-control input,.user-field-control select{font-size:16px}.user-flow-actions .button{width:100%}.disable-account-summary,.disable-transfer-panel{padding:18px 14px}.disable-account-facts>div{grid-template-columns:1fr;gap:4px}.disable-warning{align-items:flex-start}.reassign-lead-summary{grid-template-columns:44px minmax(0,1fr);padding:16px 14px}.lead-avatar{width:44px;height:44px}.reassign-lead-summary>.status{grid-column:2}.reassign-owner-flow{gap:13px;padding:20px 14px 16px}.reassign-reason-block{padding:4px 14px 16px}.reassign-history-note{margin-inline:14px}.reassign-actions{padding:0 14px 18px}.reassign-lead-primary p{align-items:flex-start;flex-direction:column}.reassign-owner-block select{font-size:16px}}

/* Management lead review: read-only operational detail */
.management-lead-review{display:grid;gap:14px;font-size:13px;line-height:1.5}.management-lead-back{justify-self:start;gap:7px;color:var(--ink);text-decoration:none}.management-lead-back .hp-icon{width:17px;height:17px;opacity:0;transform:translateX(4px) rotate(180deg);transition:opacity 140ms ease,transform 140ms ease}.management-lead-back:hover .hp-icon,.management-lead-back:focus-visible .hp-icon{opacity:1;transform:translateX(0) rotate(180deg)}.management-lead-header{display:grid;gap:14px}.management-lead-heading h1{margin:0;font-size:32px;line-height:37px;letter-spacing:-.025em;overflow-wrap:anywhere}.management-lead-heading p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:21px}.management-lead-summary{min-height:58px;display:flex;align-items:center;gap:14px;padding:7px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.management-readonly-badge,.management-next-commitment{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.management-readonly-badge{min-height:32px;padding:4px 11px;border-radius:999px;color:var(--muted);background:var(--stone-200);font-weight:700}.management-readonly-badge .hp-icon,.management-next-commitment .hp-icon{width:17px;height:17px}.management-next-commitment{margin-left:4px;padding-left:18px;border-left:1px solid var(--line);font-weight:650}.management-call-button{min-height:42px;gap:8px;margin-left:auto;padding-inline:16px}.management-call-button .hp-icon{width:17px;height:17px}.management-lead-surface{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.management-lead-information,.management-lead-status{min-width:0}.management-lead-status{display:flex;flex-direction:column;border-left:1px solid var(--line)}.management-review-section-head{min-height:58px;display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line)}.management-review-section-head>.hp-icon{width:20px;height:20px;color:var(--forest-700)}.management-review-section-head h2{margin:0;font-size:17px;line-height:21px}.management-lead-facts,.management-status-facts{margin:0;padding:0 18px}.management-lead-facts>div,.management-status-facts>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center;min-height:52px;padding:10px 0;border-bottom:1px solid var(--line)}.management-lead-facts>div:last-child,.management-status-facts>div:last-child{border-bottom:0}.management-lead-facts dt,.management-status-facts dt{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:700}.management-lead-facts dt .hp-icon,.management-status-facts dt .hp-icon{width:17px;height:17px;color:var(--ink)}.management-lead-facts dd,.management-status-facts dd{min-width:0;margin:0;overflow-wrap:anywhere}.management-lead-facts a{color:var(--ink);font-weight:650}.management-status-facts>div{grid-template-columns:132px minmax(0,1fr);min-height:64px}.management-status-facts dd{font-weight:650}.management-status-facts .status{font-size:12px}.management-reassign-button{gap:9px;margin:auto 18px 18px}.management-reassign-button .hp-icon{width:18px;height:18px}.management-lead-history{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.management-activity-list{list-style:none;margin:0;padding:0 18px}.management-activity-list li{position:relative;display:grid;grid-template-columns:112px 30px minmax(0,1fr) minmax(126px,auto);align-items:center;gap:12px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--line)}.management-activity-list li:last-child{border-bottom:0}.management-activity-list time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.management-activity-list time span{display:block}.management-activity-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--forest-700);background:var(--stone-100)}.management-activity-icon .hp-icon{width:16px;height:16px}.management-activity-list strong{font-size:13px}.management-activity-list p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:17px;overflow-wrap:anywhere}.management-activity-actor{display:inline-flex;align-items:center;justify-self:end;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.management-activity-actor .hp-icon{width:16px;height:16px}.management-history-empty{margin:0;padding:20px 18px;color:var(--muted)}

@media(max-width:1100px){.management-lead-summary{flex-wrap:wrap}.management-call-button{margin-left:0}.management-lead-surface{grid-template-columns:1fr}.management-lead-status{border-top:1px solid var(--line);border-left:0}.management-activity-list li{grid-template-columns:100px 30px minmax(0,1fr)}.management-activity-actor{grid-column:3;justify-self:start}}
@media(max-width:700px){.management-lead-review{gap:12px}.management-lead-back .hp-icon{opacity:1;transform:rotate(180deg)}.management-lead-heading h1{font-size:26px;line-height:31px}.management-lead-summary{align-items:stretch;gap:9px;padding-block:10px}.management-next-commitment{width:100%;margin:0;padding:8px 0 0;border-top:1px solid var(--line);border-left:0}.management-call-button{flex:1;margin-left:0}.management-review-section-head{padding-inline:14px}.management-lead-facts,.management-status-facts,.management-activity-list{padding-inline:14px}.management-lead-facts>div,.management-status-facts>div{grid-template-columns:1fr;gap:4px;align-items:start;padding:12px 0}.management-reassign-button{margin-inline:14px}.management-activity-list li{grid-template-columns:76px 28px minmax(0,1fr);gap:8px}.management-activity-actor{grid-column:3;white-space:normal}}

/* Management archived records: live register and preserved read-only detail */
.management-clear-filter[hidden]{display:none}.management-archived-heading{margin-bottom:18px}.management-archived-filter{grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto}.management-archived-table th:first-child{width:23%}.management-archived-table th:nth-child(2){width:37%}.management-archived-table th:nth-child(3){width:17%}.management-archived-table th:nth-child(4){width:23%}.management-archived-table tbody tr{transition:background-color 140ms ease}.management-archived-table tbody tr:hover{background:var(--stone-50)}.archived-empty-icon{width:30px;height:30px;margin-bottom:8px;color:var(--forest-700)}.management-archived-badge{min-height:32px;display:inline-flex;align-items:center;gap:8px;padding:4px 11px;border-radius:999px;color:var(--forest-800);background:var(--green-100);font-weight:750;white-space:nowrap}.management-archived-badge .hp-icon{width:17px;height:17px}.management-archive-status .management-status-facts>div{min-height:52px}
@media(max-width:1000px){.management-archived-filter{grid-template-columns:minmax(240px,1fr) minmax(170px,220px) auto}.management-archived-filter .management-search-field{grid-column:auto}}
@media(max-width:700px){.management-archived-filter{grid-template-columns:1fr 1fr}.management-archived-filter .management-search-field{grid-column:1/-1}.management-archived-table tr{margin-bottom:8px}.management-archived-badge{min-height:30px}.management-archived-review .management-lead-summary{align-items:center}}
@media(max-width:390px){.management-archived-filter{grid-template-columns:1fr}.management-archived-filter .management-search-field{grid-column:auto}}

/* Outcome workspace refinement: instant switching, clearer feedback, calmer controls */
.agent-outcome-panels{border-top:1px solid var(--hairline);background:transparent}
.agent-outcome-form{margin:0;padding:18px;border:0;border-radius:0;background:transparent;box-shadow:none}
.agent-outcome-form[hidden]{display:none}
.agent-form-heading{max-width:72ch}
.agent-form-heading h3{font-size:16px;line-height:21px}
.agent-form-heading p{margin-top:5px}
.agent-outcome-form .hp-fields{gap:17px 16px;margin-top:18px}
.agent-outcome-form[data-inspection-feedback-form] .hp-field{grid-column:1/-1}
.agent-outcome-form input[type=date],.agent-outcome-form input[type=time]{font-variant-numeric:tabular-nums;color-scheme:light}
.hp-segmented-options{gap:8px}
.hp-segmented-options li+li{margin-left:0}
.hp-segmented-options label{min-height:48px;justify-content:flex-start;padding:9px 12px;border-radius:9px!important;line-height:17px;transition:border-color 140ms ease,background-color 140ms ease,color 140ms ease}
.hp-segmented-options label:hover{border-color:var(--forest-500);background:var(--green-100)}
.hp-segmented-options label:has(input:focus-visible){outline:3px solid rgba(28,103,72,.22);outline-offset:2px}
.hp-segmented-options label:has(input:checked){box-shadow:inset 0 0 0 1px var(--forest-700)}
.hp-segmented-options input.hp-segmented-options{display:inline-block}
.agent-form-actions{padding-top:15px;border-top:1px solid var(--line)}.hp-reactivation-panel .agent-form-actions{padding-top:0;border-top:0}
.agent-history-inspection_rescheduled{color:var(--amber-800);background:var(--amber-100)}
.inspection-correction-form[hidden],.inspection-correction-link[hidden]{display:none}

@media(max-width:700px){.hp-segmented-options{grid-template-columns:1fr}.agent-form-actions{padding-top:14px}}

/* Final surface geometry: deliberately flatter than controls and status pills. */
.hp-app .filter-bar,.hp-app .queue-surface,.hp-app .roster-surface,.hp-app .archived-surface,.hp-app .detail-card,.hp-app .form-card,.hp-app .info-panel,.hp-app .management-register-surface,.hp-app .overview-metrics,.hp-app .performance-period,.hp-app .performance-summary,.hp-app .performance-table-card,.hp-app .performance-all-time,.hp-app .management-lead-surface,.hp-app .management-lead-history,.hp-app .user-roster-surface,.hp-app .user-create-card,.hp-app .disable-decision-surface,.hp-app .reassign-lead-card,.hp-app .agent-lead-summary,.hp-app .agent-work-panel,.hp-app .agent-support-panel,.hp-app .inspection-reports{border-radius:6px}

/* Shared register filters: one boundary per control, clear focus, consistent alignment. */
.hp-app .filter-bar{padding:0;border:0;border-radius:0;background:transparent}.hp-app .management-search-field,.hp-app .management-status-field{min-height:46px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;transition:border-color 140ms ease,box-shadow 140ms ease}.hp-app .filter-bar .management-search-field:focus-within,.hp-app .filter-bar .management-status-field:focus-within{border-color:var(--forest-700);box-shadow:0 0 0 3px rgb(19 131 95/.14)}.hp-app .filter-bar .management-search-field input,.hp-app .filter-bar .management-status-field select{min-height:44px;border:0;border-radius:7px;background:transparent;box-shadow:none}.hp-app .filter-bar .management-search-field input:focus-visible,.hp-app .filter-bar .management-status-field select:focus-visible{outline:0}.hp-app .management-search-field>.hp-icon,.hp-app .management-status-field>.hp-icon{left:14px;color:#65716d}.hp-app .management-search-field input::placeholder{color:#65716d}

/* 2026 refinement amendment: unfenced work surfaces, hairline separation. */
.queue-surface,.roster-surface,.archived-surface,.management-register-surface{border:0;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.roster-table th{background:transparent;border-bottom:1px solid var(--line);padding:12px 24px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.roster-table td{padding:15px 24px;border-bottom:1px solid var(--hairline)}
.roster-table tbody tr:hover td{background:var(--stone-50)}
.queue-lead-link{font-weight:800;letter-spacing:-.012em}
.queue-table td:first-child .muted{color:var(--muted)}
.next-action-inspection{color:var(--forest-800);font-weight:750}

/* B1 list layout: search lives in the header toolbar, not its own row. */
.page-toolbar{display:flex;align-items:center;gap:10px}
.toolbar-search{display:flex;align-items:center;gap:10px;margin:0}
.toolbar-search-field{position:relative;display:flex;align-items:center;width:300px}
.toolbar-search-field .hp-icon{position:absolute;left:14px;color:var(--muted);pointer-events:none}
.toolbar-search-field input{width:100%;min-height:46px;padding:0 14px 0 42px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);font:inherit;font-size:14px;color:var(--ink)}
.toolbar-search-field input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.toolbar-status select{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);font:inherit;font-size:14px;font-weight:650;color:var(--ink)}
.queue-phone{color:var(--muted);white-space:nowrap}
.queue-property{color:var(--muted)}
.hp-agent .queue-table td:first-child{font-size:14.5px}
@media(max-width:900px){.page-toolbar{width:100%;flex-wrap:wrap}.toolbar-search,.toolbar-search-field{width:100%}.page-toolbar>.button{width:100%}}

/* One select treatment everywhere: the chevron sits on the same 14px gutter
   as every other control, instead of wherever the browser puts it. */
.toolbar-status select,.management-filter-field select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352615c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}
.toolbar-status select::-ms-expand,.management-filter-field select::-ms-expand{display:none}

/* The whole row opens the lead, not only the name. The name stays a real link
   so keyboard and screen-reader users reach it the usual way. */
/* Every roster row is a containing block, and the overlay only exists inside one.
   Without the pairing an absolute overlay escapes to the page and eats every click. */
.roster-table tbody tr{position:relative}
.roster-table tbody tr .queue-lead-link::after{content:"";position:absolute;inset:0}
.queue-row-go{width:44px;text-align:right;vertical-align:middle}
.queue-table tbody tr:hover .queue-row-go .queue-row-arrow{opacity:1;transform:none}
.queue-lead-link:focus-visible~*,.queue-table tbody tr:focus-within .queue-row-arrow{opacity:1;transform:none}

/* Record actions: the next move is the loudest thing on the page. */
.agent-lead-actions{display:flex;align-items:center;gap:9px}
.agent-lead-actions .button{min-height:48px}
.agent-whatsapp-button{gap:9px;white-space:nowrap}
.agent-whatsapp-button .hp-icon{width:19px;height:19px;color:var(--green-800)}
@media(max-width:900px){.agent-lead-actions{grid-column:1/-1;width:100%}.agent-lead-actions .button{flex:1 1 0}}

.agent-notes-card p{min-height:0;margin:8px 0 16px;font-size:13px;line-height:20px}
.agent-notes-card .agent-support-heading h2,.agent-support-card .agent-support-heading h2{font-size:15px;font-weight:800}

/* Native date and time fields. The browser draws the popup and always will;
   everything inside the field is ours. The displayed order (dd/mm vs mm/dd) and
   the 12/24-hour clock come from the reader's OS locale, not from this page. */
input[type=date],input[type=time],input[type=datetime-local]{min-height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--control-radius);background:var(--surface);font:inherit;font-size:14px;font-weight:650;color:var(--ink)}
input[type=date]:focus-visible,input[type=time]:focus-visible,input[type=datetime-local]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
input[type=date]::-webkit-calendar-picker-indicator{width:19px;height:19px;padding:0;margin-left:10px;opacity:1;cursor:pointer;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352615c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18'/%3E%3C/svg%3E") center/19px 19px no-repeat}
input[type=time]::-webkit-calendar-picker-indicator{width:19px;height:19px;padding:0;margin-left:10px;opacity:1;cursor:pointer;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352615c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/19px 19px no-repeat}
input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:.72}
input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{padding:0;color:var(--ink)}
input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}
input[type=date]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-text{padding:0 2px;color:var(--muted)}
input[type=date]:invalid::-webkit-datetime-edit,input[type=time]:invalid::-webkit-datetime-edit{color:#8d9a94}
input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus,input[type=time]::-webkit-datetime-edit-hour-field:focus,input[type=time]::-webkit-datetime-edit-minute-field:focus,input[type=time]::-webkit-datetime-edit-ampm-field:focus{border-radius:4px;background:var(--green-100);color:var(--green-800);outline:none}

/* Client context is one card: contact rows and notes together, as approved. */
.agent-lead-support .agent-support-card{padding:20px}
.agent-lead-support .agent-support-card>h2{margin:0 0 8px;font-size:15px;font-weight:800;letter-spacing:-.01em}
.agent-contact-facts>div:last-child{border-bottom:1px solid var(--hairline)}
.agent-notes-block{padding:11px 0 0}
.agent-notes-block h3{margin:0 0 5px;color:var(--muted);font-size:13px;font-weight:400}
.agent-notes-block p{margin:0;font-size:13px;line-height:20px;overflow-wrap:anywhere}
.agent-record-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.agent-record-actions .button{width:100%;min-height:46px}
.agent-archive-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:750;text-decoration:none}
.agent-archive-link:hover{color:var(--ink);background:var(--stone-50)}
.agent-archive-link .hp-icon{width:17px;height:17px}

/* Form shape: one unfenced surface, fields grouped, actions inside above a hairline. */
.agent-lead-form{padding:24px;border:0;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.form-group{margin-bottom:26px}
.form-group-label{margin:0 0 14px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.agent-lead-form .hp-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 18px}
.agent-lead-form .hp-field:has(textarea){grid-column:1/-1}
.agent-lead-form .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;padding-top:20px;border-top:1px solid var(--hairline)}
.agent-form-guidance{border-color:var(--line);border-radius:12px}
@media(max-width:1200px){.agent-lead-form .hp-fields{grid-template-columns:1fr}}
@media(max-width:900px){.agent-lead-form{padding:18px 14px}.agent-lead-form .form-actions{flex-direction:column-reverse;align-items:stretch}.agent-lead-form .form-actions>*{width:100%}}

/* Confirmation shape: a question in a narrow column, not a full-width workspace. */
.confirm-panel{width:min(100%,620px);margin:20px 0 0}
.confirm-badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--green-100);color:#07563e;margin-bottom:20px}
.confirm-badge .hp-icon{width:26px;height:26px;stroke-width:1.7}
.confirm-panel h1{margin:0 0 10px;font-size:30px;line-height:35px}
.confirm-lead{margin:0 0 8px;font-size:16px;font-weight:750}
.confirm-detail{max-width:62ch;margin:0 0 24px;color:var(--muted);font-size:14.5px;line-height:22px}
.confirm-summary{margin:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.confirm-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--hairline)}
.confirm-summary>div:last-child{padding-bottom:2px;border-bottom:0}
.confirm-summary dt{color:var(--muted);font-size:13px}
.confirm-summary dd{margin:0;font-size:13px;font-weight:650;text-align:right;overflow-wrap:anywhere}
.confirm-actions{display:flex;align-items:center;gap:10px;margin-top:22px}
.confirm-actions form{margin:0}
.button-quiet{border-color:transparent;background:transparent;color:var(--muted)}
.button-quiet:hover{background:var(--stone-50);color:var(--ink)}
@media(max-width:900px){.confirm-actions{flex-direction:column;align-items:stretch}.confirm-actions>*,.confirm-actions .button{width:100%}}

/* Sign-in: the logo is the subject, the card is the only other object. */
.auth-intro{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:21px}
.auth-card .form-stack{margin:0}
.auth-card>p.muted{margin:14px 0 0;text-align:center}
.auth-card .auth-hint{margin-top:12px;color:var(--muted);font-size:12.5px;line-height:19px}
.auth-card .form-stack>.button{width:100%;min-height:52px;margin-top:22px}
.auth-card .hp-field label{font-size:13px;font-weight:750}
.auth-card .hp-field input{min-height:50px;font-size:15px}
.hp-password-field{position:relative}.hp-password-field input{padding-right:54px}.hp-password-toggle{position:absolute;right:3px;top:3px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:var(--muted);background:transparent}.hp-password-toggle:hover{color:var(--forest-800);background:var(--stone-50)}.hp-password-toggle[hidden]{display:none}.hp-password-toggle .hp-icon{width:20px;height:20px}
/* Edge adds a second reveal control after typing. Keep the accessible Halo toggle. */
.hp-password-field:has(.hp-password-toggle:not([hidden])) input::-ms-reveal{display:none}

/* Pagination. Present only when a collection runs past one page, so short
   lists keep the rhythm they had before Halo reached real volume. */
.status-readonly{color:#52615c;background:var(--stone-100)}.period-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:13px 18px;border:1px solid var(--stone-200);border-radius:12px;background:var(--surface)}.period-control-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.period-control-options{display:flex;align-items:center;gap:6px}.period-rolling{display:flex;align-items:center;gap:4px}.period-option{display:inline-flex;align-items:center;min-height:34px;padding:0 15px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.period-option:hover{color:var(--ink);background:var(--stone-100)}.period-option.is-active{color:#fff;background:var(--forest-900)}.period-divider{width:1px;height:22px;margin:0 8px;background:var(--stone-200)}.period-month-form{margin:0}.performance-card,.losses-card{margin-top:20px;padding:22px 24px}.performance-card-head,.losses-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.losses-card-head.tight{margin-bottom:6px}.performance-card-head h2,.losses-card-head h2{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.01em}.losses-sub{margin:0 0 18px;color:var(--muted);font-size:12.5px}.performance-split,.losses-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.performance-split>.performance-card,.losses-split>.losses-card{margin-top:0}.performance-split,.losses-split{margin-top:20px}.performance-flow{display:grid;grid-template-columns:1fr 84px 1fr 84px 1fr 84px 1fr;align-items:center;margin:0;padding:0;list-style:none}.performance-stage{display:flex;flex-direction:column;gap:10px}.performance-stage-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.performance-stage-count{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:.9}.performance-stage-count.is-outcome{color:var(--green-700)}.performance-step{display:flex;justify-content:center}.performance-step .hp-icon{width:18px;height:18px;color:var(--line-strong)}.losses-reasons{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.losses-reason{display:grid;grid-template-columns:minmax(140px,200px) 1fr 40px;align-items:center;gap:16px;padding:9px 0;border-top:1px solid var(--hairline);font-size:13.5px}.losses-reason:first-child{border-top:0}.losses-reason-track{height:11px;border-radius:999px;background:var(--hairline)}.losses-reason-fill{display:block;height:11px;border-radius:999px;background:var(--amber-800)}.losses-reason-fill.is-disqualified{background:var(--blue-800)}.losses-reason-count{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.losses-more{margin:16px 0 0}.losses-more a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;text-decoration:none}.losses-more .hp-icon{width:16px;height:16px}.performance-table td,.losses-table td,.performance-table th,.losses-table th{text-align:right;font-variant-numeric:tabular-nums}.performance-table th.is-text,.losses-table th.is-text,.performance-table td.is-text,.losses-table td.is-text{text-align:left;font-variant-numeric:normal}.losses-table-total td{font-weight:800}.losses-toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px}.losses-toolbar .period-control{flex:0 0 auto;margin-top:0}.losses-tabs{display:flex;align-items:stretch;gap:8px}.losses-tab{display:inline-flex;align-items:center;gap:9px;padding:0 20px;border-radius:12px;border:1px solid var(--stone-200);background:var(--surface);color:var(--muted);font-size:13.5px;font-weight:700;text-decoration:none}.losses-tab:hover{color:var(--ink)}.losses-tab.is-active{color:var(--ink);border-color:var(--line-strong)}.losses-tab-count{padding:1px 8px;border-radius:999px;background:var(--stone-100);font-size:11.5px;font-weight:800}.losses-tab.is-active .losses-tab-count{background:var(--amber-800);color:#fff}.losses-notes{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.losses-note{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:14px 16px;border-radius:10px;background:var(--stone-50)}.losses-note p{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.5}.losses-note-who{color:var(--muted);font-size:12px}.losses-note-when{color:var(--muted);font-size:12px;text-align:right}.losses-heading .hp-back-link{margin-bottom:10px}.losses-empty{margin-top:20px}.hp-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline,#f0ede6)}
.hp-pagination-range{margin:0;color:#52615c;font-size:12.5px}
.hp-pagination-controls{display:flex;align-items:center;gap:8px}
.hp-pagination-position{margin:0;padding:0 10px;color:#52615c;font-size:12.5px;font-weight:700}
.hp-pagination-step{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid #d8d4cb;border-radius:10px;background:#fffdf9;color:#17201d;font-size:13.5px;font-weight:750;text-decoration:none}
.hp-pagination-step:hover{border-color:#135242;color:#135242}
.hp-pagination-step.is-disabled{border-color:#f0ede6;color:#a4aeaa;background:transparent}
.hp-pagination-step .hp-icon{width:17px;height:17px}
.hp-pagination-step .hp-icon-back{transform:rotate(180deg)}

/* Team overview: read the company state first, then the work needing a decision. */
.overview-heading{margin-bottom:18px}
.overview-snapshot{padding:18px 20px;border:1px solid var(--stone-200);border-radius:12px;background:var(--surface)}
.overview-snapshot-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
.overview-snapshot-heading h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.018em}
.overview-snapshot-heading span{color:#52615c;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.overview-snapshot-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
.overview-snapshot-metrics>div{min-width:0;padding:2px 20px;border-left:1px solid var(--hairline)}
.overview-snapshot-metrics>div:first-child{padding-left:0;border-left:0}
.overview-snapshot-metrics>div:last-child{padding-right:0}
.overview-snapshot-metrics dt{color:#52615c;font-size:12.5px;font-weight:700}
.overview-snapshot-metrics dd{display:flex;align-items:baseline;gap:9px;margin:7px 0 0;font-variant-numeric:tabular-nums}
.overview-snapshot-metrics strong{color:#17201d;font-size:30px;line-height:1;font-weight:800;letter-spacing:-.025em}
.overview-trend{font-size:12.5px;font-weight:800;white-space:nowrap}.overview-trend.is-better{color:#306a55}.overview-trend.is-worse{color:#8a5a14}.overview-trend.is-neutral{color:#6b7672}

.overview-decisions{margin-top:18px}
.overview-decisions-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.overview-groups{display:flex;flex-direction:column;gap:14px}.overview-group-card{border:1px solid var(--stone-200);border-radius:12px;background:var(--surface);overflow:hidden}.overview-group-card:hover{border-color:var(--line-strong)}
.overview-decisions-header h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.018em}

.overview-group{display:flex;align-items:center;gap:14px;padding:17px 20px 15px;color:#17201d;text-decoration:none}.overview-group-icon{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--forest-800);background:var(--stone-100)}.overview-group-icon .hp-icon{width:19px;height:19px}.overview-group:hover .overview-group-icon{color:var(--forest-700);background:var(--stone-200)}
.overview-group-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.overview-group-title{font-size:15.5px;font-weight:750}
.overview-group-detail{min-width:0;color:#52615c;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview-group-count{flex:0 0 auto;min-width:58px;text-align:right;font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1;color:#52615c}
.overview-group.has-items .overview-group-count{color:#17201d}
.overview-group-arrow{flex:0 0 auto;width:18px;height:18px;color:#52615c}
.overview-group:hover .overview-group-title{color:#135242}

.overview-group-worst{display:flex;align-items:baseline;gap:12px;margin:0;padding:10px 20px 13px;border-top:1px solid var(--hairline);background:var(--stone-50)}
.overview-group-worst-label{flex:0 0 auto;color:#52615c;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.overview-group-worst-lead{flex:1 1 auto;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview-group-worst-age{flex:0 0 auto;color:#845000;font-size:13px;font-weight:800}
.overview-footnote a{color:var(--forest-800);font-weight:700;text-decoration:none}.overview-footnote a:hover,.overview-footnote a:focus-visible{text-decoration:underline}

.overview-footnote{margin:14px 0 0;color:#52615c;font-size:12.5px}
.overview-footnote a{font-weight:750}

/* Form shape (2026-09-01): one unfenced surface, groups split by a hairline,
   actions in a footer band inside the surface, guidance quiet beside it. */
.agent-lead-form,.user-create-card{width:auto;max-width:none;padding:0;border:0;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.agent-lead-form .form-group{margin:0;padding:22px 24px;border-top:1px solid var(--hairline)}
.agent-lead-form .form-group:first-of-type{border-top:0}
.agent-lead-form .form-group-error{padding-bottom:0}
.agent-lead-form .form-group-error .hp-form-error{margin:0}
.agent-lead-form .form-group-label{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.agent-lead-form .hp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:16px}
.agent-lead-form .hp-field:has(textarea),.agent-lead-form .hp-field-wide{grid-column:1/-1}
.agent-lead-form .hp-field>label{margin-bottom:7px;font-size:12px;font-weight:750}
.agent-lead-form .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;padding:18px 24px;border-top:1px solid var(--line);background:var(--stone-50)}
.agent-lead-form .form-actions .button .hp-icon{width:18px;height:18px;margin-right:9px}
.agent-form-guidance{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:none}
.agent-form-guidance p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.agent-form-guidance strong{color:var(--ink);font-weight:750}
/* Two roles, so the choice is two buttons rather than a hidden dropdown. */
.role-field{min-width:0;margin:0;padding:0;border:0}
.role-field>legend{padding:0;margin-bottom:7px;font-size:12px;font-weight:750}
.role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.role-option{min-height:46px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:14px;font-weight:650;cursor:pointer}
.role-option input{width:16px;height:16px;min-height:0;flex:0 0 16px;margin:0;accent-color:var(--forest-800)}
.role-option:has(input:checked){border-color:var(--forest-700);color:var(--forest-900);background:var(--green-100)}
.role-field.has-error .role-option{border-color:var(--red-700)}
@media(max-width:1200px){.agent-lead-form .hp-fields{grid-template-columns:1fr}}
@media(max-width:900px){.agent-lead-form .form-group{padding:18px 14px}.agent-lead-form .form-actions{flex-direction:column-reverse;align-items:stretch;padding:16px 14px}.agent-lead-form .form-actions>*{width:100%}.role-options{grid-template-columns:1fr}}

/* 2026-09-01 - management record, users roster, confirmations, move leads.
   The live agent screens are bordered cards with no shadow. Management now uses
   the same construction rather than a second vocabulary. One real inconsistency
   fixed while here: the summary card and inspection panel were 6px while every
   other card was 12px. Unified to 12px. */
.hp-app .agent-lead-summary,.hp-app .inspection-reports,.agent-lead-summary,.inspection-reports{border-radius:12px}

/* Management review: the agent record with the agent's job removed. */
.management-lead-review .management-readonly-badge{min-height:28px;display:inline-flex;align-items:center;gap:7px;padding:3px 11px;border-radius:999px;color:var(--muted);background:var(--stone-100);font-size:13px;font-weight:750;white-space:nowrap}
.management-lead-review .management-readonly-badge .hp-icon{width:16px;height:16px}
.management-archive-banner{justify-content:flex-start}
.agent-record-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.agent-record-facts{margin:0;padding:0 18px 4px}
.agent-record-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--hairline)}
.agent-record-facts>div:last-child{border-bottom:0}
.agent-record-facts dt{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:400}
.agent-record-facts dt .hp-icon{width:17px;height:17px;color:var(--ink)}
.agent-record-facts dd{margin:0;font-size:13px;font-weight:650;text-align:right;overflow-wrap:anywhere}
.agent-history-actor{margin-left:6px;color:var(--muted)}
.management-record-actions{display:grid;gap:10px}
.management-record-actions .button{width:100%}
.management-action-note{margin:0;color:var(--muted);font-size:12px;line-height:17px;text-align:center}
.management-record-blocked{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.management-record-blocked p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.management-record-blocked strong{color:var(--ink);font-weight:750}

/* Inspection answers: rows, not boxes inside a box. */
.inspection-answer-rows{margin:14px 0 0}
.inspection-answer-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--hairline)}
.inspection-answer-rows>div:last-child{border-bottom:0}
.inspection-answer-rows dt{flex:0 1 auto;color:var(--muted);font-size:13px;font-weight:400}
.inspection-answer-rows dd{flex:0 0 auto;max-width:52%;margin:0;font-size:13px;font-weight:650;text-align:right;overflow-wrap:anywhere}
.inspection-current-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:2px}.inspection-current-heading h3,.inspection-latest-correction h3{margin:0;font-size:15px;line-height:20px}.inspection-current-heading span{color:var(--muted);font-size:12px;text-align:right}
.inspection-latest-correction{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--stone-50)}
.inspection-change-list{margin:8px 0 0}.inspection-change-list>div{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(0,1.5fr);align-items:baseline;gap:20px;padding:10px 0;border-bottom:1px solid var(--hairline)}.inspection-change-list dt{color:var(--muted);font-size:12.5px}.inspection-change-list dd{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:12px;margin:0;overflow-wrap:anywhere}.inspection-change-list dd>span[aria-hidden]{color:var(--muted)}.inspection-change-list strong{color:var(--forest-900)}.inspection-old-value{color:var(--muted);text-decoration:line-through}.inspection-correction-reason{margin:11px 0 0;font-size:12.5px}.inspection-correction-meta{margin:5px 0 0;color:var(--muted);font-size:12px}.inspection-no-changes{margin:9px 0 0;color:var(--muted);font-size:12.5px}
.inspection-audit{margin-top:10px;border-top:1px solid var(--hairline)}.inspection-audit>summary{min-height:44px}.inspection-audit-list>article{background:var(--surface)}.inspection-audit-list dl{display:block}.inspection-audit-list dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid var(--hairline)}.inspection-audit-list dl>div:last-child{border-bottom:0}.inspection-audit-list dd{max-width:55%;text-align:right}.inspection-audit-list .inspection-change-list>div{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(0,1.5fr)}.inspection-audit-list .inspection-change-list dd{max-width:none;text-align:left}

/* Users roster: one named action, the rest behind a quiet menu. */
.user-roster-name{display:flex;align-items:center;gap:8px;white-space:nowrap}
.user-count-column{width:112px}
.user-actions-column{width:1%;white-space:nowrap;text-align:right}
.user-roster-table th.user-count-column,.user-roster-table td.user-count-column{text-align:right}
.user-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.user-action-button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--forest-900);background:var(--surface);font-size:13px;font-weight:750;white-space:nowrap;text-decoration:none;cursor:pointer}
.user-action-button:hover{border-color:var(--line-strong);background:var(--stone-50)}
.user-action-button .hp-icon{width:16px;height:16px}
.user-more{position:relative}
.user-more>summary{list-style:none}
.user-more>summary::-webkit-details-marker{display:none}
.user-more-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--surface);cursor:pointer}
.user-more-button:hover,.user-more[open]>.user-more-button{border-color:var(--line-strong);color:var(--ink);background:var(--stone-100)}
.user-more-menu{position:absolute;z-index:8;top:calc(100% + 6px);right:0;min-width:184px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(27,44,37,.12);text-align:left}
.user-more-menu a{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none}
.user-more-menu a:hover{background:var(--green-100)}
.user-more-menu .hp-icon{width:17px;height:17px;color:var(--muted)}
.user-more-menu .user-more-danger,.user-more-menu .user-more-danger .hp-icon{color:var(--red-700)}
.user-no-action{color:var(--line-strong)}

/* Confirmation shape: title, one sentence, the facts, then the decision. */
.confirm-heading{margin-bottom:18px}
.confirm-heading .hp-back-link{margin-bottom:10px}
.confirm-surface{width:min(100%,760px);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.confirm-explainer{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;padding:22px 24px}
.confirm-explainer-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--green-700);background:var(--green-100)}
.confirm-explainer-icon .hp-icon{width:21px;height:21px}
.confirm-explainer strong{display:block;font-size:16px;font-weight:750;letter-spacing:-.02em}
.confirm-explainer p{margin:6px 0 0;color:var(--muted);font-size:13.5px;line-height:1.6}
.confirm-group-label{margin:0;padding:0 24px 12px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.confirm-facts{margin:0}
.confirm-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 24px;border-top:1px solid var(--hairline);font-size:13.5px}
.confirm-facts dt{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;color:var(--muted)}
.confirm-facts dt .hp-icon{width:16px;height:16px;color:var(--ink)}
.confirm-facts dd{margin:0;font-weight:800;letter-spacing:-.012em;text-align:right;overflow-wrap:anywhere}
.confirm-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid var(--line);background:var(--stone-50)}
.confirm-actions .button .hp-icon{width:18px;height:18px;margin-right:9px}

/* Move leads: batch on the left, handover on the right. */
.move-leads-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px}
.move-leads-error{grid-column:1/-1;margin:0}
.move-batch-card,.move-side-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.move-source{display:flex;align-items:center;gap:12px;padding:0 18px 16px}
.move-source>.user-avatar{width:44px;height:44px;flex:0 0 44px;font-size:15px;line-height:1;transform:translateY(-.5px)}
.move-source strong{font-size:15px;font-weight:750;letter-spacing:-.015em}
.move-source>div>span{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.move-batch-body,.move-side-body{padding:0 18px 18px}
.move-scope{min-width:0;margin:0;padding:0;border:0}
.move-scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.move-scope-option{min-height:46px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;font-size:13px;font-weight:650;cursor:pointer}
.move-scope-option input{width:16px;height:16px;min-height:0;flex:0 0 16px;margin:0;accent-color:var(--forest-800)}
.move-scope-option:has(input:checked){border-color:var(--forest-700);color:var(--forest-900);background:#edf6f1;font-weight:750}
.move-picker{margin-top:14px;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.move-picker.has-error{border-color:var(--red-700)}
.move-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:750}
.move-clear{min-height:32px;font-size:12px}
/* The list scrolls on its own so a big caseload never pushes the buttons off. */
.move-picker-list{max-height:296px;overflow-y:auto;scrollbar-color:var(--line-strong) var(--stone-100);scrollbar-width:thin}
.move-lead-row{display:grid;grid-template-columns:18px minmax(0,1.5fr) minmax(0,1.4fr) auto;align-items:center;gap:14px;padding:11px 14px;border-top:1px solid var(--hairline);font-size:13px;cursor:pointer}
.move-lead-row:first-child{border-top:0}
.move-lead-row:hover{background:var(--stone-50)}
.move-lead-row input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--forest-800)}
.move-lead-name{font-weight:650;overflow-wrap:anywhere}
.move-lead-sub{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.move-picker-empty{margin:0;padding:18px 14px;color:var(--muted)}
.move-excluded{display:flex;align-items:flex-start;gap:11px;margin:0;padding:12px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:17px}
.move-excluded .hp-icon{width:17px;height:17px;margin-top:1px}
.move-handover{display:grid;gap:14px}
.move-side-body .hp-field+.hp-field{margin-top:16px}
.move-hint{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:17px}
.move-actions{display:grid;gap:10px}
.move-actions .button{width:100%}
.move-actions .button .hp-icon{width:18px;height:18px;margin-right:9px}
@media(max-width:1200px){.move-leads-layout{grid-template-columns:1fr}}

/* The roster's action pair must stay on one line. The shared .row-actions rule
   wraps, and the old 14% actions column was too narrow for a named button plus
   the menu, so every agent row grew to double height. */
.user-row-actions{flex-wrap:nowrap}
.user-roster-table th:nth-child(3){width:24%}
.user-roster-table th:nth-child(4){width:9%}
.user-roster-table th:nth-child(5){width:11%}
.user-roster-table th:nth-child(6){width:19%}
.user-roster-table td.actions{white-space:nowrap}

/* The Actions header belongs over its buttons, not adrift on the left, and
   "Leads held" should not wrap onto two lines to save a few pixels. */
.user-roster-table th.user-actions-column{text-align:right}
.user-roster-table th.user-count-column{width:11%;white-space:nowrap}
.user-roster-table th:nth-child(3){width:23%}
/* td.actions is left-aligned app-wide, so the empty-state dash needs the same
   right alignment the buttons already get from the flex row. */
.user-roster-table td.user-actions-column{text-align:right}

/* Each picker row is its own grid, so an auto-width status column let every
   row size its text columns differently and the property text came out ragged.
   A fixed status column lines all four columns up. */
.move-lead-row{grid-template-columns:18px minmax(0,1.5fr) minmax(0,1.4fr) 104px}
/* .text-link sets display, which beats the [hidden] attribute on its own. */
.move-clear[hidden]{display:none}
/* Initials were muted grey on the green disc: readable, but barely. */
.move-source>.user-avatar{color:var(--forest-900)}

/* Desktop scale (2026-09-01).
   Halo was drawn at a size that only reads well with the browser zoomed out,
   which is how it has actually been reviewed all along. Rather than resize
   individual things and quietly change the proportions between them, the whole
   desktop shell is scaled by one number. Every size, gap, radius and border
   keeps its exact relationship to every other; the app simply sits at the size
   it was being read at.

   --app-scale is the only knob. Change it here and the whole product moves.

   Below 701px nothing is scaled: the phone build needs its real sizes and its
   44px touch targets, and a phone's own zoom is the user's business. */
@media(min-width:701px){
  :root{--app-scale:0.8}
  body.hp-app,body.hp-body{zoom:var(--app-scale)}
  /* Viewport units resolve inside the zoomed coordinate space, so a bare
     100dvh becomes taller than the window and the page grows a scrollbar it
     does not need. Dividing by the scale puts them back on the real viewport. */
  body.hp-app,body.hp-body{min-height:calc(100dvh / var(--app-scale))}
  .hp-shell{min-height:calc(100dvh / var(--app-scale))}
  .hp-sidebar{height:calc(100dvh / var(--app-scale))}
  .hp-auth-shell{min-height:calc(100dvh / var(--app-scale))}
}

/* Agent authentication on phones follows the approved split composition:
   a real brand region above one quiet, full-width work surface. */
@media(max-width:700px){
  body.hp-auth{min-height:100dvh;padding:0;background:var(--forest-950)}
  .hp-auth-shell{display:grid;grid-template-rows:clamp(184px,31dvh,268px) auto;align-items:stretch;justify-content:stretch;gap:0;min-height:100dvh;padding:0;background:var(--forest-950)}
  .hp-auth-brand{display:flex;align-items:center;justify-content:center;min-height:0;padding:max(24px,env(safe-area-inset-top)) 24px 24px}
  .hp-auth-brand img{width:min(210px,58vw);height:auto}
  .hp-auth-main{display:block;width:100%;max-width:none;min-height:69dvh;padding:56px 24px 48px;border-radius:18px 18px 0 0;background:var(--surface);box-shadow:none}
  .hp-auth .auth-card{width:min(100%,430px);margin:0 auto}
  .hp-auth .auth-card>p.muted{text-align:left}
  .hp-auth .auth-card>.auth-hint{margin-top:24px}
  .hp-auth .auth-card .hp-field input{font-size:16px}
}

/* Approved agent-phone system: the three review masters become one shared
   shell, queue grammar, record grammar and form grammar. Desktop is unchanged. */
.queue-lead-avatar,.agent-result-heading,.agent-mobile-lead-facts,.next-action-compact{display:none}
@media(max-width:700px){
  body.hp-agent{padding-bottom:calc(68px + env(safe-area-inset-bottom));background:var(--stone-50)}
  .hp-mobile-top{min-height:56px;padding:max(6px,env(safe-area-inset-top)) 14px 6px;border-bottom:1px solid rgb(255 255 255/.1)}
  .hp-mobile-brand{min-height:44px;display:flex!important;align-items:center;line-height:0}
  .hp-mobile-brand img{display:block;width:112px;height:auto}
  .hp-mobile-account{display:flex;align-items:center;gap:6px}
  .hp-mobile-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgb(255 255 255/.65);border-radius:50%;color:#fff!important;font-size:10.5px!important;font-weight:800}
  .hp-mobile-account form{margin:0}
  .hp-mobile-account button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;color:#d9ebe4;background:transparent;cursor:pointer}
  .hp-mobile-account button:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
  .hp-mobile-account .hp-icon{width:19px;height:19px}
  .hp-content{padding:14px 20px 96px}
  .hp-messages{padding:10px 20px 0}
  .hp-bottom-nav{min-height:64px;padding:4px 8px max(4px,env(safe-area-inset-bottom));border-top-color:rgb(255 255 255/.14);box-shadow:0 -6px 20px rgb(8 47 38/.08)}
  .hp-bottom-nav a{min-height:52px;flex-direction:column;gap:2px;padding:4px;border-radius:9px;color:#cfe2da;font-size:10.5px;line-height:1.1}
  .hp-bottom-nav a .hp-icon{width:18px;height:18px;stroke-width:1.8}
  .hp-bottom-nav a[aria-current=page]{color:#fff;background:#315f54}
  .page-heading{display:block;margin:0 0 14px}
  .page-heading h1,.hp-app .page-heading h1{font-size:26px;line-height:31px;letter-spacing:-.03em}
  .page-heading p,.hp-app .page-heading p{max-width:42ch;margin-top:4px;font-size:13px;line-height:18px}
  .queue-heading .page-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}
  .queue-heading .toolbar-search,.queue-heading .toolbar-search-field{min-width:0;width:100%}
  .queue-heading .toolbar-search-field input{min-height:44px;padding-left:39px;font-size:16px}
  .queue-heading .toolbar-search-field .hp-icon{left:12px;width:18px;height:18px}
  .queue-heading .page-toolbar>.button{width:auto;min-width:92px;min-height:44px;padding-inline:13px}
  .agent-all-leads-heading .page-toolbar{grid-template-rows:44px 44px}
  .agent-all-leads-heading .toolbar-search{display:contents}
  .agent-all-leads-heading .toolbar-search-field{grid-column:1;grid-row:1}
  .agent-all-leads-heading .toolbar-status{grid-column:1;grid-row:2;width:100%}
  .agent-all-leads-heading .toolbar-status select{width:100%;min-height:44px;font-size:16px}
  .agent-all-leads-heading .page-toolbar>.button{grid-column:2;grid-row:1}
  .period-tabs{gap:7px;margin:0 -20px 14px;padding:0 20px 2px;scrollbar-width:none}
  .period-tabs::-webkit-scrollbar{display:none}
  .period-tab{min-height:44px;padding:0 12px;font-size:11.5px}
  .agent-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 9px}
  .agent-result-heading strong{font-size:15px;letter-spacing:-.01em}
  .agent-result-heading span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
  .hp-agent .queue-surface,.hp-agent .archived-surface{margin-inline:-20px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
  .hp-agent .queue-table,.hp-agent .queue-table tbody,.hp-agent .management-archived-table,.hp-agent .management-archived-table tbody{display:block}
  .hp-agent .queue-table tr,.hp-agent .management-archived-table tr{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 128px;gap:2px 10px;min-height:96px;margin:0;padding:12px 20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
  .hp-agent .queue-table tr:last-child,.hp-agent .management-archived-table tr:last-child{border-bottom:0}
  .hp-agent .queue-table td,.hp-agent .management-archived-table td{display:block;min-width:0;min-height:0;padding:0;border:0;overflow-wrap:anywhere}
  .hp-agent .queue-table td::before,.hp-agent .management-archived-table td::before{display:none}
  .hp-agent .queue-identity{grid-column:1/3;grid-row:1;display:flex!important;align-items:center;gap:10px}
  .queue-lead-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--stone-50);font-size:10px;font-weight:800}
  .hp-agent .queue-identity .queue-lead-avatar{flex:0 0 34px}
  .hp-agent .queue-lead-link{flex:1 1 auto;width:auto;min-width:0;min-height:34px;display:flex;align-items:center;padding-right:0;font-size:14px;line-height:18px;font-weight:800}
  .hp-agent .queue-lead-link::after{content:"";position:absolute;inset:0}
  .hp-agent .queue-phone,.hp-agent .queue-property{grid-column:2;color:var(--muted);font-size:11.5px;line-height:16px;white-space:normal}
  .hp-agent .queue-property{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp-agent .queue-stage{position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end}
  .hp-agent .queue-stage .status{min-height:24px;padding:2px 8px;font-size:10.5px}
  .hp-agent .queue-next{grid-column:3;grid-row:2/4;min-width:0;align-self:center;justify-self:stretch;padding-right:20px;text-align:right;font-size:11px;font-weight:750;overflow-wrap:normal}
  .hp-agent .queue-next>*{min-width:0;white-space:normal!important;justify-content:flex-end}
  .hp-agent .queue-next .hp-icon{display:none}
  .hp-agent .queue-row-go{position:absolute;right:18px;top:50%;width:18px;transform:translateY(-50%)}
  .hp-agent .queue-row-arrow{opacity:1;transform:none;color:var(--muted)}
  .agent-pipeline-strip{display:flex;gap:8px;margin:0 -20px 16px;padding:0 20px 3px;border:0;border-radius:0;background:transparent;overflow-x:auto;scrollbar-width:none}
  .agent-pipeline-strip::-webkit-scrollbar{display:none}
  .agent-pipeline-filter{flex:0 0 112px;min-height:52px;grid-template-columns:26px minmax(0,1fr);gap:7px;padding:7px 8px;border:1px solid var(--line)!important;border-radius:10px;background:var(--surface)}
  .agent-pipeline-filter.is-active{border-color:#9fc4b4!important;background:#edf6f1}
  .agent-pipeline-icon{width:26px;height:26px;border-radius:7px}
  .agent-pipeline-icon .hp-icon{width:14px;height:14px}
  .agent-pipeline-filter small{font-size:9.5px;line-height:11px}
  .agent-pipeline-filter strong{margin-top:1px;font-size:16px}
  .archived-heading+.agent-register-filter{grid-template-columns:minmax(0,1fr) 128px;gap:8px;padding:0;border:0;background:transparent}
  .archived-heading+.agent-register-filter .management-search-field,.archived-heading+.agent-register-filter .management-status-field{min-height:44px}
  .archived-heading+.agent-register-filter input,.archived-heading+.agent-register-filter select{font-size:16px}
  .agent-lead-detail{gap:0}
  .agent-lead-back{margin:0 0 10px}
  .agent-lead-summary{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px 10px;min-height:0;padding:0 0 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
  .agent-lead-avatar{width:40px;height:40px;font-size:14px}
  .agent-lead-primary{display:contents}
  .agent-lead-title{grid-column:2;min-height:40px;gap:7px}
  .agent-lead-title h1{font-size:22px;line-height:27px;letter-spacing:-.03em}
  .agent-lead-title .status{min-height:24px;padding:2px 8px;font-size:10.5px}
  .agent-lead-meta{grid-column:1/-1;display:block;margin:3px 0 0}
  .agent-lead-meta>span,.agent-lead-meta>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--hairline)!important;color:var(--ink);font-size:12px;font-weight:650;text-align:right}
  .agent-lead-meta>span::before,.agent-lead-meta>a::before{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:400;text-align:left}
  .agent-lead-meta>span:first-child::before{content:"Property"}
  .agent-lead-meta>span:nth-child(2)::before,.agent-lead-meta>a:nth-child(2)::before{content:"Next action"}
  .agent-archived-detail .agent-lead-meta>span:nth-child(2)::before{content:"Archive status"}
  .agent-lead-meta .hp-icon{display:none}
  .agent-lead-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px}
  .agent-lead-actions .button{min-width:0;min-height:44px;padding-inline:9px}
  .agent-lead-actions .agent-call-button{grid-column:auto;width:auto}
  .agent-call-number{font-size:11px;font-weight:650}
  .agent-lead-layout{display:grid;grid-template-areas:'work' 'support';grid-template-columns:1fr;gap:14px;margin-top:16px}
  .agent-lead-work,.agent-lead-support{gap:14px}
  .agent-outcome-card{border:0;border-radius:0;background:transparent;overflow:visible}
  .agent-outcome-card>.agent-section-heading{padding:0 0 10px}
  .agent-section-heading h2{font-size:17px!important;line-height:21px!important}
  .agent-section-heading p{font-size:12px;line-height:17px}
  .agent-outcome-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 0 12px}
  .agent-outcome-choice{min-height:44px;justify-content:flex-start;flex-direction:row;gap:8px;padding:7px 10px;border-radius:8px;font-size:11.5px;text-align:left}
  .agent-outcome-choice .hp-icon{width:19px;height:19px;flex:0 0 19px}
  .agent-outcome-choice.is-selected{border-color:var(--forest-800);color:#fff;background:var(--forest-800)}
  .agent-more-outcomes>summary{width:100%}
  .agent-outcome-menu{position:static;min-width:0;margin-top:6px;box-shadow:none}
  .agent-outcome-panels{border-top:0}
  .agent-outcome-form{margin:0;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:none}
  .agent-outcome-form .hp-fields,.inspection-correction-form .hp-fields{gap:12px;margin-top:12px}
  .agent-outcome-form .hp-field input,.agent-outcome-form .hp-field select,.agent-outcome-form .hp-field textarea,.inspection-correction-form input,.inspection-correction-form select,.inspection-correction-form textarea{font-size:16px}
  .hp-segmented-options{gap:7px}
  .hp-segmented-options li+li{margin:0}
  .hp-segmented-options label{min-height:44px;justify-content:flex-start;border-radius:9px!important}
  .agent-support-card,.agent-history-card,.inspection-reports{border-radius:12px;box-shadow:none}
  .inspection-current-heading{align-items:flex-start;flex-direction:column;gap:4px}.inspection-current-heading span{text-align:left}.inspection-latest-correction{padding:12px}.inspection-change-list>div,.inspection-audit-list .inspection-change-list>div{grid-template-columns:1fr;gap:5px}.inspection-change-list dd{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.inspection-audit-list dl>div{align-items:flex-start;flex-direction:column;gap:3px}.inspection-audit-list dd{max-width:none;text-align:left}
  .agent-history-list li{grid-template-columns:28px minmax(0,1fr) auto;gap:9px;min-height:56px}
  .agent-history-list time{grid-column:auto;text-align:right}
  .agent-lead-form-layout{display:block}
  .agent-form-page-heading{margin-bottom:12px}
  .agent-form-page-heading .hp-back-link{margin-bottom:8px}
  .agent-lead-form{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
  .agent-lead-form .form-group{padding:14px 0;border-top:1px solid var(--line)}
  .agent-lead-form .form-group:first-of-type{border-top:0}
  .agent-lead-form .form-group-label{color:var(--forest-900);font-size:15px;letter-spacing:-.01em;text-transform:none}
  .agent-lead-form .hp-fields{gap:12px;margin-top:10px}
  .agent-lead-form .hp-field>label{font-size:13px}
  .agent-lead-form .hp-field input,.agent-lead-form .hp-field select,.agent-lead-form .hp-field textarea{min-height:44px;font-size:16px}
  .agent-lead-form .form-actions{position:sticky;z-index:12;bottom:calc(64px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 -20px;padding:8px 20px;border-top:1px solid var(--line);background:rgb(249 248 245/.98);box-shadow:0 -6px 20px rgb(27 44 37/.06)}
  .agent-lead-form .form-actions>*{width:100%}
  .agent-lead-form .form-actions .button{min-height:44px}
  .agent-form-guidance{margin-top:16px;padding:15px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
  .confirm-heading{margin-bottom:12px}
  .confirm-surface{width:100%;border:0;border-radius:0;background:transparent;overflow:visible}
  .confirm-explainer{padding:16px 0}
  .confirm-group-label{padding:8px 0 10px;color:var(--forest-900);font-size:14px;letter-spacing:-.01em;text-transform:none}
  .confirm-facts>div{padding:12px 0}
  .confirm-actions{position:sticky;z-index:12;bottom:calc(64px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px -20px 0;padding:8px 20px;background:rgb(249 248 245/.98);box-shadow:0 -6px 20px rgb(27 44 37/.06)}
  .confirm-actions>*,.confirm-actions .button{width:100%;min-height:44px}
  .next-action-full{display:none}
  .next-action-compact{display:flex;flex-direction:column;align-items:flex-end;line-height:15px}
  .next-action-compact time{font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}
  .agent-restore-banner{margin-top:16px;padding:14px;border-radius:12px}
}
@media(max-width:700px){
  /* Lead identity is a card again, matching every other surface on the page. */
  .agent-lead-summary{padding:15px 15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
  .agent-lead-meta>span:last-of-type,.agent-lead-meta>a:last-of-type{border-bottom:0!important}
  /* A lead without a WhatsApp number leaves Call alone in the row; let it take the width. */
  .agent-lead-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
  /* Record outcome becomes a card for agents only; management review keeps its own surface. */
  .hp-agent .agent-outcome-card{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
  .hp-agent .agent-outcome-card>.agent-section-heading{padding:15px 14px 10px}
  .hp-agent .agent-outcome-deck{padding:0 14px 14px}
  .hp-agent .agent-outcome-form{margin:0 14px 14px;border-color:#bfd5c8;background:#fbfdfb}
  /* Any control with spare width fills it rather than leaning to one side. */
  .agent-more-outcomes{grid-column:1/-1}
  .agent-more-outcomes>summary{justify-content:center}
  /* Date fields carry a calendar glyph instead of the bare platform control. */
  .hp-agent input[type=date]::-webkit-calendar-picker-indicator{width:20px;height:20px;padding:0;opacity:1;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352615c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E") no-repeat center/20px 20px}
  /* Follow-ups and All leads. A grid so the commitment pill can span both text
     rows and sit centred against the whole row, while property and phone still
     share one line from their separate table cells. */
  .hp-agent .queue-surface,.hp-agent .archived-surface{border-block:1px solid var(--line);background:var(--surface)}
  .hp-agent .queue-table tr,.hp-agent .management-archived-table tr{position:relative;display:grid;grid-template-columns:minmax(0,auto) max-content minmax(0,1fr) auto;column-gap:0;row-gap:2px;align-items:center;min-height:0;padding:13px 38px 13px 69px;border-bottom:1px solid var(--line)}
  .queue-lead-avatar{width:38px;height:38px;border-color:var(--green-100);color:var(--forest-900);background:var(--green-100);font-size:11px}
  .hp-agent .queue-identity{grid-column:1/4;grid-row:1;min-width:0;display:block!important}
  .hp-agent .queue-identity .queue-lead-avatar{position:absolute;left:20px;top:50%;flex:0 0 38px;transform:translateY(-50%)}
  .hp-agent .queue-lead-link{display:block;min-height:0;color:var(--ink);font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}
  .hp-agent .queue-lead-link>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp-agent .queue-property{grid-column:1;grid-row:2;min-width:0}
  .hp-agent .queue-phone{grid-column:2;grid-row:2;overflow:visible!important;text-overflow:clip!important}
  .hp-agent .queue-phone::before{content:"·"!important;display:inline!important;margin:0 5px}
  .hp-agent .queue-property,.hp-agent .queue-phone{color:var(--muted);font-size:12px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}
  /* Spans both rows, so it centres against the row rather than hugging the name. */
  .hp-agent .queue-next{grid-column:4;grid-row:1/3;align-self:center;justify-self:end;min-width:0;max-width:100%;margin-left:10px;padding-right:0;font-size:11px}
  .hp-agent .queue-next>span{min-height:24px;display:inline-flex;align-items:center;max-width:100%;padding:4px 10px;border-radius:12px;font-size:10.5px;font-weight:750;line-height:14px;text-align:center}
  .hp-agent .queue-next .next-action-compact{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center;gap:0 4px;line-height:14px}
  .hp-agent .queue-next .next-action-compact time{white-space:nowrap}
  /* Hidden from the pill but kept in the accessibility tree, same as the stage tag,
     so a screen reader still hears the year and the inspection time. */
  .hp-agent .queue-next .next-action-year,.hp-agent .queue-next .next-action-time{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  /* Each pill keeps the colour that state already uses elsewhere in the app. */
  .hp-agent .queue-next>.next-action-overdue{color:var(--amber-800);background:var(--amber-100)}
  .hp-agent .queue-next>.next-action-complete{color:var(--green-700);background:var(--green-100)}
  .hp-agent .queue-next>.next-action-inspection{color:var(--forest-800);background:var(--green-100)}
  .hp-agent .queue-next>.next-action-missing{color:var(--red-700);background:var(--red-100)}
  .hp-agent .queue-next>.next-action-date{color:var(--ink);background:var(--stone-100)}
  .hp-agent .queue-next>.next-action-none{color:var(--muted);background:var(--stone-100)}
  /* Stage stays for screen readers only; Saheed chose shorter rows (17 Sep 2026). */
  .hp-agent .queue-stage{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .hp-agent .queue-row-go{right:18px;width:16px}
  .hp-agent .queue-row-arrow{width:16px;height:16px}
}
@media(max-width:350px){
  /* Two buttons plus an 11-digit number will not fit; the label alone is clear. */
  .agent-lead-actions:has(.agent-whatsapp-button) .agent-call-number{display:none}
  .hp-content{padding-inline:14px}
  .period-tabs,.agent-pipeline-strip{margin-inline:-14px;padding-inline:14px}
  .hp-agent .queue-surface,.hp-agent .archived-surface{margin-inline:-14px}
  .queue-heading .page-toolbar>.button{min-width:82px;padding-inline:10px}
  .agent-lead-title{align-items:flex-start;flex-direction:column}
  .agent-lead-form .form-actions,.confirm-actions{margin-inline:-14px;padding-inline:14px}
  /* The rows are a flex line now, so the gutter is padding, not a grid track. */
  .hp-agent .queue-table tr,.hp-agent .management-archived-table tr{padding:12px 30px 12px 56px}
  .hp-agent .queue-next{margin-left:8px}
  .queue-lead-avatar{width:32px;height:32px}
  .hp-agent .queue-identity .queue-lead-avatar{left:14px;flex-basis:32px}
  .hp-agent .queue-next{max-width:52%}
  .hp-agent .queue-row-go{right:12px}
}
/* Reactivate is the only outcome with no fields, so its form is just a button.
   Framing it as a panel put an empty box around that button and a divider above
   it. Sit the button on the heading's line instead. */
.agent-outcome-card:has(.hp-reactivation-panel){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
.agent-outcome-card:has(.hp-reactivation-panel)>.agent-section-heading{padding:16px 0 16px 18px}
.agent-outcome-card:has(.hp-reactivation-panel)>.agent-outcome-panels{border-top:0;padding-right:18px}
.hp-reactivation-panel{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.hp-reactivation-panel .agent-form-actions{margin:0;padding:0}
@media(max-width:700px){
  /* Phone keeps the stacked order with a full-width button. */
  .hp-agent .agent-outcome-card:has(.hp-reactivation-panel){display:block}
  .hp-agent .agent-outcome-card:has(.hp-reactivation-panel)>.agent-section-heading{padding:15px 14px 12px}
  .hp-agent .agent-outcome-card:has(.hp-reactivation-panel)>.agent-outcome-panels{padding:0 14px 14px}
}