.representatives-hero{background:linear-gradient(120deg,#073e43,#087c70);color:#fff;border-radius:20px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:22px}.representatives-hero .eyebrow{color:#9de6d0;margin:0}.representatives-hero h2{font-size:27px;margin:7px 0}.representatives-hero p:last-child{margin:0;color:#d3ede7}.representative-hero-metrics{display:flex;gap:10px}.representative-hero-metrics b{min-width:78px;text-align:center;padding:12px;background:#ffffff15;border:1px solid #ffffff2c;border-radius:12px;font-size:22px}.representative-hero-metrics small{display:block;font-size:11px;color:#d2ece7;margin-top:3px}.representatives-toolbar{margin:20px 0 14px}.representatives-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.representative-card{background:#fff;border:1px solid #dbe9e6;border-radius:16px;padding:17px}.representative-card-top{display:flex;align-items:center;gap:10px}.representative-card-top>span{width:40px;height:40px;border-radius:12px;background:#e2f5f0;color:#087b70;display:grid;place-items:center;font-weight:800;font-size:18px}.representative-card-top div{min-width:0;flex:1}.representative-card-top strong,.representative-card-top small{display:block}.representative-card-top small{font-size:11px;color:#71858a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.representative-card-top>b{font-size:11px;color:#087b70;background:#e8f6f1;padding:5px 7px;border-radius:8px}.representative-card dl{display:grid;grid-template-columns:1fr 1fr;margin:16px 0}.representative-card dt{font-size:11px;color:#72858a}.representative-card dd{margin:4px 0 0;font-size:12px;font-weight:700}.representative-card em{font-style:normal;color:#078271}.representative-actions{display:flex;gap:8px}.representative-actions button{padding:8px 10px;font-size:11px}.representative-visits-panel{margin-top:20px}.visit-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.visit-panel-head h2{margin:0}.visit-panel-head p{margin:4px 0 0;color:#73858a;font-size:12px}.visit-panel-head>span{font-size:12px;background:#e7f5f0;color:#087b70;padding:6px 9px;border-radius:8px}.visit-map-link{color:#087b70;font-weight:700;text-decoration:none;display:block}.visit-map-link+small{display:block;font-size:10px;color:#829298;margin-top:3px}.visit-photo-overlay{position:fixed;z-index:5000;inset:0;background:#061f22aa;display:grid;place-items:center;padding:18px}.visit-photo-overlay section{position:relative;max-width:min(760px,100%);max-height:90vh;background:#fff;border-radius:16px;padding:18px}.visit-photo-overlay h3{margin:0 0 12px}.visit-photo-overlay img{display:block;max-width:100%;max-height:72vh;border-radius:10px}.visit-photo-overlay button{position:absolute;left:12px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:#123b40;color:#fff;font-size:20px;cursor:pointer}.representative-qr-page{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:center;max-width:900px;margin:25px auto;padding:28px}.rep-qr-preview{text-align:center;padding:20px;background:#f1faf7;border-radius:16px}.rep-qr-preview img{width:min(100%,280px)}.rep-qr-preview small{display:block;color:#72848a;margin-top:9px}.representative-qr-page h2{font-size:25px}.representative-qr-page p{color:#667b81;line-height:1.8}.representative-qr-page dl{display:flex;gap:20px}.representative-qr-page dt{font-size:11px;color:#71848a}.representative-qr-page dd{margin:4px 0;font-weight:700}.representative-form-wrap{max-width:800px;margin:auto}#public-representative-screen{position:fixed;z-index:6000;inset:0;overflow:auto;padding:24px;background:linear-gradient(135deg,#063d41,#0a7b70);direction:rtl;color:#16333b}.representative-public-card{width:min(620px,100%);margin:30px auto;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #03282a88}.representative-public-card>header{padding:27px 30px;background:#eff9f6;border-bottom:1px solid #d8eae6}.representative-public-card>header p{margin:0;color:#087b70;font-weight:800;font-size:12px}.representative-public-card>header h1{margin:8px 0;font-size:27px}.representative-public-card>header small{color:#657b80}.representative-public-card form{padding:25px 30px}.location-capture{width:100%;border:1px solid #9bcfc4;background:#ecf8f4;color:#08776d;border-radius:11px;padding:13px;font:700 13px inherit;cursor:pointer;margin:5px 0}.location-capture:disabled{opacity:.7}.captured-location{padding:11px 12px;margin:7px 0 16px;border-radius:9px;background:#f5f8f8;color:#63777d;font-size:12px}.representative-public-card label small{display:block;color:#74868c;margin-top:5px}.representative-success{text-align:center;padding:60px 25px}.representative-success>span{width:52px;height:52px;border-radius:50%;background:#e0f5e9;color:#087b70;display:grid;place-items:center;margin:auto;font-size:27px;font-weight:800}.representative-success h2{font-size:23px;margin:16px 0 8px}.representative-success p,.representative-success small{color:#687c81}@media(max-width:850px){.representatives-grid{grid-template-columns:1fr 1fr}.representative-qr-page{grid-template-columns:1fr}.representative-qr-page .rep-qr-preview{max-width:330px;margin:auto}}@media(max-width:600px){.representatives-hero{align-items:flex-start;flex-direction:column}.representatives-grid{grid-template-columns:1fr}.representative-hero-metrics{width:100%}.representative-hero-metrics b{flex:1}.representative-actions button{flex:1}.representative-public-card{margin:0;min-height:100%;border-radius:0}.representative-public-card>header,.representative-public-card form{padding:22px 18px}#public-representative-screen{padding:0}}

/* v2 directory layout */
.representatives-table-panel{padding:0;overflow:hidden}.representatives-table{width:100%;border-collapse:collapse}.representatives-table th{padding:14px 18px;background:#f3faf8;color:#587075;font-size:12px;text-align:right}.representatives-table td{padding:13px 18px;border-top:1px solid #e6efed}.representative-row{cursor:pointer;transition:.18s background}.representative-row:hover,.representative-row[aria-expanded="true"]{background:#f2fbf8}.rep-name-cell{display:flex;align-items:center;gap:9px}.rep-name-cell>span{width:32px;height:32px;border-radius:10px;background:#e2f5f0;color:#087b70;display:grid;place-items:center;font-weight:800}.rep-supervisor-badge,.rep-agent-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.rep-supervisor-badge{background:#dff6e8;color:#157347}.rep-agent-badge{background:#edf3f4;color:#5d7175}.rep-state{font-style:normal;font-size:12px;font-weight:700}.rep-state.active{color:#078271}.rep-state.paused{color:#a56900}.rep-expand{border:0;background:#eaf5f2;color:#087b70;border-radius:8px;width:30px;height:30px;font-size:18px;cursor:pointer;transition:.2s}.representative-row[aria-expanded="true"] .rep-expand{transform:rotate(180deg)}.representative-detail td{padding:0;background:#f8fcfb}.rep-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:17px 20px;border-top:1px solid #dcebe7}.rep-details-grid small,.rep-details-grid b{display:block}.rep-details-grid small{font-size:11px;color:#72858a;margin-bottom:5px}.rep-details-grid b{font-size:13px}.rep-detail-actions{display:flex;gap:8px;align-items:end}.rep-detail-actions button{font-size:11px;padding:8px 10px;white-space:nowrap}.rep-supervisor-option{display:flex;align-items:center;gap:10px;margin:18px 0;padding:14px;border:1px solid #dbece7;border-radius:12px;background:#f6fbf9;cursor:pointer}.rep-supervisor-option input{width:18px;height:18px;accent-color:#087b70}.rep-supervisor-option b,.rep-supervisor-option small{display:block}.rep-supervisor-option small{color:#71858a;margin-top:3px;font-size:12px}@media(max-width:700px){.representatives-table th:nth-child(4),.representatives-table td:nth-child(4){display:none}.representatives-table th,.representatives-table td{padding:12px 10px}.rep-details-grid{grid-template-columns:1fr 1fr}.rep-detail-actions{grid-column:1/-1}.rep-detail-actions button{flex:1}}
.representative-visits-panel{display:none}.rep-visits-overlay{position:fixed;z-index:5000;inset:0;background:#062b2e88;display:grid;place-items:center;padding:18px}.rep-visits-overlay>section{width:min(620px,100%);max-height:82vh;overflow:auto;background:#fff;border-radius:18px;padding:22px;position:relative}.rep-visits-overlay h3{margin:5px 0 17px}.rep-visits-close{position:absolute;left:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#eaf5f2;color:#087b70;font-size:21px;cursor:pointer}.rep-visit-list{display:grid;gap:9px}.rep-visit-list article{padding:13px;border:1px solid #deece8;border-radius:12px}.rep-visit-list b,.rep-visit-list small,.rep-visit-list a{display:block}.rep-visit-list small{font-size:11px;color:#74868c;margin:4px 0}.rep-visit-list a{color:#087b70;font-size:12px;font-weight:700}
.rep-visits-overlay>section{width:min(1120px,100%);max-height:90vh;padding:28px}.rep-visits-count{margin:0 0 14px;color:#667b80;font-size:13px}.rep-visits-table-wrap{max-height:calc(90vh - 150px);overflow:auto;border:1px solid #dcebe7;border-radius:12px}.rep-visits-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.rep-visits-table th{position:sticky;top:0;z-index:1;background:#0b625c;color:#fff;text-align:right;padding:14px 16px;font-size:13px}.rep-visits-table td{padding:13px 16px;border-top:1px solid #e4efec;vertical-align:middle}.rep-visits-table tbody tr:hover{background:#f4fbf9}.rep-visits-table strong,.rep-visits-table small{display:block}.rep-visits-table small{font-size:11px;color:#74868c;margin-top:4px}.rep-visits-table .outline{white-space:nowrap}
.clients-table-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border-bottom:1px solid #e4efec}.clients-table-controls label{font-size:12px;color:#597076}.clients-table-controls select{margin:0 7px;padding:6px 30px 6px 8px;border:1px solid #cfdfdc;border-radius:8px;background:#fff;font:inherit}.clients-table-controls>div{display:flex;align-items:center;gap:9px;color:#657b80;font-size:12px}.clients-table-controls>div>div{display:flex;gap:7px}.clients-table-controls .outline{padding:6px 10px;font-size:11px}
.clients-filter-grid{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(240px,1.5fr) minmax(190px,1fr) auto;gap:12px;padding:12px 15px;border-bottom:1px solid #e4efec;align-items:end}.clients-filter-grid label{display:block;min-width:0}.clients-filter-grid input{box-sizing:border-box;width:100%;margin-top:5px}.clients-filter-grid .outline{height:38px;white-space:nowrap}@media(max-width:1050px){.clients-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-filter-grid .outline{justify-self:start}}@media(max-width:620px){.clients-filter-grid{grid-template-columns:1fr}.clients-filter-grid .outline{width:100%}}
.supervisor-row{background:#f2fbf6}.supervisor-row .rep-name-cell>span{background:#daf3e3;color:#157347}.rep-team-roster{grid-column:1/-1;border-top:1px dashed #cfe4dc;padding-top:14px}.rep-team-roster small,.rep-direct-supervisor small{display:block;color:#71858a;font-size:11px;margin-bottom:7px}.rep-team-roster>div{display:flex;flex-wrap:wrap;gap:7px}.rep-team-roster span{background:#e7f5ed;color:#246c49;border-radius:999px;padding:6px 9px;font-size:11px}.rep-team-roster span b{display:inline;font-size:10px;margin-inline-start:4px;color:#4c7770}.rep-team-roster em{font-style:normal;color:#859499;font-size:12px}.rep-direct-supervisor{padding:11px 12px;border-radius:10px;background:#eef7f5}.rep-direct-supervisor b{font-size:12px;color:#165e56}