/* Home: the landing surface for store and CMS workspaces. One quiet work area,
   one primary action per page, and the stored facts the operator's own
   permissions returned. Colours come from the shell tokens, so a branded
   deployment keeps its palette. */

.home{max-width:82rem;min-width:0}
.home-block{margin:0 0 28px;min-width:0}
.home-block>h2{font-size:19px;line-height:1.3;letter-spacing:-.015em;margin:0 0 2px}
.home-lede{margin:4px 0 0;color:var(--muted);font-size:13.5px;max-width:72ch}

/* Actions: the primary destination first, contextual destinations after it. */
.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 18px}
.home-actions .home-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font-size:14px;font-weight:600;line-height:1.3;text-decoration:none}
.home-actions .home-link:hover{background:var(--nav-hover);border-color:var(--accent);text-decoration:none}
.home-actions .home-link--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff)}
.home-actions .home-link--primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000);border-color:transparent;color:var(--on-accent,#fff)}

/* Stored snapshot card */
.home-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:0;min-width:0}
.home-card>h3{font-size:15.5px;margin:0 0 2px}
.home-asof{margin:0;color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.home-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:18px 28px;margin:16px 0 0}
.home-group{min-width:0}
.home-group h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}

.home-facts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;margin:8px 0 0;font-size:13.5px;font-variant-numeric:tabular-nums}
.home-facts dt{color:var(--muted);min-width:0;overflow-wrap:anywhere}
.home-facts dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}

/* Closed native states read as small, wrapping pills; the exact count stays the
   only number, so no group is displayed as a sum of other groups. */
.home-counts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.home-count{display:inline-flex;align-items:baseline;gap:6px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12.5px;font-variant-numeric:tabular-nums}
.home-count-label{color:var(--muted)}
.home-count-value{font-weight:650;color:var(--ink)}

.home-note{margin:12px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5;max-width:76ch}
.home-card .home-note:first-of-type{margin-top:2px}
.home-publication{margin:12px 0 0;color:var(--ink-soft);font-size:13.5px;line-height:1.5;max-width:72ch}
.home-publication--attention{color:var(--warn-ink);background:var(--warn-bg);border:1px solid #ddc98e;border-radius:var(--radius-sm);padding:9px 12px}

/* Identity and environment stay secondary. */
.home-footer{margin-top:6px;border-top:1px solid var(--line);padding-top:10px}
.home-details{margin:0}
.home-details>summary{color:var(--muted);font-weight:600;font-size:13px;min-height:36px;display:list-item}
.home-details[open]>summary{margin-bottom:6px}
.home-details .home-facts{max-width:34rem}

.home-loading{color:var(--muted);padding:18px 0;font-size:13.5px}
.home .inline-error{margin:0 0 12px}

@media(max-width:900px){
  .home-groups{gap:16px 24px}
}

@media(max-width:600px){
  .home-block{margin-bottom:24px}
  .home-block>h2{font-size:17px}
  .home-actions{flex-direction:column;align-items:stretch}
  .home-actions .home-link{width:100%}
  .home-actions button{width:100%}
  .home-card{padding:16px}
  .home-groups{grid-template-columns:1fr;gap:16px}
}

@media(prefers-reduced-motion:no-preference){
  .home-actions .home-link{transition:background-color .15s ease,border-color .15s ease}
}

.home-summary-facts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;margin:10px 0 12px;font-size:14px;font-variant-numeric:tabular-nums}
.home-summary-facts dt{color:var(--ink-soft)}
.home-summary-facts dd{margin:0;font-size:18px;font-weight:650}
.home-state-detail>summary{font-size:12px;color:var(--muted);cursor:pointer;min-height:30px}
