/* ---- toast ---- */
.app-toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;font-family:'Manrope';font-weight:700;font-size:13px;padding:12px 18px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:200;opacity:0;transition:opacity .25s, transform .25s;max-width:80%;text-align:center;pointer-events:none;}
.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ---- appearance / palette picker ---- */
.palette-list{display:flex;flex-direction:column;gap:12px;}
.palette-card{width:100%;border:0;border-radius:20px;padding:20px 22px;cursor:pointer;position:relative;text-align:left;box-shadow:0 4px 14px rgba(20,30,60,.12);}
.palette-card:active{transform:translateY(1px);}
.palette-name{font-family:'Baloo 2';font-weight:800;font-size:20px;margin:0 0 4px;}
.palette-hex{font-family:'Manrope';font-weight:700;font-size:12.5px;letter-spacing:.5px;opacity:.72;}
.palette-check{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);display:none;align-items:center;justify-content:center;font-weight:800;font-size:15px;}
.palette-card.active .palette-check{display:flex;}
.palette-card.active{box-shadow:0 0 0 3px var(--white), 0 0 0 5px var(--ink), 0 4px 14px rgba(20,30,60,.12);}

.tracker-sections .section-tile-balance,
.tracker-sections .section-tile-archive{
  background:var(--white);
}
.tracker-sections .section-tile-balance .icon-quad-emoji,
.tracker-sections .section-tile-archive .icon-quad-emoji{
  width:auto; height:auto; border-radius:0; background:transparent !important; font-size:28px;
}
.tracker-sections .section-tile-balance .icon-quad-label,
.tracker-sections .section-tile-archive .icon-quad-label{
  font-size:12px;
}
.week-events-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.goal-row{ display:flex; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid #F1EDFB; font-size:13.5px; }
.goal-row:last-child{ border-bottom:none; }
.goal-num{ width:20px; height:20px; border-radius:50%; background:var(--purple-light); color:var(--purple-dark); font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.goal-text{ flex:1; }
.goal-stars{ color:var(--gold-cell-dark); font-size:12px; }