/* The logged-in experience uses roomy desktop panels and thumb-sized mobile controls. */
.tour-invite{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:28px 32px;background:#e5eddc;border:1px solid #d2ddc9;border-radius:22px;margin-bottom:48px}.tour-invite-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:18px;background:#f8faf3;color:#477150;font-size:34px}.tour-invite .eyebrow{margin:0 0 7px}.tour-invite h2{font-size:27px;margin:0 0 5px}.tour-invite p{font-size:13px;margin:0}.tour-invite .button{white-space:nowrap}.insights-section{margin-bottom:52px}.insights-heading h2{font-size:32px;margin:0 0 7px}.insights-heading .eyebrow{margin-bottom:10px}.insights-heading p{font-size:13px}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.insight-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:17px;padding:21px;min-height:135px}.insight-symbol{font-size:20px}.insight-card strong{font-family:Georgia,serif;font-weight:400;font-size:33px;line-height:1.2;margin-top:9px}.insight-card>span:last-child{font-size:12px;color:var(--muted)}.insight-chart-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.chart-title h3{margin:0}.chart-title span{font-size:12px;color:var(--muted)}.activity-chart{margin-top:22px}.activity-bars{height:135px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:5px;align-items:end;border-bottom:1px solid var(--line)}.activity-day{height:100%;display:flex;align-items:end;justify-content:center;min-width:0}.activity-bar{display:block;width:min(100%,22px);height:max(var(--bar-height),3px);background:#e3e9dc;border-radius:6px 6px 0 0}.activity-bar.has-activity{background:#729765}.chart-axis{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:var(--muted)}.insight-chart-card .fine{margin:20px 0 0}.tour-page{max-width:920px}.tour-page .page-heading{align-items:end}.tour-count{border-radius:18px;background:var(--sage);padding:15px 24px;min-width:128px;text-align:center}.tour-count strong{display:block;font:40px/1 Georgia,serif}.tour-count span{font-size:11px}.tour-progress{display:flex;justify-content:space-between;border-radius:12px;background:var(--white);border:1px solid var(--line);padding:11px 18px;font-size:13px;font-weight:600}.tour-instruction{font-size:13px;margin:16px 0 28px}.tour-grid{display:grid;gap:22px}.tour-card{display:grid;grid-template-columns:minmax(210px,36%) 1fr;overflow:hidden;border:1px solid var(--line);background:var(--white);border-radius:20px}.tour-card-image{display:flex;justify-content:center;align-items:center;min-height:290px;background:#e9eddf}.tour-card-image img{height:100%;width:100%;object-fit:cover}.tour-card-image>span{font-size:100px}.tour-card-body{padding:27px}.tour-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tour-card-top .eyebrow{margin:0}.tour-card h2{font-size:36px;overflow-wrap:anywhere;margin:13px 0 5px}.tour-card-body>p{font-size:13px;margin:0 0 11px}.tour-last{color:var(--ink)!important;font-weight:600}.tour-question{display:flex;align-items:center;gap:12px;background:#eff3e8;border-radius:13px;padding:12px;margin:18px 0}.tour-question>span{font-size:21px}.tour-question strong,.tour-question small{display:block}.tour-question strong{font-size:13px}.tour-question small{font-size:11px;color:var(--muted)}.tour-actions{display:flex;flex-wrap:wrap;gap:10px}.tour-actions form{margin:0}.tour-actions .button{min-height:49px;padding:12px 16px;gap:4px}.tour-detail-link{display:inline-block;margin-top:17px;font-size:12px;text-decoration:none}.tour-finished{text-align:center;padding:75px 24px;background:#e8efe1;border-radius:22px}.tour-finished>span{display:grid;place-items:center;margin:0 auto 20px;width:68px;height:68px;border-radius:50%;background:#d1e0c5;font-size:34px}.tour-finished h2{font-size:40px}.tour-finished p{max-width:470px;margin:0 auto 25px;font-size:14px}.mobile-bottom-nav{display:none}
@media(max-width:720px){body:has(.mobile-bottom-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:30;bottom:0;left:0;right:0;padding:5px 9px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #cdd8c5;background:#fffefb;box-shadow:0 -4px 20px #20382412}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-height:57px;border-radius:12px;color:#657563;text-decoration:none;font-size:11px;font-weight:600}.mobile-bottom-nav a span{font-size:23px;line-height:1.15}.mobile-bottom-nav a[aria-current=page]{background:#e9efdf;color:var(--green)}.site-header .nav-links>a:not(.button){display:none}.site-header .nav-links form{margin:0}.site-header .nav-links .text-button{font-size:12px}.tour-invite{grid-template-columns:auto 1fr;gap:13px;padding:19px;margin-bottom:36px}.tour-invite-icon{width:46px;height:46px;font-size:27px;border-radius:12px}.tour-invite h2{font-size:23px}.tour-invite .button{grid-column:1/-1;width:100%;min-height:49px}.insights-section{margin-bottom:39px}.insights-heading h2{font-size:28px}.insight-grid{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.insight-card{min-height:112px;padding:13px 16px}.insight-card strong{font-size:27px;margin-top:5px}.insight-card>span:last-child{font-size:11px}.insight-chart-card{padding:16px}.activity-bars{height:105px;gap:3px}.tour-page .page-heading{display:flex;flex-direction:row;align-items:center}.tour-page .app-title{font-size:39px}.tour-page .page-heading p{font-size:12px}.tour-count{min-width:76px;padding:10px}.tour-count strong{font-size:31px}.tour-count span{font-size:9px}.tour-card{display:block}.tour-card-image{min-height:0;height:190px}.tour-card-image>span{font-size:76px}.tour-card-body{padding:19px}.tour-card h2{font-size:31px}.tour-actions{display:grid;grid-template-columns:1fr 1fr}.tour-actions .button{width:100%;min-height:55px;padding:8px 6px;font-size:12px;line-height:1.25}.tour-actions form{min-width:0}.tour-finished{padding:48px 17px}.add-plant-button{display:none}}
@media(max-width:390px){.tour-page .app-title{font-size:33px}.tour-card-top .pill{font-size:9px}.tour-actions{grid-template-columns:1fr}.tour-actions .button{min-height:48px}}
.activity-bar{height:3px}.activity-bar.activity-low{height:12%}.activity-bar.activity-light{height:35%}.activity-bar.activity-mid{height:65%}.activity-bar.activity-high{height:100%}
/* Shelf is a presentation of the same private plants, not a second data store. */
.collection-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:11px}.collection-heading .eyebrow{margin:0 0 4px}.view-switch{display:flex;gap:2px;background:#f0ebdc;padding:4px;border-radius:30px;font-size:12px;white-space:nowrap}.view-switch a{text-decoration:none;border-radius:24px;padding:8px 12px;min-height:37px;display:flex;align-items:center}.view-switch .active{background:var(--white);box-shadow:0 2px 7px #2c372116;font-weight:600}.plant-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 19px;padding:20px 24px 36px;border:1px solid #dfd8c4;border-radius:20px;background:linear-gradient(90deg,#f2ecdc,#faf7ee 50%,#f1ead9)}.plant-shelf .plant-card{position:relative;z-index:1;border:1px solid #dcd8c9;box-shadow:0 7px 17px #54483317;border-radius:17px 17px 8px 8px}.plant-shelf .plant-card:after{content:"";position:absolute;left:-13px;right:-13px;bottom:-19px;height:17px;border-radius:3px 3px 8px 8px;background:linear-gradient(#cfae89 0%,#b8895f 48%,#9e704f 100%);box-shadow:0 7px 9px #47372c27;z-index:-1;pointer-events:none}.plant-shelf .plant-image{height:205px;background:linear-gradient(#e5eadc,#f3eedf);position:relative}.plant-shelf .plant-card:nth-child(3n+2) .plant-image{background:linear-gradient(#e2e9dd,#f5e9dc)}.plant-shelf .plant-card:nth-child(3n) .plant-image{background:linear-gradient(#e7ece6,#f2eadb)}.plant-shelf .plant-image img{object-fit:cover}.plant-shelf .placeholder-plant{font-size:100px}.plant-shelf .plant-card-body{padding:15px 17px 4px}.plant-shelf .plant-location{padding:0 17px 16px}.plant-shelf .plant-badge.due{background:#fff0c9;color:#614a16;border:1px solid #d3b974}.plant-shelf .plant-card:has(.plant-badge.due){outline:2px solid #c8a65c;outline-offset:2px}
@media(max-width:900px){.collection-heading{align-items:flex-start}.collection-controls{justify-content:flex-start}.plant-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.collection-heading{display:block}.collection-controls{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.collection-controls .tabs,.collection-controls .view-switch{font-size:11px}.collection-controls .tabs a,.collection-controls .view-switch a{min-height:40px;display:flex;align-items:center;padding:7px 10px}.plant-shelf{padding:12px 12px 29px;gap:27px 10px}.plant-shelf .plant-image{height:165px}.plant-shelf .placeholder-plant{font-size:74px}.plant-shelf .plant-card:after{left:-7px;right:-7px;bottom:-17px;height:14px}.plant-shelf .plant-card-body{padding:12px 10px 4px}.plant-shelf .plant-location{padding:0 10px 12px}.plant-shelf .plant-card-body h3{font-size:15px}.plant-shelf .plant-badge{max-width:calc(100% - 15px);line-height:1.3}}
@media(max-width:420px){.collection-controls{flex-direction:column;align-items:stretch}.collection-controls .tabs,.collection-controls .view-switch{justify-content:center}.plant-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-shelf .plant-image{height:135px}.plant-shelf .placeholder-plant{font-size:58px}.plant-shelf .plant-card-body p{font-size:10px}.plant-shelf .plant-location{font-size:10px}}
/* A single plant should look intentional on the shelf, not stranded in an empty grid. */
.plant-shelf:has(> .plant-card:only-child){grid-template-columns:minmax(0,340px);justify-content:center}
@media(max-width:420px){.plant-shelf:has(> .plant-card:only-child){grid-template-columns:minmax(0,230px)}.plant-shelf:has(> .plant-card:only-child) .plant-image{height:185px}}
.operator-page>p{max-width:800px;font-size:14px}.operator-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 32px}.operator-metrics>div{border:1px solid var(--line);background:var(--white);border-radius:15px;padding:17px}.operator-metrics strong{display:block;font:30px Georgia,serif}.operator-metrics span{font-size:11px;color:var(--muted)}.operator-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px}.operator-columns>*{min-width:0}.operator-search{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:15px 0}.operator-search label{width:100%;margin:0}.operator-search input{flex:1;min-width:140px}.table-scroll{overflow-x:auto;max-width:100%}.operator-page table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.operator-page th,.operator-page td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}.operator-page td{overflow-wrap:anywhere}.operator-page small{color:var(--muted)}.operator-page .text-button{font-size:12px}.voucher-redeem-form{display:flex;align-items:end;flex-wrap:wrap;gap:11px}.voucher-redeem-form label{width:100%;margin:0}.voucher-redeem-form input{flex:1;min-width:180px}.new-voucher-code{background:var(--sage);border-radius:16px;padding:20px;margin:20px 0;overflow-wrap:anywhere}.new-voucher-code span{display:block;font-size:12px}.new-voucher-code strong{display:block;font-size:clamp(20px,4vw,30px);letter-spacing:2px;margin-top:8px}
@media(max-width:900px){.operator-columns{grid-template-columns:1fr}.operator-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.operator-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-metrics>div{padding:12px}.voucher-redeem-form .button{width:100%}}
.share-preview-card{background:#e9eedf;border-radius:18px;overflow:hidden;margin:22px 0}.share-preview-card>img{width:100%;height:360px;object-fit:cover;display:block}.share-preview-card>div{padding:22px}.share-preview-card strong{font:32px Georgia,serif}.share-preview-card p{font-size:14px;margin:8px 0}.share-preview-card small{color:var(--muted)}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-link{font-size:13px;font-weight:600;text-decoration:none}.share-link:hover{text-decoration:underline}.share-actions [hidden]{display:none}
@media(max-width:600px){.share-preview-card>img{height:270px}.share-actions{display:grid}.share-actions .button{width:100%}}
.community-page .page-heading p{max-width:580px}.community-tabs{display:inline-flex;margin-bottom:25px}.community-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.community-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px}.community-card>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.community-card small{color:var(--muted)}.community-card h2{font-size:27px;margin:17px 0 10px;overflow-wrap:anywhere}.community-card h2 a{text-decoration:none}.community-card p{font-size:13px;overflow-wrap:anywhere}.community-text{font-size:15px;overflow-wrap:anywhere}.community-text p{color:var(--ink)}.community-detail .pill{margin-bottom:15px}.community-detail h1{overflow-wrap:anywhere}.community-reply{padding:22px}.report-box{font-size:12px;margin-top:18px}.report-box summary{cursor:pointer}.report-box form{margin-top:15px}.report-box .button{margin-top:10px}.moderation-item h2{font-size:25px}.moderation-actions{display:flex;gap:12px;flex-wrap:wrap}.moderation-actions form{margin:0}
@media(max-width:720px){.community-feed{grid-template-columns:1fr}.community-card{padding:19px}.community-page .page-heading{align-items:start}.community-page .page-heading .button{width:100%}.community-tabs{width:100%;justify-content:space-around}}
