.archive-day-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px}
.archive-day-nav label{display:grid;gap:4px;font-size:.78rem;color:var(--muted)}
.archive-day-nav input{width:100%;min-width:0;font:inherit;font-size:16px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);box-sizing:border-box}
.archive-day-nav button,#picker-archive-today{min-height:44px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit;font-size:.8rem;background:#fff;color:var(--green)}
.archive-window{font-size:.76rem;line-height:1.7;color:var(--muted);margin:8px 0 0}
#picker-archive-scope{font-size:.76rem;margin:0 0 10px}
.archive-search{font-size:.85rem;border-block:1px solid var(--line);padding:10px 0}
.archive-search summary{cursor:pointer;color:var(--green)}
.archive-search form{display:flex;gap:8px;align-items:end;padding-top:10px}
.archive-search label{flex:1;min-width:0;display:grid;gap:5px;font-size:.78rem}
.archive-search input{width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;padding:8px;border:1px solid var(--line);border-radius:10px;box-sizing:border-box}
.archive-search button{min-height:44px;padding:8px 14px;margin:0}
#picker-archive-status{font-size:.8rem;color:var(--muted);margin:10px 0}
.archive-order-button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;text-align:start;font:inherit;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink)}
.archive-order-button>span{min-width:0;overflow-wrap:anywhere;display:grid;gap:4px}
.archive-order-button strong,.archive-order-button b{font-size:.85rem}
.archive-order-button small{font-size:.72rem;color:var(--muted)}
.archive-order-button .archive-open{font-size:.76rem;color:var(--green)}
#picker-archive-list{gap:8px}
.archive-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px;padding:12px;background:var(--green-soft);border-radius:12px}
.archive-detail-grid>div{min-width:0;overflow-wrap:anywhere}
.archive-detail-grid dt{font-size:.72rem;color:var(--muted)}
.archive-detail-grid dd{margin:4px 0 0;font-size:.85rem}
#picker-archive-prev[hidden],#picker-archive-next[hidden]{display:none!important}
@media(max-width:360px){.archive-day-nav{gap:5px}.archive-day-nav button{padding:8px 5px;font-size:.7rem}.archive-day-nav input{padding:8px 4px}.archive-order-button{gap:6px;padding:10px}}