/* Page compositions (v2.48.0): home, care overview, plant detail, admin,
   project, journal, help and dialogs. Layout fixes keep the existing markup. */

/* ---- Home: care overview entry ------------------------------------------- */
.care-overview-entry>a{position:relative;overflow:hidden;padding:18px 20px;border-left:0;background:linear-gradient(120deg,var(--pk-brand-soft),var(--pk-surface) 62%);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}
.care-overview-entry>a::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--pk-brand)}
.care-overview-entry>a:hover{box-shadow:var(--pk-shadow-2);border-color:var(--pk-brand-border);transform:translateY(-1px)}
.care-overview-entry strong{font-family:var(--pk-font-display);font-weight:600;font-size:21px;color:var(--pk-text)}
.care-overview-entry small{color:var(--pk-text-muted)}
.care-overview-entry>a>span:last-child{display:grid;grid-template-columns:auto 20px;grid-template-areas:"count chevron" "label chevron";column-gap:12px;row-gap:2px;align-items:center;justify-items:end;text-align:right}
.care-overview-entry b{grid-area:count;font-size:30px;line-height:1;color:var(--pk-brand-text);font-variant-numeric:tabular-nums}
.care-overview-entry>a>span:last-child small{grid-area:label;max-width:260px}
.care-overview-entry i{grid-area:chevron;grid-row:auto;grid-column:auto;color:var(--pk-text-faint);font-size:24px}
@media (max-width:620px){.care-overview-entry>a{display:grid;grid-template-columns:1fr;gap:10px}.care-overview-entry>a>span:last-child{justify-items:start;text-align:left;grid-template-columns:auto 1fr 20px;grid-template-areas:"count label chevron"}}
.sync-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;color:var(--pk-text-muted);font-size:13px;margin:4px 0 16px}
.sync-meta strong{color:var(--pk-text-2)}

/* ---- Home: today and watch queues ---------------------------------------- */
.smart-head{align-items:flex-start}
.smart-head>div{display:grid;justify-items:start;gap:6px}
.smart-head h2{margin:0}
.smart-head p{margin:0;font-size:14.5px}
.secondary-care-queues{border-top-color:var(--pk-border);gap:14px}
.care-queue-watch{border-left:4px solid var(--pk-attention)}
.care-queue-open{border-left:4px solid var(--pk-brand)}
.care-queue-data{border-left:4px solid var(--pk-info)}
.care-queue-list{gap:8px}

/* ---- Collections (plants, rooms) ----------------------------------------- */
.collection-heading{align-items:flex-end;gap:16px}
.collection-heading h2{margin:2px 0 4px}
.room-drilldown{background:var(--pk-surface);border-bottom-color:var(--pk-border)}
.room-drilldown>summary strong{font-weight:650}

/* ---- Care overview -------------------------------------------------------- */
.standalone-view-heading{margin-bottom:14px}
.daily-care-section .care-queue-head,.care-outlook-section .care-queue-head{margin-bottom:12px}
.daily-care-list,.care-outlook-list{gap:8px}
.daily-care-row{grid-template-columns:minmax(180px,.9fr) minmax(200px,1.6fr) minmax(130px,.7fr);padding:13px 16px}
.daily-care-row small,.daily-care-row em,.care-outlook-row small,.care-outlook-row em{color:var(--pk-text-muted);font-size:12.5px}
.daily-care-optional,.daily-care-due{border-left-width:4px}
.daily-care-optional{border-left-color:var(--pk-success)}
.daily-care-due{border-left-color:var(--pk-attention)}
.daily-care-avoid,.daily-care-observe,.daily-care-unavailable,.daily-care-deferred{border-left:4px solid var(--pk-border-strong)}
.daily-care-amount b{font-size:17px;color:var(--pk-brand-text);font-variant-numeric:tabular-nums}
.daily-care-avoid .daily-care-amount b,.daily-care-observe .daily-care-amount b{font-size:15px;color:var(--pk-text-2)}
.care-outlook-row{grid-template-columns:minmax(180px,.9fr) minmax(220px,2fr) 24px;padding:12px 16px}
.care-outlook-row>b{color:var(--pk-text-faint)}
@media (max-width:720px){.daily-care-row{grid-template-columns:1fr auto}.care-outlook-row{grid-template-columns:1fr auto}}

