/* Native date/month controls and nested fields must fit their own card, including WebKit. */
@media screen and (max-width:999px){
 body :is(main,dialog) :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select,textarea){box-sizing:border-box!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;max-inline-size:100%!important}
 body :is(main,dialog) :is(input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime-local']){display:block!important;width:100%!important;inline-size:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;max-inline-size:100%!important;-webkit-appearance:none;appearance:none;overflow:hidden;text-align:left;min-height:42px;padding:9px 10px!important;line-height:1.4!important}
 body :is(main,dialog) :is(input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime-local'])::-webkit-date-and-time-value{min-width:0;min-inline-size:0;text-align:left;line-height:1.4;min-height:1.4em;margin:0}
 body :is(main,dialog) input::-webkit-datetime-edit{display:inline-flex;min-width:0;padding:0;max-width:100%}
 body :is(main,dialog) input::-webkit-calendar-picker-indicator{flex-shrink:0;margin:0 0 0 5px;padding:2px}
 body :is(main,dialog) :is(.sc-date-field,.sc-date-range){min-width:0!important;min-inline-size:0!important;max-width:100%!important;max-inline-size:100%!important;box-sizing:border-box}
 body :is(main,dialog) .sc-date-range{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important}
 body :is(main,dialog) :is(.epp-period,.measure-period,.ats-period,.permit-period,.pgc-meta label,.ai-period-base-fields label){min-width:0!important;max-width:100%!important}
 body #collaborators :is(.epp-period,.measure-period)>span,body #observations :is(.ats-period,.permit-period)>span:last-child{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important;width:100%!important;gap:8px!important}
 body :is(main,dialog) :is([role='listbox'],[role='menu'],.collaborator-more-menu,.project-menu>div,.peb-menu>div){box-sizing:border-box;min-width:0!important;max-width:min(300px,calc(100vw - 40px))!important;max-inline-size:min(300px,calc(100vw - 40px))!important;overflow-x:hidden;overflow-y:auto;max-height:60dvh;overflow-wrap:anywhere}
 body :is(main,dialog) :is([role='listbox'],[role='menu'],.collaborator-more-menu,.project-menu>div,.peb-menu>div) :is(button,a,[role='option']){min-width:0!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4}
 body :is(main,dialog) .sc-mobile-empty-copy{position:sticky;left:12px;width:var(--sc-empty-width,250px);max-width:var(--sc-empty-width,250px);box-sizing:border-box;padding:8px 0;white-space:normal!important;text-align:center;overflow-wrap:normal;line-height:1.5}
 body :is(main,dialog) .sc-mobile-empty-cell{text-align:left!important;padding:12px!important}
 body :is(main,dialog) .sc-bounded-popover{transform:translateX(var(--sc-popover-shift,0px))!important}
}
@media screen and (max-width:600px){
 body :is(main,dialog) .sc-mobile-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row;overflow:visible!important;scroll-snap-type:none;gap:7px!important}
 body :is(main,dialog) .sc-mobile-tabs>button{min-width:0!important;width:100%!important;max-width:100%!important;white-space:normal!important;min-height:44px!important;word-break:normal;overflow-wrap:normal;hyphens:none;padding:9px 7px!important;line-height:1.3!important}
 body :is(main,dialog) .sc-mobile-tabs>button:last-child:nth-child(odd){grid-column:1/-1}
 body :is(main,dialog) .sc-mobile-tabs>button svg{flex-shrink:0;width:17px;height:17px}
 body main :is(.cso-month-switch,.sub-evolution-period){flex-wrap:wrap;min-width:0;max-width:100%;gap:7px}
 body main :is(.cso-month-switch,.sub-evolution-period)>:is(span,strong){max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:7px}
 body main .cso-calendar{grid-template-columns:minmax(0,1fr)!important;min-width:0;max-width:100%;gap:7px}
 body main .cso-calendar>div{min-width:0;max-width:100%;min-height:0;overflow-wrap:anywhere}
 body main .cso-calendar .cso-event{white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.4}
 body main :is(.cso-org-canvas,.peb-org-canvas){max-width:100%;min-width:0;overflow:auto;overscroll-behavior-inline:contain}
 body :is(main,dialog) input[type='file']{width:100%;max-width:100%;font-size:12px!important;overflow:hidden}
 body :is(main,dialog) input[type='file']::file-selector-button{max-width:100%;white-space:normal;padding:8px;font-size:12px}
}
@media screen and (max-width:999px){
 body :is(main,dialog) input[type='file'].sc-native-file-proxy{position:absolute!important;width:1px!important;inline-size:1px!important;max-width:1px!important;max-inline-size:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden!important}
}