/* phone-drawer.js: the ☰ button and the left drawer exist on phone widths only; from 768px the real sidebar is there. */
.pd-btn{display:none;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:46px;margin:-.3rem .3rem -.3rem 0;border:0;border-radius:12px;background:#fff;color:#3730A3;font-size:1.7rem;font-weight:800;line-height:1;cursor:pointer}
.pd-btn:active{background:#E0E7FF}
.pd-ov{position:fixed;inset:0;z-index:300;background:rgba(16,24,40,0);transition:background .18s}
.pd-ov[hidden]{display:none}
.pd-ov.is-open{background:rgba(16,24,40,.45)}
.pd-panel{position:absolute;top:0;bottom:0;left:0;width:min(82vw,300px);display:flex;flex-direction:column;background:#fff;box-shadow:4px 0 24px rgba(16,24,40,.25);transform:translateX(-100%);transition:transform .18s ease-out;padding-bottom:env(safe-area-inset-bottom)}
.pd-ov.is-open .pd-panel{transform:none}
.pd-hd{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:52px;padding:0 .5rem 0 1rem;border-bottom:1px solid var(--border,#E4E7EC);font-size:1rem}
.pd-x{display:inline-flex;align-items:center;gap:.35rem;min-width:44px;height:44px;padding:0 .8rem;border:0;border-radius:12px;background:#EEF2FF;font:inherit;font-size:.95rem;font-weight:800;color:#3730A3;cursor:pointer}
.pd-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.pd-row{display:flex;align-items:center;gap:.7rem;width:100%;min-height:48px;padding:.5rem 1rem;border:0;border-bottom:1px solid #F1F5F9;background:#fff;text-align:left;font:inherit;font-size:.95rem;font-weight:600;color:var(--ink2,#475467);cursor:pointer}
.pd-row.is-on{background:#EEF2FF;color:var(--p,#3730A3);box-shadow:inset 3px 0 0 var(--p,#3730A3)}
.pd-ic{flex:none;width:1.6rem;text-align:center;font-size:1.25rem}
.pd-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-sep{height:8px;background:#F2F4F7}
body.pd-lock{overflow:hidden}
@media(max-width:767px){.pd-btn{display:inline-flex}}
@media(min-width:768px){.pd-btn,.pd-ov{display:none!important}}