:root{--ink:#15243a;--muted:#667085;--line:#dfe5ec;--soft:#f3f6f9;--white:#fff;--red:#cf202f;--red-dark:#a91624;--green:#147a4b;--amber:#a15c00;--shadow:0 18px 50px rgba(16,31,52,.12)}
*{box-sizing:border-box}html{font-family:Helvetica,Arial,sans-serif;color:var(--ink);background:#f7f8fa}body{margin:0;min-height:100vh}.topbar{height:78px;background:#101b2c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);box-shadow:0 1px 0 rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--red);font-size:23px;font-weight:650}.brand strong,.brand small{display:block}.brand strong{font-size:19px;letter-spacing:.01em}.brand small{font-size:11px;color:#aab6c6;text-transform:uppercase;letter-spacing:.14em;margin-top:2px}.tabs{display:flex;height:100%;gap:6px}.tab{border:0;background:transparent;color:#aab6c6;padding:0 16px;font:inherit;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.tab:hover,.tab:focus-visible{color:#fff}.tab.active{color:#fff;border-color:var(--red)}main{max-width:1500px;margin:auto;padding:clamp(32px,5vw,68px) clamp(20px,5vw,72px) 72px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.eyebrow{color:var(--red);font-size:12px;font-weight:650;letter-spacing:.18em;margin:0 0 10px}h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1;margin:0 0 12px}#page-description{margin:0;color:var(--muted);font-size:17px}.count-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 24px;min-width:144px}.count-card strong{display:block;font-size:31px;line-height:1}.count-card span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.controls{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;gap:12px;box-shadow:0 8px 28px rgba(26,41,61,.06)}.search-wrap{position:relative;flex:1;min-width:260px}.search-wrap input{width:100%;height:48px;border:0;background:var(--soft);border-radius:12px;padding:0 50px;font:inherit;color:var(--ink);outline:0}.search-wrap input:focus{box-shadow:0 0 0 3px rgba(207,32,47,.15)}.search-icon{position:absolute;left:17px;top:9px;font-size:25px;color:#7b8797;transform:rotate(-18deg)}kbd{position:absolute;right:14px;top:12px;border:1px solid #cdd5df;border-bottom-width:2px;background:#fff;border-radius:6px;padding:3px 8px;color:#7b8797;font-family:inherit}.filters{display:flex;gap:8px}.filters select,.button-secondary{height:48px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:0 34px 0 13px;font:inherit;font-size:14px}.filters select{max-width:190px}.button-secondary{padding:0 16px;cursor:pointer}.button-secondary:hover{border-color:#aab4c1}.result-line{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px;margin:22px 2px 12px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:21px;min-height:245px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.record-card:hover,.record-card:focus-visible{transform:translateY(-3px);border-color:#c6ced8;box-shadow:var(--shadow);outline:0}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.initial{width:44px;height:44px;border-radius:13px;background:#edf1f5;color:#1b2b41;display:grid;place-items:center;font-size:18px;font-weight:650}.badge{font-size:11px;font-weight:650;padding:6px 9px;border-radius:999px;background:#edf7f1;color:var(--green)}.badge.inactive,.badge.terminated{background:#f4f4f5;color:#666}.badge.referral{background:#fff5e8;color:var(--amber)}.record-card h2{font-size:18px;line-height:1.25;margin:0 0 6px}.meta{font-size:13px;color:var(--muted);margin:0 0 17px}.card-details{border-top:1px solid #edf0f3;padding-top:14px;display:grid;gap:7px}.mini-row{display:flex;gap:8px;font-size:13px;color:#48576a;min-width:0}.mini-row span:first-child{color:#98a2b3;flex:0 0 18px}.mini-row span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-record{border:0;background:none;color:var(--red);font:inherit;font-size:13px;font-weight:650;padding:19px 0 0;margin-top:auto;text-align:left;cursor:pointer}.open-record span{float:right}.empty{min-height:280px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:8px}.empty strong{font-size:20px;color:var(--ink)}dialog{border:0;padding:0;background:transparent;width:min(820px,calc(100vw - 28px));max-height:90vh}dialog::backdrop{background:rgba(9,17,30,.72);backdrop-filter:blur(4px)}.dialog-shell{position:relative;background:#fff;border-radius:22px;overflow:auto;max-height:90vh;padding:34px}.dialog-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);font-size:27px;line-height:1;cursor:pointer}.detail-head{padding-right:45px;margin-bottom:28px}.detail-head .eyebrow{margin-bottom:8px}.detail-head h2{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:0 0 11px}.detail-head .detail-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.detail-section{border-top:1px solid var(--line);padding:22px 0}.detail-section:last-child{padding-bottom:0}.detail-section h3{font-size:12px;color:#788596;letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}.field{min-width:0}.field dt{font-size:11px;color:#8b96a6;margin-bottom:4px}.field dd{font-size:14px;margin:0;overflow-wrap:anywhere}.field a,.contact a,.update-link{color:#b01826;text-decoration:none}.field a:hover,.contact a:hover,.update-link:hover{text-decoration:underline}.contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact{border:1px solid var(--line);background:#fafbfc;border-radius:13px;padding:14px}.contact strong,.contact span{display:block}.contact strong{font-size:14px;margin-bottom:4px}.contact span,.contact a{font-size:12px;color:var(--muted);margin-top:3px}.note{background:#fff7e8;border-left:3px solid #efaa38;border-radius:6px;padding:11px 13px;font-size:13px;line-height:1.5;margin-bottom:8px}.updates-list{display:grid;gap:11px}.update-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.update-date{font-size:12px;color:var(--muted)}.update-title{font-size:14px;font-weight:700}.update-link{font-size:13px;font-weight:650}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.controls{display:block}.filters{margin-top:10px}.filters select{flex:1;max-width:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.topbar{height:auto;padding:15px 18px;display:block}.tabs{margin-top:14px;height:42px;overflow-x:auto}.tab{white-space:nowrap}.hero{align-items:flex-start}.count-card{display:none}.controls{padding:10px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters select:last-of-type{grid-column:1/-1}.card-grid{grid-template-columns:1fr}.result-line{display:block}.result-line span{display:block;margin-top:5px}main{padding:34px 16px 50px}.dialog-shell{padding:28px 20px}.detail-grid,.contacts{grid-template-columns:1fr}.update-row{grid-template-columns:1fr;gap:5px}.update-link{margin-top:7px}}
.button-primary{height:48px;border:1px solid var(--red);border-radius:12px;padding:0 16px;background:var(--red);color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.button-primary:hover{background:var(--red-dark)}.button-primary:disabled{opacity:.55;cursor:wait}.website-note{background:#f2f6fb;border-left-color:#405d7d;font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.section-heading h3{margin-bottom:5px}.section-heading p,.notes-empty{font-size:13px;color:var(--muted);margin:0}.edit-notes{height:40px;white-space:nowrap}.notes-editor{position:relative;background:#fff;border-radius:22px;padding:34px;border:0}.notes-editor h2{font-size:28px;margin:0 45px 8px 0}.notes-help{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 22px}.notes-help code{font-size:13px}.notes-editor label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.notes-editor textarea{width:100%;resize:vertical;min-height:190px;border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit;font-size:16px;line-height:1.5;color:var(--ink)}.notes-editor textarea:focus{outline:0;box-shadow:0 0 0 3px rgba(207,32,47,.15);border-color:var(--red)}.notes-meta{font-size:12px;color:var(--muted);margin-top:8px}.notes-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.save-status{margin-right:auto;font-size:13px;color:var(--red);font-weight:700}
@media(max-width:720px){.section-heading{align-items:flex-start}.notes-editor{padding:28px 20px}.notes-actions{flex-wrap:wrap}.save-status{width:100%;margin-bottom:4px}}
.export-notes{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.export-notes[hidden]{display:none}
.empty[hidden]{display:none}

.header-action{margin-left:auto;white-space:nowrap}.detail-edit{margin-left:auto}.compact{padding:.45rem .7rem;font-size:.82rem}
.editor-page{background:#f3f6fa}.editor-main{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 5rem}.editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem}.editor-heading h1{margin:.2rem 0 .35rem}.editor-heading p{margin:0;color:#586579}.editor-new-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end}.editor-panel{background:#fff;border:1px solid #dce3ec;border-radius:16px;padding:1.25rem;margin:0 0 1rem;box-shadow:0 8px 24px rgba(24,42,71,.05)}#record-picker{display:grid;grid-template-columns:140px minmax(240px,1fr) auto;gap:.75rem;align-items:end}#record-picker label{font-weight:700;font-size:.9rem;align-self:center}#record-picker select,.form-field input,.form-field textarea,.repeater-row input{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:.72rem .8rem;background:#fff;font:inherit;color:#172033}.form-title,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.form-title h2,.section-heading h2{margin:.15rem 0}.section-heading p{margin:.2rem 0 0;color:#667085}.optional-note{color:#667085;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.form-field{display:flex;flex-direction:column;gap:.4rem;font-weight:700}.form-field.wide{grid-column:1/-1}.form-field textarea{resize:vertical;min-height:110px}.repeater-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}.repeater-row{display:grid;gap:.55rem;align-items:center}.pair-row{grid-template-columns:1fr 1.35fr 1.35fr 40px}.contact-row{grid-template-columns:1fr 1.2fr 1fr 1fr 1.35fr 40px}.remove-row{width:38px;height:38px;border:0;border-radius:8px;background:#fff0f1;color:#9f1d2d;font-size:1.35rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;position:sticky;bottom:.75rem;z-index:5}.form-actions #form-status{margin-right:auto;color:#334155;font-weight:700}.button-danger{border:1px solid #c72c41;background:#fff;color:#a4132a;border-radius:9px;padding:.7rem 1rem;font-weight:700;cursor:pointer}
@media(max-width:850px){.editor-heading{display:block}.editor-new-actions{justify-content:flex-start;margin-top:1rem}#record-picker{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.pair-row,.contact-row{grid-template-columns:1fr 38px}.pair-row input,.contact-row input{grid-column:1}.remove-row{grid-column:2;grid-row:1}.header-action{font-size:.85rem}}
.button-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}#record-picker{grid-template-columns:190px minmax(240px,1fr) auto}.picker-field{display:flex;flex-direction:column;gap:.4rem;font-weight:700;font-size:.9rem}.picker-field select{margin-top:.1rem}@media(max-width:850px){#record-picker{grid-template-columns:1fr}}
.filters a.button-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.topbar a.button-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.button-primary:hover,.button-primary:focus-visible{background:#274e9c;border-color:#274e9c}
.update-row{grid-template-columns:110px minmax(0,1fr) auto auto}.update-edit{height:40px;min-width:72px;white-space:nowrap}
@media(max-width:720px){.update-row{grid-template-columns:1fr}.update-edit{justify-self:start;margin-top:.4rem}}
.repeater-row select{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:.72rem .8rem;background:#fff;font:inherit;color:#172033}.repeater-row select:disabled{background:#eef2f6;color:#475569;cursor:not-allowed;opacity:1}
.site-footer{min-height:82px;background:#101b2c;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(20px,5vw,72px);font-size:.9rem}.site-footer nav{display:flex;gap:.65rem}.footer-button{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:42px;padding:0 1rem;border:1px solid #d51f32;border-radius:10px;background:#d51f32;color:#fff;text-decoration:none;font-weight:650}.footer-button:hover,.footer-button:focus-visible{background:#274e9c;border-color:#274e9c}.login-page{display:flex;flex-direction:column;background:#f3f6fa}.login-main{width:100%;flex:1;display:grid;place-items:center;padding:3rem 1.25rem}.login-card{width:min(480px,100%);background:#fff;border:1px solid #dce3ec;border-radius:20px;padding:2rem;box-shadow:0 18px 50px rgba(16,31,52,.12)}.login-brand{width:max-content;background:#101b2c;border-radius:14px;padding:.7rem 1rem;margin-bottom:2rem}.login-card h1{font-size:2.4rem}.login-intro{color:#667085;line-height:1.55;margin-bottom:1.5rem}.login-form{display:grid;gap:1rem}.login-form label{display:grid;gap:.4rem;font-weight:750}.login-form input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.8rem;font:inherit}.login-form .button-primary{width:100%;margin-top:.4rem}.login-error{background:#fff0f1;border:1px solid #f1b6bf;color:#991b2c;border-radius:10px;padding:.85rem;margin-bottom:1rem}.login-actions{display:flex;gap:.75rem}.login-actions .button-secondary{display:inline-flex;align-items:center;text-decoration:none}@media(max-width:620px){.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{width:100%}.footer-button{flex:1}.login-card{padding:1.4rem}}

/* Compact mobile controls: keeps buttons separated without changing desktop. */
@media(max-width:720px){
  .topbar{padding:12px 16px 14px}
  .brand{gap:9px}
  .brand-mark{width:38px;height:38px;border-radius:10px;font-size:21px}
  .brand strong{font-size:17px}
  .brand small{font-size:10px}
  .tabs{height:38px;margin-top:11px;gap:0}
  .tab{padding:0 10px;font-size:13px}
  .header-action{width:max-content;height:40px;margin:10px 0 0;padding:0 13px;font-size:13px;border-radius:10px}
  main{padding-top:28px}
  .controls{padding:9px;border-radius:15px}
  .search-wrap input{height:44px;padding-left:43px;padding-right:42px;font-size:14px}
  .search-icon{left:14px;top:8px;font-size:23px}
  kbd{right:10px;top:9px}
  .filters{gap:7px;margin-top:8px}
  .filters select,.filters .button-secondary{height:44px;padding-left:11px;font-size:13px;border-radius:10px;min-width:0}
  .filters .button-secondary{padding-right:11px}
  .result-line{margin-top:18px}
}

@media(max-width:390px){
  .tab{padding:0 7px;font-size:12px}
  .filters select,.filters .button-secondary{font-size:12px}
}
.users-main{max-width:1100px}.user-message{border-radius:10px;padding:.9rem 1rem;margin-bottom:1rem;font-weight:700}.user-message.success{background:#edf8f2;color:#12643f;border:1px solid #b9e2cc}.user-message.error{background:#fff0f1;color:#991b2c;border:1px solid #f1b6bf}.user-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,.7fr) minmax(220px,1.2fr) auto;gap:.75rem;align-items:end}.user-form label{display:grid;gap:.4rem;font-size:.85rem;font-weight:700}.user-form input,.user-form select{width:100%;height:44px;border:1px solid #cbd5e1;border-radius:9px;padding:0 .8rem;background:#fff;font:inherit;color:#172033}.user-list{display:grid;gap:.7rem}.user-row{grid-template-columns:minmax(150px,1fr) minmax(140px,.7fr) minmax(220px,1.2fr) auto auto;padding:.8rem;border:1px solid var(--line);border-radius:12px;align-items:center}.user-row .button-primary,.user-row .button-danger{height:44px}.site-footer nav .footer-button{white-space:nowrap}
@media(max-width:760px){.user-form,.user-row{grid-template-columns:1fr}.user-form .button-primary,.user-row .button-primary,.user-row .button-danger{width:100%}.user-row{align-items:stretch}}
.profile-main{max-width:900px}.profile-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.5rem;align-items:center}.profile-card h2{margin:0 0 .35rem;font-size:1.7rem}.profile-card p{margin:0 0 1rem;color:var(--muted)}.profile-photo{width:112px;height:112px;border-radius:24px;overflow:hidden;background:#101b2c;color:#fff;display:grid;place-items:center}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo span{font-size:3rem;font-weight:650}.photo-upload{display:grid;gap:.35rem;font-size:.9rem;font-weight:750}.photo-upload input{font:inherit}.photo-upload small{color:var(--muted);font-weight:400}.remove-avatar{display:flex;align-items:center;gap:.45rem;margin-top:.75rem;font-size:.85rem}.form-field select{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:.72rem .8rem;background:#fff;font:inherit;color:#172033}.site-footer nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:620px){.profile-card{grid-template-columns:1fr}.profile-photo{width:92px;height:92px}.site-footer nav{justify-content:flex-start}.site-footer .footer-button{min-width:0;font-size:.78rem;padding:0 .65rem}}

/* Small in-page navigation links. */
html{scroll-behavior:smooth}
.topbar-actions{display:flex;align-items:center;gap:.7rem;margin-left:auto}
.page-jump{display:inline-flex;align-items:center;justify-content:center;color:#cbd5e1;text-decoration:none;font-size:.78rem;font-weight:750;white-space:nowrap;padding:.35rem .45rem;border-radius:7px}
.page-jump:hover,.page-jump:focus-visible{color:#fff;background:#274e9c;outline:0}
.footer-jump{align-self:center}
@media(max-width:620px){.topbar-actions{margin-top:.7rem;justify-content:space-between}.page-jump{font-size:.72rem;padding:.3rem .4rem}.footer-jump{flex:0 0 100%;justify-content:flex-start;padding-left:0}}

.website-note-list{display:grid;gap:.75rem}.website-note{margin:0}.website-note-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.55rem;padding-bottom:.45rem;border-bottom:1px solid rgba(64,93,125,.14);font-size:.72rem;color:var(--muted)}.edit-note-link{border:0;background:transparent;color:var(--red);font:inherit;font-weight:650;cursor:pointer;padding:.25rem .35rem;border-radius:6px}.edit-note-link:hover,.edit-note-link:focus-visible{color:#fff;background:#274e9c;outline:0}.add-note{white-space:nowrap}
@media(max-width:620px){.website-note-meta{align-items:flex-start}.add-note{height:40px;font-size:.78rem}}

.result-actions{display:flex;align-items:center;gap:1rem}.view-toggle{border:1px solid #cbd5e1;background:#fff;color:var(--ink);border-radius:8px;padding:.38rem .65rem;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer;white-space:nowrap}.view-toggle:hover,.view-toggle:focus-visible{background:#274e9c;border-color:#274e9c;color:#fff;outline:0}.view-toggle[hidden]{display:none}.agent-name-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem 1rem}.agent-name-row{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:.65rem .85rem;text-align:left;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}.agent-name-row span:first-child{overflow-wrap:anywhere}.agent-name-row span:last-child{color:var(--red);font-weight:650}.agent-name-row:hover,.agent-name-row:focus-visible{border-color:#274e9c;background:#f4f7fc;box-shadow:0 5px 14px rgba(39,78,156,.1);outline:0}.agent-name-row:hover span:last-child,.agent-name-row:focus-visible span:last-child{color:#274e9c}
.agent-name-main{display:flex;align-items:center;gap:.55rem;min-width:0}.agent-name-main>span:first-child{overflow-wrap:anywhere}.agent-name-arrow{margin-left:auto;color:var(--red);font-weight:650}.commission-complete{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto;border:1px solid rgba(207,32,47,.28);border-radius:999px;background:#fff0f1;color:var(--red)!important;padding:.18rem .45rem;font-size:.67rem;font-weight:650;line-height:1;white-space:nowrap;vertical-align:middle;margin-left:.45rem}.commission-complete span{color:inherit!important}.record-card h2 .commission-complete{position:relative;top:-1px}.agent-name-row:hover .commission-complete,.agent-name-row:focus-visible .commission-complete{background:#fff;color:var(--red)!important;border-color:rgba(207,32,47,.45)}
.commission-complete-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;border:2px solid var(--red);border-radius:50%;background:#fff;color:var(--red)!important;font-size:.68rem;font-weight:700;line-height:1}.commission-complete-icon span{color:inherit!important}.agent-name-row:hover .commission-complete-icon,.agent-name-row:focus-visible .commission-complete-icon{background:#fff;color:var(--red)!important;border-color:var(--red)}
.password-reveal{display:flex;align-items:center;gap:.55rem;min-height:24px;flex-wrap:wrap}.password-value{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-weight:700}.password-value[hidden]{display:none}.password-actions{display:inline-flex;align-items:center;gap:.65rem}.show-password,.copy-password{border:0;background:transparent;color:var(--red);padding:0;font:inherit;font-size:.76rem;font-weight:650;text-decoration:underline;cursor:pointer}.show-password:hover,.show-password:focus-visible,.copy-password:hover,.copy-password:focus-visible{color:#274e9c;outline:0}
@media(max-width:900px){.agent-name-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.result-actions{align-items:flex-start;flex-direction:column;gap:.4rem;margin-top:.6rem}.agent-name-list{grid-template-columns:1fr}.agent-name-row{min-height:42px;font-size:.84rem}.view-toggle{font-size:.7rem}.result-line{display:block}}

/* Standalone CERTS directory. */
.certs-list{display:grid;gap:11px}.cert-record-row{display:grid;grid-template-columns:28px repeat(5,minmax(0,1fr));align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px}.cert-status{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#edf7f1;color:var(--green);font-size:.8rem;font-weight:700}.cert-status.incomplete{background:#fff1f2;color:#a4132a}.cert-number{font-weight:650;color:#172033}.cert-record-row>*,.cert-account{min-width:0;overflow-wrap:anywhere}.cert-account strong,.cert-account span{display:block}.cert-account strong{font-size:14px}.cert-account span,.cert-agent,.cert-dates{font-size:12px;color:var(--muted)}.cert-agent-link{border:0;background:transparent;color:#b01826;padding:3px 0;font:inherit;font-size:17px;font-weight:650;line-height:1.2;text-align:left;cursor:pointer;text-decoration:none}.cert-agent-link:hover,.cert-agent-link:focus-visible{color:#274e9c;text-decoration:underline;outline:0}.cert-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cert-link{color:#b01826;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}.cert-link:hover{text-decoration:underline}
.cert-complete-field span{display:flex;align-items:center;gap:.55rem}.form-field.cert-complete-field input[type="checkbox"]{width:18px;height:18px;accent-color:var(--red)}
@media(max-width:1050px){.cert-record-row{gap:8px}.cert-account span{display:none}}
@media(max-width:720px){.cert-record-row{grid-template-columns:28px 1fr auto;gap:7px}.cert-number{grid-column:2}.cert-account,.cert-agent,.cert-dates,.cert-actions{grid-column:1/-1}.cert-actions{justify-content:flex-start;margin-top:5px}}

/* Fixed quick navigation mirrors the available site sections and account links. */
.floating-menu{position:fixed;z-index:50;left:14px;top:50%;transform:translateY(-50%);width:164px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(16,27,44,.18);padding:9px}
.floating-menu-toggle{display:none}.floating-menu-items{display:grid;gap:4px}
.floating-menu-item{display:block;width:100%;border:0;border-radius:9px;background:transparent;color:#26364a;text-align:left;text-decoration:none;font:inherit;font-size:13px;font-weight:750;padding:11px 10px;cursor:pointer}
.floating-menu-item:hover,.floating-menu-item:focus-visible{background:#f3f5f8;color:#b01826;outline:0}
.floating-menu-item.active{background:#fff0f1;color:#b01826;border-left:3px solid var(--red)}
@media(min-width:1101px){body:not(.login-page)>main{margin-left:190px;max-width:calc(100% - 190px)}}
@media(max-width:1100px){.floating-menu{left:12px;top:auto;bottom:14px;transform:none;width:auto;padding:5px}.floating-menu-toggle{display:block;border:0;background:#101b2c;color:#fff;border-radius:10px;padding:11px 14px;font:inherit;font-weight:650;cursor:pointer}.floating-menu-items{display:none;position:absolute;left:0;bottom:calc(100% + 6px);width:180px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 25px rgba(16,27,44,.2);padding:7px}.floating-menu.open .floating-menu-items{display:grid}}
.portal-form,.portal-document-form{display:grid;gap:15px}.portal-form label,.portal-document-form label{display:grid;gap:6px;font-weight:700}.portal-form input,.portal-form select,.portal-document-form select{font:inherit;padding:10px;border:1px solid #d4dce5;border-radius:8px;max-width:650px}.portal-document-form{border-top:1px solid #e3e7ed;padding:22px 0}.portal-document-form label:has(input[type=checkbox]){display:flex;align-items:center}.portal-actions{display:flex;gap:10px}.portal-doc-list{display:grid;gap:12px}.portal-doc{display:flex;align-items:center;gap:15px;justify-content:space-between;border-top:1px solid #e3e7ed;padding:12px 0}.portal-doc span{color:#697586}@media(max-width:640px){.portal-doc{align-items:flex-start;flex-direction:column}}

.schedule-scroll{overflow:auto;max-width:100%}.schedule-grid,.schedule-view{border-collapse:collapse;width:max-content;min-width:100%;background:#fff}.schedule-grid td,.schedule-view td{border:1px solid #d4dce5;min-width:155px;padding:6px;vertical-align:top}.schedule-grid input{border:0;outline:0;font:inherit;min-width:140px;width:100%;padding:5px}.schedule-grid input:focus{box-shadow:inset 0 0 0 2px #b01826}.schedule-view td{padding:11px;white-space:pre-wrap;overflow-wrap:anywhere}.portal-publish{display:flex!important;align-items:center;gap:8px}

.schedule-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.schedule-tab-active{background:#fff0f1!important;border-color:#b01826!important;color:#b01826!important;font-weight:650}

.reset-help{margin:15px 0 0;text-align:center}.reset-help a{color:#b01826;font-weight:750}.reset-help a:hover{text-decoration:underline}

/* Keep inactive filter groups out of the toolbar and wrap active controls. */
.controls .filters[hidden]{display:none!important}
.controls{min-width:0;max-width:100%;flex-wrap:wrap}
.controls .search-wrap{flex:1 1 285px;min-width:min(260px,100%)}
.controls .filters{flex:1 1 650px;min-width:0;display:flex;flex-wrap:wrap;align-items:center}
.controls .filters select{flex:1 1 145px;min-width:130px;max-width:none}
.controls .filters .button-secondary{white-space:nowrap}
@media(max-width:620px){.controls .search-wrap,.controls .filters{flex-basis:100%}.controls .filters select{flex:1 1 100%}.controls .filters .button-secondary{flex:1 1 auto;text-align:center}}

.floating-menu-items{max-height:min(72vh,650px);overflow-y:auto}

/* Agent card summary download */
.report-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;max-width:680px}
.report-panel h2{margin:0 0 8px;font-size:1.35rem}.report-panel p{margin:0 0 20px;color:var(--muted)}

.report-results{display:grid;gap:16px}

/* Principal portal report year folders */
.portal-year-intro{margin:.25rem 0 1rem;color:#586579}.portal-year-list{display:grid;gap:.75rem}.portal-year{border:1px solid #dce3ec;border-radius:12px;background:#fff;overflow:hidden}.portal-year summary{display:flex;align-items:center;gap:.8rem;cursor:pointer;list-style:none;padding:1rem 1.1rem;min-height:3.5rem}.portal-year summary::-webkit-details-marker{display:none}.portal-year summary:hover{background:#f7f9fc}.portal-year summary:focus-visible{outline:3px solid #ad2030;outline-offset:-3px}.portal-folder-icon{font-size:1.35rem}.portal-year summary strong{font-size:1.2rem;color:#172033}.portal-year-count{color:#586579;font-size:.9rem}.portal-year-chevron{margin-left:auto;font-size:1.4rem;color:#a4132a;transition:transform .15s ease}.portal-year[open] .portal-year-chevron{transform:rotate(180deg)}.portal-year-content{padding:0 1.1rem 1rem;border-top:1px solid #e3e7ed}.portal-year-content .portal-doc:first-child{border-top:0}.portal-report-title{display:grid;gap:.2rem}.portal-report-title small{color:#697586}@media(max-width:640px){.portal-year summary{flex-wrap:wrap}.portal-year-count{font-size:.8rem}}

/* Compact first-sheet summaries next to each monthly report. */
.portal-report-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.25fr) auto;gap:1.25rem;align-items:center}.portal-report-preview{display:grid;gap:.15rem;padding:.45rem .75rem;border-left:2px solid #e4e8ef;color:#334155;font-size:.9rem}.portal-report-preview>span{display:flex;justify-content:space-between;gap:1rem}.portal-report-preview strong{font-variant-numeric:tabular-nums;white-space:nowrap}.portal-report-preview small{color:#697586}@media(max-width:700px){.portal-report-row{grid-template-columns:1fr;gap:.5rem}.portal-report-preview{width:100%}}

/* Four Principal document folders */
.principal-folder-list{display:grid;gap:.85rem}.principal-folder{border:1px solid #dce3ec;border-radius:14px;overflow:hidden;background:#fff}.principal-folder>summary{list-style:none;display:flex;align-items:center;gap:.9rem;padding:1.2rem;cursor:pointer;min-height:4.25rem}.principal-folder>summary::-webkit-details-marker{display:none}.principal-folder>summary:hover{background:#f7f9fc}.principal-folder>summary:focus-visible{outline:3px solid #ad2030;outline-offset:-3px}.principal-folder>summary strong{font-size:1.2rem}.principal-folder>summary small{color:#586579}.principal-folder-arrow{margin-left:auto;font-size:1.4rem;color:#a4132a}.principal-folder[open] .principal-folder-arrow{transform:rotate(180deg)}.principal-folder-content{padding:1rem 1.2rem 1.3rem;border-top:1px solid #e3e7ed;display:grid;gap:.65rem}.principal-folder-content>p{margin:.3rem 0;color:#586579}.principal-doc{width:100%}.principal-doc>span{display:grid;gap:.25rem}.principal-doc small{color:#697586}.principal-folder-content .portal-year{width:100%}@media(max-width:640px){.principal-folder>summary{flex-wrap:wrap}.principal-folder>summary small{font-size:.8rem}}
/* Commission Library: compact filtering and paginated document management. */
.library-total{color:#586579;font-weight:700;white-space:nowrap}.library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.library-filters label{display:grid;gap:.4rem;font-weight:700;font-size:.9rem}.library-filters input,.library-filters select{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:.6rem .75rem;font:inherit}.library-filter-actions{display:flex;align-items:end;gap:.6rem}.library-result-count{color:#586579;font-weight:700}.library-results{display:grid;gap:.65rem}.library-result{border:1px solid #dce3ec;border-radius:10px;overflow:hidden}.library-result>summary{display:flex;align-items:center;gap:1rem;list-style:none;padding:1rem;cursor:pointer}.library-result>summary::-webkit-details-marker{display:none}.library-result>summary:hover{background:#f7f9fc}.library-result>summary:focus-visible{outline:3px solid #ad2030;outline-offset:-3px}.library-result-main{display:grid;gap:.25rem;min-width:0;flex:1}.library-result-main strong,.library-result-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-result-main small,.library-result-meta{color:#586579}.library-result-meta{font-size:.85rem;text-align:right}.library-result-arrow{color:#a4132a;font-size:1.3rem}.library-result[open] .library-result-arrow{transform:rotate(180deg)}.library-result-detail{padding:.25rem 1rem 1rem;border-top:1px solid #e3e7ed}.library-result-detail p{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.library-result-detail small{color:#586579}.library-result-detail .portal-document-form{border-top:0;padding:0}.library-pagination{display:flex;gap:.8rem;justify-content:center;align-items:center;margin-top:1.5rem}.library-upload>summary{cursor:pointer;font-weight:650;font-size:1.1rem;list-style:none}.library-upload>summary::-webkit-details-marker{display:none}.library-upload-content{padding-top:1rem}.library-upload-content>.editor-panel{box-shadow:none}@media(max-width:850px){.library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.library-filters{grid-template-columns:1fr}.library-result>summary{align-items:flex-start;flex-wrap:wrap}.library-result-meta{text-align:left}.library-result-arrow{margin-left:auto}}
.library-agent-search{margin:1.2rem 0}.library-agent-search label{display:block;font-weight:700;margin-bottom:.5rem}.library-agent-search>div{display:flex;gap:.7rem;max-width:700px}.library-agent-search input{flex:1;min-width:0;min-height:46px;border:1px solid #cbd5e1;border-radius:9px;padding:.65rem .8rem;font:inherit}.library-agent-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.library-agent-results a{display:block;border:1px solid #dce3ec;border-radius:10px;padding:1rem;color:#17202b;text-decoration:none;font-weight:700}.library-agent-results a:hover,.library-agent-results a:focus-visible{border-color:#ad2030;background:#f7f9fc}.library-selected-agent{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 1rem}.library-selected-agent h3{margin:0}.library-folder-list .principal-folder-content{display:grid}.library-upload-content>.editor-panel{margin:0 0 1rem}@media(max-width:600px){.library-agent-search>div,.library-selected-agent{align-items:stretch;flex-direction:column}.library-agent-results{grid-template-columns:1fr}}
.library-upload a.library-button-link,.library-result-detail a.library-button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;padding:.65rem 1rem;border-radius:10px;text-decoration:none;font-weight:650;line-height:1.25;text-align:center}.library-upload a.button-primary.library-button-link:hover,.library-upload a.button-primary.library-button-link:focus-visible{background:var(--red-dark);border-color:var(--red-dark);color:#fff}.library-result-detail a.button-secondary.library-button-link:hover,.library-result-detail a.button-secondary.library-button-link:focus-visible{background:#f3f6f9;border-color:#aab4c1;color:var(--ink)}

/* Shared visual system — typography, partner identity, and accessible motion. */
html,body,button,input,select,textarea{font-family:Helvetica,Arial,sans-serif}
html{background:#f5f7fa}body{color:var(--ink)}
.topbar,.site-footer{background:#14243b}
.topbar{min-height:78px;height:auto;gap:18px}
.brand{min-width:0;gap:11px}.brand-partner-logo{display:block;width:150px;height:38px;object-fit:contain;background:#fff;border-radius:9px;padding:6px 8px;flex:none}.brand-context small{font-size:10px;line-height:1.3;margin:0;max-width:120px}
.tab{font-weight:500}.tab.active{font-weight:600}.eyebrow{font-weight:600;letter-spacing:.15em}
h1{font-weight:600;letter-spacing:-.035em;line-height:1.08}h2,h3{letter-spacing:-.015em}
.button-primary,.footer-button,.open-record,.badge,.floating-menu-item{font-weight:600}
.record-card,.editor-panel,.count-card,.login-card{box-shadow:0 6px 24px rgba(20,36,59,.045)}
.record-card{border-color:#dbe4ed}.record-card:hover,.record-card:focus-visible{border-color:#9db3ca;box-shadow:0 15px 36px rgba(20,36,59,.12)}
.editor-panel,.login-card{border-color:#dbe4ed}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #668aca;outline-offset:2px}
button,a,summary{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.hero-identity{display:flex;align-items:center;gap:16px;margin:0 0 24px}.hero-identity img{display:block;width:min(260px,60vw);height:auto}.hero-identity span{border-left:1px solid #cbd5e1;padding-left:16px;color:#65758a;font-size:11px;letter-spacing:.13em;font-weight:600}
.partner-strip{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,45px);flex-wrap:wrap;padding:23px 22px;border-top:1px solid #dfe5ec;background:#fff}.partner-strip>span,.login-partner>span{color:#69778b;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.partner-strip img{object-fit:contain}.partner-strip img[src*="conectus"]{width:174px;height:auto}.partner-strip img[src*="verizon"]{width:126px;height:59px}
.section-goliath{display:block;width:198px;height:auto;margin-bottom:20px}
.login-main{background:radial-gradient(circle at 18% 20%,rgba(58,98,150,.13),transparent 35%),linear-gradient(135deg,#eaf0f6,#f7f9fb 62%);padding:42px 16px}.login-card{width:min(510px,100%);padding:clamp(22px,4vw,38px);border-radius:22px}.login-goliath{display:block;max-width:100%;height:auto;margin:0 0 25px}.login-brand{display:inline-flex;width:auto;margin-bottom:25px;padding:7px 11px}.login-brand .brand-partner-logo{width:134px;height:34px}.login-brand .brand-context small{color:#bdc9d8}.login-card h1{font-size:clamp(32px,4vw,42px);font-weight:600}.login-partner{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e4e9f0;margin-top:26px;padding-top:15px}.login-partner img{object-fit:contain;width:124px;height:58px}
.editor-page{background:#f5f7fa}.editor-heading p,.commission-hub-heading p{line-height:1.55}
@media(max-width:800px){.topbar{flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.topbar-actions{margin-left:0}.tabs{order:3;width:100%;height:43px;margin:0;overflow-x:auto}.brand-partner-logo{width:132px;height:35px}.brand-context small{font-size:9px}}
@media(max-width:520px){.hero-identity{align-items:flex-start;flex-direction:column;gap:10px}.hero-identity span{border:0;padding:0}.partner-strip{gap:12px 22px}.partner-strip>span{width:100%;text-align:center}.site-footer nav{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Shared menu details previously repeated inline in every rendered page. */
.floating-menu .floating-menu-item{font-size:15px;text-transform:uppercase}
.floating-menu .floating-menu-divider{border-top:1px solid #e3e7ed;margin:6px 0 3px}
.floating-menu .pending-access-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:7px;padding:0 5px;border-radius:20px;background:#d51f32;color:#fff;font-size:12px;font-weight:650;line-height:1;vertical-align:middle;box-shadow:0 0 0 0 rgba(213,31,50,.4);animation:pendingAccessPulse 1.8s ease-in-out infinite}
@keyframes pendingAccessPulse{50%{box-shadow:0 0 0 6px rgba(213,31,50,.12)}}
@media(prefers-reduced-motion:reduce){.floating-menu .pending-access-badge{animation:none}}
@media(min-width:801px){.topbar .tabs{min-height:78px}}
@media(max-width:800px){.topbar .tabs{min-height:43px}}

/* Directory header tabs share the commission header's baseline. */
.topbar .tabs .tab,.topbar .tabs .commission-hub-tab{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-height:78px;height:auto;padding:0 12px;border:0;border-bottom:3px solid transparent;color:#aab6c6;background:transparent;text-decoration:none;white-space:nowrap;font:inherit;font-size:14px;font-weight:500;line-height:1.2;text-transform:uppercase}
.topbar .tabs .tab.active{border-bottom-color:var(--red);color:#fff;font-weight:600}
.topbar .tabs .commission-hub-tab:hover,.topbar .tabs .commission-hub-tab:focus-visible{color:#fff}
@media(max-width:800px){.topbar .tabs .tab,.topbar .tabs .commission-hub-tab{min-height:43px;padding:0 11px;font-size:13px}}

/* Manage Users: compact, consistent account rows. */
.user-directory{padding:clamp(18px,2.5vw,28px)}
.user-directory .section-heading{margin-bottom:18px}
.user-total{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border-radius:9px;background:#eef3fa;color:#294b7c;font-size:14px;font-weight:600}
.user-directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.user-directory .user-search-label{display:grid;gap:7px;flex:1 1 330px;max-width:510px;margin:0;color:#35435a;font-size:13px;font-weight:600}
.user-directory .user-search-label input{width:100%;max-width:none;height:44px;padding:0 14px;border:1px solid #c9d5e4;border-radius:10px;background:#fff;color:#172033;font:inherit;font-size:14px}
.user-directory .user-search-count{margin:0 0 9px;color:#657386;font-size:13px;white-space:nowrap}
.user-directory .user-list{display:grid;gap:10px}
.user-directory .user-account{min-width:0;border:1px solid #d8e2ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(20,36,59,.035)}
.user-directory .user-account[open]{border-color:#a7bfd9;box-shadow:0 10px 28px rgba(20,36,59,.08)}
.user-directory .user-summary{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.85fr) minmax(140px,1.1fr) minmax(160px,1.05fr) 73px 18px;align-items:center;gap:14px;min-height:76px;padding:13px 18px;list-style:none;cursor:pointer}
.user-directory .user-summary::-webkit-details-marker{display:none}
.user-directory .user-summary:hover{background:#f8fafd}
.user-directory .user-summary:focus-visible{outline:3px solid #668aca;outline-offset:-3px}
.user-directory .user-account[open]>.user-summary{background:#f4f8fd;border-bottom:1px solid #dce5ef}
.user-directory .user-identity,.user-directory .user-summary-field{display:grid;gap:4px;min-width:0}
.user-directory .user-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:#172a45}
.user-directory .user-identity small,.user-directory .user-summary-field small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68778a;font-size:12px;font-weight:400}
.user-directory .user-summary-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#293a51}
.user-directory .user-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;padding:6px 9px;border-radius:999px;background:#f1f3f6;color:#667085;font-size:12px;font-weight:600}
.user-directory .user-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#9aa6b6}
.user-directory .user-status.is-online{background:#e9f7ef;color:#17663d}.user-directory .user-status.is-online::before{background:#2bb36d}
.user-directory .user-expand{justify-self:end;color:#8b9bb0;font-size:22px;line-height:1;transition:transform .18s ease}
.user-directory .user-account[open] .user-expand{transform:rotate(180deg)}
.user-directory .user-account-body{padding:22px 24px 24px}
.user-directory .user-edit-form.user-form{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}
.user-directory .user-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px}
.user-directory .user-edit-fields label{display:grid;gap:7px;color:#394960;font-size:13px;font-weight:600}
.user-directory .user-edit-fields select{height:44px}
.user-directory .prospect-user-fields{margin-top:0;max-width:820px}
.user-directory .user-edit-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:2px}
.user-directory .user-edit-actions button{width:auto;min-height:42px;height:auto;padding:9px 14px;white-space:normal}
.user-directory .user-edit-actions .button-danger{margin-left:auto}
.user-directory .user-activity{margin-top:22px;padding-top:17px;border-top:1px solid #e6ebf2}
.user-directory .user-activity h3{margin:0 0 12px;color:#35445b;font-size:14px;font-weight:600}
.user-directory .user-activity-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.user-directory .user-activity-facts>span{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere;color:#27384d;font-size:13px}
.user-directory .user-activity-facts small{color:#718096;font-size:12px}
.user-directory .user-pages{margin-top:18px;color:#39587f;font-size:13px}.user-directory .user-pages summary{width:max-content;cursor:pointer}.user-directory .user-pages ul{margin:10px 0 0;padding-left:20px;line-height:1.7}
.user-directory .user-search-empty{margin:16px 0 0}
@media(min-width:1101px){body.editor-page>main.users-main{width:min(1280px,calc(100vw - 220px));max-width:none;margin-left:max(190px,calc((100vw - 1280px)/2));margin-right:auto}}
@media(max-width:1120px){.user-directory .user-summary{grid-template-columns:minmax(150px,1.6fr) minmax(90px,.8fr) minmax(120px,1.1fr) minmax(130px,1fr) 70px 18px;gap:10px;padding:13px}}
@media(max-width:850px){.user-directory .user-summary{grid-template-columns:minmax(0,1fr) auto 18px;gap:7px 12px}.user-directory .user-identity{grid-column:1;grid-row:1}.user-directory .user-status{grid-column:2;grid-row:1}.user-directory .user-agent-summary{grid-column:1;grid-row:2}.user-directory .user-summary-field:not(.user-agent-summary){display:none}.user-directory .user-expand{grid-column:3;grid-row:1/3}.user-directory .user-activity-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.user-directory .user-account-body{padding:17px}.user-directory .user-edit-fields{grid-template-columns:1fr}.user-directory .user-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.user-directory .user-edit-actions button{width:100%}.user-directory .user-edit-actions .button-danger{margin:0}.user-directory .user-search-count{white-space:normal}.user-directory .user-activity-facts{grid-template-columns:1fr 1fr}}

/* Clearer top navigation with restrained feedback. */
.topbar .tabs .tab,.topbar .tabs .commission-hub-tab{position:relative;font-size:17px;padding-inline:14px;transition:transform .2s cubic-bezier(.2,1.35,.35,1),background-color .2s ease,box-shadow .2s ease,color .2s ease;text-shadow:none}
.topbar .tabs .tab:hover,.topbar .tabs .tab:focus-visible,.topbar .tabs .commission-hub-tab:hover,.topbar .tabs .commission-hub-tab:focus-visible{color:#fff;background:rgba(255,255,255,.09);box-shadow:inset 0 -3px 0 rgba(255,95,114,.8),0 0 22px rgba(102,150,234,.2);transform:translateY(-2px) scale(1.035);text-shadow:0 0 12px rgba(200,225,255,.4)}
.topbar .tabs .tab.active:hover{box-shadow:inset 0 -3px 0 rgba(255,95,114,.8),0 0 22px rgba(102,150,234,.2)}
.brand-context small{font-size:12px;max-width:140px;letter-spacing:.1em}
@media(max-width:1100px){.topbar:has(.tabs){flex-wrap:wrap;padding-top:12px;padding-bottom:10px}.topbar .tabs:not(.commission-top-nav){order:3;flex:1 0 100%;width:100%;min-height:48px;height:48px;margin:0;overflow-x:auto}.topbar .tabs:not(.commission-top-nav) .tab,.topbar .tabs:not(.commission-top-nav) .commission-hub-tab{min-height:48px}}
@media(max-width:800px){.topbar .tabs .tab,.topbar .tabs .commission-hub-tab{font-size:15px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.topbar .tabs .tab,.topbar .tabs .commission-hub-tab{transition:none}.topbar .tabs .tab:hover,.topbar .tabs .tab:focus-visible,.topbar .tabs .commission-hub-tab:hover,.topbar .tabs .commission-hub-tab:focus-visible{transform:none}}

/* One centered header grid and one responsive tab row for directory and commission pages. */
.topbar:has(>.tabs)>.tabs{display:flex;align-items:stretch;justify-content:center;gap:6px;min-width:0}
@media(min-width:1201px){.topbar:has(>.tabs){display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center}.topbar:has(>.tabs)>.brand{grid-column:1;justify-self:start}.topbar:has(>.tabs)>.tabs{grid-column:2;justify-self:center}.topbar:has(>.tabs)>.topbar-actions,.topbar:has(>.tabs)>nav:not(.tabs){grid-column:3;justify-self:end;margin-left:0}}
@media(max-width:1200px){.topbar:has(>.tabs){display:flex;flex-wrap:wrap;padding-top:12px;padding-bottom:10px}.topbar:has(>.tabs)>.tabs{order:3;flex:1 0 100%;width:100%;height:48px;min-height:48px;margin:0;justify-content:flex-start;overflow-x:auto}.topbar:has(>.tabs)>.tabs .tab{min-height:48px}.topbar:has(>.tabs)>nav:not(.tabs){margin-left:auto}}

/* Oversized ConectUS artwork behind the secure sign-in form. */
.login-page .login-main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#edf3fa,#f9fbfe 65%)}
.login-page .login-main::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:100%;aspect-ratio:2048 / 388;transform:translate(-50%,-50%);background:url("conectus-login-background.png") center/contain no-repeat;opacity:.43;pointer-events:none}
.login-page .login-card{position:relative;z-index:1;background:rgba(255,255,255,.97);box-shadow:0 24px 60px rgba(20,36,59,.16)}
@media(max-width:620px){.login-page .login-main{place-items:start center;padding-top:clamp(120px,36vw,185px)}.login-page .login-main::before{top:26px;transform:translateX(-50%);width:100%;opacity:.58}}

/* Hidden controls must stay hidden even when button and toolbar classes set display. */
[hidden]{display:none!important}

/* Manage Users: aligned account creation and prospect settings. */
.add-user-panel .section-heading,.paperwork-panel .section-heading{margin-bottom:20px}
.add-user-panel .section-heading p,.paperwork-panel .section-heading p{max-width:760px;line-height:1.5}
.add-user-form.user-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}
.add-user-form>label,.add-user-form .prospect-user-fields>label,.paperwork-form label{display:grid;gap:7px;min-width:0;color:#364860;font-size:13px;font-weight:600}
.add-user-form input:not([type=checkbox]),.add-user-form select,.paperwork-form input{width:100%;height:46px;border:1px solid #c8d5e5;border-radius:10px;padding:0 13px;background:#fff;color:#172033;font:inherit}
.add-user-form .prospect-user-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;margin:0}
.add-user-form .prospect-options{grid-column:1/-1;margin:0;padding:18px;border:1px solid #d9e4f0;border-radius:12px;background:#f8fafd}
.add-user-form .prospect-options summary{color:#283d5a;font-weight:600;font-size:15px;line-height:1.4}
.add-user-form .schedule-help{margin:9px 0 15px;color:#65758c;font-size:13px;line-height:1.5}
.add-user-form .prospect-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:0;max-height:none;overflow:visible}
.add-user-form .prospect-option-list label{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:58px;padding:11px 12px;border:1px solid #dde6f1;border-radius:9px;background:#fff;color:#283a51;font-size:13px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
.add-user-form .prospect-option-list input[type=checkbox]{width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:1px 0 0;padding:0;accent-color:#c91f34}
.add-user-form .principal-agent-field{grid-column:1/-1;max-width:470px}.add-user-form .principal-agent-field small{color:#6b778a;font-size:12px;font-weight:400}
.add-user-actions{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:2px}.add-user-actions .button-primary{min-height:46px;height:auto;padding:10px 18px}
.paperwork-form.user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px}
.paperwork-item{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:11px 13px;min-width:0;padding:16px;border:1px solid #dce5f0;border-radius:12px;background:#fbfcfe}
.paperwork-item h3{grid-column:1/-1;margin:0;color:#314a6a;font-size:14px;font-weight:600}
.paperwork-item input{min-width:0}.paperwork-actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:7px}.paperwork-actions .button-primary{min-height:46px;height:auto;padding:10px 18px}
@media(max-width:1000px){.add-user-form .prospect-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}.paperwork-form.user-form{grid-template-columns:1fr}}
@media(max-width:760px){.add-user-form.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.add-user-form .prospect-user-fields{grid-template-columns:1fr}.add-user-form .prospect-option-list{grid-template-columns:1fr}}
@media(max-width:580px){.add-user-form.user-form{grid-template-columns:1fr}.paperwork-item{grid-template-columns:1fr}.add-user-actions .button-primary,.paperwork-actions .button-primary{width:100%}}

/* Goliath Giant Connections brand refresh — 2026-09-26 */
.hero-identity img,.section-goliath,.login-goliath{display:block;height:auto;object-fit:contain}
.hero-identity img{width:clamp(250px,24vw,340px);max-width:100%;margin:0 0 9px}
.section-goliath{width:clamp(230px,22vw,300px);max-width:100%;margin:0 0 14px}
.login-goliath{width:min(360px,100%);max-height:130px;object-fit:contain;object-position:left center;margin:0 0 20px}

/* Branded side rail: the menu wraps around a floating G medallion. */
.floating-menu{overflow:visible;padding:55px 9px 11px;border-radius:24px 24px 16px 16px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 16px 38px rgba(10,33,69,.22),0 1px 0 rgba(255,255,255,.75) inset}
.floating-menu::before{content:"";position:absolute;z-index:-1;left:50%;top:-37px;width:104px;height:104px;transform:translateX(-50%);border-radius:36px;background:linear-gradient(145deg,#071d3d,#0f5bb8 58%,#1da7f3);box-shadow:0 14px 28px rgba(10,67,132,.28);}
.floating-menu::after{content:"";position:absolute;left:19px;right:19px;top:45px;height:1px;background:linear-gradient(90deg,transparent,rgba(33,105,184,.42),transparent)}
.floating-menu-brand{position:absolute;left:50%;top:-28px;transform:translateX(-50%);z-index:2;width:132px;display:grid;justify-items:center;gap:5px;text-decoration:none;color:#0b294f;text-align:center}
.floating-menu-mark{display:grid;place-items:center;width:88px;height:88px;border-radius:30px;background:#fff;border:1px solid rgba(13,68,132,.12);box-shadow:0 9px 20px rgba(8,40,83,.22);overflow:hidden}
.floating-menu-mark img{display:block;width:84px;height:79px;object-fit:contain}
.floating-menu-brand-text{display:none}
.floating-menu-items{position:relative;z-index:1}
.floating-menu-item{position:relative;border-radius:11px;padding:10px 10px;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.floating-menu-item:hover,.floating-menu-item:focus-visible{transform:translateX(3px);background:#edf5ff;color:#0b56a7;box-shadow:inset 3px 0 0 #1486e6}
.floating-menu-item.active{background:linear-gradient(90deg,#e8f3ff,#f6fbff);color:#0b56a7;border-left:0;box-shadow:inset 3px 0 0 #1486e6}
.floating-menu-divider{border-top-color:#dbe8f5!important}
.floating-menu-toggle-mark{display:none}

@media(min-width:1101px){
  .floating-menu{width:174px;left:12px}
}
@media(max-width:1100px){
  .floating-menu{padding:5px;border-radius:14px;background:transparent;border:0;box-shadow:none}
  .floating-menu::before,.floating-menu::after,.floating-menu-brand{display:none}
  .floating-menu-toggle{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;background:linear-gradient(135deg,#071d3d,#0f4f9d);box-shadow:0 10px 25px rgba(7,38,78,.25)}
  .floating-menu-toggle-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;overflow:hidden}
  .floating-menu-toggle-mark img{width:34px;height:32px;object-fit:contain}
  .floating-menu-items{width:190px}
}
@media(max-width:620px){
  .hero-identity img{width:min(290px,88vw)}
  .section-goliath{width:min(260px,84vw)}
  .login-goliath{width:min(315px,100%)}
}


/* Site-wide cleanup — 2026-09-26. Keep rendered pages visually consistent. */
html,body,button,input,select,textarea{font-family:Helvetica,Arial,sans-serif}
input,select,textarea{color:var(--ink);background:#fff}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea{border:1px solid #cbd5e1;border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,select:focus,textarea:focus{border-color:#6f8fb8;outline:0;box-shadow:0 0 0 3px rgba(55,105,165,.13)}
label>span:first-child,.form-field>span:first-child,.picker-field>span:first-child{line-height:1.35}
small{line-height:1.45}.editor-heading p,.section-heading p,.login-intro{line-height:1.55}
.topbar>.commission-top-nav{align-self:stretch}
.guest-topbar{min-height:72px}.guest-topbar .commission-top-nav{height:72px}
.contact-main{max-width:1100px}.contact-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-card{margin:0}.contact-card h2{margin:.1rem 0 .65rem;font-size:1.55rem}.contact-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.contact-details{display:grid;gap:0;margin:1.2rem 0 0}.contact-details>div{padding:14px 0;border-top:1px solid var(--line)}.contact-details dt{font-size:12px;font-weight:750;color:#667085;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.contact-details dd{margin:0;line-height:1.55}.contact-details a,.bug-contact a:not(.button-primary){color:#b01826}.bug-contact{display:grid;gap:12px;align-items:start;margin:1.4rem 0}.bug-contact strong{font-size:1.2rem}.bug-contact .button-primary{width:max-content;max-width:100%}.contact-tip{padding:13px 14px;border:1px solid #dce5f0;border-radius:10px;background:#f8fafd!important;color:#475467!important}
@media(max-width:760px){.contact-card-grid{grid-template-columns:1fr}.guest-topbar{height:auto}.guest-topbar .commission-top-nav{height:48px}}

@media print{.commission-top-nav,.topbar,.floating-menu{display:none!important}}

.show-prospects-control{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;color:var(--ink);font-size:.8rem;font-weight:700;cursor:pointer}.show-prospects-control input{width:16px;height:16px;margin:0;accent-color:#274e9c;cursor:pointer}.show-prospects-control[hidden]{display:none}

/* Agent list visibility and contact layout */
.result-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.prospect-visibility-control{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.prospect-visibility-control input{width:15px;height:15px;margin:0}.contact a{display:block;width:max-content;max-width:100%}


/* Compact document folder browser */
.compact-folder-browser{padding:1.15rem 1.25rem}.compact-folder-heading{align-items:center}.compact-folder-search{display:grid;gap:.35rem;max-width:560px;margin:.85rem 0 1rem;font-size:.86rem;font-weight:700;color:#344054}.compact-folder-search input{min-height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:.55rem .72rem;font:inherit;background:#fff}.compact-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.compact-folder{border:1px solid #dce3ec;border-radius:11px;background:#fff;overflow:hidden}.compact-folder>summary{list-style:none;display:flex;align-items:center;gap:.65rem;min-height:48px;padding:.72rem .85rem;cursor:pointer}.compact-folder>summary::-webkit-details-marker{display:none}.compact-folder>summary:hover{background:#f7f9fc}.compact-folder>summary strong{font-size:.98rem;color:#172033}.compact-folder>summary small{margin-left:auto;color:#667085;font-size:.78rem}.compact-folder>summary .principal-folder-arrow{margin-left:.1rem}.compact-folder-icon{font-size:1rem}.compact-folder-files{border-top:1px solid #e3e7ed;padding:.25rem .75rem .55rem;max-height:360px;overflow:auto}.compact-file-row{display:flex;align-items:center;gap:.65rem;padding:.58rem 0;border-top:1px solid #eef1f5}.compact-file-row:first-child{border-top:0}.compact-file-main{display:grid;gap:.15rem;min-width:0;flex:1}.compact-file-main strong,.compact-file-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-file-main strong{font-size:.9rem;color:#172033}.compact-file-main small{font-size:.76rem;color:#667085}.compact-file-actions{display:flex;gap:.4rem;flex:none}.compact-file-button{min-height:30px!important;height:30px!important;padding:.28rem .58rem!important;border-radius:7px!important;font-size:.75rem!important;line-height:1!important;text-decoration:none!important}.compact-folder-empty{margin:.65rem 0;color:#667085;font-size:.86rem}@media(max-width:850px){.compact-folder-grid{grid-template-columns:1fr}}@media(max-width:560px){.compact-file-row{align-items:flex-start;flex-direction:column}.compact-file-actions{width:100%}.compact-file-button{flex:1}.compact-folder>summary{flex-wrap:wrap}.compact-folder>summary small{margin-left:0}.compact-folder>summary .principal-folder-arrow{margin-left:auto}}


/* CERT directory column proportions — 2026-10-13
   Reserve compact widths for CERT number, date range and actions.
   Allocate remaining width to account/company and Agent. */
@media (min-width: 721px) {
  .certs-list .cert-record-row {
    grid-template-columns: 28px 112px minmax(220px, 1.25fr) minmax(230px, 1.35fr) 132px 190px;
    column-gap: 12px;
  }
  .certs-list .cert-record-row > .cert-number { white-space: nowrap; }
  .certs-list .cert-record-row > .cert-dates { white-space: nowrap; }
  .certs-list .cert-record-row > .cert-actions { min-width: 0; justify-content: flex-end; }
}
@media (min-width: 721px) and (max-width: 1200px) {
  .certs-list .cert-record-row {
    grid-template-columns: 26px 94px minmax(140px, 1.2fr) minmax(150px, 1.3fr) 112px 146px;
    column-gap: 9px;
  }
  .certs-list .cert-record-row > .cert-actions { gap: 5px; }
}

/* Agent directory: subtle tile outlines; no layout changes. */
body:has(#agent-card-template) .card-grid .record-card,
body:has(#agent-card-template) .agent-name-list .agent-name-row {
  border: 1px solid #c8cdd3;
}

/* Agent directory: consistent subtle outlines on the OUTER tile element.
   The name-list renderer nests .agent-name-row inside .agent-name-tile;
   styling the inner row does not outline the visible tile. */
#results.agent-name-list > .agent-name-tile,
#results.agent-name-list > .agent-name-tile.prospect-name-wrapper,
#results.agent-name-list > .agent-name-tile.active-prospect-wrapper,
#results.agent-name-list > .agent-name-row,
#results.card-grid > .record-card {
  border: 1px solid #c8cdd3 !important;
}
/* Preserve the existing yellow approval-pending warning outline. */
#results.agent-name-list > .agent-name-tile.pending-approval-tile {
  border-color: #dfc700 !important;
}

/* Agent Card View: remove decorative number/initial and reclaim its space. */
body:has(#agent-card-template) #results.card-grid > .record-card {position:relative;}
body:has(#agent-card-template) #results.card-grid > .record-card .card-top {position:absolute;top:18px;right:20px;margin:0;}
body:has(#agent-card-template) #results.card-grid > .record-card .card-top .initial {display:none!important;}
body:has(#agent-card-template) #results.card-grid > .record-card h2 {padding-right:108px;}

/* Internal agent reference indicators, isolated from agent workflow. */
#results .background-received-tile,#results .background-received-tile.pending-approval-tile,#results.agent-name-list>.agent-name-tile.background-received-tile{background:#c8f1d4!important;border-color:#47a96a!important}
#results .background-received-tile .agent-name-row{background:transparent!important}
.management-status-button{display:block;align-self:flex-start;margin:6px 0 0;padding:4px 9px;border:1px solid #a9b7ca;border-radius:7px;background:#f5f8fc;color:#274e9c;font:600 11px Helvetica,Arial,sans-serif;cursor:pointer}
.management-status-button:hover{background:#e7f0fc}
.management-status-dialog{position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 32px));border:1px solid #cbd5e1;border-radius:13px;padding:24px;background:#fff;color:#172033;box-shadow:0 18px 60px #0004}
.management-status-dialog::backdrop{background:#0008}
.management-status-dialog h3{margin:0 0 8px}.management-status-dialog p{font-size:13px;color:#596579}
.management-status-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.management-status-fields label{display:flex;align-items:center;gap:7px;font-size:13px}
.management-status-actions{display:flex;justify-content:flex-end;gap:10px}
.management-status-actions button{cursor:pointer}
.background-received-control{display:flex;align-items:center;gap:9px;font-weight:650}
.background-received-control input{width:17px;height:17px}

/* Management reference button appears only at the top of the expanded agent details. */
.management-status-detail-top{margin-top:9px;display:flex;align-items:center}
.management-status-detail-top .management-status-button{margin:0}

/* Keep the agent-detail close control visible while scrolling the record. */
#detail-dialog .dialog-shell > #dialog-close {
  position: sticky;
  top: 10px;
  float: right;
  z-index: 20;
  margin: -16px -16px -22px 8px;
  flex-shrink: 0;
  background: #f0f2f5;
  color: #17263a;
  border: 1px solid #cbd2da;
  box-shadow: 0 2px 9px rgba(0,0,0,.16);
}
#detail-dialog .dialog-shell > #dialog-close:hover,
#detail-dialog .dialog-shell > #dialog-close:focus-visible {
  background: #eb2127;
  color: #fff;
  outline-offset: 2px;
}