.phone-nav,.phone-planning{display:none}
@media screen and (min-width:768px){.planning-exports::details-content{content-visibility:visible;display:block}}
@media screen and (max-width:767px){
 .phone-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid #d6deed;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #172c580a}
 .phone-nav button{flex:1;min-width:0;min-height:54px;border:0;background:transparent;color:#475674;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;font-size:11px;font-weight:700}
 .phone-nav button svg{width:21px;height:21px}.phone-nav [aria-current]{color:#2454d6;background:#edf2ff}
 .main .content{padding:20px 14px 100px}.main .topbar{padding:10px 14px}.main h1{font-size:28px}.main .subtitle{font-size:15px}
 .sidebar{z-index:110}.overlay.open{z-index:100}.phone-planning{display:block}.desktop-planning{display:none}
 .calendar-toolbar{gap:12px}.calendar-toolbar>.buttons{width:100%}.calendar-toolbar [data-action="svc-calendar-layout"]{display:none}.calendar-toolbar select{width:100%;min-width:0}
 .calendar-toolbar .btn{font-size:13px;min-height:44px}.calendar-legend{display:none}.planning-exports{margin:12px 0}.planning-exports summary{min-height:44px;padding:12px;color:#2454d6;font-weight:600}.planning-exports .buttons{flex-direction:column;align-items:stretch}
 .phone-segments{display:flex;background:#e8edf6;border-radius:13px;padding:4px;margin:16px 0}.phone-segments button{flex:1;border:0;min-height:44px;border-radius:10px;background:transparent;color:#33445f;font-size:15px;font-weight:700}.phone-segments [aria-pressed="true"]{background:#fff;color:#2454d6;box-shadow:0 2px 5px #172c5812}
 .phone-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:12px 0 18px}.phone-days button{position:relative;min-height:65px;padding:7px 0 13px;border:1px solid #dbe2ef;border-radius:12px;background:#fff;color:#33445f;display:flex;flex-direction:column;align-items:center;gap:5px}.phone-days span{font-size:11px}.phone-days b{font-size:18px}.phone-days i{width:4px;height:4px;background:currentColor;border-radius:50%;position:absolute;bottom:5px}.phone-days [aria-pressed="true"]{background:#2454d6;color:#fff;border-color:#2454d6}
 .phone-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-filters label{font-size:13px;color:#475674;font-weight:600;min-width:0}.phone-filters select{width:100%;min-width:0;margin-top:6px;font-size:16px;min-height:44px}
 .phone-day{margin:22px 0}.phone-day h2{font-size:19px;text-transform:capitalize;margin:0 0 6px;color:#172c58}.phone-total{font-size:13px;color:#475674;margin-bottom:16px}.phone-week-total{padding:12px 14px;background:#eaf0ff;border-radius:12px;color:#172c58;font-size:15px;margin-top:14px}
 .phone-group h3{font-size:15px;margin:20px 0 10px}.phone-event{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;background:#fff;border:1px solid #dbe2ef;border-left:5px solid var(--activity-color);border-radius:14px;padding:15px;margin-bottom:10px;color:#24334e;box-shadow:0 3px 10px #172c5805;overflow-wrap:anywhere}.phone-event strong{font-size:17px}.phone-event>span:not(.phone-event-time),.phone-event>small{font-size:14px;color:#475674}.phone-event-time{font-size:16px;font-weight:750;color:#172c58;display:flex;flex-wrap:wrap;gap:10px}.phone-event-time small{font-size:12px;color:#79500c}.phone-event.is-pause{background:#edf0f5;border-left-color:#81919b}.phone-empty{padding:22px 16px;border:1px dashed #c2cddd;border-radius:14px;color:#475674;font-size:15px}
 #modal{max-width:100%;width:100%;max-height:92dvh;border-radius:20px 20px 0 0;margin:auto 0 0;padding-bottom:env(safe-area-inset-bottom)}
 #modal .form-grid{grid-template-columns:minmax(0,1fr)}#modal .field{min-width:0;grid-column:auto}#modal input,#modal select,#modal textarea{font-size:16px}#modal .buttons{flex-wrap:wrap}
 button:focus-visible,select:focus-visible{outline:3px solid #2454d6;outline-offset:2px}
}
@media screen and (min-width:768px){.planning-exports>summary{display:none}.planning-exports>.buttons{display:flex!important}.planning-exports:not([open])>.buttons{content-visibility:visible;display:flex}}
@media print{.phone-nav,.phone-planning,.planning-exports>summary{display:none!important}}