.snru-detail{font-family:'Kanit',sans-serif;background:#fffaf7;color:#313945;min-height:70vh}.snru-detail .container{max-width:1200px}.snru-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#89909b;font-size:13px;margin-bottom:25px}.snru-breadcrumb a{color:#6d7682;text-decoration:none}.snru-breadcrumb a:hover{color:#ee7838}.snru-detail-hero{padding:15px 0 25px}.snru-detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.snru-plan-pill,.snru-status-pill{padding:6px 13px;border-radius:30px;font-size:12px;background:#fff0e5;color:#d96a2b}.snru-status-pill{background:#edf6f0;color:#387657}.snru-detail-hero h1{font-size:clamp(25px,3vw,39px);font-weight:600;line-height:1.45;margin:0 0 8px}.snru-hero-subtitle{color:#89909b;margin:0}.snru-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}.snru-stat,.snru-panel{background:white;border:1px solid #f1dfd2;border-radius:18px;box-shadow:0 8px 30px rgba(83,55,38,.025)}.snru-stat{padding:22px}.snru-stat span,.snru-stat small{display:block;color:#8c929b;font-size:13px}.snru-stat strong{display:block;color:#ee7838;font-size:29px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.snru-stat .snru-stat-text{font-size:18px;color:#333c48}.snru-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;align-items:start}.snru-detail-main{display:grid;gap:22px}.snru-panel{padding:26px}.snru-panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.snru-heading-mark{width:5px;height:24px;background:#ee7838;border-radius:5px}.snru-panel h2{font-size:20px;font-weight:500;margin:0}.snru-info-list>div{display:grid;grid-template-columns:175px 1fr;gap:15px;border-bottom:1px solid #f2eee9;padding:13px 0}.snru-info-list>div:last-child{border-bottom:0}.snru-info-list span{color:#8b919a}.snru-info-list strong{font-weight:400;overflow-wrap:anywhere}.snru-description{border-top:1px solid #f2eee9;margin-top:16px;padding-top:22px}.snru-description h3{font-size:17px;margin:0 0 10px}.snru-description p{line-height:1.85;white-space:normal;overflow-wrap:anywhere}.snru-detail-side{position:sticky;top:130px}.snru-detail-side dl{margin:20px 0}.snru-detail-side dt{font-size:12px;color:#939aa3;font-weight:400;margin-top:17px}.snru-detail-side dd{font-size:15px;margin:4px 0 0;overflow-wrap:anywhere}.snru-back-link,.snru-primary-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ee7838;color:#fff;text-decoration:none;padding:11px 17px;font-size:14px}.snru-back-link:hover,.snru-primary-link:hover{background:#d86c30;color:#fff}.snru-kpi-group-title{font-size:16px;font-weight:500;margin:23px 0 12px}.snru-kpi-list{display:grid;gap:12px}.snru-kpi-item{padding:17px;border:1px solid #f0e8e0;background:#fffdfb;border-radius:13px}.snru-kpi-top{display:flex;align-items:flex-start;gap:10px}.snru-kpi-type{background:#fff0e5;color:#d56b32;padding:4px 8px;border-radius:6px;font-size:11px;flex-shrink:0}.snru-kpi-top h4{font-size:15px;line-height:1.55;font-weight:400;margin:0}.snru-kpi-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.snru-kpi-values>div{background:#fff;border:1px solid #f4eee8;border-radius:9px;padding:11px}.snru-kpi-values small{display:block;color:#90969e;margin-bottom:4px}.snru-kpi-values strong{font-size:16px;font-weight:500}.snru-pending{color:#b17c36;font-size:13px}.snru-kpi-note{margin:12px 0 0;color:#747c86;font-size:13px}.snru-image-count{font-size:12px;color:#949ba3;margin-left:auto}.snru-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.snru-gallery-item{border:0;background:#f5f2ee;border-radius:12px;overflow:hidden;aspect-ratio:4/3;padding:0;cursor:zoom-in}.snru-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.snru-gallery-item:hover img{transform:scale(1.06)}.snru-gallery-empty{border:1px dashed #ecd4c4;background:#fffaf6;text-align:center;padding:45px 12px;border-radius:14px}.snru-gallery-empty p{margin:8px 0 3px}.snru-gallery-empty small,.snru-muted{color:#959ca5}.snru-empty-icon{font-size:42px;color:#d7bbaa}.snru-not-found{text-align:center;padding:75px 20px}.snru-not-found h1{font-size:26px}.snru-not-found p{color:#90969e}.snru-lightbox[hidden]{display:none!important}.snru-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(12,16,22,.94);display:flex;align-items:center;justify-content:center;padding:70px 65px}.snru-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.snru-lightbox button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:30px;display:grid;place-items:center}.snru-lightbox-close{top:20px;right:22px}.snru-lightbox-prev{left:14px}.snru-lightbox-next{right:14px}.snru-lightbox-counter{position:absolute;bottom:18px;color:#fff;font-size:13px}.snru-reveal{animation:snruAppear .65s both}@keyframes snruAppear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.snru-detail-layout{grid-template-columns:1fr}.snru-detail-side{position:static}.snru-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.snru-summary-grid{grid-template-columns:1fr}.snru-panel{padding:18px}.snru-info-list>div{grid-template-columns:1fr;gap:4px}.snru-gallery{grid-template-columns:repeat(2,1fr)}.snru-kpi-values{grid-template-columns:1fr}.snru-lightbox{padding:65px 40px}.snru-detail-hero h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.snru-reveal{animation:none}.snru-gallery-item img{transition:none}}

/* OUTPUT / OUTCOME detail redesign */
.snru-overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-bottom:22px;align-items:stretch}
.snru-overview-grid>.snru-panel{min-width:0}
.snru-results-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.snru-result-card{background:#fffaf6;border:1px solid #f2dfd1;border-radius:14px;padding:16px;min-width:0}
.snru-result-label{font-size:15px;font-weight:600;color:#d9652b}.snru-result-label span{font-size:12px;font-weight:400;color:#737b86}
.snru-result-card strong{display:block;font-size:27px;color:#ee7838;margin:6px 0}
.snru-result-card small{display:block;color:#7c8590;font-size:12px;line-height:1.6}
.snru-result-track{height:9px;border-radius:20px;background:#f0e9e3;overflow:hidden;margin:12px 0 7px}
.snru-result-track span{display:block;height:100%;background:#ee7838;border-radius:20px;transition:width .6s ease}
.snru-summary-hint{font-size:13px;margin:-5px 0 16px}.snru-method-note{font-size:12px;line-height:1.7;color:#8c929b;margin:17px 0 0}
.snru-overview-list{margin:0;display:grid;gap:12px}.snru-overview-list>div{border-bottom:1px solid #f3eee9;padding-bottom:10px}.snru-overview-list dt{font-size:12px;color:#8c929b;font-weight:400}.snru-overview-list dd{font-size:15px;margin:3px 0 0;overflow-wrap:anywhere}
.snru-full-section{margin-bottom:22px}.snru-description-text{line-height:1.9;overflow-wrap:anywhere}.snru-description-text.is-collapsed{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.snru-read-more{border:1px solid #ee7838;color:#d9672b;background:white;border-radius:30px;padding:7px 18px;margin:16px auto 0;display:block}.snru-read-more[hidden]{display:none}
.snru-kpi-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #f1e3d8;padding-bottom:12px;flex-wrap:wrap}
.snru-kpi-tab{border:1px solid #ecd8c9;border-radius:10px;padding:10px 18px;background:white;color:#525b67;font:inherit;cursor:pointer}
.snru-kpi-tab.is-active{background:#ee7838;color:white;border-color:#ee7838}
.snru-kpi-tab-panel[hidden]{display:none}.snru-kpi-item-head{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}
.snru-kpi-item-head h4{font-size:15px;line-height:1.6;margin:0;flex:1;min-width:170px;font-weight:500}
.snru-kpi-badge{white-space:nowrap;font-size:12px;padding:5px 10px;border-radius:20px}
.snru-kpi-badge.is-met{color:#24734e;background:#e7f6ec}.snru-kpi-badge.is-unmet{color:#9b6420;background:#fff2d8}.snru-kpi-badge.is-pending{color:#69737e;background:#eef0f3}
.snru-kpi-progress{margin-top:12px}.snru-kpi-progress small{font-size:12px;color:#7b8490}
.snru-detail-bottom{display:flex;justify-content:flex-start;padding:4px 0 28px}
@media(max-width:900px){.snru-overview-grid{grid-template-columns:1fr}}@media(max-width:600px){.snru-results-cards{grid-template-columns:1fr}.snru-kpi-tab{flex:1;padding:10px 8px;font-size:13px}}
/* สถานะดำเนินการเสร็จสิ้น */
.project-status.status-completed {
    background-color: #E8F7EE;
    color: #16803C;
    border: 1px solid #B8E5C7;
}

/* สถานะกำลังดำเนินการ */
.project-status.status-progress {
    background-color: #EAF3FF;
    color: #2563EB;
    border: 1px solid #BFDBFE;
}

/* สถานะยังไม่ได้ดำเนินการ */
.project-status.status-pending {
    background-color: #FFF4E5;
    color: #B45309;
    border: 1px solid #FCD9A5;
}