/* Adaptation commune téléphone/tablette. Chargée après les thèmes. */
:is(.interface-admin,.interface-owner) :is(main,section,article,.head,.side,.sec-h,.card-b,form,label){min-width:0}
:is(.interface-admin,.interface-owner) :is(img,video,canvas){max-width:100%}
:is(.interface-admin,.interface-owner) :is(input,select,textarea){box-sizing:border-box;max-width:100%}
.planning-stat-period{font-size:12px;color:var(--ap-doux);margin-bottom:10px}
.planning-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:left}
.planning-stat-grid>div{min-width:0}
.planning-stat-grid :is(span,small){display:block;line-height:1.5}
.planning-stat-grid span{font-size:13px;font-weight:600;margin:3px 0}
.planning-stat-grid small{font-size:12px;color:var(--ap-doux)}
.planning-stat-note{font-size:11px;color:var(--ap-doux);line-height:1.5;margin:10px 0 0}
@media(max-width:760px){
 html :is(body.interface-admin,body.interface-owner){font-size:14px;line-height:1.5}
 html :is(body.interface-admin,body.interface-owner) main{padding:16px 12px calc(32px + env(safe-area-inset-bottom))!important;min-width:0}
 html :is(body.interface-admin,body.interface-owner) :is(.head h2,.sec-h h2){font-size:26px!important;line-height:1.2!important;overflow-wrap:anywhere}
 html :is(body.interface-admin,body.interface-owner) :is(.head h2,.sec-h h2)::before{margin-bottom:8px!important}
 html :is(body.interface-admin,body.interface-owner) :is(.btn,button){touch-action:manipulation}
 html :is(body.interface-admin,body.interface-owner) :is(.btn,input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 html :is(body.interface-admin,body.interface-owner) :is(.btn,select,input:not([type=checkbox]):not([type=radio])){min-height:44px!important}
 html :is(body.interface-admin,body.interface-owner) .btn{height:auto!important;white-space:normal!important;line-height:1.35!important;padding:10px 14px!important;max-width:100%;overflow-wrap:anywhere}
 html :is(body.interface-admin,body.interface-owner) :is(input,select,textarea){min-width:0}
 html body.interface-admin .bar-in{padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important;gap:6px!important;min-height:64px}
 html body.interface-admin .bar-in :is(.nav-toggle,.bar-back,.wg-lanceur,.wa-lanceur,.bar-codes){flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;padding:8px!important}
 html body.interface-admin .bar-in .bar-back{font-size:13px!important;flex-basis:auto!important;width:auto!important;min-width:74px!important}
 html body.interface-admin .head{align-items:stretch;gap:12px;margin-bottom:16px!important;padding-bottom:0!important}
 html body.interface-admin .head .side{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important;width:100%;margin-left:0}
 html body.interface-admin .head .side> :is(select:not([data-zone]),select:not([data-zone])[id],input,label,.btn){flex:1 1 145px!important;width:auto!important;min-width:0!important;max-width:100%;height:auto!important;min-height:44px!important}
 html body.interface-admin .head .side>select:is(#revBien,#calBien,#intBien,#axeBien){flex-basis:100%!important;width:100%!important}
 html body.interface-admin .head .side select:not([data-zone])[id]{font-size:15px!important;height:44px!important;padding:0 34px 0 12px!important}
 html body.interface-admin .cmp-admin{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 html body.interface-admin .cmp-admin select{flex:1;min-width:95px!important;width:auto!important}
 html body.interface-admin .head .side:has(#calVue){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
 html body.interface-admin .head .side:has(#calVue)>[data-owner-block]{grid-column:1/-1;width:100%!important}
 html body.interface-admin .head .side:has(#calVue)>select{width:100%!important;min-width:0!important}
 html body.interface-admin .seg-nav{grid-column:1/-1;display:flex;flex:1 1 100%;width:100%;box-sizing:border-box;min-height:48px!important;gap:4px!important}
 html body.interface-admin .seg-nav .btn{min-height:44px!important;height:44px!important;padding:8px 12px!important;font-size:14px!important}
 html body.interface-admin .seg-nav .btn:is([id$=Prev],[id$=Next]){width:44px!important;flex:0 0 44px!important}
 html body.interface-admin .seg-nav .btn[id$=Now]{flex:1}
 html body.interface-admin .cal-mobile-picker{margin:0 0 12px;gap:6px}
 html body.interface-admin .cal-mobile-picker select{font-size:16px!important;padding:10px 12px!important}
 html body.interface-admin .cal-entete{padding:16px!important;gap:16px!important;display:flex;flex-direction:column;align-items:stretch}
 html body.interface-admin .cal-entete>div{width:100%;min-width:0}
 html body.interface-admin .cal-entete h3{font-size:23px!important;line-height:1.25;overflow-wrap:anywhere}
 html body.interface-admin .cal-taux{margin:0!important;max-width:none!important;text-align:left}
 html body.interface-admin .planning-stat-grid b{font-size:25px!important;line-height:1.2}
 html body.interface-admin .cal-grille{padding:14px 12px!important;gap:22px!important}
 html body.interface-admin .cal-corps>[role=status]{margin:12px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.5}
 html :is(body.interface-admin,body.interface-owner) .sc-grille{grid-template-columns:minmax(0,1fr)!important}
 html :is(body.interface-admin,body.interface-owner) .sc-j{min-height:48px}
 html :is(body.interface-admin,body.interface-owner) :is(.sc-g,.sc-s){grid-template-columns:repeat(7,minmax(0,1fr))}
 html body.interface-admin :is(.card-h,.card-b){padding:14px!important}
 html :is(body.interface-admin,body.interface-owner) :is(.card-h,.sec-h,.barre,.req .acts,.int-actions,.axe-a-b){flex-wrap:wrap;gap:8px}
 html body.interface-admin :is(.scroll,.tscroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 html body.interface-admin .list td{overflow-wrap:anywhere}
 html :is(body.interface-admin,body.interface-owner) :is(.modal,.fiche,dialog){box-sizing:border-box;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto;overscroll-behavior:contain}
 html :is(body.interface-admin,body.interface-owner) dialog{padding:18px!important}
 html :is(body.interface-admin,body.interface-owner) :is(.modal,.fiche,dialog) :is(h2,h3){font-size:22px!important;line-height:1.3;overflow-wrap:anywhere}
 html :is(body.interface-admin,body.interface-owner) dialog label{display:block;min-width:0}
 html :is(body.interface-admin,body.interface-owner) .owner-block-dates{grid-template-columns:minmax(0,1fr)!important}
 html :is(body.interface-admin,body.interface-owner) :is(.modal,.fiche,dialog) :is(select,input,textarea){width:100%;min-width:0;max-width:100%}
 html :is(body.interface-admin,body.interface-owner) :is(.modal,.fiche,dialog) :is(input[type=checkbox],input[type=radio]){width:auto}
 html :is(body.interface-admin,body.interface-owner) :is(.modal,.fiche,dialog) :is(input[type=date],input[type=month]){display:block;appearance:none;-webkit-appearance:none}
 html body.interface-owner :is(.property-picker,.sec,.cta){padding:16px!important}
 html body.interface-owner .sec-h .side{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 html body.interface-owner .sec-h .side>*{min-width:0;max-width:100%;flex:1 1 140px}
 html body.interface-owner :is(.calnav,.views,.years){display:flex;flex-wrap:wrap;gap:4px;max-width:100%}
 html body.interface-owner :is(.calnav,.views,.years) button{min-height:44px;padding:8px 12px!important;white-space:normal}
 html body.interface-owner .property-picker select{width:100%;font-size:16px!important}
 html body.interface-owner :is(.sejour,.review,.axe-carte){overflow-wrap:anywhere}
 html body.interface-owner .sf-lignes>div{flex-wrap:wrap;gap:5px}
}
@media(max-width:359px){
 html body.interface-admin .bar-in{gap:4px!important;padding-left:8px!important;padding-right:8px!important}
 html body.interface-admin .bar-in .bar-back{min-width:66px!important;padding:8px 6px!important}
 html body.interface-admin .planning-stat-grid{gap:10px}
 html :is(body.interface-admin,body.interface-owner) :is(.kpis,.sf-tuiles){grid-template-columns:minmax(0,1fr)!important}
}
@media(min-width:761px) and (max-width:1119px){
 html body.interface-admin .head .side{max-width:100%;gap:8px}
 html body.interface-admin .head .side>select{max-width:100%;min-width:140px}
 html body.interface-admin .cal-entete{gap:20px}
}
@media(max-width:760px){
 html body.interface-admin .head .side:has(#calVue)>select[id]{grid-column:auto!important}
 html body.interface-admin .head .side>.btn{height:auto!important;min-height:44px!important;font-size:15px!important;padding:10px 14px!important}
 html body.interface-admin .seg-nav :is(.btn,.btn.ghost)[id]{height:44px!important;min-height:44px!important;font-size:14px!important;padding:8px 12px!important}
}
@media(max-width:760px){
 html body.interface-admin .tc-scroll{overflow:visible;max-height:none}
 html body.interface-admin .tc-scroll :is(table,tbody){display:block;width:100%}
 html body.interface-admin .tc-scroll thead{display:none}
 html body.interface-admin .tc-scroll tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--ap-ligne);padding:16px 0}
 html body.interface-admin .tc-scroll td{display:block;min-width:0;border:0;padding:0;overflow-wrap:anywhere}
 html body.interface-admin .tc-scroll td:first-child{grid-column:1/-1}
 html body.interface-admin .tc-scroll td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;color:var(--ap-doux);margin-bottom:3px}
 html body.interface-admin .tc-scroll td button{min-height:44px;font-size:15px!important}
}