.ui-detail-page{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:1100px}.ui-detail-page__top{display:flex;align-items:center;padding-top:6px}.ui-detail-nav{position:-webkit-sticky;position:sticky;top:var(--ui-sticky-top);z-index:10;display:flex;align-self:flex-start;gap:4px;height:44px;min-width:0;max-width:100%;padding:4px;border-radius:var(--r-pill);background:var(--track);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.ui-detail-nav::-webkit-scrollbar{display:none}.ui-detail-nav--fade-start{-webkit-mask-image:linear-gradient(to right,transparent,var(--ink) 24px);mask-image:linear-gradient(to right,transparent,var(--ink) 24px)}.ui-detail-nav--fade-end{-webkit-mask-image:linear-gradient(to right,var(--ink) calc(100% - 24px),transparent);mask-image:linear-gradient(to right,var(--ink) calc(100% - 24px),transparent)}.ui-detail-nav--fade-start.ui-detail-nav--fade-end{-webkit-mask-image:linear-gradient(to right,transparent,var(--ink) 24px,var(--ink) calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,var(--ink) 24px,var(--ink) calc(100% - 24px),transparent)}.ui-detail-nav .ui-detail-nav__link{display:inline-flex;flex:none;align-items:center;height:36px;padding:0 18px;border-radius:var(--r-pill);color:var(--ui-muted-text);font:600 14px/1 var(--font-ui);text-decoration:none;white-space:nowrap;transition:background var(--t),color var(--t)}.ui-detail-nav .ui-detail-nav__link:hover:not([aria-current=true]){background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}.ui-detail-nav .ui-detail-nav__link[aria-current=true]{background:var(--grad);color:var(--on-accent);box-shadow:var(--glow)}.ui-detail-nav .ui-detail-nav__link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ui-detail-card{min-width:0;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-card)}:where(.ui-detail-card) .ui-btn:not(.on-surface,.on-surface-2){--btn-ground:var(--surface)}:where(.ui-detail-row) .ui-btn:not(.on-surface,.on-surface-2){--btn-ground:color-mix(in srgb,var(--ink) 3%,var(--surface))}.ui-detail-hero{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0}.ui-detail-hero__media{display:flex;flex:none}.ui-detail-hero__media>:is(img,video,picture){display:block;width:auto;max-width:220px;height:123px;border-radius:var(--r-sm);background:var(--ui-well);object-fit:cover}.ui-detail-hero__avatar{display:flex;flex:none}.ui-detail-hero__tile{display:grid;flex:none;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--grad);color:var(--on-accent);box-shadow:var(--glow)}.ui-detail-hero__content{display:flex;flex:1 1;flex-direction:column;align-self:stretch;gap:8px;min-width:min(240px,100%)}.ui-detail-hero__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0}.ui-detail-hero .ui-detail-hero__title{min-width:0;margin:0;color:var(--ink);font:700 22px/30px var(--font-ui);overflow-wrap:break-word}.ui-detail-hero__status{display:inline-flex;flex:none;align-items:center}.ui-detail-hero .ui-detail-hero__subtitle{margin:0;color:var(--ui-muted-text);font:400 14px/20px var(--font-ui);overflow-wrap:anywhere}.ui-detail-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:auto 0 0;padding:0;overflow:hidden;list-style:none;color:var(--ui-muted-text);font:400 14px/20px var(--font-ui)}.ui-detail-hero__meta-item{position:relative;display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;white-space:nowrap}.ui-detail-hero__meta-item:before{content:"";position:absolute;top:calc(50% - 1px);left:-7px;width:2px;height:2px;border-radius:50%;background:currentColor}.ui-detail-hero__meta-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ui-detail-hero__actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-self:flex-start;justify-content:flex-end;gap:8px;max-width:100%;margin-left:auto}.ui-detail-hero__banner{padding:16px 16px 0}.ui-detail-section{display:block;scroll-margin-top:calc(var(--ui-sticky-top) + 44px + 16px)}.ui-detail-section~.ui-detail-section:before{content:"";display:block;height:1px;margin:0 16px;background:var(--line)}.ui-detail-section__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.ui-detail-section__title-col{display:flex;flex:1 1 auto;align-items:center;gap:10px;min-width:0;padding-left:12px}.ui-detail-section__icon{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--grad);color:var(--on-accent)}.ui-detail-section__heading{display:flex;flex-direction:column;min-width:0}.ui-detail-section__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.ui-detail-section .ui-detail-section__title{min-width:0;margin:0;color:var(--ink);font:600 16px/22px var(--font-ui);letter-spacing:normal;overflow-wrap:break-word}.ui-detail-section .ui-detail-section__subtitle{margin:0;color:var(--ui-muted-text);font:400 12px/16px var(--font-ui)}.ui-detail-section__actions{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.ui-detail-section__body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 32px}.ui-detail-section__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:0 16px 16px}.ui-detail-section__footer>[role=group]{flex:1 1 100%}.ui-detail-row{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:12px;border-radius:var(--r-md);background:var(--ui-well)}.ui-detail-row__label{flex:0 0 200px;min-width:0;color:var(--ink);font:600 14px/20px var(--font-ui);overflow-wrap:break-word}.ui-detail-row__value{flex:1 1;min-width:0;color:var(--ink);font:500 14px/20px var(--font-ui);overflow-wrap:anywhere}.ui-detail-row__value>p{margin:0}.ui-detail-row__value>p+p{margin-top:8px}.ui-detail-row .ui-detail-row__hint{margin:4px 0 0;color:var(--ui-muted-text);font:400 13px/18px var(--font-ui)}.ui-detail-row--vertical{flex-direction:column;align-items:stretch;gap:8px}.ui-detail-row--vertical>.ui-detail-row__label{flex-basis:auto}.ui-detail-row--vertical>.ui-detail-row__value{white-space:pre-line}.ui-value-empty{color:var(--ui-muted-text)}.ui-value-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-chip__text{min-width:0;overflow:hidden;text-overflow:ellipsis}.ui-chip-list>.ui-chip,.ui-date-range>.ui-chip,.ui-feature-chip{max-width:100%}.ui-feature-chip .icon{width:14px;height:14px}.ui-date-range{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;vertical-align:middle}.ui-date-range__arrow,.ui-date-range__open{color:var(--ui-muted-text)}.ui-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ui-chip-list__toggle-item{display:inline-flex}.ui-chip-list .ui-chip-list__toggle{margin:0;border:1px solid var(--line-2);background:transparent;cursor:pointer;transition:background var(--t)}.ui-chip-list .ui-chip-list__toggle:hover{background:var(--ui-neutral-tint)}.ui-chip-list .ui-chip-list__toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ui-id-value{display:inline-flex;align-items:center;gap:4px;max-width:100%;vertical-align:middle}.ui-id-value>code.ui-id-chip{min-width:0;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ui-id-value .ui-id-value__copy.is-copied{color:var(--success)}.ui-value-card-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ui-value-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--t)}.ui-value-card:hover{border-color:var(--line-2)}.ui-value-card__leading{display:inline-grid;flex:none;place-items:center;color:var(--ui-muted-text)}.ui-value-card__leading>:is(img,video),.ui-value-card__thumb{display:block;width:72px;height:40px;border-radius:var(--r-sm);background:var(--ui-well);object-fit:cover}.ui-value-card__thumb--empty{display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--line);color:var(--ui-muted-text)}.ui-value-card__text{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:4px 0}.ui-value-card__title{color:var(--ink);font:600 14px/20px var(--font-ui)}.ui-value-card__meta{color:var(--ui-muted-text);font:400 13px/18px var(--font-ui)}.ui-value-card__actions,.ui-value-card__status{display:inline-flex;flex:none;align-items:center}.ui-value-card__actions{gap:2px;opacity:0;transition:opacity var(--t)}.ui-value-card:focus-within .ui-value-card__actions,.ui-value-card:hover .ui-value-card__actions{opacity:1}@media (hover:none){.ui-value-card__actions{opacity:1}}.ui-value-card__actions .ui-value-card__action--warning{color:var(--warning)}.ui-value-card__actions .ui-value-card__action--warning:hover{background:rgba(var(--warning-rgb),var(--ui-tint));color:var(--warning)}.ui-value-card__actions .ui-value-card__action--warning:is(:disabled,[aria-disabled=true]):hover{background:transparent}@media (max-width:767px){.ui-detail-hero__media{display:none}.ui-detail-hero__actions{flex-basis:100%;justify-content:flex-start;margin-left:0}.ui-detail-section__header{flex-wrap:wrap;gap:12px}.ui-detail-section__actions{justify-content:flex-start;padding-left:12px}.ui-detail-row{flex-direction:column;align-items:stretch;gap:8px}.ui-detail-row__label{flex-basis:auto}.ui-value-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text actions" "status actions";align-items:center;grid-column-gap:12px;column-gap:12px;padding:4px 12px}.ui-value-card:has(>.ui-value-card__leading){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead text actions" "lead status actions"}.ui-value-card__leading{grid-area:lead}.ui-value-card__text{grid-area:text}.ui-value-card__status{grid-area:status;justify-self:start;padding-bottom:4px}.ui-value-card__actions{grid-area:actions}.ui-value-card__leading>:is(img,video),.ui-value-card__thumb{width:40px}.ui-value-card__meta.ui-truncate--1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere}}