#searchPlans .plan-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}
#searchPlans .plan-form label{flex:1;min-width:180px}
#searchPlans button,#searchPlans select{min-height:44px}
#searchPlans .plan-card{border:1px solid var(--border,#dce5ee);border-radius:10px;padding:18px;margin-top:16px}
#searchPlans .plan-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#searchPlans .plan-remaining{font-weight:700;color:#146ac8}
#searchPlans .plan-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e5ebf1}
#searchPlans .plan-note{color:#556b80;margin:10px 0}
#searchPlans .plan-error{color:#9b342b;white-space:pre-wrap;overflow-wrap:anywhere}
#searchPlans .plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 8px}
#searchPlans .plan-metric{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border,#dce5ee);border-radius:10px;background:var(--bg,#f7f9fc);color:var(--text,#20364d)}
#searchPlans .plan-metric>span{font-size:14px;font-weight:600}
#searchPlans .plan-metric strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.4}
#searchPlans .plan-metric small{font-size:12px;font-weight:400;color:var(--muted,#556b80);overflow-wrap:anywhere}
#searchPlans .plan-stat-note{font-size:13px;line-height:1.6;color:var(--muted,#556b80);margin:8px 0 16px}
@media(max-width:800px){#searchPlans .plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
#searchPlans button:focus-visible{outline:3px solid #2475cc;outline-offset:2px}
@media(max-width:600px){#searchPlans .plan-form>*{width:100%}#searchPlans .plan-item{align-items:start;flex-direction:column}}

#searchPlans .plan-product{margin-top:14px;padding:16px;border:1px solid var(--border,#dce5ee);border-radius:12px;background:var(--card,#fff)}
#searchPlans .plan-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#searchPlans .plan-stage{flex-shrink:0;padding:5px 10px;border-radius:18px;background:#eaf3ff;color:#146ac8;font-size:13px}
@media(max-width:600px){#searchPlans .plan-product{padding:12px}#searchPlans .plan-product-head{align-items:start;flex-direction:column}}

.plan-cumulative{display:inline-block;margin:4px 0 4px 10px;padding:5px 10px;border-radius:8px;background:#eaf3ff;color:#146ac8;font-size:14px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.plan-elapsed{display:inline-block;margin:4px 0;padding:5px 10px;border-radius:8px;background:var(--bg,#f7f9fc);color:var(--muted,#556b80);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
#searchPlans>.section-head .actions{display:flex;flex-wrap:wrap;gap:8px}
#searchPlans>.section-head button{white-space:nowrap}
#searchPlans .plan-card>.section-head{flex-wrap:wrap;gap:8px}
#searchPlanHistoryDialog{width:min(900px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;border:1px solid var(--border,#dce5ee);border-radius:16px;background:var(--card,#fff);color:var(--text,#20364d);padding:24px;overflow:auto}
#searchPlanHistoryDialog::backdrop{background:rgba(15,32,52,.55)}
#searchPlanHistoryDialog .section-head{position:sticky;top:-24px;background:var(--card,#fff);padding:12px 0;z-index:1}
#searchPlanHistoryDialog button{min-width:44px;min-height:44px}
#searchPlanHistoryDialog button:focus-visible{outline:3px solid #2475cc;outline-offset:2px}
.plan-history-card{border:1px solid var(--border,#dce5ee);padding:18px;border-radius:12px;margin:16px 0}
.plan-history-card h3{margin-top:0;overflow-wrap:anywhere}
.plan-history-products{list-style:none;padding:0;margin:0}
.plan-history-products li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border,#dce5ee)}
.plan-history-products span{color:var(--muted,#556b80)}
@media(max-width:600px){.plan-cumulative{margin-left:0}#searchPlans>.section-head{align-items:flex-start;flex-direction:column}#searchPlanHistoryDialog{padding:16px}.plan-history-products li{flex-direction:column}.plan-history-card{padding:12px}}