/* ParsSkin Tea Beta 2.1: calendar suite; namespaced to avoid theme conflicts. */
.te21{--t21-green:#1b5745;--t21-gold:#ba9351;--t21-cream:#fffaf0;--t21-ink:#24483b}
.te21 .te21-hero{background:linear-gradient(125deg,#103d32 1%,#1e624b 58%,#2e6f55 100%);border:1px solid #8fad83;grid-template-columns:minmax(0,1.6fr) minmax(180px,.65fr)}
.te21 .te21-calendar-art{position:relative;min-height:180px;display:grid;place-items:center}
.te21 .te21-calendar-art:before,.te21 .te21-calendar-art:after{content:'';position:absolute;border-radius:50%;border:1px dashed #d4c39372;width:210px;height:210px}
.te21 .te21-calendar-art:after{width:175px;height:175px;transform:rotate(20deg);border-style:solid;border-color:#eedfb050}
.te21 .te21-calendar-ring{width:150px;height:150px;border-radius:22px;background:linear-gradient(145deg,#fffcef,#e8e0c8);box-shadow:0 14px 22px #07180c55,0 0 0 8px #c7bb925e;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;transform:rotate(-8deg);z-index:1}
.te21 .te21-calendar-ring:before{content:'';height:30px;position:absolute;top:0;left:0;right:0;background:#ba925e;border-radius:22px 22px 0 0;opacity:.8}
.te21 .te21-calendar-ring span{font-size:18px;color:#b18447;margin-top:14px}
.te21 .te21-calendar-ring b{font-size:65px;color:#20523f;line-height:1.1}
.te21 .te21-calendar-ring small{font-size:12px;color:#795e37;font-weight:800}
.te21 .te21-hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 3px}.te21 .te21-hero-chips span{border:1px solid #bdd3bb88;border-radius:50px;padding:1px 13px;color:#fbf5da;font-size:11px}
.te21 .te21-switch{display:flex;gap:9px;flex-wrap:wrap;margin:-2px 0 18px}
.te21 .te21-switch a{padding:9px 19px;border-radius:40px;background:#f4f7f0;border:1px solid #d3e5d7;text-decoration:none;font-size:13px;font-weight:800;transition:.18s}
.te21 .te21-switch a[aria-current="page"]{background:#255b47;color:#fff;border-color:#255b47}
.te21 .te21-switch a:hover{border-color:#7ba992}
.te21 .te21-dayline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#f1f7ee;border-radius:13px;border:1px solid #d7e8d6;padding:10px 15px;margin:14px 0 24px;font-size:12px;color:#456852}
.te21 .te21-dayline strong{color:#245c44;font-size:14px}.te21 .te21-dayline small{color:#7b877b;font-size:11px}
.te21 .te21-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:25px}
.te21 .te21-stage{background:#f7f8f2;border:1px solid #dce7d9;border-radius:12px;padding:10px 6px;min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:3px}
.te21 .te21-stage>span{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#e4eddf;color:#2d6449;font-size:12px;font-weight:800}
.te21 .te21-stage b{font-size:12px;color:#2b5643}.te21 .te21-stage small{color:#778b78;font-size:10px}
.te21 .te21-stage.is-current{background:#edf8ef;border-color:#57a079;box-shadow:inset 0 0 0 1px #57a079}.te21 .te21-stage.is-done{background:#f6f1e4;border-color:#ccb782}.te21 .te21-stage.is-done>span{background:#c6a15c;color:#fff}
.te21.te21-weekly .te21-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.te21.te21-daily .te21-stages{grid-template-columns:1fr}
.te21 .te21-stage:focus-within{outline:2px solid #a8864b}
.te21 .te21-symbol-card{border-radius:18px}.te21 .te21-symbol-card .te16-card-copy>p{font-size:14px;line-height:2.2}
.te21 .te21-advice{background:#f9f5e9;border-right:3px solid #c5a76a;padding:9px 12px;border-radius:8px;margin:15px 0}.te21 .te21-advice b{font-size:12px}.te21 .te21-advice p{margin:2px 0;font-size:12px!important}
.te21 .te21-fallback{display:inline-block;font-size:11px;color:#8a7547;background:#fff9ed;padding:4px 8px;border-radius:7px;margin-bottom:10px}
.te21 .te21-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.te21 .te21-legend span{font-size:12px;color:#496951;background:#f1f6ed;border-radius:50px;padding:5px 12px}
.te21 .te21-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:5px}
.te21 .te21-dot-0{background:#b99a57}.te21 .te21-dot-1{background:#3d8d68}.te21 .te21-dot-2{background:#718db6}.te21 .te21-dot-3{background:#ae817e}.te21 .te21-dot-4{background:#738b61}
.te21 .te21-chart-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;align-items:center;border-bottom:1px solid #edf1e8;padding:12px 0}
.te21 .te21-chart-row>strong{font-size:12px}.te21 .te21-chart-bars{display:grid;gap:5px;min-width:0}
.te21 .te21-chart-bar{height:23px;border-radius:7px;background:#f0f3ed;overflow:hidden;position:relative}
.te21 .te21-fill{height:100%;display:block;border-radius:7px;min-width:0}
.te21 .te21-color-0{background:#c9ad73}.te21 .te21-color-1{background:#5b9f7c}.te21 .te21-color-2{background:#8ba3c3}.te21 .te21-color-3{background:#bd9997}.te21 .te21-color-4{background:#8c9e77}
.te21 .te21-chart-bar small{position:absolute;left:10px;top:1px;font-weight:800;font-size:11px;color:#214838;text-shadow:0 1px 2px #fff}
.te21 .te21-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.te21 .te21-summary-item{padding:13px 15px;background:#f6faf3;border:1px solid #dfe9d9;border-radius:12px}
.te21 .te21-summary-item small{display:block;color:#9a7c3f;font-size:11px}.te21 .te21-summary-item strong{font-size:17px;color:#235740}
.te21 .te21-summary-item p{font-size:12px;color:#617b65;margin:5px 0}
.te21 .te21-averages{border-top:1px solid #e0e9dc;padding-top:16px;margin-top:20px}
.te21 .te21-averages summary{cursor:pointer;font-size:13px;font-weight:800}.te21 .te21-averages>div{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.te21 .te21-averages span{font-size:12px;padding:6px 9px;border:1px solid #e0e8d9;border-radius:8px}.te21 .te21-averages small{font-size:10px;color:#728673}
.te21 .te21-averages p{font-size:11px;color:#79867b}
@media(max-width:780px){.te21 .te21-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.te21 .te21-hero{grid-template-columns:1fr}.te21 .te21-calendar-art{min-height:135px}.te21 .te21-calendar-ring{transform:scale(.73) rotate(-8deg)}.te21 .te21-calendar-art:before{transform:scale(.75)}.te21 .te21-calendar-art:after{transform:scale(.75)}.te21 .te21-dayline{align-items:flex-start;flex-direction:column;gap:2px}.te21 .te21-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.te21 .te21-switch a{flex:1;text-align:center;padding:8px 3px}.te21 .te21-chart-row{grid-template-columns:62px minmax(0,1fr);gap:8px}.te21 .te21-chart-row strong{font-size:11px}.te21 .te21-symbol-card .te16-card-copy>p{font-size:13px}}
@media(max-width:370px){.te21 .te21-stages{grid-template-columns:1fr 1fr}.te21 .te21-stage{padding:8px 3px}.te21 .te21-stage b{font-size:11px}}