/* EarthRoster V1452.121 — live reconciliation. Mobile-only layout refinements. */
@layer er120 {
html.er121-notification-entry #er101-auth-launch,
html.er121-notification-entry #er108-early-launch {display:none!important}
@media(max-width:1023px){
 /* Conversation: header remains visible, not an empty band. Keep composer out of message flow. */
 body[data-er99-chat=thread] #page .chat-thread{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:0!important}
 body[data-er99-chat=thread] #page .chat-thread-head{
   position:relative!important;top:auto!important;display:flex!important;visibility:visible!important;
   min-height:52px!important;height:auto!important;padding:8px 12px!important;flex:0 0 auto!important;
   background:var(--er120-surface)!important;border-bottom:1px solid var(--er120-line)!important;
   transform:none!important;z-index:8!important;box-shadow:none!important;
 }
 body[data-er99-chat=thread] #page .chat-composer{
   position:relative!important;flex:0 0 auto!important;min-height:58px!important;
   padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;
   background:var(--er120-surface)!important;border-top:1px solid var(--er120-line)!important;
 }
 body[data-er99-chat=inbox] #page .chat-list{padding:8px!important}
 body[data-er99-chat=inbox] #page .cv-row{min-height:57px!important;padding:8px 10px!important;gap:9px!important;border-radius:10px!important}
 /* Clock: preserve the live sticky two-tab row and remove bulky empty spacing. */
 #page .er120-clock .er152-ready{padding:14px 16px!important;border-radius:12px!important}
 #page .er120-clock .er152-ready>small:first-child{margin-bottom:9px!important}
 #page .er120-clock .er152-ready h2{font-size:21px!important;margin-bottom:5px!important}
 #page .er120-clock .er152-ready>p{margin-bottom:10px!important;font-size:13px!important}
 #page .er120-clock .er156-clock-hint{margin-top:8px!important}
 #page .er120-clock .er152-time{gap:10px!important}
 #page .er120-clock .er152-days button{min-height:57px!important;height:57px!important}
 #page .er120-clock .er152-days b{font-size:17px!important}
 #page .er120-clock .er152-attention p{margin:4px 0 8px!important}
 #page .er120-clock .er152-empty{padding:19px 13px!important}
 /* Settings: natural-height sheet, with a scrollable body only when necessary. */
 html.er-earth body #er151-dialog.er154-settings[open]{
   position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;
   right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
   width:min(480px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
   height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
   margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:16px!important;
 }
 html.er-earth body #er151-dialog.er154-settings>header{flex:0 0 auto!important;min-height:0!important;padding:13px 16px!important}
 html.er-earth body #er151-dialog.er154-settings>header h2{font-size:20px!important;line-height:1.2!important}
 html.er-earth body #er151-dialog.er154-settings>.er151-body{flex:0 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:11px 16px!important;-webkit-overflow-scrolling:touch!important}
 html.er-earth body #er151-dialog.er154-settings .er154-settings-intro{font-size:12px!important;line-height:1.5!important;margin:0 0 10px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options{gap:7px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options>label{padding:9px 11px!important;min-height:0!important;gap:9px!important;border-radius:10px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options strong{font-size:13px!important;line-height:1.35!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options small{font-size:11px!important;line-height:1.4!important}
 html.er-earth body #er151-dialog.er154-settings .er154-settings-note{padding:9px 11px!important;font-size:11px!important;line-height:1.5!important;margin-top:10px!important}
 html.er-earth body #er151-dialog.er154-settings>footer{flex:0 0 auto!important;padding:10px 15px calc(10px + env(safe-area-inset-bottom,0px))!important;background:var(--er120-card)!important}
 html.er-earth body #er151-dialog.er154-settings>footer button{min-height:42px!important;font-size:13px!important;border-radius:10px!important}
}
}