/* ---- Plant detail ---------------------------------------------------------- */
.plant-head{grid-template-columns:168px minmax(0,1fr);gap:16px;margin-top:16px}
.plant-head-photo{min-height:0;padding:8px;border-color:var(--pk-border);border-radius:var(--pk-radius-lg);background:var(--pk-surface);box-shadow:var(--pk-shadow-1)}
.plant-photo{border-radius:12px;max-height:200px}
.photo-fallback{height:168px;width:100%;border-radius:12px;background:var(--pk-brand-soft);color:var(--pk-brand-text)}
.photo-fallback span{color:var(--pk-text-muted)}
.plant-overview{align-items:center;padding:20px 22px;border-color:var(--pk-border);border-radius:var(--pk-radius-lg);background:var(--pk-surface);box-shadow:var(--pk-shadow-1)}
.plant-health{gap:16px;padding:12px 14px;border-radius:14px;background:var(--pk-surface-2)}
.plant-health.health-good{background:var(--pk-success-soft)}
.plant-health.health-attention{background:var(--pk-attention-soft)}
.plant-health.health-critical{background:var(--pk-critical-soft)}
.plant-health-score strong{font-family:var(--pk-font-display);font-weight:650;font-size:34px;color:var(--pk-text)}
.plant-health-score small{color:var(--pk-text-muted)}
.plant-health>div:last-child>strong{font-size:17px;color:var(--pk-text)}
.plant-health p{color:var(--pk-text-muted);font-size:13px}
.plant-overview-meta{border-left-color:var(--pk-border)}
.plant-overview-meta span{color:var(--pk-text-muted);font-weight:700;letter-spacing:.06em;font-size:11px}
.plant-overview-meta strong{font-size:16px}
.detail-grid{gap:12px}
.metric-big{position:relative;overflow:hidden;padding:14px 16px;border:1px solid var(--pk-border);border-radius:14px;background:var(--pk-surface);box-shadow:var(--pk-shadow-1)}
.metric-big::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--pk-border-strong)}
.metric-big.state-good::before{background:var(--pk-success)}
.metric-big.state-attention::before{background:var(--pk-attention)}
.metric-big.state-critical::before{background:var(--pk-critical)}
.metric-big.state-attention{background:var(--pk-attention-soft);border-color:var(--pk-attention-border)}
.metric-big.state-critical{background:var(--pk-critical-soft);border-color:var(--pk-critical-border)}
.metric-big.state-good,.metric-big.state-unknown{background:var(--pk-surface);border-color:var(--pk-border)}
.metric-big span{color:var(--pk-text-muted);font-size:12.5px;font-weight:600}
.metric-big strong{font-size:28px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--pk-text)}
.metric-big strong small{color:var(--pk-text-muted);font-size:13px}
.metric-big em{color:var(--pk-text-muted);font-size:12px}
.metric-big.assessment-cell strong{font-size:17px!important}
.plant-care-section{padding:24px}
.daily-care-card{padding:18px 20px;border:1px solid var(--pk-border);border-left:5px solid var(--pk-border-strong);border-radius:16px;background:var(--pk-surface-2);box-shadow:none}
.daily-care-card.daily-care-optional{border-left-color:var(--pk-success);background:var(--pk-success-soft)}
.daily-care-card.daily-care-due{border-left-color:var(--pk-attention);background:var(--pk-attention-soft)}
.daily-care-card h3{font-family:var(--pk-font-display);font-weight:600;font-size:22px;margin-top:4px}
.daily-care-dose{font-family:var(--pk-font-display);font-weight:650;font-size:28px;color:var(--pk-brand-text)}
.daily-care-card>p{color:var(--pk-text-2);line-height:1.55}
.care-reading span,.care-certainty,.care-last-action{color:var(--pk-text-muted)}
.care-next-step{border-block-color:var(--pk-border)}
.care-next-watering{border-color:var(--pk-border);border-left-color:var(--pk-success);background:var(--pk-surface-2);border-radius:14px}
.care-next-watering>b{color:var(--pk-brand-text)}
.care-next-watering-wait{border-left-color:var(--pk-border-strong)}
.plant-care-section :is(.care-assessment-details,.care-record-controls,.care-review-controls,.care-amount-learning,.care-history-details)>summary{padding:11px 36px 11px 12px;border:1px solid var(--pk-border);border-radius:12px;background:var(--pk-surface);font-weight:600}
.plant-care-section :is(.care-assessment-details,.care-record-controls,.care-review-controls,.care-amount-learning,.care-history-details){margin-block:10px}
.plant-care-section :is(.care-assessment-details,.care-record-controls,.care-review-controls,.care-amount-learning,.care-history-details)>summary:hover{border-color:var(--pk-border-strong);background:var(--pk-surface-2)}
.plant-settings>summary strong{font-family:var(--pk-font-display);font-weight:600;font-size:20px}
#species-knowledge>summary strong{font-family:var(--pk-font-display);font-weight:600;font-size:20px}
.history-tabs button{border:1px solid var(--pk-border);background:var(--pk-surface);color:var(--pk-text-2);border-radius:var(--pk-radius-pill);font-weight:600;min-height:34px}
.history-tabs button.active{background:var(--pk-brand-strong);border-color:var(--pk-brand-strong);color:#fff}
.history-badge{background:var(--pk-brand-soft);color:var(--pk-brand-text)}
@media (max-width:760px){.plant-head{display:block}.plant-head-photo{padding:0;border:0;box-shadow:none;background:transparent}.plant-overview{padding:16px}}

/* ---- Administration, project, hardware, journal --------------------------- */
.admin-section{padding:16px 18px}
.admin-topic>summary h2{font-size:1.15rem}
.admin-hero,.memory-hero{background:linear-gradient(120deg,var(--pk-brand-soft),var(--pk-surface) 70%)}
.memory-hero h2{font-family:var(--pk-font-display);font-weight:600}
.issue-card{box-shadow:var(--pk-shadow-1)}
.hardware-summary>div,.offline-status-grid>div,.trust-strip>div,.info-grid>div{border-radius:12px}
.journal-plant-group>summary:hover,.journal-month-group>summary:hover{background:var(--pk-surface-2)}
.journal-view-switch{background:var(--pk-surface-2);border-color:var(--pk-border)}
.journal-view-switch a{color:var(--pk-text-2)}
.journal-view-switch a.active{background:var(--pk-surface);color:var(--pk-brand-text);box-shadow:var(--pk-shadow-1)}

/* Long technical identifiers (e.g. SHA-256, paths) must reflow inside
   administration cards instead of enlarging or clipping the mobile layout. */
.admin-setting > small{min-width:0;overflow-wrap:anywhere}
.admin-setting code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}

