/* Layout and readability corrections for the unified phone app. */
:root{--status-space:0px;--bottom-space:calc(var(--bottom) + env(safe-area-inset-bottom));--action-outline:#7d8c70;--panel-outline:#6d7f5f}
html{scroll-padding-block-start:calc(var(--top) + env(safe-area-inset-top) + var(--status-space) + 20px);scroll-padding-block-end:calc(var(--bottom-space) + 20px)}
.topbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(6px,2vw,12px)}
.topbar .brand{min-width:0;max-width:100%;margin-inline:0;overflow:hidden}
.topbar .brand>img{flex:none}
.topbar .brand>span,.topbar .brand .brand-sub{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .top-end{flex:none;min-width:0}
.bottom-nav{height:auto;min-height:calc(var(--bottom) + env(safe-area-inset-bottom));align-items:stretch}
.bottom-nav .bottom-link{flex:1 1 0;min-width:0;width:auto;height:auto;min-height:var(--bottom);flex-direction:column;gap:4px;padding:8px 2px 6px}
.bottom-link>span{max-width:100%;overflow-wrap:anywhere;text-align:center}
.bottom-link>svg{flex:none}
#status-banners{position:fixed;top:calc(var(--top) + env(safe-area-inset-top));inset-inline:0;z-index:49}
#status-banners .connection-status,#status-banners #storage-warning:not([hidden]){position:static;inset:auto;margin:0;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));font-size:12px;line-height:1.65;overflow-wrap:anywhere}
#main{padding-top:calc(var(--top) + env(safe-area-inset-top) + var(--status-space) + 28px);padding-bottom:calc(var(--bottom-space) + 30px)}
#module-host{top:calc(var(--top) + env(safe-area-inset-top) + var(--status-space));bottom:var(--bottom-space)}
.toast{bottom:calc(var(--bottom-space) + 12px);overflow-wrap:anywhere}
.module-card-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;margin-bottom:18px;min-width:0}
#main .module-card-head .module-identity{margin:0;align-items:flex-start;min-width:0}
#main .module-card-head .module-heading{padding-right:0;min-width:0}
#main .module-card-head .module-favorite{position:static;width:44px;height:44px;min-width:44px;min-height:44px;align-self:start}
.module-heading .eyebrow{display:block;overflow-wrap:anywhere}
.module-card .module-open{border:1px solid var(--module-highlight);overflow-wrap:anywhere;text-align:center}
.idea-heading{display:grid;grid-template-columns:70px minmax(0,1fr) 44px;gap:14px;padding-right:0}
.idea-heading .idea-star{position:static;align-self:start;width:44px;height:44px;min-width:44px;min-height:44px}
.idea-heading>div{min-width:0}
.idea-tabs{padding:6px 4px 12px;margin-inline:-4px}
.home-quick a{border-color:var(--action-outline);min-width:0;overflow-wrap:anywhere}
.home-quick a>svg{flex:none}
#idea-panel .search-field input{padding:12px 14px 12px 44px;border:1px solid var(--control);background:#0c100c;min-height:48px}
#idea-panel .search-field>svg{left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}
#idea-panel label.sr-only{padding:0;margin:-1px}
.idea-check{position:relative;width:44px;height:44px;min-width:44px;flex:none}
.idea-check:before{content:none}
.idea-task>span{min-width:0}
.idea-task .icon-button{width:44px;min-width:44px;min-height:44px;flex:none}
.score-choices span{font-size:12px;line-height:1.45;min-height:2.9em}
.score-choices button{align-content:start;min-width:0}
.workout-exercise{border-color:var(--panel-outline)}
.exercise-log-fields{align-items:stretch}
.exercise-log-fields>div{display:flex;flex-direction:column;min-width:0}
.training-workspace .workout-exercise .exercise-log-fields label{font-size:12px!important;min-height:0;overflow-wrap:anywhere}
.exercise-log-fields input{margin-top:auto}
.workout-history li{flex-wrap:wrap;overflow-wrap:anywhere}
.finder-result strong,.collection-item strong{overflow-wrap:anywhere}
@media(min-width:650px){.idea-heading{grid-template-columns:82px minmax(0,1fr) 44px}}
@media(max-width:580px){.idea-heading{grid-template-columns:61px minmax(0,1fr) 44px}}
@media(max-width:480px){.exercise-log-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-log-fields>div:first-child{grid-column:1/-1}}
@media(max-width:350px){.idea-heading{grid-template-columns:52px minmax(0,1fr) 44px;gap:10px}.score-choices{gap:4px}.score-choices button{padding-inline:2px}.score-choices span{font-size:12px}}
@media print{#status-banners{display:none}#main{padding-top:0;padding-bottom:0}}

.topbar .icon-button{width:44px;min-width:44px}.topbar select{min-height:44px}.recipe-actions .icon-button{width:44px;min-width:44px}.phone-section-head>a{min-width:44px}.toast{pointer-events:none}