/* Compact mobile work and self-care controls. Today uses its original layout. */
.work-current{margin:14px 0 18px;padding:13px 15px;border-radius:12px;background:#1b1721;border:1px solid #d7baca29}
.work-current>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.work-current strong{font-size:1rem;color:var(--text)}
.work-current span,.work-current p{font-size:.875rem;line-height:1.7;color:var(--muted)}
.work-current p{margin:5px 0 0}
.work-current.state-trip strong{color:var(--gold)}
.work-current.state-care{border-color:#dfaabc66}
.work-current.state-care strong{color:#f3becf}

.style-sections{display:flex;flex-direction:column;min-width:0}
.style-sections>.character-profile{order:0}
.style-sections>.mangero-status{order:1}
.style-sections>.recent-growth{order:2}
.style-sections>.daily-routines{order:3}
.style-sections>.style-collection{order:4}
.style-sections>.style-layout{order:5}
.style-sections>.service-settings-link{order:6;align-self:flex-start}
.style-sections>.optional-mangero{order:7;margin-top:28px}
.optional-mangero>.mangero-card{margin:12px 0 0}

@media(max-width:800px){
 .mobile-page-intro{display:none}
 .screen-work>.status-strip{display:none}
 .screen-work>.work-layout{padding-top:12px}
 .screen-work .plan-card{padding:16px}
 .screen-work .card-heading{flex-wrap:wrap;gap:4px 8px}
 .screen-work .card-heading h2{font-size:1.125rem}
 .screen-work .card-heading>.text-button{padding:6px 0;min-height:40px}
 .work-current{margin:8px 0 14px;padding:11px 12px}
 .work-current>div{gap:2px 10px}
 .work-current span{flex-basis:100%}
 .screen-work .selected-shop{margin-top:12px;padding:10px;gap:10px;min-width:0}
 .screen-work .selected-shop>div{min-width:0;overflow-wrap:anywhere}
 .screen-work .plan-selects{margin-top:14px;gap:10px}
 .screen-work .forecast-meta{padding:10px 0;gap:6px 12px}
 .style-sections>.daily-routines{order:1;margin-top:0}
 .style-sections>.mangero-status{order:0}
 .style-sections>.recent-growth{order:2}
 .style-sections>.style-layout{order:3}
 .style-sections>.character-profile{order:4;margin-top:24px}
 .style-sections>.style-collection{order:5}
 .screen-diary .diary-layout{display:flex;flex-direction:column}
 .screen-diary .diary-settings{order:0;min-width:0}
 .screen-diary .diary-layout>aside{order:1;min-width:0}
}