@media screen{
 .btn,.btn.small,.iconbtn,.tabs button,.chat-contacts button{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0}
 .btn>svg,.iconbtn>svg,.link>svg,.tabs button>svg,.metric-top>svg{width:22px;height:22px;min-width:22px;max-width:22px;min-height:22px;max-height:22px;flex:0 0 22px}
 .btn,.btn.small,.iconbtn{min-height:44px}.iconbtn{min-width:44px}
 .table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{table-layout:auto}.table-wrap th,.table-wrap td{word-break:normal;overflow-wrap:normal}
 .action-cell{width:auto;white-space:nowrap;min-width:68px}.action-cell .buttons{width:auto;flex-wrap:nowrap}.action-cell .btn{width:auto;min-width:44px;max-width:none}
 .tabs{max-width:100%;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.tabs button{flex:0 0 auto}
 .metric-link{display:block;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;border:1px solid var(--line)}.metric-link:hover{border-color:#2454d6}.metric-link:focus-visible{outline:3px solid #2454d6;outline-offset:3px}.metric-link:active{background:#edf2ff}
 #inbox-conges,#inbox-modifications{scroll-margin-top:95px}.deep-link-highlight{outline:3px solid #2454d6;outline-offset:-3px}
}
@media screen and (max-width:767px){
 .btn.compact-action,.action-cell .btn.compact-action{width:44px!important;height:44px;min-width:44px;max-width:44px;flex:0 0 44px;padding:10px;gap:0}.compact-action>.action-label{display:none}
 .buttons{min-width:0;flex-wrap:wrap}.buttons>.btn{flex:0 0 auto;max-width:none}.toolbar,.calendar-toolbar{min-width:0;max-width:100%}
 .calendar-toolbar>.buttons:not(:first-child){display:flex;flex-wrap:wrap}.calendar-toolbar>.buttons:not(:first-child)>.btn{width:auto;flex:0 0 auto}
 .content .date-navigation,.calendar-toolbar>.buttons:first-child.date-navigation{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px;width:100%;align-items:center}
 .content .date-navigation>input[type=date],.calendar-toolbar #svc-week{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;font-size:16px;padding:6px;flex:none}
 .date-navigation>.btn:last-child{grid-column:1/-1;width:100%}.date-navigation>.btn:first-child,.date-navigation>.btn:nth-child(3){width:44px!important;padding:0!important}
 .toolbar:has(>label){display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;align-items:stretch}.toolbar>label{display:flex;flex-direction:column;min-width:0;width:100%;gap:6px}.toolbar>label>input,.toolbar>label>select{box-sizing:border-box;min-width:0;width:100%;max-width:100%;font-size:16px}
 input[type=date],input[type=time]{min-inline-size:0;box-sizing:border-box}input::-webkit-date-and-time-value{text-align:left;min-width:0}
 .table-wrap table{min-width:max-content;width:100%}.table-wrap td,.table-wrap th{max-width:280px}.table-wrap td>select{min-width:160px;max-width:240px}.table-wrap td .buttons{display:flex;gap:6px}
 .request-row{flex-wrap:wrap;align-items:flex-start}.request-row>div:first-child{min-width:0;flex:1 1 170px}.request-row>.buttons{flex:0 1 auto}
 .chat-layout{grid-template-columns:minmax(0,1fr)}.chat-contacts{display:flex;overflow-x:auto;max-width:100%;min-width:0;gap:6px}.chat-contacts button{flex:0 0 auto;width:auto}.chat-composer{flex-wrap:wrap;padding:12px;gap:8px}.chat-composer textarea{flex:1 1 100%;width:100%}.chat-composer .btn{margin-left:auto}
 .panel-head{flex-wrap:wrap}.metric-top>svg{position:static!important}.metric-link .metric-top{white-space:normal}.metric-link{min-width:0}
}

@media screen and (max-width:767px){.panel.chat-contacts{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin}.panel.chat-contacts button{white-space:nowrap;flex:0 0 auto}}

/* Date centrée entre les flèches du planning. */
@media screen{#svc-week{text-align:center}#svc-week::-webkit-date-and-time-value{text-align:center}#svc-week::-webkit-datetime-edit{display:inline-flex;justify-content:center}}

/* Explicit placement avoids inherited last-child rules and iOS date intrinsic width. */
@media screen{
 .planning-date-field{display:block;min-width:0;max-width:100%}
}
@media screen and (max-width:767px){
 .calendar-toolbar>.buttons.planning-date-nav{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:44px 44px;gap:8px;width:100%;max-width:100%;min-width:0}
 .planning-date-nav>.planning-date-field{grid-column:2;grid-row:1;overflow:hidden;height:44px;border:1px solid #aebbd1;border-radius:10px;background:white}
 .calendar-toolbar .planning-date-field>#svc-week{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%;height:42px;min-height:42px;border:0;margin:0;padding:6px;font-size:16px;line-height:normal;text-align:center;display:block}
 .planning-date-field>#svc-week::-webkit-date-and-time-value{min-width:0;text-align:center;margin:0}
 .planning-date-field>#svc-week::-webkit-datetime-edit{min-width:0;padding:0}
 .calendar-toolbar>.buttons.planning-date-nav>.btn[data-action="svc-week-prev"]{grid-column:1;grid-row:1;width:44px!important;padding:0!important}
 .calendar-toolbar>.buttons.planning-date-nav>.btn[data-action="svc-week-next"]{grid-column:3;grid-row:1;width:44px!important;padding:0!important}
 .calendar-toolbar>.buttons.planning-date-nav>.btn[data-action="date-today"]{grid-column:1 / -1!important;grid-row:2;width:100%!important;min-width:0;max-width:100%;padding:8px 12px!important;justify-self:stretch}
 .calendar-toolbar>.buttons:not(:first-child){width:100%;display:flex;gap:8px}
 .calendar-toolbar>.buttons:not(:first-child)>.btn{max-width:100%;font-size:13px}
 .calendar-toolbar>.buttons:not(:first-child)>.btn[data-action="svc-exchange-new"]{flex-basis:100%;width:100%}
}