.school-agents{--agent-ink:#24485a;--agent-green:#287e72;--agent-border:#dde9eb;max-width:1300px}.agent-team-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 23px}.agent-eyebrow{color:#61948c;font-size:10px;letter-spacing:2px;font-weight:700}.agent-team-heading h2{font-size:24px;line-height:1.5;color:var(--agent-ink);margin-top:5px}.school-agents .btn.primary{background:#287e72;border-color:#287e72;color:#fff}.school-agents .btn.primary:hover{background:#206b60}.agent-refresh{padding:10px 12px}.agent-refresh .icon{transform:rotate(-45deg)}.agent-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dbe9e8;background:linear-gradient(110deg,#edf6f3,#f8fbfd);border-radius:16px;padding:20px 0;margin-bottom:17px}.agent-overview>div{padding:0 24px;border-right:1px solid #d9e7e4;min-width:0}.agent-overview>div:last-child{border:0}.agent-overview>div>span{display:flex;align-items:center;gap:7px;color:#66867f;font-size:13px;white-space:nowrap}.agent-overview .icon{width:16px;height:16px}.agent-overview strong{display:block;color:#244c4b;font:600 32px/1.5 system-ui}.agent-overview small{font-size:12px;font-weight:400;margin-left:7px;color:#7c9694}.agent-notification{background:white;border:1px solid var(--agent-border);border-radius:13px;margin-bottom:22px}.agent-notification summary{display:flex;gap:12px;align-items:center;cursor:pointer;padding:15px 18px;list-style:none}.agent-notification summary::-webkit-details-marker{display:none}.agent-notify-icon{background:#eef6f8;color:#638ba0;border-radius:10px;padding:9px;display:flex}.agent-notification summary>span:nth-child(2){min-width:0;flex:1}.agent-notification strong{font-size:14px;color:#3e6070;display:block}.agent-notification summary small{display:block;font-size:12px;color:#77909f;overflow-wrap:anywhere;margin-top:3px}.agent-notification summary>.icon{width:16px;flex-shrink:0;color:#8ba4b0}.agent-notification[open] summary>.icon{transform:rotate(90deg)}.agent-notify-body{padding:0 18px 17px 65px;font-size:13px;color:#718b99}.agent-notify-body p{margin-bottom:12px}.agent-notify-body>small{display:block;margin-top:10px;line-height:1.7}.agent-filters{display:flex;gap:10px;align-items:center;margin:21px 0 16px}.agent-filters .search{flex:1;min-width:0}.agent-filters select{max-width:140px}.agent-mark-filter{display:flex;gap:6px;align-items:center;color:#758d9e;font-size:12px;white-space:nowrap}.agent-mark-filter input{accent-color:#287e72;width:16px;height:16px}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.agent-card{background:#fff;border:1px solid var(--agent-border);border-radius:17px;padding:21px;min-width:0;box-shadow:0 4px 15px #254e6810;transition:box-shadow .2s,border-color .2s}.agent-card:hover{border-color:#abcec7;box-shadow:0 7px 22px #254e6816}.agent-card[hidden]{display:none}.agent-card-head{display:flex;align-items:center;gap:10px}.agent-avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#d9ede5,#edf3f8);color:#347366;font-size:20px;font-weight:600}.agent-card-head>div{flex:1;min-width:0}.agent-card h3{font-size:17px;color:#2b5064;overflow-wrap:anywhere}.agent-card-head p{font-size:12px;color:#839ba8;white-space:nowrap}.agent-card-head .btn{padding:0 3px;min-height:23px}.agent-card-head .tag{font-size:11px;flex-shrink:0}.agent-mark-row{display:flex;align-items:center;min-height:26px;margin:17px 0 11px}.agent-mark{display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere;border-radius:6px;padding:4px 7px;background:#fff6e5;color:#a17c3b;font-size:11px}.agent-mark .icon{width:12px;height:12px;flex-shrink:0}.agent-unmarked{font-size:11px;color:#a5b5bd}.agent-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;border-top:1px solid #eff3f4;border-bottom:1px solid #eff3f4}.agent-card-stats>div{text-align:center;border-right:1px solid #ecf0f2}.agent-card-stats>div:last-child{border:0}.agent-card-stats strong{display:block;color:#466776;font:600 24px/1.4 system-ui}.agent-card-stats small{font-size:11px;color:#8aa0ac}.agent-card-stats .has-pending strong{color:#bd8a41}.agent-card-note{height:42px;margin:14px 0 17px;line-height:21px;font-size:12px;color:#8599a6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.agent-card-actions{display:flex;gap:7px}.agent-card-actions .btn{flex:1;font-size:12px;padding:9px 7px;min-width:0}.agent-card-actions .btn.text{color:#5f9187}.agent-team-footnote{font-size:12px;color:#8b9fae;margin:20px 0;line-height:1.8}.agent-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agent-detail-head{display:flex;gap:12px;align-items:center;background:#f0f7f5;padding:18px;border-radius:14px}.agent-detail-head>div{flex:1;min-width:0}.agent-detail-head h3{font-size:22px;color:#325b60;overflow-wrap:anywhere}.agent-detail-head p{font-size:13px;color:#7c959d}.agent-detail-summary{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:15px}.agent-detail-summary span{display:block;font-size:12px;color:#8ca1ae}.agent-detail-summary strong{display:block;font-size:17px;color:#456978;overflow-wrap:anywhere;margin-top:4px}.agent-private-note{padding:14px;background:#faf8f1;border:1px solid #ece7d7;border-radius:11px;font-size:13px;color:#94825e;margin-bottom:15px}.agent-private-note p{margin-top:7px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.agent-detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 27px}.agent-detail-actions .btn{font-size:13px}.agent-danger{color:#bf6d64!important}.agent-leads-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}.agent-leads-heading h3{font-size:17px;color:#476878}.agent-leads-heading h3 span{font-size:12px;margin-left:4px;color:#95a8b4}.agent-leads-heading small{font-size:11px;color:#8fa2b0}.agent-lead-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-lead-list>article{border:1px solid #e1eaee;border-radius:12px;padding:16px;min-width:0}.agent-lead-list strong{font-size:15px;overflow-wrap:anywhere;color:#426678}.agent-lead-list p{font-size:12px;color:#8da0ac;margin:8px 0}.agent-lead-list b{display:block;color:#6b8c85;font-size:14px;margin-top:5px}.agent-lead-list article>small{display:block;line-height:1.9;color:#889faa;font-size:11px;overflow-wrap:anywhere}.agent-lead-list .actions{margin-top:12px}.agent-lead-list>.empty{grid-column:1/-1}.agent-detail-dialog .agent-lead-list .btn{padding:7px 10px}
@media(max-width:1200px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.agent-team-heading{gap:12px;align-items:flex-start;margin-bottom:15px}.agent-team-heading h2{font-size:18px;max-width:210px}.agent-eyebrow{font-size:9px;letter-spacing:1px}.agent-team-heading .actions{gap:5px;flex-wrap:nowrap}.agent-team-heading .btn{font-size:12px;padding:9px 11px;white-space:nowrap}.agent-team-heading .agent-refresh{padding:9px 6px}.agent-overview{padding:14px 0;border-radius:13px}.agent-overview>div{padding:0 10px}.agent-overview>div>span{font-size:11px;gap:4px}.agent-overview .icon{display:none}.agent-overview strong{font-size:26px;line-height:1.5}.agent-overview small{font-size:10px;margin-left:4px}.agent-notification{margin-bottom:16px}.agent-notification summary{padding:12px;gap:9px}.agent-notify-icon{padding:7px}.agent-notify-icon .icon{width:18px;height:18px}.agent-notification strong{font-size:13px}.agent-notification summary small{font-size:11px}.agent-notification summary .tag{font-size:10px;padding:4px 6px}.agent-notification summary>.icon{display:none}.agent-notify-body{padding:0 13px 14px;font-size:12px}.agent-filters{flex-wrap:wrap;margin:17px 0 12px;gap:10px}.agent-filters .search{flex-basis:100%}.agent-filters select{max-width:none;flex:1;font-size:14px;min-height:42px}.agent-mark-filter{margin:0 5px}.agent-filters input[data-agent-search]{font-size:16px}.agent-grid{grid-template-columns:1fr;gap:13px}.agent-card{padding:19px;border-radius:15px}.agent-card h3{font-size:18px}.agent-card-head p{font-size:13px}.agent-card-note{font-size:13px}.agent-card-actions .btn{font-size:13px;padding:10px 8px}.agent-card-stats small{font-size:12px}.agent-team-footnote{font-size:11px}.agent-form-grid{grid-template-columns:1fr;gap:0}.agent-detail-summary strong{font-size:16px}.agent-lead-list{grid-template-columns:1fr}.agent-detail-head{padding:14px;gap:9px}.agent-detail-head h3{font-size:20px}.agent-detail-head .tag{font-size:10px}.agent-detail-actions{gap:7px}.agent-detail-actions .btn{font-size:12px;padding:9px 10px}.agent-detail-dialog .field input,.agent-detail-dialog textarea{font-size:16px}}
@media(max-width:360px){.agent-team-heading h2{font-size:16px}.agent-team-heading .btn{padding:9px 8px}.agent-team-heading .agent-refresh{display:none}.agent-card-head .tag{font-size:10px;padding:4px 6px}}

.agent-filters .search{max-width:none}.agent-filters select{border:1px solid #dce7ef;border-radius:10px;padding:11px 13px;background:#fff;color:#54788d;font:inherit;font-size:13px;min-height:43px}.agent-filters select:focus-visible{outline:2px solid #77aaa0;outline-offset:2px}@media(max-width:760px){.agent-filters .search{width:100%;flex:0 0 100%}.agent-filters select{font-size:14px}.agent-mark-filter{font-size:13px}}
.agent-level-row{display:flex;align-items:center;gap:6px;padding:9px 10px;background:#f0f5fb;border-radius:8px;margin-top:16px;color:#587a9b;font-size:12px;overflow-wrap:anywhere}.agent-level-row .icon{width:15px;height:15px;flex-shrink:0}.agent-level-row small{margin-left:auto;white-space:nowrap}.agent-level-detail{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:#f0f5fb;border-radius:12px;margin:16px 0}.agent-level-detail small,.agent-level-detail span{display:block;color:#8297aa;font-size:12px}.agent-level-detail strong{display:block;font-size:18px;color:#436d93;margin:4px 0;overflow-wrap:anywhere}.agent-level-detail .btn{flex-shrink:0;font-size:13px}.agent-bound-phones p{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#f2f7fb;border-radius:8px;margin-bottom:12px;color:#52768a;font-size:14px}.agent-sms-errors{margin-top:9px;padding:10px;background:#fff6f2;border-radius:8px;color:#ad7366;font-size:11px;overflow-wrap:anywhere}.agent-sms-errors summary{cursor:pointer}.agent-sms-errors small{display:block;font-size:10px;line-height:1.6}

@media(max-width:380px){.agent-level-detail strong{font-size:15px}.agent-level-detail{gap:10px}.agent-level-detail>.btn{padding:10px 12px}}