/* ---- Help and dialogs ----------------------------------------------------- */
.help-content{color:var(--pk-text)}
.help-content h3{font-family:var(--pk-font-display);font-weight:600}
[data-help-root] a{color:var(--pk-brand-text)}
.help-welcome{background:var(--pk-brand-soft);border-color:var(--pk-brand-border)}
.status-modal-head h2,.about-head h2,.weather-card h2{font-family:var(--pk-font-display);font-weight:600}
.weather-day{background:var(--pk-surface-2);border-color:var(--pk-border);border-radius:14px}
.weather-today{background:var(--pk-brand-soft);border-color:var(--pk-brand-border)}
.weather-day>.weather-icon{color:var(--pk-brand-text)}
@media (max-width:700px){.weather-plant>summary span{margin-left:0}}

/* ---- Login ----------------------------------------------------------------- */
.login-card{border-color:var(--pk-border);border-radius:var(--pk-radius-xl);background:var(--pk-surface);box-shadow:var(--pk-shadow-2)}
.login-card h1{font-family:var(--pk-font-display);font-weight:600}

/* ---- Plant detail refinements --------------------------------------------- */
/* The separately maintained pH value is one tile, not a full-width band. */
section[aria-label="Manuell gepflegter pH-Wert"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
section[aria-label="Manuell gepflegter pH-Wert"]>.meta{grid-column:1/-1;margin:0}
section[aria-label="Manuell gepflegter pH-Wert"]>.metric-big{grid-column:1}
/* A closed register panel is one calm row; padding returns when opened. */
details.panel:not([open]){padding-block:12px}
details.panel>summary{min-height:40px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}
details.panel[open]>summary{margin-bottom:12px}
.daily-care-amount b,.daily-care-dose{white-space:nowrap}
@media (max-width:480px){.plant-health{flex-direction:column;align-items:flex-start;gap:6px}.plant-health-score strong{font-size:30px}}

/* ---- Login: the brand band with the growing plant ------------------------- */
.login-page{background:var(--pk-bg-glow) no-repeat,var(--pk-bg)}
.login-card{overflow:hidden;padding:0 28px 26px}
.login-brand{position:relative;isolation:isolate;height:124px;margin:0 -28px 20px;overflow:hidden;background:var(--pk-header-bg);font-size:0}
.login-brand::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pk-header-glow)}
.login-brand>.pk-garden{position:absolute;left:50%;bottom:-3px;height:116px;width:auto;aspect-ratio:240/150;transform:translateX(-50%);pointer-events:none}
.login-card h1{font-size:28px;margin-top:0}
.login-card>p{color:var(--pk-text-muted)}
.login-meta{color:var(--pk-text-muted)}