.vr-agent-portal{font-family:Roboto,Arial,sans-serif;color:#41403f;max-width:1180px;margin:24px auto}.vr-agent-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:26px 28px;background:#41403f;color:#fff;border-radius:14px}.vr-agent-header h2{margin:6px 0;color:#fff;font-size:27px}.vr-agent-header p{margin:0;color:#e5e2dc}.vr-agent-eyebrow{font-size:11px;letter-spacing:2px;color:#be9e44;font-weight:700}.vr-agent-welcome{color:#f0dca7;font-weight:600}.vr-agent-dashboard-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:24px 0 12px}.vr-agent-dashboard-intro h3{margin:0;color:#41403f;font-size:20px}.vr-agent-dashboard-intro p{margin:5px 0 0;color:#777;font-size:13px}.vr-agent-period{font-size:12px;color:#8c702f;font-weight:700;text-transform:capitalize}.vr-agent-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 28px}.vr-agent-stat{padding:18px 20px;background:#fff;border:1px solid #e8e5df;border-radius:12px;box-shadow:0 3px 14px rgba(30,25,15,.04)}.vr-agent-stat span{display:block;color:#77736d;font-size:13px}.vr-agent-stat strong{display:block;margin-top:5px;font-size:27px;color:#41403f}.vr-agent-section{margin:28px 0}.vr-agent-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vr-agent-section-heading h3{margin:0;font-size:20px;color:#41403f}.vr-agent-section-heading span{font-size:12px;color:#777}.vr-agent-booking{display:flex;justify-content:space-between;gap:20px;padding:20px;margin:10px 0;background:#fff;border:1px solid #e9e6df;border-left:4px solid #be9e44;border-radius:10px}.vr-agent-date{font-size:13px;font-weight:700;color:#9a792b}.vr-agent-booking h4{margin:7px 0 3px;font-size:18px;color:#41403f}.vr-agent-service,.vr-agent-notes{margin:4px 0;color:#777;font-size:13px}.vr-agent-contact{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:13px}.vr-agent-contact a{color:#57534c;text-decoration:none}.vr-agent-contact a:hover{color:#9a792b;text-decoration:underline}.vr-agent-booking-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:180px}.vr-agent-status{display:inline-block;padding:6px 10px;border-radius:20px;background:#f1efe9;color:#5d584e;font-size:11px;font-weight:700}.vr-agent-status.status-completed{background:#e7f4eb;color:#28633b}.vr-agent-status.status-cancelled,.vr-agent-status.status-no_show{background:#f9eaea;color:#8c3535}.vr-agent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.vr-agent-button{border:1px solid #d7cba9;background:#fff;color:#665326;padding:8px 11px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer}.vr-agent-button:hover{background:#f8f3e6}.vr-agent-button.is-primary{background:#be9e44;border-color:#be9e44;color:#fff}.vr-agent-empty,.vr-agent-notice{padding:20px;background:#f7f6f2;border:1px solid #e9e6df;border-radius:10px;color:#68645d}.vr-agent-alert{padding:12px 15px;border-radius:8px;margin:14px 0}.vr-agent-alert.is-success{background:#eaf5ed;color:#28633b}.vr-agent-alert.is-error{background:#faeaea;color:#8c3535}@media(max-width:980px){.vr-agent-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.vr-agent-dashboard-intro{align-items:flex-start;flex-direction:column}.vr-agent-header{display:block;padding:22px}.vr-agent-welcome{margin-top:16px}.vr-agent-stats{gap:8px}.vr-agent-stat{padding:13px}.vr-agent-stat span{font-size:11px}.vr-agent-stat strong{font-size:22px}.vr-agent-booking{display:block}.vr-agent-booking-side{align-items:flex-start;margin-top:15px}.vr-agent-actions{justify-content:flex-start}}
.vr-agent-calendar{padding:22px;background:#fff;border:1px solid #e9e6df;border-radius:14px}.vr-agent-calendar-nav{display:flex;align-items:center;gap:14px}.vr-agent-calendar-nav a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #e7e1d3;border-radius:50%;color:#8b6d28;text-decoration:none;font-size:22px}.vr-agent-calendar-nav strong{text-transform:capitalize;color:#41403f}.vr-agent-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:16px}.vr-agent-calendar-weekday{text-align:center;padding:8px 2px;color:#827b70;font-size:12px;font-weight:700}.vr-agent-calendar-blank{min-height:58px}.vr-agent-calendar-day{min-height:58px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:1px solid #eeeae2;border-radius:10px;text-decoration:none;color:#41403f;background:#fff}.vr-agent-calendar-day:hover,.vr-agent-calendar-day.is-selected{border-color:#be9e44;background:#faf6e9}.vr-agent-calendar-day.has-bookings{box-shadow:inset 0 -3px 0 #be9e44;font-weight:700}.vr-agent-calendar-day small{font-size:10px;color:#8b6d28}.vr-agent-calendar-hint{font-size:12px;color:#817b71;margin:12px 0 0}.vr-agent-calendar-selected{margin-top:20px;padding-top:16px;border-top:1px solid #eeeae2}.vr-agent-calendar-selected>.vr-agent-booking{margin-top:12px}.vr-agent-followups{padding:20px;background:#fbfaf7;border:1px solid #e9e6df;border-radius:14px}.vr-agent-followup{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;margin:9px 0;background:#fff;border:1px solid #ece8df;border-radius:9px}.vr-agent-followup strong,.vr-agent-followup span{display:block}.vr-agent-followup div>span{font-size:12px;color:#817b71;margin-top:4px}.vr-agent-followup p{margin:6px 0 0;color:#5f5a51;font-size:13px}.vr-agent-followup-create{margin-top:12px;padding-top:10px;border-top:1px solid #eeeae2}.vr-agent-followup-create summary{cursor:pointer;color:#8b6d28;font-size:12px;font-weight:700}.vr-agent-followup-create form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.vr-agent-followup-create label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#6d675d}.vr-agent-followup-create label:nth-child(5){grid-column:1/-1}.vr-agent-followup-create input,.vr-agent-followup-create select{width:100%;padding:9px;border:1px solid #ded8cc;border-radius:7px;background:#fff;color:#41403f}.vr-agent-followup-create button{justify-self:start}@media(max-width:700px){.vr-agent-calendar{padding:13px}.vr-agent-calendar-grid{gap:4px}.vr-agent-calendar-day{min-height:42px;font-size:12px}.vr-agent-calendar-blank{min-height:42px}.vr-agent-followup{align-items:flex-start;flex-direction:column}.vr-agent-followup-create form{grid-template-columns:1fr}.vr-agent-followup-create label:nth-child(5){grid-column:auto}}

.vr-agent-account-context{margin:10px 0 18px;padding:10px 14px;border-left:3px solid #be9e44;background:#f7f5ef;color:#625d53;border-radius:6px;font-size:12px}.vr-agent-portal [data-vr-version]{}
.vr-agent-commercial{padding:22px;background:#fff;border:1px solid #e9e6df;border-radius:14px}.vr-agent-commercial .vr-agent-section-heading{align-items:flex-start}.vr-agent-commercial .vr-agent-section-heading>div>span{display:block;margin-top:5px;max-width:760px;line-height:1.5}.vr-agent-commercial-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}.vr-agent-commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vr-agent-commercial-panel{min-width:0}.vr-agent-commercial-panel h4{margin:4px 0 10px;color:#41403f;font-size:15px}.vr-agent-commercial-table{border:1px solid #eee9df;border-radius:9px;overflow:hidden}.vr-agent-commercial-row{display:grid;grid-template-columns:minmax(100px,1.6fr) repeat(3,minmax(65px,.7fr));gap:8px;align-items:center;padding:11px 12px;border-top:1px solid #eee9df;font-size:12px;color:#625d53}.vr-agent-commercial-row:first-child{border-top:0}.vr-agent-commercial-row.is-head{background:#f8f6f0;font-weight:700;color:#6c624d}.vr-agent-commercial-row strong{color:#8b6d28}.vr-agent-commercial-form{margin-top:10px;padding-top:9px;border-top:1px solid #eee9df}.vr-agent-commercial-form summary{cursor:pointer;color:#8b6d28;font-size:12px;font-weight:700}.vr-agent-commercial-form form{display:grid;gap:9px;min-width:230px;margin-top:10px}.vr-agent-commercial-form label{display:grid;gap:5px;color:#6d675d;font-size:12px}.vr-agent-commercial-form input,.vr-agent-commercial-form select{width:100%;padding:8px;border:1px solid #ded8cc;border-radius:7px;background:#fff;color:#41403f}.vr-agent-commercial-saved{font-size:11px;color:#28633b;margin:8px 0 0}@media(max-width:800px){.vr-agent-commercial-grid{grid-template-columns:1fr}.vr-agent-commercial-stats{grid-template-columns:1fr}}@media(max-width:520px){.vr-agent-commercial-row{grid-template-columns:minmax(85px,1.4fr) repeat(3,minmax(48px,.7fr));gap:4px;padding:9px 7px;font-size:10px}}

/* Training progress */
.vr-agent-training-service{margin:16px 0;padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.vr-agent-training-service h4{margin:0 0 12px;font-size:16px}
.vr-agent-training-service p{margin:10px 0 6px}
.vr-agent-training-progress{height:9px;overflow:hidden;border-radius:99px;background:#eceff1}
.vr-agent-training-progress span{display:block;height:100%;border-radius:99px;background:#be9e44}
.vr-agent-training-pending{color:#8a5a00}
.vr-agent-training-ready{font-weight:600;color:#236b45}