/* Refinement only: shared palette, existing content and all data handlers stay intact. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview{--frame-green:#53715d;--frame-soft:#465f4e;--panel-radius:18px;--photo-radius:12px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card{border-color:var(--frame-green);border-radius:var(--panel-radius);box-shadow:inset 0 1px 0 #c8ffc10d,0 3px 9px #0000001f}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open .watering-card-icon{border:1px solid #89b99433;border-radius:var(--photo-radius);box-shadow:inset 0 0 0 1px #101f171a}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open .watering-card-icon.is-placeholder{background:#2f4134;border-color:#66897055}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open>span:not(.watering-details-link)>strong{color:#f4f7ef}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-summary>*{color:#bec8be}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-summary,body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-panel,body.plant-note.watering-mode.watering-list-preview.gallery-preview .settings-storage,body.plant-note.watering-mode.watering-list-preview.gallery-preview .settings-backup{border-color:var(--frame-soft);border-radius:var(--panel-radius);box-shadow:inset 0 1px 0 #c8ffc109}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row{border-bottom-color:#4d66544d}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-card-open>img{border:1px solid #89b99433}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-search{border-color:#465c4d}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-search:focus-within{border-color:#8cbd90;outline:2px solid #b3ff8840;outline-offset:3px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-actions .primary,body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row>.primary{box-shadow:inset 0 1px 0 #ffffff80,inset 0 -2px 0 #31532726,0 3px 0 #142217,0 5px 9px #00000026;transition:transform .1s ease,box-shadow .1s ease}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-actions .primary:not(:disabled):active,body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row>.primary:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 3px #31532740,0 1px 0 #142217,0 2px 5px #00000024}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-actions .primary[data-done="true"],body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row>.primary[data-done="true"]{box-shadow:inset 0 1px 0 #bdf9c912;border-color:#5b7d62}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #add-plant.gallery-add{box-shadow:inset 0 1px 0 #ffffff80,0 3px 0 #152519,0 6px 12px #00000029;transition:transform .1s ease,box-shadow .1s ease}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #add-plant.gallery-add:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 3px #31532733,0 1px 0 #152519,0 2px 6px #00000024}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .view-dock{border-color:#526b58;box-shadow:inset 0 1px 0 #d8ffd808,0 4px 14px #00000029}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .view-dock button[aria-current="page"]{box-shadow:inset 0 0 0 1px #8cba7452}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card:focus-visible,body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open:focus-visible,body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-card-open:focus-visible,body.plant-note.watering-mode.watering-list-preview.gallery-preview .quick-record:focus-visible,body.plant-note.watering-mode.watering-list-preview.gallery-preview #add-plant:focus-visible,body.plant-note.watering-mode.watering-list-preview.gallery-preview .view-dock button:focus-visible{outline:2px solid #d5ffa9;outline-offset:4px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card:focus:not(:focus-visible){outline:none}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plants-title,body.plant-note.watering-mode.watering-list-preview.gallery-preview #today-title,body.plant-note.watering-mode.watering-list-preview.gallery-preview #settings-title{display:inline-block;width:max-content;max-width:100%;background-image:var(--action-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(hover:hover){body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card:hover{border-color:#65886e}body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open:hover:not(:disabled){color:#f4f7ef}body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-actions .primary:not(:disabled):not(:active):hover,body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row>.primary:not(:disabled):not(:active):hover{box-shadow:inset 0 1px 0 #ffffff99,inset 0 -2px 0 #31532726,0 3px 0 #142217,0 5px 10px #00000030}}
@media(prefers-reduced-motion:reduce){body.plant-note.watering-mode.watering-list-preview.gallery-preview .quick-record,body.plant-note.watering-mode.watering-list-preview.gallery-preview #add-plant{transition:none!important}}
@media(forced-colors:active){body.plant-note.watering-mode.watering-list-preview.gallery-preview #plants-title,body.plant-note.watering-mode.watering-list-preview.gallery-preview #today-title,body.plant-note.watering-mode.watering-list-preview.gallery-preview #settings-title{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card,body.plant-note.watering-mode.watering-list-preview.gallery-preview .quick-record,body.plant-note.watering-mode.watering-list-preview.gallery-preview .view-dock{border:1px solid ButtonText;box-shadow:none}}


/* Readability check: keep the approved gallery composition. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-summary .watering-card-caption{font-size:12px;line-height:16px;min-height:16px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-summary .watering-last{font-size:14px;line-height:20px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-summary .watering-card-date{font-size:12px;line-height:16px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-search-clear{flex-basis:44px;min-width:44px;min-height:44px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .small-brand{min-height:44px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-search{height:46px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-search-input{height:44px;min-height:44px}

/* Readable expanded calendar and downloadable backups in the dark gallery. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview .calendar-reminder{background:#2b302c;border-color:#465f4e}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .backup-file-link{background:#2b302c;color:#b9efc3;border-color:#809183}

/* Give the fixed dock its own viewport space; content scrolls above it. */
html:has(>body.plant-note.watering-mode.watering-list-preview.gallery-preview){height:100%;overflow:hidden}
body.plant-note.watering-mode.watering-list-preview.gallery-preview{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(96px + var(--safe-bottom))}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-brand-shell{height:auto;min-height:44px;flex:0 0 auto}
body.plant-note.watering-mode.watering-list-preview.gallery-preview main{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior-y:contain;scroll-padding-block:16px;padding-bottom:24px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview[data-view="plants"] main{padding-bottom:88px}

/* Keep the native date field inside the same border box as the name field.
   iOS date controls need an explicit appearance reset as well as width bounds. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-form{min-width:0;min-inline-size:0}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-last-watered{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;box-sizing:border-box;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;min-height:48px;min-block-size:48px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-last-watered::-webkit-date-and-time-value{min-width:0;min-inline-size:0;min-height:1.5em;min-block-size:1.5em;text-align:start}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-last-watered::-webkit-datetime-edit{min-width:0;min-inline-size:0;padding:0}


/* Non-interactive view headings retain programmatic focus for announcements.
   Their clipped focus outline must not look like a broken content frame. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview :is(#plants-title,#today-title,#settings-title):focus{outline:0;outline-offset:0}

/* Both filter states need an explicit surface in this dark gallery.
   The base watering stylesheet uses a white surface with inherited --ink. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-filters button{min-width:0;min-height:44px;max-width:100%;padding:10px 16px;background:#2b302c;color:#f4f7ef;border-color:#809183;white-space:normal;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-filters button[aria-pressed="true"]{background:#334f3c;color:#bdf9c9;border-color:#bdf9c9}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-filters button:focus-visible{outline:2px solid #d5ffa9;outline-offset:3px}

/* The navigation uses one SVG size, stroke weight and rounded line treatment. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview .view-dock svg{display:block;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .view-dock svg :is(path,rect,circle){stroke-width:inherit}
@media(forced-colors:active){body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-filters button{forced-color-adjust:none;background:ButtonFace;color:ButtonText;border-color:ButtonText}body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-filters button[aria-pressed="true"]{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;text-decoration:underline}body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-filters button:focus-visible{outline-color:Highlight}}

/* Keep the compact add form readable without adding another framed panel. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-form-intro{margin:0 0 20px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-name-help{font-size:16px;line-height:1.6;margin:8px 0 20px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-date-help{font-size:16px;line-height:1.6;margin:8px 0 16px}

/* Local backup access and saved usage; existing storage and gallery assets retained. */
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage{margin-top:16px;padding:16px;background:#2b302c;border:1px solid var(--frame-soft);border-radius:var(--panel-radius)}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage p,body.plant-note.watering-mode.watering-list-preview.gallery-preview .settings-storage .storage-capacity,body.plant-note.watering-mode.watering-list-preview.gallery-preview .settings-storage .storage-capacity-help{font-size:16px;line-height:1.7;color:#bec8be;margin:0 0 12px;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .storage-capacity{white-space:pre-line}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage .storage-backup-note{margin:12px 0 0}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #open-backup{min-height:44px;max-width:100%;font-size:16px;white-space:normal;overflow-wrap:anywhere;background:#334f3c;color:#bdf9c9;border-color:#809183}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-card-footer{flex-wrap:wrap;align-items:flex-start}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-actions{flex:1 1 100%;width:100%}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-actions .primary,body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row>.primary{flex:1 1 auto;width:100%;height:auto;min-width:0;min-height:48px;padding:10px 8px;border-radius:10px;gap:7px;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.5}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .quick-record-label{display:inline;min-width:0}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .quick-record>svg{flex:0 0 20px;width:20px;height:20px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open>span>small.watering-place{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#bec8be;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .watering-card-open>span:not(.watering-details-link)>strong{display:block;height:auto;min-height:44px;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row{grid-template-columns:minmax(0,1fr);gap:10px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .today-row>.primary{justify-self:start;width:auto;max-width:100%}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .backup-actions :is(button,a){max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .backup-actions :is(p,a){font-size:16px;line-height:1.7;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .page-heading{flex-wrap:wrap}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-search{padding-inline:8px;gap:5px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-search>svg{flex-basis:18px;width:18px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .storage-capacity-help:empty{display:none}
@media(min-width:720px){body.plant-note.watering-mode.watering-list-preview.gallery-preview #plant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #botai-app-navigation{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:12px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #botai-app-navigation>a{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage{padding:10px 12px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage-top p{margin:0}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage-top #open-backup{padding:8px 10px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage details{margin:0;border:0;padding:0}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .list-storage summary{min-height:44px;padding:8px 0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-brand-shell{flex-wrap:wrap;gap:8px}
body.plant-note.watering-mode.watering-list-preview.gallery-preview #add-plant.gallery-add{position:static;inset:auto;flex:0 0 auto;margin-left:auto;width:auto;max-width:100%;min-width:44px;height:auto;min-height:44px;padding:8px 12px;border-radius:12px;font-size:16px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.plant-note.watering-mode.watering-list-preview.gallery-preview .gallery-add span{display:inline}