.document-detail { color:#2c3930; }
.document-detail > .d-flex h4 { font-size:20px; font-weight:700; }
.document-detail .btn-outline-secondary { border-color:#c4cec5; color:#526255; border-radius:6px; }
.detail-summary { overflow:hidden; margin:20px 0 24px; border:1px solid #dbe2da; border-radius:10px; background:#fff; box-shadow:0 2px 8px #263d240a; }
.detail-summary-top { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 24px; border-bottom:1px solid #e5e9e2; background:#f5f7f4; }
.detail-kind { color:#43653b; font-size:13px; font-weight:650; }
.detail-status { padding:6px 10px; border-radius:5px; font-size:12px; font-weight:650; }
.detail-summary-body { padding:25px 24px 20px; }
.detail-heading-row { display:flex; align-items:start; gap:20px; }
.detail-heading-row > div:last-child { flex:1; min-width:0; }
.detail-file-icon { display:grid; place-items:center; flex-shrink:0; width:48px; height:54px; border:1px solid #ead799; border-radius:8px; background:#fff6db; color:#78601d; font-size:26px; }
.detail-heading-row h1 { margin:0; color:#26382b; font-size:23px; font-weight:700; line-height:1.65; overflow-wrap:anywhere; }
.detail-published { margin:12px 0 0; color:#657166; font-size:13px; }
.detail-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:22px; padding-top:17px; border-top:1px solid #e6ebe4; }
.detail-stats { display:flex; flex-wrap:wrap; gap:8px 16px; }
.detail-stats button { display:inline-flex; align-items:center; gap:7px; padding:5px 0; border:0; background:none; color:#586b5b; font-size:12px; }
.detail-stats button:hover { color:#1D7816; text-decoration:underline; }
.detail-actions { display:flex; flex-wrap:wrap; gap:8px; }
.detail-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 13px; border:1px solid #bdcdb7; border-radius:6px; background:#fff; color:#365b2d; text-decoration:none; font-size:13px; font-weight:650; }
.detail-action:hover { background:#eff5eb; color:#235c1f; }
.detail-download { background:#ffc107; border-color:#e3b237; color:#4c421f; }
.detail-download:hover { background:#edb809; color:#383215; }
.detail-no-file { color:#69736b; font-size:13px; }
.document-detail .card { border:1px solid #dce3db; border-radius:10px; box-shadow:none !important; overflow:hidden; }
.document-detail .card-header { padding:16px 22px; background:#f6f8f4; border-bottom:1px solid #e2e8df; color:#354c32; font-size:15px; }
.document-detail .card-body { padding:22px 24px; }
.detail-section-title { margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid #e4e9e0; color:#31452e; font-size:17px; font-weight:700; }
.detail-table { margin-bottom:0; font-size:14px; line-height:1.7; --bs-table-color:#37473b; --bs-table-border-color:#e8ece5; }
.detail-table > tbody > tr > th { width:240px; padding:13px 16px 13px 0; background:none; color:#586653; font-weight:600; vertical-align:top; }
.detail-table > tbody > tr > td { padding:13px 0; background:none; overflow-wrap:anywhere; }
.detail-table > tbody > tr:last-child > * { border-bottom:0; }
.detail-table a:not(.btn) { color:#356b2b; text-underline-offset:3px; }
.detail-table .btn-primary { background:#edf4e8; border-color:#c0d5b6; color:#38692c; }
.detail-table .btn-warning { background:#fff3cb; border-color:#e5ce86; color:#6d531d; }
.detail-table li + li { margin-top:6px; }
.document-detail .nav-pills .nav-link { color:#52694c; border-radius:6px; font-size:13px; }
.document-detail .nav-pills .nav-link.active { background:#1D7816; color:#fff; }
.document-detail .tab-content a { color:#356b2b; }
.document-detail .relasi-timeline .bg-primary { background:#1D7816 !important; }
.document-detail .alert { border-radius:8px; box-shadow:none !important; font-size:14px; line-height:1.7; }
.document-detail iframe { display:block; }
.stat-box { padding:14px; border:1px solid #dfe5dc; border-radius:8px; background:#f8faf6; }
.stat-label { color:#62705d; font-size:13px; }
.stat-value { margin:4px 0 0; color:#2d4927; font-size:23px; font-weight:700; }
.document-detail a:focus-visible,.document-detail button:focus-visible { outline:3px solid #7da96c; outline-offset:3px; }
@media(max-width:767px) { .detail-summary-top { padding:12px 16px; }.detail-summary-body { padding:18px 16px; }.detail-heading-row { gap:12px; }.detail-file-icon { width:36px; height:42px; font-size:21px; }.detail-heading-row h1 { font-size:18px; line-height:1.6; }.detail-published { font-size:12px; }.detail-toolbar { margin-top:17px; gap:13px; }.detail-actions { width:100%; }.detail-action { flex:1 1 auto; font-size:12px; padding:9px 10px; }.document-detail .card-body { padding:18px 16px; }.detail-table { font-size:13px; }.detail-table > tbody > tr > th { width:35% !important; min-width:110px; padding:11px 12px 11px 0; }.detail-table > tbody > tr > td { padding:11px 0; }.document-detail .card-header { padding:14px 16px; }.detail-table .btn { white-space:normal; } }