@font-face { font-family:"Orchard Plans"; font-style:normal; font-weight:900; font-display:swap; src:url('../fonts/nunito/nunito-900-v1.ttf') format('truetype'); }
.my-plans-panel *, .my-plans-panel *::before, .my-plans-panel *::after { box-sizing:border-box; }
body .my-plans-panel [hidden] { display:none!important; }
body .my-plans-heading { display:flex; align-items:center; justify-content:space-between; flex:none; gap:12px; margin:0; padding:0 0 13px; border-bottom:1px solid #e8dab9; }
body .my-plans-heading h2 { min-width:0; margin:0; color:#643c26; font:900 29px/1.2 "Orchard Plans","Microsoft YaHei",sans-serif; overflow-wrap:anywhere; }
.my-plans-scroll { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
.my-plans-record { display:grid; grid-template-columns:66px minmax(0,1fr); gap:11px; padding:18px 0; }
.my-plans-record + .my-plans-record { border-top:1px solid #e8dab9; }
.my-plans-record:last-child { padding-bottom:4px; }
.my-plans-tree { width:66px; height:91px; object-fit:contain; align-self:start; margin-top:3px; }
.my-plans-info { min-width:0; }
.my-plans-record-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; }
body .my-plans-record h3 { margin:0; min-width:0; font:900 17px/1.2 "Orchard Plans","Microsoft YaHei",sans-serif; color:#68442c; overflow-wrap:anywhere; }
.my-plans-state { flex:0 0 auto; max-width:48%; padding:4px 7px; border-radius:8px; color:#fff; background:#28c64a; box-shadow:0 2px 0 #19a638; font:900 10px/1.2 "Orchard Plans","Microsoft YaHei",sans-serif; text-align:center; overflow-wrap:anywhere; }
.my-plans-state.is-completed { color:#615b54; background:#dedbd4; box-shadow:0 2px 0 #cbc6bc; }
.my-plans-state.is-waiting { color:#82561d; background:#ffe4a1; box-shadow:none; }
.my-plans-money { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:16px; gap:8px; }
.my-plans-money > div + div { border-left:1px solid #e8dab9; padding-left:9px; }
.my-plans-money small, .my-plans-countdown small { display:block; color:#7d7563; font-size:11px; line-height:1.25; }
.my-plans-money strong { display:block; margin-top:4px; color:#147851; font:900 17px/1.2 "Orchard Plans","Microsoft YaHei",sans-serif; overflow-wrap:anywhere; }
.my-plans-progress { height:11px; margin-top:13px; overflow:hidden; border-radius:99px; background:#d7e7c9; }
.my-plans-progress > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#60cf1c,#27be25); }
.my-plans-countdown { margin-top:8px; }
.my-plans-countdown strong { display:block; margin-top:1px; color:#075d3c; font:900 23px/1.15 "Orchard Plans","Microsoft YaHei",sans-serif; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.my-plans-countdown.is-waiting strong { color:#82561d; font-size:13px; line-height:1.4; }
.my-plans-settled { display:flex; align-items:center; gap:7px; margin-top:14px; color:#178652; font:900 17px/1.2 "Orchard Plans","Microsoft YaHei",sans-serif; }
.my-plans-settled svg { flex:none; width:26px; height:26px; padding:6px; border-radius:50%; background:#34c426; stroke:white; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.my-plans-message { margin:14px 0 0; text-align:center; color:#7c624c; }
.my-plans-message:empty { display:none; }
body .my-plans-panel .my-plans-more { display:block; width:100%; min-height:44px; margin:12px 0 0; padding:10px; border:1px solid #e3ce9c; border-radius:12px; background:#fff0cc; color:#78512e; font:800 13px/1.3 Arial,sans-serif; cursor:pointer; }
.my-plans-panel button:disabled { opacity:.6; cursor:default; }
.my-plans-panel button:active { transform:translateY(1px); }
.my-plans-panel :focus-visible { outline:2px solid #289b61; outline-offset:2px; }
.my-plans-placeholder { padding:20px 0; }
.my-plans-placeholder + .my-plans-placeholder { border-top:1px solid #e8dab9; }
.my-plans-placeholder i { display:block; height:15px; margin:0 0 17px 77px; border-radius:6px; background:#ede5cf; }
.my-plans-placeholder i:first-child { width:55%; height:22px; }
.my-plans-placeholder i:last-child { width:42%; height:24px; margin-bottom:0; }
@keyframes orchard-modal-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:350px) { .my-plans-record { grid-template-columns:56px minmax(0,1fr); gap:8px; } .my-plans-tree { width:56px; height:83px; } body .my-plans-record h3 { font-size:16px; } .my-plans-money { gap:5px; } .my-plans-money strong { font-size:15px; } .my-plans-money small { font-size:10px; } }
.my-plans-scroll::-webkit-scrollbar { display:none; width:0; height:0; }