.plans-shell{min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(213,161,74,.13),transparent 26%),radial-gradient(circle at 90% 20%,rgba(46,127,134,.13),transparent 28%),linear-gradient(180deg,#edf5f1,#fbf8f1)}
.plans-topbar{height:82px;padding:0 clamp(22px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,253,248,.76);backdrop-filter:blur(18px)}
.plans-account{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}.plans-main{max-width:1080px;margin:0 auto;padding:70px clamp(20px,4vw,44px)}
.plans-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.plans-heading h2{margin-bottom:9px}.plans-heading .lead{margin:0;font-size:17px}
.plans-grid{display:grid;gap:15px}.plan-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,248,.96);box-shadow:0 10px 28px rgba(27,68,82,.06);transition:.18s}
.plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.plan-card-main{display:flex;align-items:center;gap:17px;min-width:0}.plan-card-main h3{font-size:19px;margin:0 0 5px}.plan-card-main p{margin:0}.plan-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;background:var(--mist);color:var(--gold);font-size:25px;font-weight:900;transform:rotate(-10deg)}
.plan-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.plans-empty{text-align:center;padding:70px 25px;border:1px dashed rgba(16,58,86,.22);border-radius:28px;background:rgba(255,253,248,.7)}.plans-empty-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:var(--mist);color:var(--gold);font-size:38px;font-weight:900;transform:rotate(-10deg)}.plans-empty h3{font-family:Georgia,"Times New Roman",serif;font-size:28px}.plans-empty .btn{margin-top:18px}
@media(max-width:800px){.plans-heading,.plan-card{align-items:flex-start;flex-direction:column}.plan-card-actions{width:100%;justify-content:flex-start}.plans-account span{display:none}.plans-main{padding-top:42px}}
@media(max-width:520px){.plan-card-actions .btn{flex:1}.plans-heading .btn{width:100%}}

/* HN_PLAN_ACTIONS_GRID_V1
   Keep actions aligned consistently across complete and incomplete plans.
*/
.plan-card-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:200px;
  flex:0 0 200px;
  align-items:center;
}

.plan-card-actions [data-plans-action="open"]{
  grid-column:1 / -1;
  width:100%;
}

.plan-card-actions [data-plans-action="rename"],
.plan-card-actions [data-plans-action="duplicate"]{
  width:100%;
}

.plan-card-actions [data-plans-action="delete"]{
  grid-column:1 / -1;
  justify-self:center;
  min-height:40px;
  padding:0 14px;
}

@media(max-width:800px){
  .plan-card-actions{
    width:100%;
    flex:1 1 auto;
  }
}