/* My Kundlis, new-chart flow and active person bar (v38). Golden Shambhala palette. */
.saved-charts{display:grid;gap:12px}
.saved-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.saved-heading p{margin:2px 0 0;font-size:13px;color:#7a5a36}
.saved-count{font-size:12px;font-weight:700;color:#744314;background:#fff4dc;border:1px solid #e3c890;border-radius:999px;padding:3px 10px;white-space:nowrap}
.new-kundli{width:100%;min-height:52px;font-size:17px;font-weight:700;border:0;border-radius:12px;color:#fff;background:linear-gradient(110deg,#744314,#a96d19);box-shadow:0 6px 16px #7f4b1733;cursor:pointer}
.new-kundli:hover{background:#63370f}.new-kundli span{font-size:20px;margin-right:4px}
#saved-filter{width:100%;box-sizing:border-box}
.saved-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.saved-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;background:#fffdf8;border:1px solid #e6d3ad;border-radius:12px;overflow:hidden}
.saved-card.is-current{border-color:#a96d19;box-shadow:0 0 0 2px #a96d1933}
.saved-card.is-recent .saved-text strong::after{content:" · पिछली बार खुली";font-weight:400;font-size:12px;color:#a96d19}
.saved-card-open{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;background:none;border:0;text-align:left;color:inherit;cursor:pointer;font:inherit}
.saved-card-open:hover{background:#fff4dc}
.saved-initial{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f3e1bb;color:#5f3814;font-weight:700;font-size:17px}
.saved-text{display:grid;min-width:0}
.saved-text strong{color:#3d230b;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-text span{font-size:13px;color:#7a5a36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-card-action{background:none;border:0;border-left:1px solid #efe1c4;padding:0 12px;font-size:13px;color:#744314;cursor:pointer;min-width:56px}
.saved-card-action:hover{background:#fff4dc}.saved-card-action.danger{color:#9b2c1f}
.saved-none,.saved-empty{margin:0;padding:12px;border:1px dashed #dcc59a;border-radius:12px;color:#7a5a36;font-size:14px;background:#fffdf8}
.saved-undo,.resume-offer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:12px;background:#3d230b;color:#fff4dc;font-size:14px}
.resume-offer{background:#fff4dc;color:#5f3814;border:1px solid #e3c890}
.saved-undo button{background:#f3c46b;color:#3d230b;border:0;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer}
.link-button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:4px}
.saved-backup{border-top:1px solid #ead7b3;padding-top:8px}.saved-backup summary{cursor:pointer;color:#744314;font-size:14px}
.backup-actions{display:flex;flex-wrap:wrap;gap:8px}
.file-button{position:relative;display:inline-flex;align-items:center;cursor:pointer;border:1px solid #c9a96b;border-radius:8px;padding:8px 12px;font-size:14px;color:#5f3814;background:#fffdf8}
.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
#saved-status:empty{display:none}
.form-mode{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.02em;color:#2f6b3a;background:#eaf5e6;border-radius:999px;padding:4px 12px;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-mode.is-editing{color:#744314;background:#fff1d6}
.name-field{display:grid;gap:4px;margin-bottom:12px}.name-field input{font-size:17px}
.save-toggle{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:14px;color:#5f3814}.save-toggle input{width:18px;height:18px}
.active-bar{position:sticky;top:52px;z-index:25;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#fffaf0f2;border:1px solid #e3c890;box-shadow:0 4px 14px #5f381414;backdrop-filter:blur(6px)}
.active-who{min-width:0;font-size:14px;color:#7a5a36;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.active-who strong{color:#3d230b;font-size:16px}
.active-actions{display:flex;gap:6px;flex-wrap:wrap}
.active-actions button{padding:7px 12px;font-size:14px;min-height:36px}
@media(max-width:800px){.active-bar{top:48px;padding:8px 10px}.active-actions{width:100%}.active-actions button{flex:1}}
@media(max-width:390px){.saved-card-action{min-width:48px;padding:0 8px;font-size:12px}.saved-initial{width:32px;height:32px;font-size:15px}}
