/* Daily plan history: scoped to the existing daily-plan component. */
:root[data-design] #page .dp297 .dp390-browse{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:12px 0 8px;min-width:0}
:root[data-design] #page .dp297 .dp390-browse label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:13px;font-weight:600;line-height:1.4;color:var(--text)}
:root[data-design] #page .dp297 .dp390-person-label{flex:1 1 240px;max-width:420px}
:root[data-design] #page .dp297 .dp390-date-label{flex:0 1 180px}
:root[data-design] #page .dp297 .dp390-browse .dp297-person,
:root[data-design] #page .dp297 .dp390-browse .dp313-date{box-sizing:border-box;display:block;flex:none;width:100%!important;max-width:100%;min-width:0!important;min-height:44px;height:44px;margin:0;padding:8px 10px;font-size:16px;line-height:1.4}
:root[data-design] #page .dp297 .dp390-day-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}
:root[data-design] #page .dp297 .dp390-day-nav button{box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:8px 12px;cursor:pointer}
:root[data-design] #page .dp297 .dp390-day-nav button:disabled{cursor:default;opacity:.55}
:root[data-design] #page .dp297 .dp390-browse :is(button,input,select):focus-visible{outline:2px solid var(--text);outline-offset:3px}
:root[data-design] #page .dp297 .dp390-context{margin:8px 0 4px;font-size:15px;font-weight:600;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
:root[data-design] #page .dp297 .dp390-hint{margin:0 0 10px;max-width:78ch;font-size:13px;line-height:1.5;color:var(--text)}
:root[data-design] #page .dp297 .dp325-options[hidden]{display:none!important}
:root[data-design] #page .dp297[aria-busy=true] .dp297-content{min-height:100px}
@media(max-width:600px){
 :root[data-design] #page .dp297 .dp390-browse{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 :root[data-design] #page .dp297 .dp390-person-label{max-width:none}
 :root[data-design] #page .dp297 .dp390-day-nav{justify-content:flex-start}
 :root[data-design] #page .dp297 .dp390-browse .dp313-date{max-width:100%!important;width:100%!important}
}