/* Developer request community */
.devreq-page{background:#f5f8fa!important;color:#233f51!important}
.devreq-wrap{width:min(1040px,calc(100% - 28px));margin:0 auto;padding:34px 0 86px}
.devreq-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px;border:1px solid #d9e4ea;border-radius:22px;background:#fff}
.devreq-hero small{display:block;margin-bottom:6px;color:#28739a;font-size:12px;font-weight:950;letter-spacing:.08em}
.devreq-hero h1{margin:0!important;color:#213f53!important;font-size:29px!important;letter-spacing:-.04em!important}
.devreq-hero p{margin:8px 0 0;color:#738793;font-size:12px;line-height:1.6}
.devreq-actions{display:flex;gap:8px;flex-wrap:wrap}
.devreq-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 15px;border:1px solid #d6e1e7;border-radius:11px;background:#fff;color:#315369!important;text-decoration:none!important;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
.devreq-btn.is-primary{border-color:#245f82;background:#245f82;color:#fff!important}
.devreq-btn.is-like{gap:6px}
.devreq-btn.is-like.is-on{border-color:#e5a0a8;background:#fff2f4;color:#b94351!important}
.devreq-filter{display:flex;gap:7px;overflow-x:auto;margin:16px 0 12px;padding-bottom:2px;scrollbar-width:none}
.devreq-filter::-webkit-scrollbar{display:none}
.devreq-filter a{flex:0 0 auto;padding:8px 11px;border:1px solid #dce5ea;border-radius:999px;background:#fff;color:#667d8b!important;text-decoration:none!important;font-size:12px;font-weight:850}
.devreq-filter a.is-active{border-color:#8fb8ce;background:#eaf4f9;color:#276d92!important}
.devreq-list{display:flex;flex-direction:column;gap:9px}
.devreq-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px;border:1px solid #dfe7ec;border-radius:16px;background:#fff;text-decoration:none!important;box-shadow:0 4px 14px rgba(29,57,74,.035)}
.devreq-card:hover{border-color:#bfd3de}
.devreq-card-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.devreq-card h2{margin:8px 0 6px!important;color:#24465b!important;font-size:16px!important;letter-spacing:-.03em!important}
.devreq-card p{margin:0;color:#7d8f9a;font-size:12px;line-height:1.55}
.devreq-meta{margin-top:10px;color:#96a3ac;font-size:12px}
.devreq-stats{display:flex;min-width:92px;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px;color:#718590;font-size:12px}
.devreq-stats b{color:#31566d;font-size:12px}
.devreq-status{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;background:#f0f4f6;color:#657c89;font-size:12px;font-weight:950}
.devreq-status--new{background:#f0f4f6;color:#617784}
.devreq-status--reviewing,.devreq-status--building{background:#fff5dd;color:#9a6b12}
.devreq-status--guide{background:#edf2ff;color:#4e65a8}
.devreq-status--planned{background:#eef5f9;color:#32769a}
.devreq-status--beta{background:#e9f6f0;color:#23835a}
.devreq-status--official{background:#e7f2ff;color:#1767a0}
.devreq-status--closed{background:#f2f2f2;color:#888}
.devreq-empty{padding:48px 18px;border:1px dashed #cad8e0;border-radius:18px;background:#fff;color:#84949e;text-align:center;font-size:12px}
.devreq-login-note{margin-top:12px;padding:14px;border:1px solid #dbe6eb;border-radius:13px;background:#fff;color:#768995;font-size:12px}
.devreq-login-note a{font-weight:900}
.devreq-form,.devreq-detail,.devreq-comments{margin-top:16px;padding:22px;border:1px solid #dce6eb;border-radius:18px;background:#fff}
.devreq-form label{display:block;margin:15px 0 7px;color:#36566a;font-size:12px;font-weight:900}
.devreq-form label:first-of-type{margin-top:0}
.devreq-form input[type=text],.devreq-form textarea{width:100%;box-sizing:border-box;border:1px solid #d6e1e7;border-radius:11px;background:#fff;color:#243f50;font-family:inherit;font-size:13px;outline:0}
.devreq-form input[type=text]{height:46px;padding:0 13px}
.devreq-form textarea{min-height:220px;padding:13px;resize:vertical;line-height:1.6}
.devreq-form input:focus,.devreq-form textarea:focus{border-color:#74a7c2;box-shadow:0 0 0 3px rgba(61,128,163,.09)}
.devreq-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.devreq-detail-head{display:flex;justify-content:space-between;gap:16px}
.devreq-detail h1{margin:8px 0 7px!important;color:#213f53!important;font-size:25px!important;letter-spacing:-.04em!important}
.devreq-detail-meta{color:#8c9aa4;font-size:12px}
.devreq-body{margin-top:19px;padding-top:18px;border-top:1px solid #edf2f5;color:#334f60;font-size:13px;line-height:1.75;white-space:normal}
.devreq-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}
.devreq-progress div{padding:10px;border-radius:11px;background:#f5f8fa;color:#83939d;font-size:12px;font-weight:900;text-align:center}
.devreq-progress div.is-done{background:#eaf4f9;color:#2b7094}
.devreq-feature-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:14px;border:1px solid #cde0ea;border-radius:13px;background:#eef7fb;color:#275a74!important;text-decoration:none!important}
.devreq-feature-link span{display:flex;flex-direction:column;gap:2px}
.devreq-feature-link b{font-size:12px}
.devreq-feature-link small{color:#78909d;font-size:12px}
.devreq-comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.devreq-comment-head h2{margin:0!important;color:#29495d!important;font-size:17px!important}
.devreq-comment-list{display:flex;flex-direction:column;gap:9px}
.devreq-comment{padding:14px;border:1px solid #e2e9ed;border-radius:13px;background:#fff}
.devreq-comment.is-gpt{border-color:#cfe0ea;background:#f5fafc}
.devreq-comment.is-system{background:#f8f9fa}
.devreq-comment-meta{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.devreq-comment-meta b{color:#31546a;font-size:12px}
.devreq-comment-meta span{color:#9aa6ae;font-size:12px}
.devreq-comment-content{color:#405d6e;font-size:12px;line-height:1.65}
.devreq-comment-link{display:inline-flex;margin-top:9px;color:#276e94!important;font-size:12px;font-weight:900;text-decoration:none!important}
.devreq-like-box{display:flex;align-items:center;gap:9px;margin-top:16px;padding:13px;border:1px solid #e0e8ec;border-radius:13px;background:#fbfcfd}
.devreq-like-box span{flex:1;color:#718591;font-size:12px;line-height:1.5}
.devreq-like-box b{color:#2c5066}
.devreq-pager{display:flex;justify-content:center;gap:5px;margin-top:16px}
.devreq-pager a,.devreq-pager strong{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #dce5ea;border-radius:9px;background:#fff;color:#617786!important;text-decoration:none!important;font-size:12px}
.devreq-pager strong{border-color:#245f82;background:#245f82;color:#fff!important}
@media(max-width:700px){
 .devreq-wrap{width:calc(100% - 16px);padding-top:16px}
 .devreq-hero{align-items:flex-start;flex-direction:column;padding:20px}
 .devreq-hero h1{font-size:24px!important}
 .devreq-card{grid-template-columns:1fr}
 .devreq-stats{align-items:flex-start;flex-direction:row;justify-content:flex-start}
 .devreq-detail,.devreq-form,.devreq-comments{padding:17px}
 .devreq-detail-head{flex-direction:column}
 .devreq-progress{grid-template-columns:repeat(2,1fr)}
}

/* Keep long implementation URLs inside request cards */
.devreq-feature-link{min-width:0;overflow:hidden}
.devreq-feature-link>span{min-width:0;flex:1}
.devreq-feature-link small{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:normal;
}
.devreq-feature-link>strong{flex:0 0 auto}
@media(max-width:700px){
  .devreq-feature-link{align-items:center}
  .devreq-feature-link small{max-width:calc(100vw - 110px)}
}

.devreq-status--rejected{background:#f5eeee;color:#9a5656}
.dev-showcase-status.devreq-status--rejected{background:#f5eeee;color:#9a5656}


/* Developer request status summary */
.devreq-summary{display:flex;align-items:center;gap:14px;margin:16px 0 10px;padding:14px 16px;border:1px solid #dce6eb;border-radius:16px;background:#fff}
.devreq-summary-total{display:flex;align-items:baseline;gap:8px;flex:0 0 auto}
.devreq-summary-total span{color:#6f8491;font-size:12px;font-weight:900}
.devreq-summary-total strong{color:#234b62;font-size:20px}
.devreq-summary-statuses{display:flex;gap:6px;flex-wrap:wrap}
.devreq-summary-chip{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 8px;border-radius:999px;background:#f1f4f6;color:#627987;font-size:12px;font-weight:850}
.devreq-summary-chip b{font-size:12px}
.devreq-filter a b{margin-left:3px;font-size:12px}
@media(max-width:700px){
 .devreq-summary{align-items:flex-start;flex-direction:column}
 .devreq-summary-total strong{font-size:18px}
}

/* Request-owner revision / redevelopment request */
.devreq-rework-box{margin-top:16px;padding:16px;border:1px solid #d5e4ec;border-radius:14px;background:#f8fbfd}
.devreq-rework-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.devreq-rework-head div{display:flex;flex-direction:column;gap:3px}
.devreq-rework-head b{color:#244b62;font-size:13px}
.devreq-rework-head span{color:#768b98;font-size:12px;line-height:1.5}
.devreq-rework-box label{display:block;margin:0 0 7px;color:#36566a;font-size:12px;font-weight:900}
.devreq-rework-box textarea{width:100%;min-height:94px;box-sizing:border-box;padding:12px;border:1px solid #d3e0e7;border-radius:11px;background:#fff;color:#243f50;font-family:inherit;font-size:13px;line-height:1.55;resize:vertical;outline:0}
.devreq-rework-box textarea:focus{border-color:#74a7c2;box-shadow:0 0 0 3px rgba(61,128,163,.09)}
.devreq-rework-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.devreq-btn.is-redevelop{border-color:#d2b98e;background:#fffaf0;color:#8a641f!important}
.devreq-rework-box>small{display:block;margin-top:8px;color:#8798a2;font-size:12px;line-height:1.45}
@media(max-width:700px){.devreq-rework-actions{justify-content:stretch}.devreq-rework-actions .devreq-btn{flex:1}.devreq-rework-box{padding:14px}}