/* Compact controls for the Plans page. Original plan actions stay intact. */
body[data-ux-page="plans"] #add-operation{display:none}
body[data-ux-page="plans"] .plan-heading{margin-bottom:6px}
body[data-ux-page="plans"] .plan-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;margin:0;border:0;border-radius:var(--ui-card-radius,18px);background:var(--ui-nested,#f0f3f8);overflow:visible}
body[data-ux-page="plans"] .plan-tabs>button{min-width:0;min-height:var(--ui-touch,44px);padding:10px 6px;border-radius:var(--ui-control-radius,12px);font-size:14px;font-weight:550;color:var(--muted);background:transparent;box-shadow:none;justify-content:center}
body[data-ux-page="plans"] .plan-tabs>button.selected{color:var(--ink);background:var(--paper);font-weight:650;box-shadow:0 1px 3px #1326440d}
body[data-ux-page="plans"] .plan-tabs>button:not(.selected):is(:hover,:active){background:var(--control-pressed);color:var(--ink)}
body[data-ux-page="plans"] .plan-tabs>button.selected:after{display:none}
body[data-ux-page="plans"] .plan-tabs>.motion-selection,.ux-plan-menu .motion-selection{display:none}
.ux-plan-toolbar{display:flex;align-items:center;gap:8px;margin:8px 0 14px;position:relative;z-index:4}
.ux-plan-menu{position:relative;min-width:0}
.ux-plan-menu>summary,.ux-selection-money>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;min-height:44px}
.ux-plan-menu>summary::-webkit-details-marker,.ux-selection-money>summary::-webkit-details-marker{display:none}
.ux-plan-menu>summary{padding:0 10px;border-radius:var(--ui-control-radius,12px);font-size:14px;color:var(--ink);white-space:nowrap}
.ux-plan-toolbar>.ux-plan-menu>summary{background:var(--ui-nested,#f0f3f8)}
.ux-plan-menu>summary>.icon,.ux-selection-money>summary>.icon{width:13px;height:13px;flex:none;color:var(--muted);transform:rotate(90deg)}
.ux-plan-menu[open]>summary{background:var(--blue-soft);color:var(--blue)}
.ux-plan-menu[open]>summary>.icon{transform:rotate(-90deg)}
.ux-plan-menu-body{position:absolute;left:0;top:calc(100% + 6px);z-index:10;min-width:176px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 25px #18315c1a}
.ux-plan-menu .plan-scope-switch,.ux-plan-menu .plan-filters,.ux-plan-menu .plan-bulk-actions{display:flex;flex-direction:column;gap:2px;border:0;border-radius:0;margin:0;padding:0;background:transparent}
.ux-plan-menu-body button{display:block;width:100%;text-align:left;min-height:44px;padding:10px 12px;margin:0;border:0;border-radius:8px;background:transparent;font-size:14px;font-weight:500;color:var(--ink);box-shadow:none;white-space:normal;line-height:1.4}
.ux-plan-menu-body button:is(.selected,.active,[aria-pressed="true"]){background:var(--blue-soft);color:var(--blue);box-shadow:none}
.ux-plan-menu-body button:disabled{color:var(--muted);opacity:.45}
.ux-plan-menu-body .plan-bulk-delete{color:#b44748}
.ux-plan-menu-body #plan-selection-all{border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;margin-bottom:4px}
.ux-plan-add{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:none;margin-left:auto;border:1px solid #dce5ff;background:#eaf0ff;color:var(--blue);border-radius:12px}
.ux-plan-add>.icon{width:20px;height:20px}
.plan-selection-panel.ux-plan-selection{padding:0 10px;margin:0 0 12px;border:1px solid #dbe4f7;border-radius:12px;background:#edf2fc}
.ux-plan-selection>.row{gap:4px;min-height:46px}
.ux-plan-selection h2{font-size:14px;font-weight:600;letter-spacing:0;flex:1}
.ux-plan-selection #plan-selection-cancel{display:grid;place-items:center;width:44px;min-height:44px;padding:0;flex:none;color:var(--muted)}
.ux-plan-selection #plan-selection-cancel>.icon{width:16px;height:16px}
.ux-plan-selection .ux-plan-menu{margin-left:auto}
.ux-plan-selection .ux-plan-menu>summary{color:var(--blue);padding-inline:9px}
.ux-plan-selection .ux-plan-menu-body{left:auto;right:0;width:230px;max-width:calc(100vw - 64px)}
.ux-selection-money{border-top:1px solid var(--line)}
.ux-selection-money>summary{padding:0 4px;font-size:14px;color:var(--muted);gap:8px}
.ux-selection-money>summary>b{margin-left:auto;font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ux-selection-money[open]>summary>.icon{transform:rotate(-90deg)}
.ux-selection-money .plan-selection-summary{margin:0;border:0;padding:8px 4px}
.ux-selection-money .plan-selection-summary strong{font-size:16px;margin-top:5px}
.ux-selection-money .plan-selection-note{padding:0 4px;font-size:12px}
.ux-plan-menu>summary:focus-visible,.ux-selection-money>summary:focus-visible{outline:3px solid #93adff;outline-offset:2px;border-radius:9px}
@media(hover:hover){.ux-plan-menu-body button:enabled:hover{background:#f0f4fc}.ux-plan-menu>summary:hover{background:var(--blue-soft)}}
@media(max-width:359px){.ux-plan-toolbar{gap:5px}.ux-plan-menu>summary{padding-inline:9px;font-size:14px}body[data-ux-page="plans"] .plan-tabs{gap:4px}.ux-selection-money>summary{font-size:14px}.ux-selection-money>summary>b{font-size:14px}}

/* Batch controls float above navigation without moving the plan list. */
body[data-ux-page="plans"] #app{padding-bottom:calc(var(--nav) + 165px + env(safe-area-inset-bottom))}
body[data-ux-page="plans"] .plan-selection-panel.ux-plan-selection{position:fixed;z-index:20;left:50%;bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 10px);transform:translateX(-50%);width:calc(100% - 24px);max-width:496px;margin:0;padding:0 10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--ui-card-radius,18px);box-shadow:0 5px 22px #10243b24}
.ux-plan-selection .ux-selection-money{border-color:var(--line)}
.ux-plan-selection .ux-selection-money>div{max-height:35vh;overflow-y:auto;overscroll-behavior:contain}
.ux-plan-selection>.plan-selection-warning{max-height:20vh;overflow:auto}

.ux-plan-toolbar>[data-plan-selection-mode]{min-height:44px;padding:8px;color:var(--muted);font-size:13px}
@media(max-width:359px){.ux-plan-toolbar{flex-wrap:wrap}.ux-plan-toolbar>.ux-plan-add{margin-left:auto}body[data-ux-page="plans"] .plan-tabs>button{font-size:13px;padding-inline:3px}}

/* Tasks that need attention soon stay in the Plans page, above the regular list. */
.plan-now{min-width:0;margin:12px 0 14px;padding:14px;border:1px solid var(--line);border-radius:var(--ui-card-radius,18px);background:var(--paper)}
.plan-now-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;margin:0 0 12px}
.plan-now-head h2{margin:0;color:var(--ink);font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.2px}
.plan-now-list{display:grid;gap:8px;min-width:0}
.plan-now-item{min-width:0;padding:12px;border-radius:var(--ui-nested-radius,14px);background:var(--ui-nested,var(--theme-inset));color:var(--ink)}
.plan-now-title{display:block;min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.plan-now-item button.plan-now-title{text-align:left;width:100%;padding:0;color:var(--ink)}
.plan-now-meta{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.plan-now-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.plan-now-actions button,.plan-now-snooze button{min-height:var(--ui-touch,44px);min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:var(--ui-control-radius,12px);background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}
.plan-now-actions button:first-child{background:var(--blue-soft);border-color:transparent;color:var(--blue)}
.plan-now-reminder{display:inline-flex;align-items:center;gap:5px;max-width:100%;color:var(--muted);font-size:12px;line-height:1.45}
.plan-now-reminder>.icon{width:15px;height:15px;flex:none}
.plan-now-quick{display:flex;align-items:stretch;gap:7px;min-width:0;margin-top:10px}
.plan-now-input{flex:1;min-width:0;min-height:var(--ui-touch,44px);padding:10px 12px;border:1px solid var(--line);border-radius:var(--ui-control-radius,12px);background:var(--ui-nested,var(--theme-inset));color:var(--ink);font:inherit;font-size:14px}
.plan-now-input::placeholder{color:var(--muted);opacity:1}
.plan-now-quick button{flex:none;min-height:var(--ui-touch,44px);padding:9px 13px;border:0;border-radius:var(--ui-control-radius,12px);background:var(--blue-soft);color:var(--blue);font-size:13px;font-weight:650}
.plan-now-more{display:block;min-height:var(--ui-touch,44px);margin:4px 0 0;padding:8px 0;color:var(--blue);font-size:13px;font-weight:600;text-align:left}
.plan-now-snooze{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.plan-now-snooze button{flex:1 1 70px;text-align:center}
.plan-now :is(button,input):focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:359px){.plan-now{padding:12px}.plan-now-item{padding:11px}.plan-now-actions button{flex:1 1 90px}.plan-now-quick button{padding-inline:10px}}
.plan-daily{min-width:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0;margin:12px 0}
.plan-daily .switch-row{min-height:var(--ui-touch,44px);font-size:14px;line-height:1.45}
.plan-daily .hint{color:var(--muted);line-height:1.5}
.plan-daily-label{display:inline-flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap;color:var(--muted);line-height:1.5}
.plan-daily-label>.icon{width:14px;height:14px;flex:none}