.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ag-photo-preview{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:16px}.ag-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.ag-counters>div{padding:10px;border:1px solid #dce5f4;border-radius:12px;background:#f7f9fe;min-width:0}.ag-counters small,.ag-counters b{display:block}.ag-counters small{font-size:11px;color:#536582}.ag-counters b{font-size:14px;margin-top:4px}.ag-holiday-phone{display:none}.ag-person{border:1px solid #dae3f1;border-radius:16px;background:white;padding:14px;margin:12px 0}.ag-person header{display:flex;align-items:center;gap:10px}.ag-slot{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;border:1px solid #dce4f0;border-left:4px solid var(--ag-color,#2454d6);background:color-mix(in srgb,var(--ag-color,#2454d6) 9%,white);border-radius:8px;margin:6px 0;padding:10px;color:#18325f;font:inherit}.ag-slot small{font-size:11px;color:#536582}.ag-pause{background:repeating-linear-gradient(135deg,#f1f3f6,#f1f3f6 5px,#e9ecf1 5px,#e9ecf1 7px)}.ag-management{margin-bottom:12px}.ag-candidates{max-height:240px;overflow:auto;display:grid;gap:6px}.ag-candidate{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dce4f0;border-radius:10px}.ag-candidate small{display:block}.ha-slot{border-left:3px solid var(--ag-color,#2454d6);background:color-mix(in srgb,var(--ag-color,#2454d6) 9%,white)}
@media(max-width:767px){.ag-holiday-phone{display:block}.ag-holiday-desktop{display:none}.ag-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-management .btn{width:100%;white-space:normal}.ag-person .avatar{width:38px;height:38px}.ag-holiday-phone .buttons{flex-wrap:wrap}.ag-holiday-phone select{max-width:100%}.phone-planning .phone-group h3{display:flex;align-items:center;gap:8px}.phone-event{padding:10px 12px}.phone-event strong{font-size:14px}.phone-event-time{font-size:13px}.phone-event>span:not(.phone-event-time),.phone-event>small{font-size:11px}}
.ag-options{margin-bottom:12px;padding:10px;border:1px solid #dce5f4;border-radius:10px}.ag-options summary{cursor:pointer;font-weight:600}.ag-options[open] summary{margin-bottom:12px}@media(max-width:767px){.hv-workspace:has(.ag-holiday-phone)>.hv-team-summary{order:3}.hv-workspace:has(.ag-holiday-phone)>section{order:1}.ag-holiday-phone .ag-slot:disabled{opacity:1}.ag-holiday-phone .phone-days{position:sticky;top:64px;z-index:3;background:#f5f7fb;padding:8px 0}.ag-holiday-phone .buttons select{min-width:0}.ag-holiday-phone .buttons #ag-person{flex:1 1 100%}.ag-options .ha-toolbar{display:flex}.ag-options .ha-toolbar .btn{white-space:normal}}
.ag-counter-cards{display:none}@media(max-width:767px){.ag-counter-cards{display:block}.ag-counter-table{display:none}.ag-counter-cards .ag-person{padding:10px}.ag-counter-cards .ag-counters{gap:5px}.ag-counter-cards .ag-counters>div{padding:7px}}
.ag-availability{margin:0 0 12px;border:1px solid #dce4f1;border-radius:10px;background:white;padding:10px 12px}.ag-availability summary{font-size:13px;font-weight:600;cursor:pointer}.ag-availability summary span{float:right;color:#64748b;font-weight:400}.ag-availability-body{padding-top:8px}.ag-availability-body p{font-size:13px;margin:8px 0}.ag-agent-card{background:white;border:1px solid #e0e7f2;border-radius:14px;padding:10px;margin:10px 0}.ag-agent-heading{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;padding:0;text-align:left;color:#18325f;font:inherit}.ag-agent-heading .avatar{width:34px;height:34px}.ag-agent-heading>span:not(.avatar){flex:1}.ag-agent-heading strong{font-size:14px;display:block}.ag-agent-heading small{font-size:11px;color:#66758e;display:block;margin-top:3px}.ag-timeline{margin-top:12px}.ag-timeline-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;margin:6px 0;position:relative}.ag-time{font-size:11px;color:#62728c;display:flex;flex-direction:column;justify-content:center;line-height:1.6;font-variant-numeric:tabular-nums}.ag-timeline-row:before{content:'';position:absolute;width:2px;background:#e1e7ef;left:53px;top:-7px;bottom:-7px}.ag-timeline-row:after{content:'';position:absolute;width:8px;height:8px;background:#94a3b8;border:2px solid white;border-radius:50%;left:48px;top:22px}.ag-timeline-card{display:flex;align-items:center;gap:6px;min-height:52px;border:0;border-radius:9px;padding:10px 12px;text-align:left;background:color-mix(in srgb,var(--ag-color) 24%,white);color:#142b50;font:inherit;width:100%}.ag-timeline-card strong{font-size:14px;flex:1}.ag-slot-meta{font-size:10px;color:#52647c;white-space:nowrap}.ag-chevron{font-size:20px}.ag-timeline-pause{background:repeating-linear-gradient(135deg,#eef0f4,#eef0f4 4px,#e2e6ec 4px,#e2e6ec 5px)}.ag-timeline-mmm{background:#242424;color:white}.ag-timeline-mmm .ag-slot-meta{color:#ddd}.ag-hours{display:flex;justify-content:space-between;font-size:9px;color:#6c7d95;margin:10px 0 3px}.ag-strip{height:27px;position:relative;background:#f1f4f8;border-radius:5px;overflow:hidden}.ag-strip>span{position:absolute;height:27px;display:flex;align-items:center;justify-content:center;font-size:9px;white-space:nowrap;overflow:hidden;border-right:1px solid white}.ag-planning-actions summary{cursor:pointer;color:#2454d6;font-size:13px;font-weight:600}
@media(max-width:767px){
 main:has(.ag-modern) .page-head p,main:has(.ag-modern) .page-header p{display:none}
 main:has(.ag-modern) h1{font-size:24px;margin:8px 0}
 .calendar-toolbar{gap:8px;margin-bottom:8px}.calendar-toolbar .planning-date-nav{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px 78px!important;gap:5px!important}.calendar-toolbar .planning-date-nav .btn{width:auto!important;padding:6px!important;min-height:38px;font-size:11px}.calendar-toolbar .planning-date-field{min-width:0}.calendar-toolbar .planning-date-field input{font-size:13px!important;height:38px!important;min-height:38px!important;padding:4px!important}.calendar-toolbar .ag-person-filter:empty{display:none}.calendar-toolbar .ag-person-filter select{height:38px;min-height:38px;font-size:13px;padding:6px 10px}.ag-planning-actions{width:100%;padding:6px 0}.ag-planning-actions[open] .buttons{margin-top:8px}.planning-exports{margin:4px 0}.planning-exports summary{font-size:12px;min-height:30px;padding:6px 0}
 .ag-modern .phone-days{gap:4px;margin:8px 0}.ag-modern .phone-days button{padding:6px 2px;min-height:52px;border-radius:9px}.ag-modern .phone-days span{font-size:10px}.ag-modern .phone-days b{font-size:17px}.ag-modern .phone-segments{margin:8px 0}.ag-modern .phone-segments button{min-height:32px;padding:6px;font-size:12px}.ag-modern .phone-day h2{font-size:18px;margin:12px 0}.ag-modern .ag-counters{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.ag-modern .ag-counters>div{padding:6px 5px}.ag-modern .ag-counters small{font-size:9px}.ag-modern .ag-counters b{font-size:11px}.ag-modern-day> .ag-counters{margin:8px 0}
}
@media(max-width:767px){
 .content:has(.ag-modern) .subtitle{display:none}.content:has(.ag-modern) .heading{margin-bottom:8px}.content:has(.ag-modern) .tabs{margin:8px 0;padding:3px;gap:2px}.content:has(.ag-modern) .tabs button{padding:8px;font-size:11px;min-height:34px}
 .content .calendar-toolbar>.buttons.planning-date-nav{grid-template-columns:34px minmax(0,1fr) 34px 65px!important;gap:4px!important}.content .calendar-toolbar>.buttons.planning-date-nav>[data-action="date-today"]{grid-column:auto!important;width:auto!important;font-size:10px!important}.content .calendar-toolbar>.buttons.planning-date-nav .btn{height:36px!important;min-height:36px!important;padding:4px!important}.content .calendar-toolbar>.buttons.planning-date-nav #svc-week{height:36px!important;min-height:36px!important;font-size:12px!important}
 .content:has(.ag-modern) .calendar-toolbar{margin-top:8px}.ag-modern .phone-days{position:sticky;top:58px;z-index:3;background:#f7f8fb;padding:5px 0}.ag-modern .ag-agent-card{margin:7px 0;padding:9px}
}
@media(max-width:767px){.content .calendar-toolbar>.buttons.planning-date-nav>[data-action="date-today"]{grid-column:4!important;grid-row:1!important;width:65px!important;min-width:0!important}.content .calendar-toolbar>.buttons.planning-date-nav>[data-action="svc-week-prev"],.content .calendar-toolbar>.buttons.planning-date-nav>[data-action="svc-week-next"]{width:34px!important;min-width:0!important}.content .calendar-toolbar>.buttons.planning-date-nav .planning-date-field{height:36px!important;min-height:36px!important;align-self:center}}

.ag-agent-heading .avatar{flex:0 0 34px!important;width:34px!important;height:34px!important;font-size:12px!important;line-height:34px;min-width:34px;max-width:34px;border-radius:50%}

.ag-absence-label{display:block;font-size:10px;font-weight:500;margin-top:3px;color:#745683}
@media(max-width:767px){.content .calendar-toolbar>.buttons.planning-date-nav{grid-template-rows:36px!important;grid-auto-rows:auto!important;height:36px!important;min-height:36px!important}}

.ag-availability-action{margin:0 0 12px}.ag-publication-history{margin:12px 0;padding:10px 0}.ag-publication-history summary{cursor:pointer;font-weight:600}.ag-publication-history .btn{margin-top:10px}
