/* The browser keeps the concept presentation; Android uses the whole display. */
html.dm-native,html.dm-native body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:light-dark(#f6f7f2,#172019)}
.dm-native #dutymaster-preview{display:block;width:100%;height:100%;padding:0;min-width:0;background:transparent}
.dm-native #dutymaster-preview .dm-intro,.dm-native #dutymaster-preview .dm-caption,.dm-native #dutymaster-preview .dm-statusbar,.dm-native #dutymaster-preview .dm-home-indicator{display:none}
.dm-native #dutymaster-preview .dm-app{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.dm-native #dutymaster-preview .dm-header{flex:none;padding:18px 20px 12px}
.dm-native #dutymaster-preview .dm-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:12px 20px 24px;scroll-padding-top:16px;-webkit-overflow-scrolling:touch}
.dm-native #dutymaster-preview .dm-nav{flex:none;padding:9px 10px 5px}
.dm-native #dutymaster-preview .dm-nav button{min-height:52px;font-size:11px;gap:5px}
.dm-native #dutymaster-preview .dm-nav-icon{height:29px}
.dm-native #dutymaster-preview .dm-overlay{position:absolute;inset:0;padding-top:16px}
.dm-native #dutymaster-preview .dm-sheet{max-height:100%;padding-bottom:24px;overscroll-behavior:contain}
.dm-native #dutymaster-preview .dm-field{font-size:12px;gap:7px}
.dm-native #dutymaster-preview .dm-field input,.dm-native #dutymaster-preview .dm-field select{font-size:16px;min-height:48px}
.dm-native #dutymaster-preview .dm-field small{font-size:11px}
.dm-native #dutymaster-preview .dm-main-action,.dm-native #dutymaster-preview .dm-secondary-action{min-height:48px;font-size:13px}
.dm-native #dutymaster-preview .dm-icon-button{height:44px;width:44px;flex-shrink:0}
.dm-native #dutymaster-preview .dm-filter,.dm-native #dutymaster-preview .dm-tabs button{min-height:44px;font-size:12px}
.dm-native #dutymaster-preview .dm-text-button,.dm-native #dutymaster-preview .dm-quiet-link{min-height:44px;font-size:12px}
.dm-native #dutymaster-preview .dm-page-subtitle,.dm-native #dutymaster-preview .dm-note,.dm-native #dutymaster-preview .dm-banner{font-size:12px}
.dm-native #dutymaster-preview .dm-greeting{font-size:13px}
.dm-native #dutymaster-preview .dm-day{font-size:11px}
.dm-native #dutymaster-preview .dm-day strong{font-size:17px}
.dm-native #dutymaster-preview .dm-section-heading h2{font-size:16px}
.dm-native #dutymaster-preview .dm-time-label,.dm-native #dutymaster-preview .dm-duty-footer,.dm-native #dutymaster-preview .dm-money-caption{font-size:11px}
.dm-native #dutymaster-preview .dm-duty-footer button{font-size:11px;min-height:32px}
.dm-native #dutymaster-preview .dm-duty-footer{gap:9px}
.dm-native #dutymaster-preview .dm-stats strong{font-size:14px}
.dm-native #dutymaster-preview .dm-stats span{font-size:11px}
.dm-native #dutymaster-preview .dm-check-row strong{font-size:13px}
.dm-native #dutymaster-preview .dm-check-row small{font-size:11px}
.dm-native #dutymaster-preview .dm-duty-row-title{font-size:13px}
.dm-native #dutymaster-preview .dm-duty-row-sub,.dm-native #dutymaster-preview .dm-duty-row-right{font-size:12px}
.dm-native #dutymaster-preview .dm-breakdown-row{font-size:13px}
.dm-native #dutymaster-preview .dm-breakdown-row small{font-size:11px}
.dm-native #dutymaster-preview .dm-swap-person strong{font-size:13px}
.dm-native #dutymaster-preview .dm-swap-person small,.dm-native #dutymaster-preview .dm-swap-date,.dm-native #dutymaster-preview .dm-swap-note{font-size:11px}
.dm-native #dutymaster-preview .dm-swap-exchange small{font-size:10px}
.dm-native #dutymaster-preview .dm-swap-exchange span{font-size:11px}
.dm-native #dutymaster-preview .dm-toast{bottom:85px;font-size:12px}
@media(max-width:360px){.dm-native #dutymaster-preview .dm-main{padding-left:15px;padding-right:15px}.dm-native #dutymaster-preview .dm-header{padding-left:15px;padding-right:15px}.dm-native #dutymaster-preview .dm-stats span{display:block;margin:4px 0 0}.dm-native #dutymaster-preview .dm-swap-exchange{grid-template-columns:1fr 18px 1fr;gap:5px}.dm-native #dutymaster-preview .dm-page-heading{font-size:26px}}