/* Notícias (MD/NOTICIAS.md): coluna do meio do layout tibiacom. Pergaminho, cabeçalhos escuros, arte do layout. */
.nw { font-family: Verdana, Arial, sans-serif; font-size: 9pt; color: #2b1d10; line-height: 1.55; }
.nw a { color: #004294; }
.nw *, .nw *::before, .nw *::after { box-sizing: border-box; }

/* categorias: a cor de destaque de cada uma */
.nw-cat-update { --nw-accent: #2f6b2f; }
.nw-cat-community { --nw-accent: #2a5b8a; }
.nw-cat-official { --nw-accent: #8a5a10; }
.nw-cat-tech { --nw-accent: #8a2a1a; }
.nw-cat-support { --nw-accent: #5a3a7a; }

.nw-badge { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px 2px 4px; border: 1px solid rgba(0,0,0,.45);
  background: var(--nw-accent, #505050); color: #fff; font-size: 7.5pt; font-weight: bold; letter-spacing: .5px; text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25); white-space: nowrap; }
.nw-badge img { width: 16px; height: 16px; }

/* barra do administrador */
.nw-adminbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; padding: 6px 8px;
  background: #3a2a1a; border: 1px solid #000; color: #f0d050; font-weight: bold; font-size: 8pt; }
.nw-adminbar span { flex: 1; }

/* botões no estilo do layout */
.nw-btn, .nw .nw-btn { display: inline-block; padding: 4px 12px; background: linear-gradient(#6b5338, #3e2c19); border: 1px solid #1d130a;
  color: #f8e7c0 !important; font-weight: bold; font-size: 8pt; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35); cursor: pointer; }
.nw-btn:hover, .nw .nw-btn:hover { background: linear-gradient(#80653f, #4d371f); color: #fff !important; }
.nw-btn-gold, .nw .nw-btn-gold { background: linear-gradient(#e8c25a, #a77a17); color: #2b1d10 !important; border-color: #5a3c05; }
.nw-btn-gold:hover, .nw .nw-btn-gold:hover { background: linear-gradient(#f5d576, #b98a22); color: #000 !important; }

/* destaque */
.nw-hero { margin: 0 0 16px; background: #f6e8cf; border: 1px solid #3a2a1a; box-shadow: 0 2px 6px rgba(58,42,26,.35); }
.nw-hero-banner { position: relative; min-height: 190px; display: flex; align-items: flex-end; background-color: #1b2233;
  background-size: cover; background-position: center 38%; border-bottom: 3px solid #3a2a1a; }
.nw-hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,12,22,.05) 0%, rgba(10,12,22,.35) 45%, rgba(18,12,6,.92) 100%); }
.nw-hero-head { position: relative; padding: 14px 16px 12px; width: 100%; }
.nw-hero-title { margin: 8px 0 4px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; font-size: 22pt; line-height: 1.15;
  color: #f0d050; text-shadow: 0 2px 0 #000, 0 0 12px rgba(0,0,0,.8); font-weight: bold; }
.nw-ribbon { position: absolute; top: 12px; right: -1px; padding: 3px 12px 3px 14px; background: #8a2a1a; color: #fff; font-size: 7.5pt; font-weight: bold;
  text-transform: uppercase; letter-spacing: 1px; border: 1px solid #000; border-right: 0; clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%); }
.nw-ribbon-new { background: #2f6b2f; }
.nw-hero-body { padding: 16px 18px 6px; font-size: 10pt; }
.nw-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 8px 18px 14px; border-top: 1px dashed #c8b08a; margin: 8px 0 0; }
.nw-link { font-size: 8pt; }
.nw-admin-links a { color: #8a2a1a !important; font-size: 8pt; }

.nw-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; color: #6a4f33; font-size: 8pt; }
.nw-meta-light { color: #e8dcc4; }
.nw-meta-light a { color: #ffe9a8 !important; }
.nw-edited { font-style: italic; }

/* texto formatado */
.nw-body { overflow-wrap: anywhere; }
.nw-body .nw-para { display: block; height: 10px; }
.nw-body .nw-h { margin: 12px 0 6px; padding: 0 0 3px; font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif; font-size: 13pt; color: #3a2a1a; border-bottom: 1px solid #c8b08a; }
.nw-body .nw-list { margin: 6px 0 8px 22px; padding: 0; }
.nw-body .nw-list li { margin: 2px 0; }
.nw-body ul.nw-list { list-style: none; margin-left: 8px; }
.nw-body ul.nw-list li { position: relative; padding-left: 18px; }
.nw-body ul.nw-list li::before { content: ""; position: absolute; left: 3px; top: .55em; width: 7px; height: 7px; background: #a77a17; border: 1px solid #5a3c05; transform: rotate(45deg); }
.nw-body .nw-quote { margin: 8px 0; padding: 8px 12px; background: #e9d8b8; border-left: 4px solid #8a5a10; font-style: italic; }
.nw-body .nw-code { margin: 8px 0; padding: 8px; background: #2b2b2b; color: #e6e6e6; font: 9pt/1.4 Consolas, monospace; white-space: pre-wrap; overflow-x: auto; }
.nw-body .nw-center { text-align: center; }
.nw-body .nw-img, .nw-body img { max-width: 100%; height: auto; border: 1px solid #5f4d41; box-shadow: 0 1px 4px rgba(0,0,0,.3); vertical-align: middle; }
.nw-body .nw-video { position: relative; width: 100%; max-width: 640px; aspect-ratio: 16 / 9; margin: 8px auto; border: 1px solid #3a2a1a; background: #000; }
.nw-body .nw-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nw-body table { max-width: 100%; }
.nw-c-red { color: #b0261a; } .nw-c-green { color: #2f7a2f; } .nw-c-blue { color: #1f5aa6; } .nw-c-gold { color: #a77a17; }
.nw-c-orange { color: #c2620c; } .nw-c-purple { color: #6b3d93; } .nw-c-gray { color: #6b6b6b; }

/* título de seção, como o cabeçalho das tabelas do layout */
.nw-section { margin: 4px 0 10px; padding: 0; font-size: 9pt; text-transform: uppercase; letter-spacing: 1px; }
.nw-section span { display: block; padding: 5px 10px; background: #505050 url(../../layouts/tibiacom/images/general/newsheadline_background.gif) repeat-x; color: #fff; border: 1px solid #000; }

/* cartões */
.nw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.nw-card { display: flex; flex-direction: column; background: #f1e0c6; border: 1px solid #5f4d41; box-shadow: 0 1px 3px rgba(58,42,26,.3); transition: box-shadow .15s, transform .15s; }
.nw-card:hover { box-shadow: 0 3px 10px rgba(58,42,26,.45); transform: translateY(-1px); }
.nw-card-pinned { border-color: #8a2a1a; }
.nw-thumb { display: block; height: 120px; background: #1b2233 center / cover no-repeat; border-bottom: 2px solid #3a2a1a; }
.nw-thumb-icon { display: flex; align-items: center; justify-content: center; height: 86px; text-decoration: none !important;
  background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.35), rgba(0,0,0,0) 60%), var(--nw-accent, #505050);
  background-image: radial-gradient(circle at 50% 45%, rgba(255,255,255,.3), rgba(0,0,0,0) 60%), repeating-linear-gradient(45deg, rgba(0,0,0,.08) 0 6px, rgba(255,255,255,.04) 6px 12px); }
.nw-thumb-icon img { width: 48px; height: 48px; image-rendering: pixelated; filter: drop-shadow(0 2px 2px rgba(0,0,0,.6)); }
.nw-card-main { display: flex; flex-direction: column; flex: 1; padding: 10px 12px 10px; }
.nw-card-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.nw-pin { font-size: 7pt; font-weight: bold; color: #8a2a1a; text-transform: uppercase; letter-spacing: 1px; }
.nw-card-title { margin: 8px 0 3px; font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif; font-size: 13pt; line-height: 1.2; }
.nw-card-title a { color: #3a2a1a !important; font-family: inherit !important; }
.nw-card-title a:hover { color: #8a5a10 !important; }
.nw-excerpt { margin: 6px 0 8px; flex: 1; color: #3b2a18; }
.nw-card-foot { display: flex; justify-content: space-between; align-items: center; padding-top: 6px; border-top: 1px dashed #c8b08a; }
.nw-more { font-size: 8pt; }

/* paginação */
.nw-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 18px 0 8px; }
.nw-pg { min-width: 30px; padding: 4px 9px; text-align: center; background: #d4c0a1; border: 1px solid #5f4d41; color: #3a2a1a !important; font-weight: bold; text-decoration: none !important; }
a.nw-pg:hover { background: #505050; color: #fff !important; }
.nw-pg-on { background: #505050; color: #fff !important; border-color: #000; }
.nw-pg-off { opacity: .45; }
.nw-pg-gap { background: none; border-color: transparent; }
.nw-archive-link { text-align: center; color: #6a4f33; font-size: 8pt; margin: 6px 0 0; }

.nw-crumbs { margin: 0 0 10px; }
.nw-note { margin: 0 0 10px; padding: 6px 10px; background: #fff3d6; border: 1px solid #c8a24a; color: #6a4400; font-weight: bold; }
.nw-empty { padding: 30px 16px; text-align: center; background: #f1e0c6; border: 1px solid #5f4d41; color: #5f4d41; }

/* avisos rápidos (caixa de cima) */
.nw-boxtitle { color: #fff; font-weight: bold; font-size: 10pt; padding-left: 5px; line-height: 24px; display: block; }
.Content .BoxContent.nw-tickerbox { min-height: 0; padding: 6px 10px; }
.nw-tickers { font-family: Verdana, Arial, sans-serif; font-size: 8.5pt; color: #2b1d10; }
.nw-ticker { display: flex; align-items: baseline; gap: 8px; padding: 4px 6px; background: #f0e4cc; }
.nw-ticker-alt { background: #e4d4b4; }
.nw-ticker img { align-self: center; }
.nw-ticker-date { white-space: nowrap; font-weight: bold; color: #5f4d41; }
.nw-ticker-text { flex: 1; }

/* ---------------- painel (newsadmin) ---------------- */
.nwa-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid #5f4d41; }
.nwa-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.nwa-tab { padding: 5px 14px; background: #d4c0a1; border: 1px solid #5f4d41; color: #3a2a1a !important; font-weight: bold; text-decoration: none !important; }
.nwa-tab small { display: inline-block; min-width: 18px; margin-left: 4px; padding: 0 4px; background: rgba(0,0,0,.15); text-align: center; }
.nwa-tab.nwa-on, .nwa-tab:hover { background: #505050; color: #fff !important; }
.nwa-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.nwa-msg { margin: 0 0 12px; padding: 8px 12px; border: 1px solid; font-weight: bold; }
.nwa-msg ul { margin: 4px 0 0 18px; padding: 0; font-weight: normal; }
.nwa-msg-ok { background: #e3f0d3; border-color: #2f6b2f; color: #1f4a1f; }
.nwa-msg-err { background: #f7dcd4; border-color: #8a2a1a; color: #6a1a0a; }
.nwa-hint { color: #6a4f33; font-size: 8pt; margin: 2px 0 8px; }
.nwa-table { width: 100%; border-collapse: separate; border-spacing: 0 2px; }
.nwa-table th { background: #505050; color: #fff; padding: 5px 8px; text-align: left; font-size: 8.5pt; }
.nwa-table td { background: #f0e4cc; padding: 6px 8px; vertical-align: middle; }
.nwa-table tr:nth-child(odd) td { background: #e4d4b4; }
.nwa-table tr.nwa-dim td { opacity: .55; }
.nwa-rowtitle { font-size: 10pt; color: #3a2a1a !important; }
.nwa-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.nwa-tag { display: inline-block; padding: 0 6px; border: 1px solid #a08a6a; background: #f6ecd8; color: #5f4d41; font-size: 7pt; font-weight: bold; text-transform: uppercase; }
.nwa-tag-pin { background: #8a2a1a; border-color: #5a1a0a; color: #fff; }
.nwa-tag-sched { background: #c2620c; border-color: #7a3a05; color: #fff; }
.nwa-tag-page { background: #e9e0cc; }
.nwa-nowrap { white-space: nowrap; font-size: 8pt; }
.nwa-acts { white-space: nowrap; }
.nwa-acts form, .nwa-table form { display: inline; margin: 0; }
.nwa-mini { display: inline-block; margin: 1px; padding: 2px 8px; background: #d4c0a1; border: 1px solid #5f4d41; color: #3a2a1a !important; font: bold 7.5pt Verdana, Arial, sans-serif; text-decoration: none !important; cursor: pointer; }
.nwa-mini:hover { background: #505050; color: #fff !important; }
.nwa-danger { color: #8a2a1a !important; }
.nwa-danger:hover { background: #8a2a1a; color: #fff !important; }

.nwa-form { margin: 0 0 10px; }
.nwa-label { display: block; margin: 12px 0 4px; font-weight: bold; color: #3a2a1a; font-size: 9pt; }
.nwa-input { width: 100%; padding: 6px 8px; border: 1px solid #8a7356; background: #fffaf0; font: 10pt Verdana, Arial, sans-serif; color: #2b1d10; }
.nwa-input:focus { outline: 2px solid #c8a24a; outline-offset: 0; }
.nwa-title { font-size: 13pt; font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif; font-weight: bold; }
.nwa-text { font: 10pt/1.5 Consolas, "Courier New", monospace; resize: vertical; min-height: 260px; border-top: 0; }
.nwa-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: start; }
.nwa-pinbox { padding-top: 32px; }
.nwa-check { font-weight: bold; cursor: pointer; }
.nwa-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.nwa-cat { cursor: pointer; }
.nwa-cat input { position: absolute; opacity: 0; pointer-events: none; }
.nwa-cat span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 5px 6px; background: #e4d4b4; border: 1px solid #a08a6a; font-weight: bold; color: #3a2a1a; }
.nwa-cat input:checked + span { background: var(--nw-accent); color: #fff; border-color: #000; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
.nwa-cat input:focus-visible + span { outline: 2px solid #c8a24a; }
.nwa-toolbar { display: flex; flex-wrap: wrap; gap: 3px; padding: 5px; background: #505050; border: 1px solid #000; }
.nwa-toolbar button, .nwa-toolbar select { padding: 3px 8px; background: #e4d4b4; border: 1px solid #2b1d10; font: bold 8pt Verdana, Arial, sans-serif; color: #2b1d10; cursor: pointer; }
.nwa-toolbar button:hover { background: #fff3d6; }
.nwa-counter { text-align: right; }
.nwa-help { margin: 8px 0; padding: 6px 10px; background: #f1e0c6; border: 1px solid #a08a6a; }
.nwa-help summary { cursor: pointer; font-weight: bold; color: #3a2a1a; }
.nwa-helptable { margin: 6px 0; border-collapse: collapse; }
.nwa-helptable td { padding: 3px 10px 3px 0; border-bottom: 1px dotted #c8b08a; font-size: 8.5pt !important; }
.nwa-helptable code { background: #fffaf0; padding: 0 4px; border: 1px solid #d4c0a1; }
.nwa-buttons { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; }
.nwa-buttons .nw-btn { padding: 7px 18px; font-size: 9pt; }
.nwa-cancel { font-size: 8pt; margin-left: auto; }
.nwa-preview { margin: 0 0 18px; padding: 10px; background: repeating-linear-gradient(45deg, #e9dcc0 0 10px, #e2d2b2 10px 20px); border: 2px dashed #8a5a10; }
.nwa-preview-label { margin: 0 0 8px; font-weight: bold; color: #6a4400; }
.nwa-preview-card { max-width: 380px; margin-bottom: 4px; }
.nwa-tickerform { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }