/* v20.5: notices page, aligned with approved sans-serif mockup. */
body[data-view="news"] .main{background:#101113}
body[data-view="news"] #title{font-family:"Segoe UI",system-ui,sans-serif!important;letter-spacing:-.4px;font-weight:600!important}
body.staff-mode[data-view="news"] #actions .btn.primary,body[data-view="news"] .ro205-news-empty .btn.primary{background:#d6bd8b!important;border-color:#d6bd8b!important;color:#171813!important;box-shadow:none!important}
body[data-view="news"] .ro205-news{display:grid;gap:16px;font-family:"Segoe UI",system-ui,sans-serif;color:#eee9de}
body[data-view="news"] .ro205-news-card{background:#191b1e;border:1px solid #33352f;border-radius:12px;padding:24px;min-width:0}
body[data-view="news"] .ro205-news-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
body[data-view="news"] .ro205-news-head>div{min-width:0}
body[data-view="news"] .ro205-news-date{font-size:12px;color:#d6bd8b;letter-spacing:.4px;margin-bottom:8px}
body[data-view="news"] .ro205-news-head h2{font:600 22px/1.35 "Segoe UI",system-ui,sans-serif!important;color:#eee9de;margin:0;overflow-wrap:anywhere}
body[data-view="news"] .ro205-news-status{padding:5px 9px;border-radius:5px;font-size:12px;flex-shrink:0}
body[data-view="news"] .ro205-news-status.visible{background:#202f28;color:#9ecba9}
body[data-view="news"] .ro205-news-status.hidden-status{background:#292b2f;color:#c0beb6}
body[data-view="news"] .ro205-news-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#c4c3ba;font-size:14px;line-height:1.65;max-width:100ch}
body[data-view="news"] .ro205-news-foot{border-top:1px solid #33352f;margin-top:22px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
body[data-view="news"] .ro205-news-foot>small{color:#aaa99f;font-size:12px}
body[data-view="news"] .ro205-news-actions{display:flex;gap:8px;flex-wrap:wrap}
body[data-view="news"] .ro205-news-actions .btn{background:#191b1e!important;border:1px solid #3b3d37!important;border-radius:8px;box-shadow:none!important;min-height:40px;color:#eee9de!important;padding:9px 12px;font-size:13px}
body[data-view="news"] .ro205-news-actions .btn:hover{background:#24262a!important;border-color:#d6bd8b!important}
body[data-view="news"] .ro205-news-actions .btn.danger{color:#eaa39c!important}
body[data-view="news"] .ro205-news-empty{padding:36px 24px;background:#191b1e;border:1px solid #33352f;border-radius:12px;text-align:center}
body[data-view="news"] .ro205-news-empty p{margin:10px 0 20px;color:#aaa99f}
#newsEditor .ro205-news-editor{width:min(640px,94vw);font-family:"Segoe UI",system-ui,sans-serif;background:#191b1e!important;border:1px solid #33352f!important;border-radius:12px}
#newsEditor h3{font:600 22px/1.35 "Segoe UI",system-ui,sans-serif!important}
#newsEditor label{display:block;margin:16px 0 6px}
#newsEditor textarea{resize:vertical;min-height:140px}
#newsEditor input,#newsEditor textarea{width:100%;min-width:0;background:#101113;color:#eee9de;border:1px solid #33352f;border-radius:8px;font-size:16px}
#newsEditor .ro-save-dock{background:#191b1e!important}
#newsEditor .btn.primary{background:#d6bd8b!important;color:#171813!important;border-color:#d6bd8b!important;box-shadow:none!important}
@media(max-width:650px){
 body[data-view="news"] .ro205-news-card{padding:18px}
 body[data-view="news"] .ro205-news-head{gap:12px;flex-wrap:wrap}
 body[data-view="news"] .ro205-news-head h2{font-size:20px!important}
 body[data-view="news"] .ro205-news-actions .btn{min-height:44px}
 body[data-view="news"] .ro205-news-foot{align-items:flex-start}
 body[data-view="news"] #title{font-size:24px!important;white-space:nowrap}
}

/* v20.7: compact cards and a prominent nearby create action. */
body[data-view="news"] .ro205-news{grid-template-columns:repeat(auto-fit,minmax(min(100%,580px),1fr));align-items:start;gap:16px}
body[data-view="news"] .ro205-news-card{padding:18px 20px}
body[data-view="news"] .ro205-news-head{margin-bottom:12px;gap:12px}
body[data-view="news"] .ro205-news-date{margin-bottom:5px}
body[data-view="news"] .ro205-news-head h2{font-size:20px!important}
body[data-view="news"] .ro205-news-body{line-height:1.55}
body[data-view="news"] .ro205-news-foot{margin-top:16px;padding-top:12px;gap:10px}
body[data-view="news"] .ro205-news-empty{grid-column:1/-1}
body[data-view="news"] .topbar{justify-content:flex-start;gap:32px!important}
body.staff-mode[data-view="news"] #actions #newNews,body[data-view="news"] #firstNews{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:750!important;background:#e5c576!important;border:1px solid #efd798!important;color:#191b14!important;box-shadow:0 2px 8px #0003!important;white-space:nowrap}
body[data-view="news"] #newNews svg,body[data-view="news"] #firstNews svg{width:20px;height:20px;flex-shrink:0}
body.staff-mode[data-view="news"] #actions #newNews:hover,body[data-view="news"] #firstNews:hover{background:#f0d593!important}
body[data-view="news"] #newNews:focus-visible,body[data-view="news"] #firstNews:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){body[data-view="news"] .ro205-news-card{padding:16px}body[data-view="news"] .topbar{gap:12px!important}body[data-view="news"] .topbar>#actions,body[data-view="news"] .topbar #actions{width:100%!important;margin-left:0}body[data-view="news"] #newNews{width:100%}}

@media(min-width:901px){body[data-view="news"] .topbar>.row:first-child{flex:0 1 auto!important}body[data-view="news"] .topbar>.row:last-child{flex-shrink:0}}

/* v20.8: hidden notices stay readable and operable, without coloured emphasis. */
body[data-view="news"] .ro205-news-card.is-hidden{background:#151618;border-color:#2d2e30;filter:grayscale(1)}
body[data-view="news"] .is-hidden .ro205-news-head h2{color:#aaa!important}
body[data-view="news"] .is-hidden .ro205-news-date,body[data-view="news"] .is-hidden .ro205-news-body{color:#aaa}
body[data-view="news"] .is-hidden .ro205-news-foot{border-color:#303133}
body[data-view="news"] .is-hidden .ro205-news-actions .btn{color:#bababa!important;background:#191a1c!important;border-color:#414244!important}
body[data-view="news"] .ro205-news-actions [data-visibility]{min-width:132px}
body[data-view="news"] [data-visibility][aria-busy="true"]{cursor:progress}