.empty-state{--state-width:calc(var(--p-reading) + var(--p-space-9) * 4);--state-icon-width:var(--p-reading);--state-media-height:calc(var(--p-space-9) * 2 + var(--p-space-2));width:var(--p-full);max-width:var(--state-icon-width);border:var(--p-hairline) solid var(--s-glass-card-line);border-radius:var(--p-radius-panel);background:var(--s-glass-card-surface);box-shadow:var(--s-glass-card-shadow), var(--s-glass-card-light);overflow-wrap:anywhere;animation:state-enter var(--p-duration-page) var(--p-ease) both;margin-inline:auto;display:grid;overflow:hidden}.empty-state[data-variant=media]{max-width:var(--state-width)}.empty-state-media{height:var(--state-media-height);background:var(--s-subtle);position:relative;overflow:hidden}.empty-state-media img{width:var(--p-full);height:var(--p-full);object-fit:cover;object-position:var(--state-media-position,center 62%);animation:state-photo var(--p-duration-hero-image) var(--p-ease-soft) both}.empty-state-body{align-items:flex-start;gap:var(--p-space-3);padding:var(--p-space-5);min-width:var(--p-zero);flex-direction:column;display:flex}.empty-state-body>*{animation:state-rise var(--p-duration-reveal) var(--p-ease-emphasized) both;animation-delay:calc(var(--state-order,0) * var(--p-stagger))}.empty-state-body>:nth-child(2){--state-order:1}.empty-state-body>:nth-child(3){--state-order:2}.empty-state-body>:nth-child(4){--state-order:3}.empty-state-body>:nth-child(n+5){--state-order:4}.empty-state-mark{width:var(--p-control);height:var(--p-control);margin-bottom:var(--p-space-1);border-radius:var(--p-radius-pill);background:var(--s-selected-surface);color:var(--s-focus);place-items:center;display:grid}.empty-state-label{font-size:var(--p-type-t6);font-weight:var(--p-weight-medium);letter-spacing:var(--p-tracking-label);text-transform:uppercase;color:var(--s-muted)}.empty-state-title{font-family:var(--s-font-display);font-size:var(--s-type-product);font-weight:var(--p-weight-normal);line-height:var(--p-leading-title);letter-spacing:var(--p-tracking-title);text-wrap:balance}.empty-state-description{max-width:var(--p-reading);font-size:var(--p-type-t4);line-height:var(--p-leading-body);color:var(--s-muted);text-wrap:pretty}.empty-state-actions,.empty-state-secondary{align-items:center;gap:var(--p-space-3);margin-top:var(--p-space-2);flex-wrap:wrap;display:flex}.empty-state-actions .ui-button{justify-content:center;align-items:center;display:inline-flex}.empty-state-secondary{margin-top:var(--p-space-1);gap:var(--p-space-2)}.empty-state-secondary-nav{gap:var(--p-space-2);flex-wrap:wrap;display:flex}.empty-state-secondary:has(>.recovery-actions){margin-top:calc(var(--p-space-5) - var(--p-space-3))}.empty-state-secondary-nav.recovery-actions{gap:var(--p-space-3);flex-wrap:wrap;display:flex}.empty-state-link{align-items:center;gap:var(--p-space-2);min-height:var(--p-touch);padding-inline:var(--p-space-4);border:var(--p-hairline) solid var(--s-line);border-radius:var(--p-radius-pill);background:var(--s-surface);color:var(--s-ink);font-size:var(--p-type-t5);font-weight:var(--p-weight-medium);transition:border-color var(--p-duration-control) var(--p-ease), transform var(--p-duration-micro) var(--p-ease);display:inline-flex}.empty-state-link .icon-size{width:var(--p-icon-sm);height:var(--p-icon-sm);color:var(--s-muted);transition:transform var(--p-duration-hover) var(--p-ease-emphasized)}.empty-state-link:active{transform:scale(var(--p-press))}.empty-state-link:focus-visible{outline:var(--s-focus-ring);outline-offset:var(--s-focus-offset)}.empty-state-aside{gap:var(--p-space-2);width:var(--p-full);margin-top:var(--p-space-3);padding-top:var(--p-space-4);border-top:var(--c-rule);font-size:var(--p-type-t5);line-height:var(--p-leading-ui);color:var(--s-muted);display:grid}.empty-state-aside a{min-height:var(--p-touch);color:var(--s-ink);font-weight:var(--p-weight-medium);text-decoration:underline;-webkit-text-decoration-color:var(--s-line);-webkit-text-decoration-color:var(--s-line);-webkit-text-decoration-color:var(--s-line);text-decoration-color:var(--s-line);text-underline-offset:var(--s-underline-offset);justify-self:start;align-items:center;display:inline-flex}.empty-state-search{gap:var(--p-space-2);width:var(--p-full);margin-top:var(--p-space-2);display:grid}.empty-state-search label{font-size:var(--p-type-t5);font-weight:var(--p-weight-medium)}.empty-state-search-row{gap:var(--p-space-3);display:grid}.empty-state-search input{min-width:var(--p-zero);font-size:var(--p-type-input)}@media (hover:hover) and (pointer:fine){.empty-state-link:hover{border-color:var(--s-control-line)}.empty-state-link:hover .icon-size{transform:translateX(var(--p-arrow-nudge))}.empty-state-aside a:hover{-webkit-text-decoration-color:var(--s-ink);-webkit-text-decoration-color:var(--s-ink);-webkit-text-decoration-color:var(--s-ink);text-decoration-color:var(--s-ink)}}@media (min-width:48rem){.empty-state-body{padding:var(--p-space-6)}.empty-state-search-row{grid-template-columns:minmax(0,1fr) auto}}@media (min-width:64rem){.empty-state[data-variant=media]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.empty-state[data-variant=media] .empty-state-media{height:auto;min-height:calc(var(--p-space-9) * 4)}.empty-state[data-variant=media] .empty-state-body{padding:var(--p-space-7);justify-content:center}}@keyframes state-enter{0%{opacity:var(--p-zero);transform:translateY(var(--p-enter-y))}to{opacity:var(--p-one);transform:none}}@keyframes state-rise{0%{opacity:var(--p-zero);transform:translateY(var(--p-swap-y))}to{opacity:var(--p-one);transform:none}}@keyframes state-photo{0%{transform:scale(var(--p-hero-image-scale))}to{transform:none}}.status-notice{gap:var(--p-space-4);padding:var(--p-space-4) var(--p-space-5);border:var(--p-hairline) solid var(--s-line);border-radius:var(--p-radius-card);background:var(--s-surface);overflow-wrap:anywhere;animation:state-rise var(--p-duration-panel) var(--p-ease-emphasized) both;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.status-notice-mark{width:var(--p-touch);height:var(--p-touch);border-radius:var(--p-radius-pill);background:var(--s-selected-surface);color:var(--s-focus);place-items:center;display:grid}.status-notice[data-tone=warning] .status-notice-mark{color:var(--s-warning)}.status-notice-body{gap:var(--p-space-1);padding-block:var(--p-space-2) var(--p-space-1);display:grid}.status-notice-title{font-size:var(--p-type-t4);font-weight:var(--p-weight-medium);color:var(--s-ink)}.status-notice-text{gap:var(--p-space-2);font-size:var(--p-type-t5);line-height:var(--p-leading-body);color:var(--s-muted);display:grid}.status-notice-actions{gap:var(--p-space-3);margin-top:var(--p-space-2);flex-wrap:wrap;display:flex}.status-notice[data-variant=embedded]{grid-template-columns:var(--c-status-embedded-mark) minmax(0, 1fr);column-gap:var(--p-space-3);row-gap:var(--s-space-detail-wide);padding:var(--p-zero);border-radius:var(--p-zero);box-shadow:none;background:0 0;border:none;align-items:start}.status-notice[data-variant=embedded] .status-notice-mark{width:var(--c-status-embedded-mark);height:var(--c-status-embedded-mark);margin-top:calc((var(--p-type-t4) * var(--p-leading-ui) - var(--c-status-embedded-mark)) / 2);background:0 0}.status-notice[data-variant=embedded] .status-notice-title{line-height:var(--p-leading-ui)}.status-notice[data-variant=embedded] .status-notice-mark .icon-size{width:var(--c-status-embedded-mark);height:var(--c-status-embedded-mark)}.status-notice[data-variant=embedded] .status-notice-body{display:contents}.status-notice[data-variant=embedded] .status-notice-text,.status-notice[data-variant=embedded] .status-notice-actions{grid-column:1/-1}.status-notice[data-variant=embedded] .status-notice-actions{margin-top:var(--p-zero);column-gap:var(--s-space-decision-wide);row-gap:var(--p-zero)}.status-notice-actions .ui-button{justify-content:center;align-items:center;display:inline-flex}
