/* Bimbingan.com News V3 — scoped to news engagement and admin moderation. */
.bn-eng-share,.bn-eng-comments,.bn-mod-shell{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#183052}
.bn-eng-share *,.bn-eng-comments *,.bn-mod-shell *{box-sizing:border-box}
.bn-eng-share{border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff);padding:26px;margin:31px 0 30px;min-width:0}
.bn-eng-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:22px}
.bn-eng-kicker,.bn-mod-kicker{display:block;color:#2868d1;font-size:11px;font-weight:850;letter-spacing:.12em;margin-bottom:8px}
.bn-eng-head h2{color:#0b2550;font-size:clamp(21px,2.4vw,27px);line-height:1.2;margin:0 0 8px;letter-spacing:-.035em}
.bn-eng-head p{margin:0;color:#697c95;font-size:13px;line-height:1.55}
.bn-eng-read-count,.bn-eng-comment-total{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5e1f1;border-radius:999px;background:#fff;padding:9px 12px;color:#465e7c;font-size:12px;white-space:nowrap}
.bn-eng-read-count strong{font-weight:900;color:#123c84}
.bn-eng-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.bn-eng-share-grid .bn-eng-share-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;border:1px solid #dae4f1;border-radius:11px;background:#fff;color:#2b476d;padding:11px 8px;text-decoration:none;font:750 12px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.bn-eng-share-grid .bn-eng-share-button:hover,.bn-eng-share-grid .bn-eng-share-button:focus-visible{border-color:#75a9f3;background:#f0f6ff;transform:translateY(-1px);color:#154ca5}
.bn-eng-share-grid .bn-eng-share-button img,.bn-eng-share-grid .bn-eng-share-button svg{width:22px;height:22px;flex-shrink:0;object-fit:contain}
.bn-eng-share-note{color:#7a88a0;font-size:11px;line-height:1.55;margin:14px 0 0}
.bn-eng-toast{min-height:0;font-size:12px;color:#135ac0;font-weight:700;margin:0;opacity:0;transition:opacity .15s}
.bn-eng-toast.visible{margin-top:8px;opacity:1}
.bn-eng-comments{margin:34px 0 10px;padding-top:6px;min-width:0}
.bn-eng-comments>.bn-eng-head{border-bottom:1px solid #e3eaf3;padding-bottom:17px}
.bn-eng-comment-list{display:grid;gap:12px;margin-bottom:28px}
.bn-eng-comment-empty{padding:26px 20px;background:#f8fbff;border:1px dashed #cfdff2;border-radius:14px;text-align:center}
.bn-eng-comment-empty strong{display:block;color:#1c3d71;font-size:15px}
.bn-eng-comment-empty p{margin:7px 0 0;color:#687b92;font-size:13px}
.bn-eng-comment{display:flex;gap:13px;border:1px solid #e4eaf2;border-radius:14px;padding:16px;background:#fff}
.bn-eng-comment>div{min-width:0;flex:1}
.bn-eng-avatar{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;background:#e7f0ff;color:#2262bd;font-weight:850}
.bn-eng-comment-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:5px}
.bn-eng-comment-meta strong{font-size:13px;color:#12375d}.bn-eng-comment-meta time{font-size:11px;color:#8694a6}
.bn-eng-comment p{font-size:13px;color:#3c506c;line-height:1.7;margin:0;overflow-wrap:anywhere}
.bn-eng-limit{font-size:12px;color:#71809a}
.bn-eng-comment-card{border:1px solid #d9e5f4;border-radius:18px;padding:23px;background:#fff;box-shadow:0 5px 19px #1d4e8f0b}
.bn-eng-comment-card h3{font-size:20px;line-height:1.25;color:#123562;margin:0 0 7px}.bn-eng-comment-card>p{font-size:12px;color:#718099;line-height:1.6;margin:0 0 17px}
.bn-eng-comment-card form{display:grid;gap:15px}
.bn-eng-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.bn-eng-comment-card form>label,.bn-eng-form-grid label{display:block;font-size:12px;color:#2b415f;font-weight:800;line-height:1.4}
.bn-eng-comment-card input:not([type=checkbox]),.bn-eng-comment-card textarea{display:block;width:100%;margin-top:6px;min-width:0;background:#fff;border:1px solid #cbd9ea;border-radius:10px;color:#203a5c;font:400 14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;padding:11px 12px;outline-offset:2px}
.bn-eng-comment-card textarea{resize:vertical;min-height:125px}
.bn-eng-comment-card input:focus,.bn-eng-comment-card textarea:focus{outline:2px solid #a2c3f5}
.bn-eng-honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}
.bn-eng-comment-card .bn-eng-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#65748b;line-height:1.6;font-weight:400;margin:2px 0}
.bn-eng-consent input{flex:0 0 auto;margin-top:4px}.bn-eng-consent a{color:#125fcf;font-weight:800}
.bn-eng-form-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.bn-eng-form-bottom small{color:#7d899c;font-size:11px;max-width:315px;line-height:1.5}
.bn-eng-form-bottom button{background:#1c62d8;border:0;border-radius:10px;color:#fff;padding:12px 19px;font-weight:850;font-size:13px;cursor:pointer;white-space:nowrap}.bn-eng-form-bottom button:disabled{opacity:.6;cursor:wait}
.bn-eng-csrf-error,.bn-eng-message{padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.6;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.bn-eng-message.is-success{background:#e9f8ee;color:#166534;border-color:#bbebca}
.bn-eng-story-views{display:inline-flex;align-items:center;gap:5px;color:#49698d;font-weight:800}
/* Admin news comments; all selectors isolated from article/LMS/admin widgets. */
.bn-mod-shell{max-width:1320px;margin:0 auto;padding:12px 0 60px}
.bn-mod-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:25px}
.bn-mod-head h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;color:#102b51;margin:5px 0 9px}.bn-mod-head p{font-size:13px;color:#6b7d95;margin:0}
.bn-mod-back{display:block;font-weight:800;color:#1a61cd;text-decoration:none;font-size:12px;margin-bottom:11px}
.bn-mod-primary{background:#1c61d6;color:#fff!important;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;font-size:12px}
.bn-mod-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.bn-mod-stats>div{border:1px solid #dfe8f5;border-radius:14px;background:#fff;padding:18px}
.bn-mod-stats span{display:block;color:#74849b;font-size:11px;line-height:1.45}.bn-mod-stats strong{display:block;color:#123b72;font-size:27px;margin-top:4px}
.bn-mod-filter{display:grid;grid-template-columns:200px minmax(180px,1fr) auto;gap:10px;background:#fff;border:1px solid #e1e8f3;border-radius:13px;padding:15px;margin:18px 0}
.bn-mod-filter select,.bn-mod-filter input{min-width:0;width:100%;border:1px solid #cfdbeb;border-radius:9px;padding:11px 12px;background:#fff;color:#29415d;font-size:13px}.bn-mod-filter button{border:0;border-radius:9px;background:#133e80;color:#fff;font-weight:800;padding:11px 16px;cursor:pointer}
.bn-mod-table-outer{overflow:auto;background:#fff;border:1px solid #dde7f2;border-radius:14px}.bn-mod-table{width:100%;border-collapse:collapse;min-width:900px;font-size:12px}
.bn-mod-table th{text-align:left;padding:15px 12px;background:#f5f8fd;color:#4d6483;font-size:11px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.bn-mod-table td{padding:15px 12px;border-top:1px solid #e6edf5;vertical-align:top;color:#30445f;line-height:1.6}
.bn-mod-table td:first-child strong{display:block;color:#12395f}.bn-mod-table td:first-child a,.bn-mod-table td:first-child small{display:block;color:#2763ba;overflow-wrap:anywhere}.bn-mod-table td:first-child small{color:#8390a1;font-size:11px}
.bn-mod-table td>a{color:#1d59ad;font-weight:800;text-decoration:none}.bn-mod-comment-text{white-space:normal;max-width:290px;min-width:190px;overflow-wrap:anywhere}
.bn-mod-status{display:inline-block;border-radius:999px;background:#fff2dc;color:#8c5705;padding:5px 10px;font-size:11px;font-weight:800}.bn-mod-status.approved{background:#ddf8ea;color:#117348}.bn-mod-status.rejected{background:#fce9ed;color:#a53754}
.bn-mod-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:180px}.bn-mod-actions form{margin:0}.bn-mod-actions button{border:1px solid #cfdbeb;background:#fff;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;color:#2d4b7a;cursor:pointer}.bn-mod-actions button.approve{background:#e5f7ef;border-color:#b3e6cc;color:#117348}.bn-mod-actions button.danger{color:#b42345;border-color:#f2c5d0}
.bn-mod-empty{text-align:center;padding:40px!important;color:#7b8ca3}.bn-mod-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#74849b;margin-top:18px}.bn-mod-bottom>div{display:flex;gap:18px}.bn-mod-bottom a{color:#165dcb;font-weight:800}.bn-mod-privacy{font-size:11px;color:#7b8ca3;line-height:1.7;margin-top:18px}
@media(max-width:900px){.bn-mod-filter{grid-template-columns:1fr}.bn-mod-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bn-eng-share{padding:18px;margin:25px 0}.bn-eng-share-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bn-eng-share-grid .bn-eng-share-button{display:grid;justify-items:center;gap:5px;padding:11px 5px;font-size:11px}.bn-eng-share-grid .bn-eng-share-button img,.bn-eng-share-grid .bn-eng-share-button svg{width:23px;height:23px}.bn-eng-form-grid{grid-template-columns:1fr}.bn-eng-comment-card{padding:16px}.bn-eng-form-bottom button{width:100%}.bn-mod-stats>div{padding:13px}.bn-mod-stats strong{font-size:24px}}
@media(max-width:380px){.bn-eng-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.bn-eng-share-grid .bn-eng-share-button{transition:none;transform:none!important}}

.bn-news-comments-entry{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 17px;border:1px solid #d1e1f6;background:#f4f9ff;border-radius:14px;margin:0 0 19px}.bn-news-comments-entry span{font-size:12px;color:#547092}