/* Mobile-only enhancements. Desktop layout and publishing forms are unchanged. */
.mobile-bottom-nav,.mobile-account-links,.mobile-event-title,.mobile-event-status{display:none}
@media(max-width:700px){
 body.designed-app{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .app-sidebar{padding:16px 18px!important;position:static!important;border-bottom:1px solid var(--line)}
 .app-sidebar .app-menu,.app-sidebar #app-menu-toggle{display:none!important}
 .app-brand-row{margin:0!important;min-height:35px}
 .app-brand-row .brand img{max-width:145px}
 .app-main{padding-bottom:35px!important;min-width:0}
 .mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid #e9e2ef;align-items:end;justify-content:space-around;padding:8px 6px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 24px #21172d06}
 .mobile-bottom-nav a.mobile-nav-link{width:20%;min-height:49px;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:#796f85;font-size:10px;line-height:1.3;font-weight:500;padding:0;background:none;border:0}
 .mobile-bottom-nav a[aria-current=page]{color:#bd0054;font-weight:700}
 .mobile-nav-icon{position:relative;display:block;height:24px}
 .mobile-nav-icon svg{display:block;width:23px;height:23px}
 .mobile-bottom-nav .mobile-create .mobile-nav-icon{width:51px;height:51px;background:#bd0054;border:4px solid #faf8fc;border-radius:16px;color:white;margin-top:-23px;display:grid;place-items:center}
 .mobile-create .mobile-nav-icon svg{width:27px;height:27px}
 .mobile-unread{position:absolute;right:-4px;top:-2px;width:7px;height:7px;border-radius:50%;background:#bd0054;border:1px solid white}
 .mobile-bottom-nav a:focus-visible{outline:3px solid #12bccc;outline-offset:2px;border-radius:8px}
 .mobile-account-links{display:block}
 .mobile-account-links a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line);color:var(--ink)}
 .mobile-account-links a:last-child{border-bottom:0}
 .mobile-keyboard-open .mobile-bottom-nav{display:none}
 .calendar-controls{gap:9px!important;flex-wrap:wrap!important}
 .calendar-controls>label{flex:1 1 130px;min-width:0}
 .calendar-controls #calendar-add-plan{flex-basis:100%}
 .calendar-controls button{min-height:44px}
 .calendar-controls input,.calendar-controls select{min-width:0;max-width:100%}
 .calendar-filter-box{background:#f4f0f8;border-radius:14px;padding:6px 14px}
 .calendar-grid.daily{border:0!important;background:transparent!important}
 .calendar-grid.daily .calendar-day{border-radius:14px;padding:16px!important;background:#fff!important;border:1px solid #e9e2ef!important}
 .calendar-grid.daily .cal-event{border:1px solid #e5ddea!important;border-left:4px solid #bd0054!important;border-radius:12px!important;margin:12px 0!important;padding:15px!important;background:#faf8fc!important}
 .calendar-grid.daily .cal-compact-line{display:flex!important;flex-wrap:wrap!important;gap:9px!important;min-height:42px!important}
 .calendar-grid.daily .mobile-event-title{display:block;flex-basis:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:14px!important}
 .calendar-grid.daily .mobile-event-status{display:inline-block;background:#f0eaf4;color:#51415f;font-size:10px;border-radius:6px;padding:4px 7px;margin-left:auto}
 .calendar-grid.daily .cal-plan{border:1px dashed #b5a0cc!important;background:#f4eefb!important;border-radius:12px!important;padding:15px!important;margin:12px 0!important}
 .calendar-plan-editor{max-width:calc(100vw - 24px)!important;max-height:85dvh;overflow:auto}
 .plan-date-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px}
 .plan-date-fields input{min-width:0;width:100%}
 #calendar-grid{overflow-x:auto;padding-bottom:5px}
 .calendar-grid:not(.daily){min-width:650px}
 .calendar-filters label{min-height:42px}
}
/* Inbox and account additions stay invisible on desktop. */
.mobile-account-profile,.mobile-message-date,.mobile-message-excerpt,.mobile-message-action,.mobile-settings-group>summary{display:none}
.mobile-settings-group{border:0;padding:0;margin:0;background:none}
@media(max-width:700px){
 .mobile-account-profile{display:block}
 .account-settings-page>h1,.account-settings-page>.tag,.account-settings-page>section.card{display:none}
 .mobile-account-profile .eyebrow{font-size:10px;letter-spacing:1.5px;color:#746980;margin:12px 0}
 .mobile-account-profile h1{font-size:28px;margin:10px 0 22px}
 .mobile-account-profile .card{padding:22px!important;border-radius:20px}
 .mobile-profile-heading{display:flex;align-items:center;gap:14px}
 .mobile-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fce6f0;color:#bb0054;font-size:23px;font-weight:700}
 .mobile-allowance{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:24px}
 .mobile-allowance span{font-size:12px;color:#796d84}
 .mobile-account-profile progress{width:100%;height:8px;accent-color:#c00058;margin-top:12px}
 .mobile-account-profile a{font-size:13px;font-weight:600}
 .account-settings-page>section.mobile-account-links{display:block;padding:8px 20px!important;border-radius:20px}
 .mobile-settings-group{border:1px solid #e7dfed;background:white;border-radius:16px;margin:12px 0;padding:0 18px}
 .mobile-settings-group>summary{display:list-item;padding:18px 0;cursor:pointer;font-weight:600;font-size:14px;color:#35283e}
 .mobile-settings-group>h2{display:none}
 .mobile-settings-group>form{padding-bottom:12px}
 .mobile-settings-group input{width:100%;min-width:0;box-sizing:border-box}
 .mobile-settings-group>#appearance{border:0;padding:0!important}
 .mobile-signout{text-align:center;margin:26px 0;overflow-wrap:anywhere}
 .mobile-signout p{font-size:12px;color:#786d82}
 .member-inbox-page .design-hero{background:none!important;padding:8px 0!important;margin-bottom:14px!important;border:0!important;min-height:0}
 .member-inbox-page .design-hero h1{font-size:28px!important;margin:6px 0 10px}
 .member-inbox-page .design-hero p,.member-inbox-page .inbox-intro{font-size:13px;line-height:1.65;color:#786d82}
 .inbox-message{border-radius:18px!important;padding:20px!important;margin:14px 0!important}
 .inbox-message summary{display:block;cursor:pointer;list-style:none}
 .inbox-message summary::-webkit-details-marker{display:none}
 .inbox-message summary>strong{display:block;font-size:16px;line-height:1.5;margin:10px 0}
 .inbox-message .inbox-desktop{display:none}
 .mobile-message-date{display:block;color:#786d82;font-size:11px}
 .inbox-message.unread .mobile-message-date:before{content:'';display:inline-block;width:7px;height:7px;background:#c00058;border-radius:50%;margin-right:7px}
 .mobile-message-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.7;color:#786d82}
 .mobile-message-action{display:flex;justify-content:space-between;color:#c00058;font-size:12px;font-weight:600;margin-top:16px}
 .inbox-message[open] .mobile-message-excerpt,.inbox-message[open] .mobile-message-action{display:none}
 .inbox-message .message-body{font-size:14px;line-height:1.8}
}