.ad-panel{background:white;border:1px solid #dce4f1;border-radius:14px;padding:14px;margin:12px 0}.ad-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.ad-heading h2{font-size:18px;margin:0}.ad-heading>span{font-size:12px;color:#64748b}.ad-view{display:flex;margin:12px 0;background:#f1f4f9;border-radius:9px;padding:3px;max-width:300px}.ad-view button{flex:1;border:0;background:transparent;color:#18325f;font:inherit;padding:8px;border-radius:7px}.ad-view button[aria-pressed=true]{background:#2454d6;color:white}.ad-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ad-kpis>div{background:#f6f8fd;border-radius:10px;padding:10px}.ad-kpis b,.ad-kpis small{display:block}.ad-kpis b{font-size:22px;color:#2454d6}.ad-kpis small{font-size:11px;color:#52647c}.ad-alerts,.ad-hours,.ad-actions{margin-top:10px}.ad-panel summary{cursor:pointer;font-size:13px;font-weight:600;color:#193b76}.ad-alerts p{font-size:12px;border-bottom:1px solid #edf0f4;padding:7px 0;margin:0}.ad-hours .profile .avatar{width:28px;height:28px;flex:0 0 28px;font-size:11px}.ad-hours table{font-size:12px}.ad-hours>small{font-size:11px;color:#64748b}.ad-actions .buttons{margin-top:10px}.ad-hidden{display:none!important}.ad-desktop-day{display:block;max-width:760px}.ad-desktop-day .phone-group{display:block}.ad-select-list{max-height:35vh;overflow:auto;border:1px solid #dce4f1;border-radius:10px}.ad-select-list label{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #edf0f4}.ad-select-list small{display:block;font-size:11px}.ad-select-list input{width:18px;height:18px}.ad-entry-actions{padding:12px}.ad-mobile-week{overflow:auto;max-width:100%;max-height:70vh}.ad-mobile-week .team-week{display:block;min-width:1000px}.ad-mobile-week .team-week-person{position:sticky;left:0;background:#f6f8fc;z-index:2}.ad-desktop-day .phone-days{display:flex;gap:8px}.ad-desktop-day .phone-days button{flex:1}.ad-desktop-day .phone-segments{display:none}
@media(max-width:767px){.ad-panel{padding:10px;margin:8px 0}.ad-heading h2{font-size:16px}.ad-heading>span{font-size:10px}.ad-view{max-width:none;margin:8px 0}.ad-kpis{gap:4px}.ad-kpis>div{padding:6px}.ad-kpis b{font-size:19px}.ad-kpis small{font-size:9px}.ad-panel summary{font-size:12px}.ad-panel:has(+ .calendar-toolbar)~.phone-planning>.phone-segments{display:none}.ad-mobile-week .team-week{font-size:11px}.ad-mobile-week .team-slot{font-size:11px}.ad-hours .table-wrap{overflow:auto}}

@media(max-width:767px){.content:has(.ad-panel) .heading{min-height:0;height:auto;margin:0 0 4px}.content:has(.ad-panel) .heading h1{font-size:20px;margin:4px 0}.content:has(.ad-panel) .heading>.buttons:empty{display:none}.content:has(.ad-panel) .calendar-legend{margin:0}.content:has(.ad-panel) .calendar-toolbar{min-height:0;gap:6px;justify-content:flex-start}.content:has(.ad-panel) .calendar-toolbar>.buttons{margin:0;min-height:0}.ad-kpis>div{min-height:46px}.ad-kpis small{font-size:10px}.ad-panel .ad-alerts,.ad-panel .ad-hours,.ad-panel .ad-actions{margin-top:6px}.ad-panel summary{min-height:22px;padding:3px 0;font-size:11px}}