/* Staff menu admin: library + week planner. Mobile first (375px), 44px touch targets, 16px inputs. */
.ma-seg{display:flex;gap:6px;margin-bottom:10px}
.ma-seg button{flex:1;min-height:44px;border:1px solid var(--dkb);border-radius:8px;background:var(--dk1);color:var(--dkm);font-size:.85rem;font-weight:600}
.ma-seg button.on{background:var(--gold);color:#000;border-color:var(--gold)}
.ma-stamp{font-size:.72rem;color:var(--dkm);margin-bottom:12px}
.ma-link{background:none;border:0;color:var(--gold);font-size:.72rem;min-height:44px;padding:0 6px;text-decoration:underline}
.ma-row{width:100%;text-align:left;color:inherit;min-height:44px}
.ma-badge{display:inline-block;padding:2px 8px;border-radius:10px;background:var(--gold-d);color:var(--gold);font-size:.68rem;font-weight:600}
.ma-badge-oos{background:var(--red-d);color:#E46E66}
.ma-itemrow{display:flex;gap:6px;align-items:stretch;margin-bottom:6px}
.ma-itemrow .ma-row{flex:1;min-width:0;margin-bottom:0}
.ma-oos{flex:0 0 92px;min-height:44px;padding:0 6px;border:1px solid var(--dkb);border-radius:8px;background:var(--dk2);color:var(--dkm);font-size:.7rem;font-weight:600;line-height:1.2}
.ma-oos-on{border-color:var(--gold);color:var(--gold)}
.ma-sechead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.ma-sechead .ms-label{margin-bottom:0;min-width:0;overflow-wrap:anywhere}
.ma-win{flex:0 0 auto;min-height:44px;padding:0 12px;border:1px solid var(--dkb);border-radius:22px;background:var(--dk2);color:var(--dkm);font-size:.72rem;font-weight:600;white-space:nowrap}
.ma-win-on{border-color:var(--gold);color:var(--gold)}
.ma-hint{font-size:.8rem;line-height:1.4;color:var(--dkm);margin-bottom:12px}
.ma-chips{display:flex;flex-wrap:wrap;gap:6px}
.ma-chip{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--dkb);border-radius:22px;background:var(--dk2);color:var(--dkm);font-size:.8rem;text-transform:capitalize}
.ma-chip.on{background:var(--gold);color:#000;border-color:var(--gold);font-weight:600}
.ma-img{width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.ma-err{min-height:20px;color:#E5534B;font-size:.82rem;margin-top:6px}
.ma-addsec{margin-top:8px;border-style:solid;border-color:var(--gold);color:var(--gold)}
#maSheet{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;justify-content:center}
.ma-card{max-height:92vh;overflow-y:auto}
.am-cancel{flex:1;min-height:44px;background:none;border:1px solid var(--dkb);border-radius:8px;color:var(--dkt)}
.am-del{min-height:44px;padding:0 14px;background:none;border:1px solid var(--red);border-radius:8px;color:var(--red)}

/* Planner */
.mp-nav{display:flex;gap:6px;margin-bottom:10px}
.mp-tab{flex:1;min-height:44px;border:1px solid var(--dkb);border-radius:8px;background:var(--dk1);color:var(--dkm);font-size:.82rem;font-weight:600}
.mp-tab.on{border-color:var(--gold);color:var(--gold)}
.mp-week{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mp-wl{flex:1;text-align:center;font-weight:600;color:var(--dkt)}
.mp-arrow{width:44px;height:44px;border:1px solid var(--dkb);border-radius:8px;background:var(--dk1);color:var(--dkt);font-size:1.2rem}
.mp-tools{display:flex;gap:6px;margin-bottom:12px}
.mp-tools .adm-act{flex:1;min-height:44px}
.mp-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(7,34px);gap:3px;align-items:center;padding:3px 0}
.mp-head{position:sticky;top:0;background:var(--dk);z-index:2}
.mp-d{text-align:center;font-size:.7rem;color:var(--dkm);font-weight:600}
.mp-name{font-size:.78rem;line-height:1.2;color:var(--dkt);overflow-wrap:anywhere}
.mp-cell{width:34px;height:44px;border:1px solid var(--dkb);border-radius:6px;background:var(--dk2);padding:0}
.mp-cell.on{background:var(--gold);border-color:var(--gold)}
.mp-save{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-top:12px;background:var(--dk1);border:1px solid var(--gold);border-radius:10px;color:var(--dkt);font-size:.85rem}
.mp-savebtn{flex:0 0 120px}
@media (min-width:600px){.mp-row{grid-template-columns:minmax(0,1fr) repeat(7,48px)}.mp-cell{width:48px}}
