/* Local, read-only publisher status surface. It is intentionally isolated
   from the landing stylesheet so the review workflow can evolve without
   coupling it to homepage composition. */
.plugin-publisher-page { --publisher-line: rgba(159, 194, 255, .18); --publisher-blue: #99bdff; --publisher-panel: rgba(10, 23, 45, .86); }
.plugin-publisher-page .landing-shell { overflow: clip; }
.publisher-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(17rem, .58fr); gap: clamp(2rem, 9vw, 11rem); align-items: end; min-height: min(47rem, calc(100vh - 4.75rem)); max-width: 1536px; margin: 0 auto; padding: clamp(7rem, 14vw, 12rem) clamp(1.25rem, 7vw, 7rem) clamp(5rem, 10vw, 8rem); }
.publisher-hero::before { position: absolute; z-index: -2; inset: 8% -9% auto auto; width: min(57rem, 71vw); aspect-ratio: 1; border: 1px solid rgba(139, 182, 255, .19); border-radius: 50%; box-shadow: 0 0 12rem rgba(57, 111, 246, .23); content: ""; }
.publisher-hero::after { position: absolute; z-index: -1; right: clamp(2rem, 8vw, 10rem); bottom: 9%; width: min(24rem, 42vw); aspect-ratio: 1; border: 1px solid rgba(162, 198, 255, .32); border-radius: 48% 52% 46% 54% / 53% 41% 59% 47%; background: radial-gradient(circle at 38% 33%, rgba(163, 206, 255, .47), rgba(71, 119, 243, .18) 28%, transparent 61%); box-shadow: inset 0 0 5.4rem rgba(102, 157, 255, .16), 0 0 8rem rgba(70, 115, 248, .16); content: ""; transform: rotate(-15deg); }
.publisher-hero-grid { position: absolute; z-index: -3; inset: 0; opacity: .58; background-image: linear-gradient(rgba(150, 190, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 190, 255, .08) 1px, transparent 1px); background-size: 4.8rem 4.8rem; mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 75%, transparent); }
.publisher-hero-copy { max-width: 54rem; }
.publisher-hero-copy .eyebrow, .publisher-review-path .eyebrow, .publisher-status .eyebrow { color: #a8c8ff; }
.publisher-hero-copy h1, .publisher-section-heading h2, .publisher-status-heading h2 { margin: 0; color: #f4f7ff; font: 570 clamp(3.45rem, 7vw, 8.5rem)/.84 var(--display); letter-spacing: -.087em; }
.publisher-hero-copy h1 em, .publisher-section-heading h2 em, .publisher-status-heading h2 em { color: #99bcff; font-style: normal; }
.publisher-hero-copy > p:not(.eyebrow) { max-width: 38rem; margin: clamp(2rem, 4vw, 3.4rem) 0 0; color: #b5c5dc; font-size: clamp(1rem, 1.35vw, 1.16rem); letter-spacing: -.02em; line-height: 1.6; }
.publisher-boundary-card { align-self: center; position: relative; max-width: 24rem; padding: clamp(1.2rem, 2.4vw, 2rem); border: 1px solid rgba(176, 207, 255, .32); border-radius: .85rem; background: linear-gradient(145deg, rgba(38, 75, 137, .72), rgba(8, 18, 35, .84)); box-shadow: inset 0 1px 0 rgba(225, 239, 255, .18), 0 1.5rem 5rem rgba(15, 51, 130, .26); transform: rotate(-3deg); }
.publisher-boundary-card::after { position: absolute; inset: .45rem; border: 1px solid rgba(168, 201, 255, .14); border-radius: .56rem; content: ""; pointer-events: none; }
.publisher-boundary-card p { position: relative; z-index: 1; margin: 0; color: #e9f1ff; font: 760 .62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
.publisher-boundary-card ul { position: relative; z-index: 1; display: grid; gap: .58rem; margin: 1.15rem 0 0; padding: 0; list-style: none; color: #a9c0e3; font-size: .76rem; }
.publisher-boundary-card li { display: flex; gap: .58rem; align-items: center; }
.publisher-boundary-card li::before { width: .38rem; height: .38rem; border-radius: 50%; background: #7eaafa; box-shadow: 0 0 .7rem #7eaafa; content: ""; }
.publisher-review-path, .publisher-status { max-width: 1536px; margin: 0 auto; padding: clamp(5rem, 11vw, 10rem) clamp(1.25rem, 7vw, 7rem); border-top: 1px solid var(--publisher-line); }
.publisher-review-path { display: grid; grid-template-columns: minmax(14rem, .73fr) minmax(0, 1.27fr); gap: clamp(2rem, 9vw, 12rem); }
.publisher-section-heading { max-width: 39rem; }
.publisher-section-heading h2, .publisher-status-heading h2 { font-size: clamp(2.6rem, 4.8vw, 5.25rem); }
.publisher-section-heading > p:not(.eyebrow) { max-width: 30rem; margin: 2rem 0 0; color: #a7b9d4; font-size: .88rem; line-height: 1.68; }
.publisher-pipeline { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--publisher-line); }
.publisher-pipeline-step { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; min-height: 8.5rem; padding: 1.4rem 0; border-bottom: 1px solid var(--publisher-line); }
.publisher-pipeline-index { color: #a8c7ff; font: 700 .62rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.publisher-pipeline-copy h3 { margin: 0; color: #eff5ff; font-size: 1.18rem; font-weight: 670; letter-spacing: -.045em; }
.publisher-pipeline-copy p { max-width: 34rem; margin: .54rem 0 0; color: #a9bad4; font-size: .77rem; line-height: 1.62; }
.publisher-status-heading { display: flex; gap: 2rem; align-items: end; justify-content: space-between; }
.publisher-back-link { display: inline-flex; flex: 0 0 auto; gap: .8rem; align-items: center; padding: .74rem 1rem; border: 1px solid rgba(174, 204, 255, .37); border-radius: 99rem; color: #d5e5ff; font-size: .66rem; font-weight: 720; letter-spacing: .02em; text-decoration: none; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.publisher-back-link:hover { border-color: #c5dcff; background: rgba(74, 119, 220, .2); color: #fff; transform: translateY(-.12rem); }
.publisher-status-note { max-width: 44rem; margin: 2.5rem 0 0; color: #8395b3; font-size: .68rem; line-height: 1.6; }
.publisher-submissions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 1.15rem; overflow: hidden; border: 1px solid var(--publisher-line); border-radius: .92rem; background: var(--publisher-line); }
.publisher-submission { display: flex; flex-direction: column; min-height: 23rem; padding: clamp(1.25rem, 2.6vw, 2rem); background: radial-gradient(circle at 91% 4%, rgba(98, 144, 245, .16), transparent 34%), linear-gradient(147deg, rgba(18, 37, 70, .96), rgba(7, 16, 30, .96)); }
.publisher-submission-top { display: flex; gap: 1rem; align-items: start; justify-content: space-between; }
.publisher-submission-category, .publisher-submission-stage, .publisher-submission-version { margin: 0; font: 760 .56rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .09em; text-transform: uppercase; }
.publisher-submission-category { color: #b4d0ff; }
.publisher-submission-stage { max-width: 14rem; padding: .33rem .46rem; border: 1px solid rgba(179, 209, 255, .23); color: #9fb8e2; text-align: right; }
.publisher-submission-copy h3 { max-width: 20ch; margin: 2.6rem 0 0; color: #f2f6ff; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 640; letter-spacing: -.065em; line-height: .98; }
.publisher-submission-publisher { margin: .68rem 0 0; color: #92a9cc; font-size: .67rem; font-weight: 690; letter-spacing: .025em; }
.publisher-submission-detail { max-width: 34rem; margin: 1.4rem 0 0; color: #adbdd4; font-size: .78rem; line-height: 1.62; }
.publisher-submission-footer { margin-top: auto; padding-top: 1.55rem; border-top: 1px solid rgba(169, 199, 247, .16); }
.publisher-submission-version { color: #8499bd; }
.publisher-progress { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .22rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.publisher-progress li { display: grid; gap: .38rem; min-width: 0; }
.publisher-progress-dot { display: block; width: 100%; height: .22rem; background: rgba(151, 177, 216, .22); }
.publisher-progress li.is-complete .publisher-progress-dot { background: linear-gradient(90deg, #74a6ff, #b9d5ff); box-shadow: 0 0 .8rem rgba(102, 160, 255, .57); }
.publisher-progress-label { overflow: hidden; color: #778ba9; font-size: .48rem; font-weight: 690; letter-spacing: .025em; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.publisher-progress li.is-complete .publisher-progress-label { color: #b6ceef; }
.publisher-loading { grid-column: 1 / -1; margin: 0; padding: 1.2rem; color: #8ea6cb; font-size: .75rem; }
@media (max-width: 780px) { .publisher-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 8rem; } .publisher-hero::after { right: -5rem; bottom: 1rem; width: min(30rem, 90vw); opacity: .58; } .publisher-boundary-card { justify-self: end; width: min(23rem, 90%); margin-top: 3rem; } .publisher-review-path { grid-template-columns: 1fr; gap: 3rem; } .publisher-status-heading { align-items: start; flex-direction: column; } .publisher-submissions { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .publisher-boundary-card, .publisher-back-link { transition: none; transform: none; } }
