.request-detail-page{--rq-navy:#102a43;--rq-blue:#1677d2;--rq-border:#dce7f2;--rq-muted:#60758a;background:#f7fafd;color:var(--rq-navy)}
.request-detail-hero{position:relative;overflow:hidden;padding:78px 0 72px;background:linear-gradient(135deg,#0d6fc5 0%,#2296e8 58%,#52b9f5 100%);color:#fff}
.request-detail-hero::before,.request-detail-hero::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.request-detail-hero::before{width:430px;height:430px;inset:-270px -60px auto auto}.request-detail-hero::after{width:240px;height:240px;inset:auto auto -175px 18%}
.request-detail-hero__inner{position:relative;z-index:1}
.request-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:32px;color:rgba(255,255,255,.84);font-size:12px;font-weight:600}
.request-back:hover{color:#fff}.request-back:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:4px}
.request-detail-hero__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.request-detail-hero__meta>bdi{font:700 12px/1.4 Consolas,monospace;letter-spacing:.06em}
.request-detail-hero h1{max-width:800px;margin:0 0 16px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.45}
.request-detail-hero time{color:rgba(255,255,255,.76);font-size:12px}
.request-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;font-size:10.5px;font-weight:700;white-space:nowrap}.request-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.request-status--accepted{background:#e9f8ef;color:#178b4b}.request-status--development{background:#eaf5ff;color:#116cb9}.request-status--release{background:#fff4df;color:#a76400}
.request-detail-content{padding:72px 0 90px}.request-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.request-detail-main{display:grid;gap:22px}
.request-detail-card,.request-release-card{padding:28px;border:1px solid var(--rq-border);border-radius:19px;background:#fff;box-shadow:0 10px 34px rgba(31,66,105,.07)}
.request-detail-card h2,.request-release-card h2{margin:0 0 14px;color:var(--rq-navy);font-size:20px}.request-detail-card p,.request-release-card p{margin:0;color:var(--rq-muted);font-size:13.5px;line-height:2}
.request-decision{border-right:4px solid var(--rq-blue);background:linear-gradient(90deg,#fff,#f6fbff)}
.request-release-card{position:sticky;top:95px}.request-release-card>span{display:block;margin-bottom:7px;color:var(--rq-blue);font-size:11px;font-weight:700}.request-release-placeholder{margin-top:19px;padding:14px;border-radius:11px;background:#f1f6fa;color:#71869a;font-size:11px;line-height:1.9}
.request-timeline{display:flex;margin:26px 0 4px;padding:0;list-style:none}.request-timeline__item{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:10px;color:#8a9cac;font-size:11px;text-align:center}.request-timeline__item::before{content:"";position:absolute;z-index:0;top:8px;right:-50%;width:100%;height:2px;background:#dfe8ef}.request-timeline__item:first-child::before{display:none}.request-timeline__marker{position:relative;z-index:1;width:18px;height:18px;border:4px solid #e8eff4;border-radius:50%;background:#fff}.request-timeline__item--done{color:#397158}.request-timeline__item--done::before{background:#87c9a0}.request-timeline__item--done .request-timeline__marker{border-color:#87c9a0;background:#178b4b}.request-timeline__item--current{color:var(--rq-blue);font-weight:700}.request-timeline__item--current::before{background:#87c9a0}.request-timeline__item--current .request-timeline__marker{border-color:#a9d7fb;background:var(--rq-blue);box-shadow:0 0 0 5px rgba(22,119,210,.1)}
@media (max-width:900px){.request-detail-layout{grid-template-columns:1fr}.request-release-card{position:static}}
@media (max-width:767px){.request-detail-hero{padding:55px 0 50px}.request-back{margin-bottom:25px}.request-detail-content{padding:48px 0 64px}.request-detail-card,.request-release-card{padding:22px 18px;border-radius:16px}.request-timeline{align-items:stretch;flex-direction:column;gap:0;margin:20px 0 0}.request-timeline__item{min-height:54px;align-items:flex-start;flex-direction:row;gap:12px;text-align:right}.request-timeline__item::before{top:-36px;right:8px;width:2px;height:42px}.request-timeline__item:first-child::before{display:block;height:0}.request-timeline__marker{flex:0 0 18px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

