.khatma-main{max-width:900px}.plan-emblem{color:var(--gold);font-size:2.3rem;line-height:1.4;text-align:center;border-inline-start:1px solid var(--line);padding-inline-start:25px}.plan-emblem small{display:block;font-size:.9rem;color:var(--muted)}.plan-setup,.plan-today,.plan-overview{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}.plan-setup h2,.plan-today h2{margin:0 0 10px;font-family:ArabicDisplay,serif;font-size:2rem;font-weight:400;line-height:1.8}.plan-setup fieldset{border:0;padding:0;margin:26px 0}.plan-setup legend{margin-bottom:12px}.duration-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.duration-options label{position:relative;cursor:pointer}.duration-options input{position:absolute;opacity:0;inset:0}.duration-options span{display:block;text-align:center;padding:15px 8px;border:1px solid #4f685c;border-radius:10px;min-height:50px}.duration-options input:checked+span{border-color:var(--gold);background:#d4ba7d15;color:var(--gold-bright)}.duration-options input:focus-visible+span{outline:2px solid var(--gold);outline-offset:4px}.plan-fields{display:flex;gap:20px;flex-wrap:wrap}.plan-fields label{display:flex;flex:1;min-width:160px;flex-direction:column;gap:8px}.plan-fields input,.plan-dialog-field input{width:100%;max-width:100%;min-height:48px;border:1px solid #4f685c;border-radius:9px;padding:10px 12px;background:var(--bg);color:var(--text);font:inherit;box-sizing:border-box;color-scheme:dark}.plan-fields input[type=date]{min-width:0}.plan-estimate{padding:15px 0;color:var(--gold-bright);line-height:1.9;min-height:55px}.plan-privacy{color:var(--muted);font-size:.875rem;margin-top:30px;line-height:2}.plan-overview{display:flex;flex-wrap:wrap;gap:12px 30px;align-items:center;margin-bottom:18px}.plan-percent{font-size:3rem;line-height:1.4;color:var(--gold-bright);font-weight:400}.plan-overview .section-kicker{margin-bottom:6px}.plan-overview-detail{flex:1;min-width:200px}.plan-overview-detail p{margin:5px 0;line-height:1.9}.plan-overview progress{flex-basis:100%;width:100%;height:7px;accent-color:var(--gold)}.plan-today{border-color:#d4ba7d66;background:linear-gradient(135deg,#17392f,var(--surface));position:relative}.plan-today p{line-height:2;margin:8px 0}.plan-today h2{font-size:2.5rem;color:var(--gold-bright)}.plan-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.plan-actions .quiet-link{flex-basis:100%;text-decoration:underline;text-underline-offset:4px}.plan-note{color:var(--muted);font-size:.9375rem}.plan-management{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.plan-management .quiet-link{margin-inline-start:auto}.plan-message{padding:14px 18px;border:1px solid var(--gold);border-radius:10px;line-height:1.9;background:var(--surface)}.plan-schedule{margin-top:28px;border-top:1px solid var(--line);padding-top:14px}.plan-schedule summary{padding:10px 0;cursor:pointer;color:var(--gold-bright);min-height:44px}.plan-schedule ol{list-style:none;padding:0}.plan-schedule li{border-bottom:1px solid var(--line)}.plan-schedule li a{display:grid;grid-template-columns:1.5fr 1fr auto;gap:15px;align-items:center;color:var(--text);text-decoration:none;padding:16px 12px;border-inline-start:3px solid transparent;font-size:.9375rem}.plan-schedule li strong{font-weight:400}.plan-schedule li small{font-size:.875rem;color:var(--muted)}.plan-schedule .is-done{opacity:.65}.plan-schedule .is-done small{color:#aee5c4}.plan-schedule .is-next a{border-inline-start-color:var(--gold);background:#d4ba7d0a}.plan-dialog-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}#planDialogError{color:#ffb1ad}#planDialog{width:min(calc(100% - 28px),520px)}
@media(max-width:540px){.plan-setup,.plan-today,.plan-overview{padding:20px 16px}.duration-options{grid-template-columns:repeat(2,1fr)}.plan-fields{gap:16px}.plan-fields label{flex-basis:100%}.plan-today h2{font-size:2rem}.plan-actions>*{flex:1 1 100%}.plan-management{align-items:stretch}.plan-management .secondary-action{flex:1 1 45%;padding:10px}.plan-management .quiet-link{margin:8px 0;flex:1 1 100%}.plan-schedule li a{grid-template-columns:1.5fr 1fr;gap:6px 12px}.plan-schedule li small{grid-column:1/-1}.plan-emblem{padding-inline-start:15px;font-size:1.8rem}.plan-overview-detail{min-width:160px}}