/* หน่วยข่าวกรอง — spy / detective comic theme (user request 2026-10-08). Scoped to #intel only; every other tab keeps its own theme.
   Noir night paper + halftone, thick ink outlines, hard offset shadows, a red "CLASSIFIED" stamp and a gun-barrel circle motif.
   Fonts: Bangers (Latin) + Itim (Thai), already loaded for the Speed Racer theme. */
#intel {
  --ink: #0e0f14;
  --night: #161a26;
  --night-2: #1f2535;
  --paper: #efe3c2;
  --paper-2: #e3d3a6;
  --gold: #f2b84b;
  --red: #d7263d;
  --teal: #2ec4b6;
  --shadow: 5px 5px 0 var(--ink);
  --shadow-sm: 3px 3px 0 var(--ink);
  font-family: 'Itim', system-ui, sans-serif;
  color: var(--ink);
}
#intel .intel-shell {
  padding: 18px; border: 4px solid var(--ink); border-radius: 6px; box-shadow: 8px 8px 0 var(--ink);
  background: radial-gradient(circle, rgba(0,0,0,.28) 1.2px, transparent 1.5px) 0 0 / 11px 11px, var(--night);
  color: #f3ecd8;
}
#intel h2, #intel h3, #intel h4, #intel .intel-counts strong, #intel .intel-stamp { font-family: 'Bangers', 'Itim', system-ui, sans-serif; letter-spacing: .03em; }
/* author display rules below would otherwise override the hidden attribute */
#intel [hidden] { display: none !important; }
#intel .intel-eyebrow { color: var(--gold); font-size: .78rem; font-weight: 800; letter-spacing: .16em; }
#intel .intel-small, #intel .intel-note { color: #b9b29a; font-size: .9rem; }
#intel .intel-note { margin: -4px 0 12px; }

/* ----- hero: gun-barrel circle with the chief detective ----- */
#intel .intel-hero {
  display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; padding: 18px 22px;
  border: 3px solid var(--ink); border-radius: 4px; background: var(--paper); color: var(--ink); box-shadow: var(--shadow); transform: rotate(-.3deg);
}
#intel .intel-hero .intel-eyebrow { color: var(--red); }
#intel .intel-hero h2 { margin: 2px 0 6px; font-size: 2.6rem; color: var(--ink); text-shadow: 3px 3px 0 var(--gold); }
#intel .intel-hero .intel-small { color: #4a4636; margin-top: 6px; }
#intel .intel-barrel { position: relative; width: 150px; height: 150px; display: grid; place-items: center; }
#intel .intel-barrel .ring { position: absolute; border-radius: 50%; border: 4px solid var(--ink); }
#intel .intel-barrel .r1 { inset: 0; background: var(--ink); }
#intel .intel-barrel .r2 { inset: 14px; background: #fff; }
#intel .intel-barrel .r3 { inset: 30px; background: var(--night-2); border-color: var(--gold); }
#intel .intel-hero-agent { position: relative; z-index: 1; margin-top: 18px; }

/* ----- buttons ----- */
#intel button, #intel .btn {
  font-family: 'Itim', system-ui, sans-serif; font-size: .95rem; cursor: pointer; text-decoration: none; display: inline-block;
  border: 2.5px solid var(--ink); border-radius: 6px; padding: 6px 12px; color: var(--ink); background: #fff; box-shadow: var(--shadow-sm); transition: transform .08s, box-shadow .08s;
}
#intel button:not(:disabled):hover, #intel .btn:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--ink); }
#intel button:not(:disabled):active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--ink); }
#intel button:disabled { opacity: .5; box-shadow: none; cursor: default; }
#intel .intel-primary { background: var(--gold); font-weight: 700; }
#intel button:focus-visible, #intel input:focus-visible, #intel select:focus-visible, #intel textarea:focus-visible, #intel summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }

/* ----- readiness: the red stamp ----- */
#intel .intel-gate { display: grid; grid-template-columns: minmax(260px, 1.1fr) minmax(220px, 1fr) minmax(280px, 1.4fr); gap: 14px; margin: 16px 0; align-items: start; }
#intel .intel-stamp {
  padding: 16px 18px; border: 5px double var(--red); border-radius: 8px; color: var(--red); background: rgba(215,38,61,.08);
  font-size: 1.7rem; line-height: 1.15; text-align: center; transform: rotate(-2deg); text-transform: none;
}
#intel .intel-stamp.green { border-color: var(--teal); color: var(--teal); background: rgba(46,196,182,.08); }
#intel .intel-counts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
#intel .intel-counts article { background: var(--paper); color: var(--ink); border: 2.5px solid var(--ink); border-radius: 4px; box-shadow: var(--shadow-sm); padding: 8px 10px; text-align: center; }
#intel .intel-counts strong { display: block; font-size: 1.9rem; line-height: 1; }
#intel .intel-counts span { font-size: .8rem; }
#intel .intel-requirements { background: var(--night-2); border: 2.5px solid var(--gold); border-radius: 4px; padding: 10px 14px; }
#intel .intel-requirements h3 { color: var(--gold); font-size: 1.15rem; margin-bottom: 6px; }
#intel .intel-requirements ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
#intel .intel-requirements li { display: grid; grid-template-columns: 22px 1fr; column-gap: 6px; font-size: .95rem; }
#intel .intel-requirements li small { grid-column: 2; color: #b9b29a; }
#intel .intel-requirements li.ok b { color: var(--teal); } #intel .intel-requirements li.no b { color: var(--red); }

#intel .intel-offline { margin: 12px 0; padding: 8px 12px; border: 2.5px dashed var(--gold); color: var(--gold); border-radius: 4px; }
#intel .intel-locked { display: flex; gap: 18px; align-items: center; justify-content: center; padding: 28px 12px; text-align: center; color: #d8d0b8; }
#intel .intel-locked small { color: #b9b29a; }

/* ----- blocks and file-folder cards ----- */
#intel .intel-block { margin-top: 22px; }
#intel .intel-block-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
#intel .intel-block-head h3 { font-size: 1.7rem; color: #fff; text-shadow: 2px 2px 0 var(--ink); }
#intel .intel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
#intel .intel-card { position: relative; background: var(--paper); color: var(--ink); border: 3px solid var(--ink); border-radius: 4px 14px 4px 4px; box-shadow: var(--shadow); padding: 12px 14px 14px; }
#intel .intel-card::before { content: ''; position: absolute; top: -11px; left: 14px; width: 74px; height: 11px; background: var(--paper-2); border: 3px solid var(--ink); border-bottom: 0; border-radius: 6px 6px 0 0; }
#intel .intel-card h4 { font-size: 1.25rem; overflow-wrap: anywhere; }
/* file and source names are shown exactly as given (Bangers would turn them into capitals) */
#intel .file-card h4, #intel .source-card h4, #intel .note h4 { font-family: 'Itim', system-ui, sans-serif; font-weight: 700; letter-spacing: 0; }
#intel .intel-card .who { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
#intel .intel-card dl { margin: 0; display: grid; grid-template-columns: 82px 1fr; gap: 3px 8px; font-size: .9rem; }
#intel .intel-card dt { color: #6a5f3f; } #intel .intel-card dd { margin: 0; overflow-wrap: anywhere; }
#intel .intel-card dd.url { font-family: ui-monospace, Menlo, monospace; font-size: .78rem; }
#intel .intel-card .actions { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
#intel .intel-card header { display: flex; justify-content: space-between; gap: 8px; align-items: start; margin-bottom: 4px; }
#intel .intel-card small { color: #6a5f3f; display: block; margin-top: 6px; }
#intel .intel-card.blackout { background: #f2c9c9; }
#intel .intel-card .warn { color: var(--red); font-weight: 700; margin-top: 4px; }
#intel .intel-card .missing { margin: 6px 0 0; padding-left: 18px; color: #7a2a2a; font-size: .9rem; }
#intel .intel-agent { flex: none; }
#intel .tag { display: inline-block; padding: 1px 8px; border: 2px solid var(--ink); border-radius: 999px; font-size: .78rem; background: #fff; }
#intel .tag.on { background: #b6f0d8; } #intel .tag.bad { background: #ffb3b3; } #intel .tag.off { background: #ddd; } #intel .tag.wait { background: #ffe9a8; }
#intel .source-card.off { filter: saturate(.55); }
#intel .intel-empty { grid-column: 1 / -1; display: flex; gap: 16px; align-items: center; justify-content: center; padding: 18px; border: 3px dashed #55506a; border-radius: 6px; color: #d8d0b8; text-align: center; }
#intel .intel-empty small { color: #b9b29a; }

/* ----- upload drop zone ----- */
#intel .intel-drop { display: flex; gap: 18px; align-items: center; padding: 14px 18px; margin-bottom: 14px; border: 3px dashed var(--gold); border-radius: 6px; background: var(--night-2); }
#intel .intel-drop.over { background: #2b3552; border-style: solid; }
#intel .intel-drop strong { display: block; font-family: 'Bangers', 'Itim'; font-size: 1.4rem; letter-spacing: .03em; }
#intel .intel-drop span { display: block; color: #b9b29a; font-size: .85rem; margin-bottom: 8px; }
#intel .intel-upload-fields { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; }
#intel .intel-upload-fields label, #intel .intel-filter { display: grid; gap: 3px; font-size: .85rem; color: #d8d0b8; }

/* ----- inputs ----- */
#intel input, #intel select, #intel textarea { font: inherit; padding: 6px 8px; border: 2.5px solid var(--ink); border-radius: 4px; background: #fff; color: var(--ink); max-width: 100%; }

/* ----- feed + audit ----- */
#intel .intel-feed { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
#intel .intel-feed li { background: var(--night-2); border-left: 6px solid var(--gold); padding: 8px 12px; border-radius: 3px; display: grid; gap: 2px; }
#intel .intel-feed li span { color: var(--gold); font-size: .8rem; } #intel .intel-feed li small { color: #b9b29a; overflow-wrap: anywhere; }
#intel .intel-feed li.empty { color: #b9b29a; border-left-color: #55506a; }
#intel .intel-audit summary { cursor: pointer; font-family: 'Bangers', 'Itim'; font-size: 1.2rem; letter-spacing: .03em; color: var(--gold); }
#intel .intel-audit ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; font-size: .85rem; color: #d8d0b8; }
#intel .intel-audit li span { color: #b9b29a; }

/* ----- dialogs + toast ----- */
#intel .intel-dialog { border: 4px solid var(--ink); border-radius: 6px; padding: 18px; background: var(--paper); color: var(--ink); box-shadow: 8px 8px 0 var(--ink); width: min(520px, calc(100vw - 32px)); }
#intel .intel-dialog::backdrop { background: rgba(8,10,16,.72); }
#intel .intel-dialog form { display: grid; gap: 10px; } #intel .intel-dialog h3 { font-size: 1.6rem; }
#intel .intel-dialog label { display: grid; gap: 3px; font-size: .9rem; }
#intel .intel-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; }
#intel .intel-msg { color: var(--red); min-height: 1.2em; font-weight: 700; }
#intel .intel-toast { position: fixed; right: 20px; bottom: 20px; max-width: min(420px, calc(100vw - 40px)); padding: 10px 16px; border: 3px solid var(--ink); border-radius: 6px; background: var(--teal); color: var(--ink);
  box-shadow: var(--shadow); font-weight: 700; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s, transform .2s; z-index: 50; }
#intel .intel-toast.show { opacity: 1; transform: none; } #intel .intel-toast.bad { background: #ffb3b3; }

.tab.intel-tab { font-family: 'Itim', system-ui, sans-serif; }
.tab.intel-tab:not(.active) { color: var(--ink); }

@media (max-width: 900px) {
  #intel .intel-hero { grid-template-columns: 1fr; transform: none; } #intel .intel-barrel { margin: 0 auto; }
  #intel .intel-gate { grid-template-columns: 1fr; } #intel .intel-drop { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { #intel * { transition: none !important; } }

/* อัปเดตล่าสุด / ตัวกรองหมวด / ป้าย "ใหม่" (user request 2026-10-09) */
#intel .intel-updates { margin: 0 0 18px; padding: 12px 14px; background: var(--night-2); color: #f6edd2; border: 3px solid var(--ink); border-radius: 6px; box-shadow: var(--shadow-sm); }
#intel .intel-updates-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#intel .intel-updates-head strong { display: block; font-size: 1.25rem; color: #fff; }
#intel .intel-updates-head span { color: #d8d0b8; font-size: .92rem; }
#intel .intel-updates > small { display: block; margin-top: 8px; color: #b9b199; font-size: .8rem; }
#intel .intel-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
#intel .intel-chips .chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; font-size: .9rem; background: var(--paper); }
#intel .intel-chips .chip b { font-weight: 800; }
#intel .intel-chips .chip.active { background: var(--gold); box-shadow: 1px 1px 0 var(--ink); transform: translate(2px, 2px); }
#intel .chip-new, #intel .new-badge { font-style: normal; font-weight: 800; font-size: .72rem; line-height: 1; padding: 2px 7px; border: 2px solid var(--ink); border-radius: 999px; background: var(--red); color: #fff; }
#intel .new-badge { margin-left: 6px; vertical-align: middle; }
#intel .intel-card.is-new { outline: 3px solid var(--red); outline-offset: 2px; }
#intel .intel-group-head { grid-column: 1 / -1; margin: 6px 0 0; padding-bottom: 4px; border-bottom: 3px solid var(--gold); color: var(--gold); font-size: 1.15rem; }
#intel .intel-group-head small { color: #d8d0b8; font-size: .8rem; }
#intel li.is-new > b { color: #ffd0d0; }

/* แถวกระชับ: หนึ่งบรรทัดต่อหนึ่งรายการ กดกางดูรายละเอียด (user request 2026-10-09: ข้อมูลเยอะเกิน ต้องแยกหมวด) */
#intel .intel-grid.intel-list { display: flex; flex-direction: column; gap: 8px; }
#intel .intel-list .intel-group-head { margin-top: 10px; }
#intel .intel-row { background: var(--paper); color: var(--ink); border: 3px solid var(--ink); border-radius: 4px 12px 4px 4px; box-shadow: var(--shadow-sm); padding: 0; }
#intel .intel-row > summary { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; padding: 8px 12px; cursor: pointer; list-style: none; }
#intel .intel-row > summary::-webkit-details-marker { display: none; }
#intel .intel-row > summary::before { content: '▸'; font-size: .9rem; transition: transform .1s; }
#intel .intel-row[open] > summary::before { transform: rotate(90deg); }
#intel .intel-row > summary b { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
#intel .intel-row .row-meta { color: #5b5640; font-size: .8rem; margin-left: auto; }
#intel .intel-row > dl, #intel .intel-row > p, #intel .intel-row > small, #intel .intel-row > .actions { margin: 0; padding: 0 12px 10px 28px; }
#intel .intel-row > .actions { display: flex; flex-wrap: wrap; gap: 8px; }
#intel .intel-row .note-body { white-space: pre-wrap; overflow-wrap: anywhere; }
#intel .intel-row.blackout { background: #f2c9c9; }
#intel .intel-row.off { filter: saturate(.55); }
#intel .intel-row.is-new { outline: 3px solid var(--red); outline-offset: 2px; }
#intel .intel-row dl { display: grid; grid-template-columns: max-content 1fr; gap: 2px 12px; }
#intel .intel-row dd { margin: 0; overflow-wrap: anywhere; }
#intel li.more { list-style: none; padding: 6px 0; }

/* หน้าแรกของหน่วย (user 2026-10-09: "ต้องดูง่ายมากๆ", "ทำ UI ให้สวยน่าใช้"): รายงานประจำวันบนกระดาษพิมพ์ดีด + แฟ้มแยกตามที่มา
   + ผลวิเคราะห์เป็นตรายาง ตรายางเป็นสิ่งเดียวที่เด่น ส่วนอื่นเรียบ */
#intel {
  --manila: #e9cf8f; --manila-2: #d9b968;
  --stamp-good: #1d7a4c; --stamp-wait: #b7790b; --stamp-bad: #6b6b6b;
  --tab-CALENDAR: #2ec4b6; --tab-OFFICIAL: #7d93c7; --tab-YOUTUBE: #e2554f; --tab-BROKER: #f2b84b; --tab-CHAT: #b79ad9; --tab-WEB: #c9c2ad;
}
#intel .intel-brief { display: grid; gap: 22px; margin: 0 0 22px; }

/* รายงานประจำวัน */
#intel .memo { position: relative; max-width: 74ch; background: var(--paper); color: var(--ink); border: 3px solid var(--ink); border-radius: 3px;
  box-shadow: 7px 7px 0 var(--ink); padding: 18px 22px 16px; transform: rotate(-.4deg);
  background-image: repeating-linear-gradient(transparent 0 31px, rgba(14, 15, 20, .07) 31px 32px); }
#intel .memo-head { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: .95rem; color: #5b5640; border-bottom: 2px dashed rgba(14, 15, 20, .35); padding-bottom: 8px; margin-bottom: 10px; }
#intel .memo-head span { font-weight: 700; color: var(--ink); }
#intel .memo h3 { margin: 0 0 10px; font-size: clamp(1.3rem, 1.05rem + 1vw, 1.75rem); line-height: 1.3; max-width: 32ch; }
#intel .memo ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; line-height: 1.6; }
#intel .memo li { padding-left: 22px; position: relative; }
#intel .memo li::before { content: ''; position: absolute; left: 4px; top: .62em; width: 8px; height: 8px; background: var(--red); border: 2px solid var(--ink); }
#intel .memo-sign, #intel .memo-empty { margin: 12px 0 0; color: #5b5640; font-size: .9rem; }
#intel .memo-stamp { position: absolute; top: 52px; right: 22px; padding: 4px 12px; border: 3px double var(--red); color: var(--red); font-weight: 800; font-size: 1rem;
  transform: rotate(8deg); opacity: .85; letter-spacing: .04em; pointer-events: none; }

/* แฟ้ม */
#intel .folders { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 26px 16px; padding-top: 14px; }
#intel .folder { position: relative; display: block; text-align: left; font: inherit; color: var(--ink); background: var(--manila); border: 3px solid var(--ink); border-radius: 0 8px 8px 8px;
  box-shadow: var(--shadow-sm); padding: 0; cursor: pointer; min-height: 132px; }
#intel .folder-tab { position: absolute; top: -26px; left: -3px; display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% + 3px); padding: 3px 12px 2px 10px;
  background: var(--tab, var(--manila)); border: 3px solid var(--ink); border-bottom: 0; border-radius: 8px 8px 0 0; font-weight: 700; font-size: .95rem; white-space: nowrap; }
#intel .folder[data-box="CALENDAR"] { --tab: var(--tab-CALENDAR); } #intel .folder[data-box="OFFICIAL"] { --tab: var(--tab-OFFICIAL); }
#intel .folder[data-box="YOUTUBE"] { --tab: var(--tab-YOUTUBE); } #intel .folder[data-box="BROKER"] { --tab: var(--tab-BROKER); }
#intel .folder[data-box="CHAT"] { --tab: var(--tab-CHAT); } #intel .folder[data-box="WEB"] { --tab: var(--tab-WEB); }
#intel .folder .dot { font-style: normal; min-width: 22px; padding: 1px 6px; border: 2px solid var(--ink); border-radius: 999px; background: var(--red); color: #fff; font-size: .75rem; text-align: center; }
#intel .folder-body { display: grid; gap: 8px; align-content: start; padding: 14px 14px 12px; }
#intel .folder-title { font-size: 1rem; line-height: 1.4; }
#intel .folder-empty { color: #6d5d33; }
#intel .folder-count { color: #6d5d33; font-size: .8rem; }
#intel .folder:hover:not(.open) { transform: translate(-1px, -2px); box-shadow: 4px 5px 0 var(--ink); }
#intel .folder.open { background: var(--paper); box-shadow: 1px 1px 0 var(--ink); transform: translate(2px, 2px); }
#intel .folder.empty { background: #cdbd94; box-shadow: none; min-height: 64px; }
#intel .folder.empty .folder-tab { filter: saturate(.4); }
#intel .folder:focus-visible, #intel .brief > summary:focus-visible, #intel .panel-close:focus-visible, #intel #intelTechToggle:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }

/* ตรายาง */
#intel .verdict { display: inline-block; justify-self: start; padding: 1px 8px; border: 2px solid currentColor; border-radius: 3px; font-size: .78rem; font-weight: 800; white-space: nowrap;
  color: var(--stamp-wait); background: transparent; }
#intel .verdict.v-good { color: var(--stamp-good); } #intel .verdict.v-wait { color: var(--stamp-wait); } #intel .verdict.v-bad { color: var(--stamp-bad); }
#intel .verdict.stamp { padding: 3px 12px; border: 3px double currentColor; font-size: .95rem; transform: rotate(-4deg); background: rgba(255, 255, 255, .35);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); }

/* แฟ้มที่เปิด */
#intel .box-panel { background: var(--paper); color: var(--ink); border: 3px solid var(--ink); border-top: 10px solid var(--tab, var(--manila)); border-radius: 4px; box-shadow: 6px 6px 0 var(--ink);
  padding: 14px 16px 16px; display: grid; gap: 12px; }
#intel .box-panel[data-box="CALENDAR"] { --tab: var(--tab-CALENDAR); } #intel .box-panel[data-box="OFFICIAL"] { --tab: var(--tab-OFFICIAL); }
#intel .box-panel[data-box="YOUTUBE"] { --tab: var(--tab-YOUTUBE); } #intel .box-panel[data-box="BROKER"] { --tab: var(--tab-BROKER); }
#intel .box-panel[data-box="CHAT"] { --tab: var(--tab-CHAT); } #intel .box-panel[data-box="WEB"] { --tab: var(--tab-WEB); }
#intel .box-panel > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
#intel .box-panel header h4 { margin: 0; font-size: 1.3rem; }
#intel .box-panel header small { color: #5b5640; }
#intel .box-panel .box-empty { color: #5b5640; margin: 0; }
@media (prefers-reduced-motion: no-preference) { #intel .box-panel { animation: intel-open .18s ease-out; } }
@keyframes intel-open { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* บทวิเคราะห์ในแฟ้ม: บัตรรายการ */
#intel .brief { background: #fffaf0; color: var(--ink); border: 2px solid var(--ink); border-left: 6px solid var(--tab, var(--ink)); border-radius: 3px; }
#intel .brief > summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px 14px; padding: 12px 14px; cursor: pointer; list-style: none; }
#intel .brief > summary::-webkit-details-marker { display: none; }
#intel .brief-title { display: grid; gap: 3px; min-width: 0; }
#intel .brief-title b { font-size: 1.02rem; line-height: 1.35; }
#intel .brief-title small { color: #4a4636; font-size: .9rem; line-height: 1.45; overflow-wrap: anywhere; }
#intel .brief > summary .new-badge { grid-column: 3; grid-row: 1; margin: 0; }
#intel .syms { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 4px; }
#intel .syms b { padding: 0 7px; border: 2px solid var(--ink); border-radius: 3px; background: #fff; font-size: .78rem; }
#intel .brief[open] > summary { border-bottom: 1px dashed rgba(14, 15, 20, .35); }
#intel .brief dl { display: grid; grid-template-columns: 12ch 1fr; gap: 8px 14px; margin: 0; padding: 12px 14px 4px; line-height: 1.55; }
#intel .brief dt { font-weight: 700; color: #5b5640; }
#intel .brief dd { margin: 0; max-width: 72ch; overflow-wrap: anywhere; white-space: pre-wrap; }
#intel .brief .brief-meta { margin: 0; padding: 4px 14px 12px; color: #6d6650; font-size: .8rem; }
#intel .brief.is-new { box-shadow: -6px 0 0 var(--red); }
#intel .evs { display: grid; gap: 2px; }
#intel .ev { color: #1d4f91; overflow-wrap: anywhere; }
#intel .box-panel .raw summary { cursor: pointer; color: #5b5640; }
#intel .box-panel .raw ul { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 4px; }
#intel .box-panel .raw a { color: #1d4f91; }
#intel .box-panel .raw small { color: #6d6650; }
#intel .panel-close { flex: none; }
#intel .brief-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
#intel .brief-foot p { margin: 0; color: #b9b199; font-size: .8rem; max-width: 70ch; }
@media (max-width: 600px) {
  #intel .memo { transform: none; padding: 16px; }
  #intel .memo-stamp { position: static; display: inline-block; margin-bottom: 6px; }
  #intel .folders { grid-template-columns: 1fr; }
  #intel .brief > summary { grid-template-columns: 1fr auto; }
  #intel .brief > summary .verdict { grid-column: 1; grid-row: 1; justify-self: start; }
  #intel .brief > summary .new-badge { grid-column: 2; grid-row: 1; }
  #intel .brief-title, #intel .syms { grid-column: 1 / -1; }
  #intel .brief dl { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { #intel .folder, #intel .memo, #intel .verdict.stamp { transform: none; } }

/* ===================== Bright cartoon (2026-10-09, user request "จัดหน้าจอใหม่ให้สวยงาม" · การ์ตูนสดใส) =====================
   The inks stay; the night-blue ground becomes a sunny sky, cards become white stickers, folders take the colour of their box. */
#intel {
  --night: #8fd6ff; --night-2: #ffffff; --paper: #ffffff; --paper-2: #fff2c9; --gold: #ffd23f; --red: #ff4b3e; --teal: #14b8a6;
  --manila: #fff3c4; --manila-2: #ffe28a; --stamp-good: #0a7a3a; --stamp-wait: #a85f00; --stamp-bad: #5a5f7a;
  --tab-CALENDAR: #4fd1c5; --tab-OFFICIAL: #7aa2ff; --tab-YOUTUBE: #ff6b61; --tab-BROKER: #ffd23f; --tab-CHAT: #c3a6ff; --tab-WEB: #9be15d;
  --muted: #4a4f6e;
}
#intel .intel-shell { padding: clamp(14px, 2.4vw, 26px); border-radius: 22px; box-shadow: 8px 8px 0 var(--ink); background: linear-gradient(180deg, #6ec6ff 0, #bfe8ff 300px, #e8f7ff 100%); }
#intel .intel-eyebrow { color: #c4251b; }
#intel .intel-small, #intel .intel-note { color: var(--muted); }
#intel .intel-hero { border-radius: 18px; background: linear-gradient(135deg, #ffd23f 0 64%, #ffe27a 64% 100%); border-width: 4px; box-shadow: 7px 7px 0 var(--ink); transform: none; }
#intel .intel-hero h2 { text-shadow: 3px 3px 0 #fff; } #intel .intel-hero .intel-small { color: #3b3a2a; }
#intel .intel-barrel .r3 { background: #d9f2ff; border-color: var(--ink); }
#intel button { border-radius: 12px; border-width: 3px; font-family: 'Itim', system-ui, sans-serif; }
#intel .intel-primary { background: var(--gold); }
#intel .intel-stamp { border-radius: 16px; background: #ffe0dc; border-color: #ff4b3e; color: #c4251b; box-shadow: 4px 4px 0 var(--ink); }
#intel .intel-stamp.green { background: #c9f7df; color: #0a7a3a; border-color: #16a05b; }
#intel .intel-counts article { border-radius: 14px; border-width: 3px; }
#intel .intel-counts article:nth-child(1) { background: #d9f2ff; } #intel .intel-counts article:nth-child(2) { background: #ffe0ee; }
#intel .intel-counts article:nth-child(3) { background: #fff1a8; } #intel .intel-counts article:nth-child(4) { background: #d8f7e6; }
#intel .intel-requirements { border-radius: 16px; border-width: 3px; border-color: var(--ink); box-shadow: 4px 4px 0 var(--ink); }
#intel .intel-requirements h3 { color: var(--ink); } #intel .intel-requirements li small { color: var(--muted); }
#intel .intel-requirements li.ok b { color: #0a7a3a; } #intel .intel-requirements li.no b { color: #c4251b; }
#intel .intel-offline { color: #a85f00; background: #fff7d6; border-color: var(--ink); }
#intel .intel-locked { color: var(--ink); } #intel .intel-locked small { color: var(--muted); }
#intel .intel-block-head h3 { color: var(--ink); text-shadow: 2px 2px 0 #fff; }
#intel .intel-card, #intel .intel-row { border-radius: 16px; box-shadow: 5px 5px 0 var(--ink); }
#intel .intel-card::before { background: var(--gold); }
#intel .intel-card dt, #intel .intel-card small { color: var(--muted); }
#intel .intel-empty { color: var(--ink); border-color: var(--ink); background: rgba(255, 255, 255, .7); border-radius: 16px; } #intel .intel-empty small { color: var(--muted); }
#intel .intel-drop { background: #fff; border-color: var(--ink); border-radius: 16px; } #intel .intel-drop.over { background: #fff7d6; }
#intel .intel-drop span { color: var(--muted); }
#intel .intel-upload-fields label, #intel .intel-filter { color: var(--ink); }
#intel input, #intel select, #intel textarea { border-radius: 10px; border-width: 3px; }
#intel .intel-feed li { background: #fff; border: 2.5px solid var(--ink); border-left: 8px solid var(--gold); border-radius: 12px; }
#intel .intel-feed li span { color: #a85f00; } #intel .intel-feed li small { color: var(--muted); } #intel .intel-feed li.empty { color: var(--muted); }
#intel .intel-audit summary { color: var(--ink); text-shadow: 2px 2px 0 #fff; }
#intel .intel-audit ul { color: var(--ink); } #intel .intel-audit li span { color: var(--muted); }
#intel .intel-updates { background: #fff; color: var(--ink); border-radius: 16px; box-shadow: 4px 4px 0 var(--ink); }
#intel .intel-updates-head strong { color: var(--ink); } #intel .intel-updates-head span { color: var(--muted); } #intel .intel-updates > small { color: var(--muted); }
#intel .intel-group-head { color: var(--ink); border-bottom-color: var(--ink); } #intel .intel-group-head small { color: var(--muted); }
#intel li.is-new > b { color: #c4251b; }
#intel .intel-row .row-meta { color: var(--muted); }
#intel .intel-dialog { border-radius: 20px; box-shadow: 8px 8px 0 var(--ink); background: #fff; } #intel .intel-dialog::backdrop { background: rgba(40, 90, 150, .45); }
#intel .intel-toast { border-radius: 14px; }
.tab.intel-tab:not(.active) { color: var(--ink); }
/* memo + folders */
#intel .memo { border-radius: 16px; border-width: 4px; transform: none; box-shadow: 7px 7px 0 var(--ink); background-color: #fff; }
#intel .memo-head, #intel .memo-sign, #intel .memo-empty { color: var(--muted); }
#intel .memo-stamp { border-radius: 8px; background: #fff; }
#intel .folder { background: color-mix(in srgb, var(--tab, var(--manila)) 24%, #fff); border-radius: 0 16px 16px 16px; border-width: 3.5px; box-shadow: 5px 5px 0 var(--ink); }
#intel .folder-tab { border-width: 3.5px; border-radius: 12px 12px 0 0; color: var(--ink); }
#intel .folder-empty, #intel .folder-count { color: var(--muted); }
#intel .folder.empty { background: #eef3f8; box-shadow: none; }
#intel .folder.open { background: color-mix(in srgb, var(--tab, var(--manila)) 24%, #fff); box-shadow: 2px 2px 0 var(--ink); }
#intel .verdict.stamp { background: #fff; border-radius: 8px; }
#intel .box-panel { border-radius: 16px; border-top-width: 12px; border-width: 3.5px; box-shadow: 6px 6px 0 var(--ink); }
#intel .box-panel header small, #intel .box-panel .box-empty, #intel .box-panel .raw summary, #intel .box-panel .raw small { color: var(--muted); }
#intel .brief { border-radius: 12px; background: #fff; }
#intel .brief-title small, #intel .brief dt { color: var(--muted); }
#intel .brief-foot p { color: var(--muted); }
@media (max-width: 600px) { #intel .intel-shell { border-radius: 16px; box-shadow: 5px 5px 0 var(--ink); } }
#intel .intel-requirements li { color: var(--ink); }
#intel .intel-requirements li > span, #intel .intel-requirements li > div { color: var(--ink); }

/* which stock the news may move, which way (user 2026-10-09) */
#intel .impacts { list-style: none; margin: 0; padding: 10px 14px 4px; display: grid; gap: 6px; }
#intel .impact { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 6px 10px; border: 2.5px solid var(--ink); border-radius: 12px; background: #fff; }
#intel .impact b { font-family: 'Lilita One', 'Itim', sans-serif; font-weight: 400; font-size: 1.1rem; }
#intel .impact .dir { font-weight: 800; font-size: .92rem; }
#intel .impact.up { background: #d8f7e6; } #intel .impact.up .dir { color: #0a7a3a; }
#intel .impact.down { background: #ffd9d4; } #intel .impact.down .dir { color: #c4251b; }
#intel .impact.flat { background: #eef3f8; } #intel .impact.flat .dir { color: var(--muted); }
#intel .impact.unk { background: #fff7d6; } #intel .impact.unk .dir { color: #a85f00; }
#intel .impact em { font-style: normal; font-size: .82rem; color: var(--muted); }
#intel .impact small { flex: 1 1 100%; color: var(--muted); font-size: .88rem; line-height: 1.4; }
#intel .impact-none { margin: 0; padding: 8px 14px 0; color: var(--muted); font-size: .85rem; font-style: italic; }
#intel .syms-dir { font-style: normal; font-weight: 800; }
#intel .syms-dir.up { color: #0a7a3a; } #intel .syms-dir.down { color: #c4251b; } #intel .syms-dir.unk, #intel .syms-dir.flat { color: var(--muted); }

/* Wire items and brief headers always say which stock the news may move (user 2026-10-09). */
#intel .wire-stocks { display: block; font-style: normal; font-size: .78rem; margin-top: 2px; }
#intel .wire-stocks b { display: inline-block; margin-left: 4px; padding: 0 6px; border: 2px solid var(--ink); border-radius: 3px; background: #fff; }
#intel .wire-stocks .up { background: #c9f0cf; } #intel .wire-stocks .down { background: #f7c9c9; }
#intel .wire-stocks.none, #intel .syms.none { opacity: .7; font-size: .74rem; }
#intel .wire-stocks.name b { border-style: dashed; }
#intel .origin { display: block; font-size: .74rem; opacity: .85; overflow-wrap: anywhere; }
#intel .ev-row { display: block; margin: 2px 0; }
#intel .origin-link { text-decoration: underline; }
#intel .intel-dialog label.intel-show-password { display: flex; align-items: center; gap: 6px; font-size: .85rem; cursor: pointer; }
#intel .intel-dialog label.intel-show-password input { width: auto; margin: 0; }
#intel .origin-chips { display: block; font-size: .74rem; opacity: .9; overflow-wrap: anywhere; margin-top: 2px; }

/* Highlights: the briefs worth reading first, with the "send the gunman" button (user 2026-10-09). */
#intel .highlights { margin-bottom: 18px; padding: 14px; border: 4px solid var(--ink); border-radius: 18px; background: #fff3c4; box-shadow: 6px 6px 0 var(--ink); }
#intel .highlights header h3 { font-size: 1.5rem; } #intel .highlights header small { display: block; opacity: .8; margin-bottom: 8px; }
#intel .hl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
#intel .hl-card { position: relative; padding: 12px 12px 12px 14px; border: 3px solid var(--ink); border-radius: 14px; background: #fff; display: grid; gap: 6px; align-content: start; }
#intel .hl-rank { position: absolute; top: -12px; left: -8px; background: #ffd23f; border: 3px solid var(--ink); border-radius: 999px; padding: 0 9px; font-weight: 800; }
#intel .hl-card h4 { font-size: 1.05rem; margin: 6px 0 0; } #intel .hl-card p { margin: 0; font-size: .88rem; }
#intel .hl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#intel .hl-chip { border: 2px solid var(--ink); border-radius: 999px; background: #fff; padding: 2px 9px; font-size: .78rem; cursor: pointer; opacity: .55; }
#intel .hl-chip.on { opacity: 1; box-shadow: 2px 2px 0 var(--ink); } #intel .hl-chip.up.on { background: #c9f0cf; } #intel .hl-chip.down.on { background: #f7c9c9; }
#intel .hl-chip.sent { cursor: default; }
#intel .hl-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
#intel .highlights, #intel .highlights h3, #intel .highlights h4, #intel .highlights p, #intel .highlights small { color: var(--ink, #1c2b3a); text-shadow: none; }
#intel .hl-card h4, #intel .hl-card p { color: #1c2b3a; }
#intel .hl-card .origin-chips, #intel .hl-card .origin-link { color: #35506b; }
#intel .highlights .hl-rank { color: #1c2b3a; }

/* ---- 2026-10-10 redesign (user: too much text, warnings to the footer, use the first box for numbers) ---- */
#intel .intel-hero { display: grid; grid-template-columns: auto minmax(220px, 1fr) minmax(280px, 1.4fr) auto; gap: 12px 16px; align-items: center; padding: 10px 16px; }
#intel .intel-barrel { width: 64px; height: 64px; } #intel .intel-barrel .r2 { inset: 7px; } #intel .intel-barrel .r3 { inset: 15px; } #intel .intel-hero-agent { margin-top: 0; transform: scale(.42); transform-origin: center; }
#intel .intel-hero h2 { font-size: 1.9rem; margin: 0 0 4px; }
#intel .intel-hero .intel-stamp { font-size: .9rem; padding: 3px 12px; box-shadow: 2px 2px 0 var(--ink); display: inline-block; }
#intel .intel-hero .intel-counts { grid-template-columns: repeat(4, 1fr); gap: 6px; }
#intel .intel-hero .intel-counts article { padding: 4px 6px; box-shadow: 2px 2px 0 var(--ink); }
#intel .intel-hero .intel-counts strong { font-size: 1.35rem; } #intel .intel-hero .intel-counts span { font-size: .68rem; display: block; line-height: 1.15; }
#intel details.intel-gate { display: block; margin: 8px 0; grid-template-columns: none; }
#intel details.intel-gate > summary { cursor: pointer; font-size: .85rem; padding: 4px 12px; border: 2px solid var(--ink); border-radius: 999px; background: #fff; width: max-content; list-style: none; }
#intel details.intel-gate .intel-requirements { margin-top: 6px; max-width: 560px; }
#intel .intel-footer { margin-top: 22px; padding: 8px 14px; border-top: 3px dashed var(--ink); font-size: .78rem; color: #35506b; }
#intel .intel-footer p { margin: 0 0 4px; } #intel .intel-footer summary { cursor: pointer; opacity: .8; } #intel .intel-footer ul { margin: 6px 0 0; padding-left: 18px; }
#intel .highlights { padding: 10px 12px; margin-bottom: 12px; } #intel .highlights header { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; }
#intel .highlights header h3 { font-size: 1.25rem; margin: 0; } #intel .highlights header small { margin: 0; }
#intel .hl-card h4 { font-size: .98rem; } #intel .hl-card p { font-size: .82rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#intel .hl-chip { padding: 1px 8px; font-size: .78rem; } #intel .hl-chip .pips { font-style: normal; font-size: .5rem; letter-spacing: 1px; margin-left: 3px; vertical-align: middle; }
#intel #intelBrief { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 14px 18px; align-items: start; }
#intel #intelBrief > .highlights, #intel #intelBrief > .box-panel, #intel #intelBrief > .brief-foot { grid-column: 1 / -1; }
#intel #intelBrief > .memo { grid-column: 1; } #intel #intelBrief > .folders { grid-column: 2; }
#intel .brief-foot { display: flex; justify-content: flex-end; }
@media (max-width: 900px) {
  #intel .intel-hero { grid-template-columns: auto 1fr; } #intel .intel-hero .intel-counts, #intel .intel-hero-actions { grid-column: 1 / -1; }
  #intel #intelBrief { grid-template-columns: 1fr; } #intel #intelBrief > .memo, #intel #intelBrief > .folders { grid-column: 1; }
}
#intel .intel-hero-agent { display: none; }
#intel details.intel-gate { position: relative; z-index: 1; }
#intel .memo-old{font-size:.78rem;background:#fff3c4;border:2px dashed var(--ink);border-radius:8px;padding:2px 8px;margin:0 0 6px;color:#1c2b3a}

/* ---- 2026-10-10 readability floor (user: font too small). Nothing on this page is below 14px; reading text is 16px+. ---- */
#intel { font-size: 16px; }
#intel .origin-chips, #intel .origin, #intel .origin-link, #intel .memo-old, #intel .folder-count, #intel .intel-footer, #intel .intel-footer summary,
#intel .highlights header small, #intel .hl-chip, #intel .brief-meta, #intel .row-meta, #intel .tag, #intel .intel-eyebrow, #intel small { font-size: 14px; }
#intel .hl-chip { font-size: 15px; padding: 2px 10px; } #intel .hl-chip .pips { font-size: 11px; }
#intel .hl-card h4 { font-size: 18px; line-height: 1.3; } #intel .hl-card p { font-size: 16px; -webkit-line-clamp: 3; }
#intel .highlights header h3 { font-size: 1.5rem; }
#intel .intel-hero .intel-counts span { font-size: 14px; } #intel .intel-hero .intel-counts strong { font-size: 1.6rem; }
#intel .intel-hero .intel-stamp { font-size: 16px; } #intel details.intel-gate > summary { font-size: 15px; }
#intel .memo li, #intel .brief-title small, #intel .folder-title, #intel .folder-body { font-size: 16px; }
#intel .memo li { line-height: 1.5; } #intel .brief-title b { font-size: 17px; }
#intel .folder-tab, #intel .folder-tab i.dot { font-size: 15px; } #intel .verdict { font-size: 15px; }
#intel .wire-stocks, #intel .syms b, #intel .impact, #intel .intel-feed li small { font-size: 14px; }
#intel .intel-footer { font-size: 14px; }

/* ---- 2026-10-10 layout v2: highlights -> my orders + coming up -> folders full width ---- */
#intel #intelBrief { display: block; }
#intel .now-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
#intel .now-panel { background: #fff; border: 4px solid var(--ink); border-radius: 18px; box-shadow: 5px 5px 0 var(--ink); padding: 10px 14px 12px; color: var(--ink); }
#intel .now-panel h3 { font-size: 1.35rem; margin: 0 0 6px; color: var(--ink); text-shadow: none; } #intel .now-panel h3 small { font-size: 14px; opacity: .7; }
#intel .now-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
#intel .now-empty { margin: 0; font-size: 16px; opacity: .75; }
#intel .orders-panel li { display: grid; grid-template-columns: auto auto 1fr auto auto; gap: 4px 10px; align-items: center; padding: 6px 8px; border: 2px solid var(--ink); border-radius: 12px; background: #fffbe6; font-size: 16px; }
#intel .orders-panel li b { font-size: 1.1rem; } #intel .orders-panel li small { grid-column: 1 / -1; font-size: 14px; opacity: .75; }
#intel .orders-panel .up .side { color: #0a7a3a; } #intel .orders-panel .down .side { color: #c4251b; }
#intel .orders-panel .state { font-size: 15px; } #intel .orders-panel .state.go { color: #0a7a3a; font-weight: 700; } #intel .orders-panel .state.stop { color: #c4251b; font-weight: 700; }
#intel .orders-panel .state.off, #intel .orders-panel .state.unk { opacity: .75; } #intel .orders-panel .left { font-size: 14px; opacity: .8; white-space: nowrap; }
#intel .orders-panel button[data-recall-one] { border: 2px solid var(--ink); border-radius: 999px; background: #fff; cursor: pointer; width: 28px; height: 28px; }
#intel .upcoming-panel li { display: grid; grid-template-columns: 64px 1fr auto; gap: 8px; align-items: center; font-size: 16px; padding: 4px 8px; border-radius: 10px; background: #eef7ff; }
#intel .upcoming-panel li.earn { background: #f1ecff; } #intel .upcoming-panel li.bo { background: #ffe0dc; grid-template-columns: auto 1fr; font-weight: 600; }
#intel .upcoming-panel li em { font-style: normal; font-size: 14px; opacity: .8; white-space: nowrap; }
#intel .trust { display: inline-block; width: max-content; font-size: 14px; font-weight: 700; padding: 0 9px; border-radius: 999px; border: 2px solid var(--ink); }
#intel .trust.primary { background: #c9f0cf; } #intel .trust.multi { background: #d9f2ff; } #intel .trust.single { background: #ffe9b0; }
#intel .folders { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 900px) { #intel .now-row { grid-template-columns: 1fr; } #intel .folders { grid-template-columns: 1fr; } #intel .orders-panel li { grid-template-columns: auto 1fr auto; } }
#intel .orders-panel .og-list { display: grid; gap: 8px; }
#intel .orders-panel li.order-group { display: block; padding: 6px 8px; border: 2px solid var(--ink); border-radius: 12px; background: #fffbe6; }
#intel .orders-panel .og-title { margin: 0 0 4px; font-size: 15px; font-weight: 700; line-height: 1.25; }
#intel .orders-panel .order-group ul { display: grid; gap: 2px; }
#intel .orders-panel li.order { grid-template-columns: 58px 54px 1fr auto 26px; padding: 2px 0; border: 0; background: none; border-radius: 0; font-size: 15px; }
#intel .orders-panel li.order b { font-size: 1rem; }
#intel .orders-panel button[data-recall-one] { width: 24px; height: 24px; line-height: 1; padding: 0; font-size: 13px; }
@media (max-width: 900px) { #intel .orders-panel li.order { grid-template-columns: 56px 44px 1fr 24px; } #intel .orders-panel li.order .left { display: none; } }
#intel .og-origin{margin:0 0 4px;font-size:14px;color:#35506b;overflow-wrap:anywhere}

/* News detail popup */
#intel .hl-card[data-open-brief], #intel li[data-open-item], #intel .order-group[data-open-brief], #intel details.brief[data-open-brief] summary { cursor: pointer; }
#intel .hl-card[data-open-brief]:hover, #intel li[data-open-item]:hover, #intel .order-group[data-open-brief]:hover { outline: 3px solid #ffd23f; outline-offset: 1px; }
#intel .news-dialog { width: min(760px, calc(100vw - 32px)); max-height: 88vh; overflow: auto; }
#intel .news-dialog h3 { font-size: 1.5rem; margin: 6px 0; color: var(--ink); text-shadow: none; line-height: 1.3; }
#intel .news-dialog .nd-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } #intel .news-dialog .nd-head small { margin-left: auto; font-size: 14px; opacity: .75; }
#intel .news-dialog .nd-lead { font-size: 17px; margin: 0 0 8px; }
#intel .news-dialog .nd-dl { display: grid; grid-template-columns: 1fr; gap: 2px; font-size: 16px; } #intel .news-dialog .nd-dl dt { font-weight: 700; margin-top: 8px; } #intel .news-dialog .nd-dl dd { margin: 0; line-height: 1.55; }
#intel .news-dialog .nd-text { white-space: pre-wrap; overflow-wrap: anywhere; font: 15px/1.55 system-ui, sans-serif; background: #f6f3e6; border: 2px solid var(--ink); border-radius: 10px; padding: 10px 12px; max-height: 46vh; overflow: auto; }
#intel .news-dialog .nd-actions { margin: 10px 0 4px; display: flex; gap: 8px; }
#intel .news-dialog .impacts { list-style: none; padding: 0; display: grid; gap: 4px; font-size: 16px; }

/* ---- 2026-10-10 bigger type (user: larger font). Small text 16px, reading text 18px, titles 20px+. ---- */
#intel { font-size: 18px; }
#intel .origin-chips, #intel .origin, #intel .origin-link, #intel .folder-count, #intel .intel-footer, #intel .intel-footer summary, #intel .og-origin, #intel .og-title,
#intel .highlights header small, #intel .brief-meta, #intel .row-meta, #intel .tag, #intel .intel-eyebrow, #intel small, #intel .wire-stocks, #intel .syms b, #intel .impact,
#intel .intel-feed li small, #intel .trust, #intel .hl-rank, #intel .now-panel h3 small, #intel .orders-panel .left, #intel .orders-panel li small, #intel .upcoming-panel li em { font-size: 16px; }
#intel .hl-chip { font-size: 17px; padding: 3px 11px; } #intel .hl-chip .pips { font-size: 13px; }
#intel .hl-card h4 { font-size: 21px; } #intel .hl-card p { font-size: 18px; -webkit-line-clamp: 4; }
#intel .highlights header h3 { font-size: 1.75rem; } #intel .now-panel h3 { font-size: 1.6rem; }
#intel .intel-hero h2 { font-size: 2.3rem; } #intel .intel-hero .intel-stamp { font-size: 18px; }
#intel .intel-hero .intel-counts span { font-size: 16px; } #intel .intel-hero .intel-counts strong { font-size: 1.9rem; }
#intel details.intel-gate > summary { font-size: 17px; }
#intel .folder-title, #intel .folder-body, #intel .brief-title small, #intel .orders-panel li.order, #intel .orders-panel .state, #intel .upcoming-panel li, #intel .now-empty { font-size: 18px; }
#intel .brief-title b, #intel .folder-tab, #intel .verdict, #intel .folder-tab i.dot { font-size: 18px; }
#intel .orders-panel li.order b { font-size: 1.15rem; } #intel .orders-panel .og-title { font-size: 17px; }
#intel .news-dialog h3 { font-size: 1.8rem; } #intel .news-dialog .nd-lead, #intel .news-dialog .nd-dl, #intel .news-dialog .impacts { font-size: 19px; } #intel .news-dialog .nd-text { font-size: 17px; }
#intel .news-dialog .intel-dialog-actions button, #intel .hl-actions button { font-size: 17px; }
#intel .intel-feed li b, #intel .intel-row summary b { font-size: 18px; }
#intel .verdict, #intel .hl-actions button, #intel .highlights button, #intel .folder-tab, #intel .panel-close, #intel #intelTechToggle { font-size: 17px; }
#intel .orders-panel button[data-recall-one] { font-size: 16px; width: 30px; height: 30px; }
/* impact boxes (in the popup and on cards): the stock, direction, horizon and the reason must be easy to read */
#intel .impacts .impact { padding: 8px 12px; }
#intel .impacts .impact b { font-size: 24px; } #intel .impacts .impact .dir { font-size: 19px; font-weight: 700; }
#intel .impacts .impact em { font-size: 18px; font-style: normal; } #intel .impacts .impact small { font-size: 18px; line-height: 1.5; display: block; }
/* green stock chips (stock + direction + strength): the first thing the eye should find */
#intel .hl-chip { font-size: 22px; padding: 4px 14px; line-height: 1.25; gap: 4px; }
#intel .hl-chip b { font-size: 24px; letter-spacing: .02em; } #intel .hl-chip .pips { font-size: 16px; margin-left: 5px; }
#intel .hl-chips { gap: 8px; }
#intel .trust { font-size: 18px; padding: 1px 12px; }
#intel .orders-panel .up .side, #intel .orders-panel .down .side { font-size: 19px; font-weight: 700; }
#intel .news-date { display: block; font-size: 16px; color: #35506b; font-weight: 600; margin: 2px 0 4px; }
#intel .news-dialog .nd-dates { margin: 0 0 6px; } #intel .news-dialog .news-date { font-size: 18px; }
#intel .src-date{font-style:normal;font-weight:700;color:#1c2b3a}
#intel .intel-footer details.intel-gate { margin: 4px 0; } #intel .intel-footer details.intel-gate > summary { font-size: 16px; }
/* orders now carry the gunman and the order date: two lines per row */
#intel .orders-panel li.order { grid-template-columns: 70px 70px 1fr 30px; row-gap: 0; }
#intel .orders-panel li.order .who { font-size: 17px; font-weight: 700; }
#intel .orders-panel li.order .state { grid-column: 1 / 3; } #intel .orders-panel li.order .when { grid-column: 3 / -1; font-size: 15px; opacity: .85; }
#intel .racer-dialog { width: min(640px, calc(100vw - 32px)); } #intel .racer-dialog h3 { font-size: 1.5rem; margin: 0 0 4px; }
#intel .rp-sub { margin: 0 0 8px; font-size: 16px; opacity: .8; } #intel .rp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
#intel .rp-row { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: center; padding: 8px 12px; border: 3px solid var(--ink); border-radius: 12px; background: #fffbe6; cursor: pointer; font-size: 18px; }
#intel .rp-row.off { opacity: .5; cursor: not-allowed; } #intel .rp-row:has(input:checked) { background: #c9f0cf; box-shadow: 3px 3px 0 var(--ink); }
#intel .rp-row input { width: 22px; height: 22px; grid-row: 1 / 4; } #intel .rp-name { font-weight: 700; font-size: 19px; } #intel .rp-meta { font-size: 16px; opacity: .85; } #intel .rp-note { font-size: 15px; color: #8a5a00; }
#intel .order-check { font-size: 15px; padding: 1px 10px; border: 2px solid var(--ink); border-radius: 999px; background: #fff; cursor: pointer; justify-self: start; } #intel .order-check:disabled { opacity: .6; cursor: wait; }
#intel .rp-check { display: flex; gap: 8px; align-items: flex-start; margin: 10px 2px 0; font-size: 17px; cursor: pointer; } #intel .rp-check input { width: 22px; height: 22px; margin-top: 2px; }
#intel .order-check { font-size: 16px; font-weight: 700; background: #ffd23f; padding: 3px 12px; box-shadow: 2px 2px 0 var(--ink); }
/* case files: one button per stock, detail in the popup */
#intel .case-chips { display: flex; flex-wrap: wrap; gap: 10px; }
#intel .case-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border: 3px solid var(--ink); border-radius: 999px; background: #fff; font-size: 20px; cursor: pointer; box-shadow: 3px 3px 0 var(--ink); color: var(--ink); }
#intel .case-chip b { font-size: 22px; } #intel .case-chip .dot { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--ink); background: #ffd23f; }
#intel .case-chip.ready .dot { background: #2fbf71; } #intel .case-chip.blocked .dot { background: #ff4b3e; } #intel .case-chip:hover { background: #fff7d6; }

/* Decoder machine: lamp is red while today's news is still waiting to be read by an analyst, green when all of it is decoded. */
#intel .intel-decoder { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 8px; padding: 5px 12px; border: 3px solid var(--ink); border-radius: 14px; background: #fff; box-shadow: 3px 3px 0 var(--ink); font-size: 14px; }
#intel .intel-decoder[hidden] { display: none; }
#intel .intel-decoder .lamp { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--ink); flex: none; }
#intel .intel-decoder.busy .lamp { background: #ff4b3e; box-shadow: 0 0 10px #ff4b3e; animation: decoderBlink 1s infinite; }
#intel .intel-decoder.done .lamp { background: #16c25b; box-shadow: 0 0 10px #16c25b; }
#intel .intel-decoder.busy .dec-state { color: #c4251b; font-weight: 700; }
#intel .intel-decoder.done .dec-state { color: #0a7a3a; font-weight: 700; }
#intel .intel-decoder .dec-num { opacity: .85; }
@keyframes decoderBlink { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { #intel .intel-decoder.busy .lamp { animation: none; } }
#intel .intel-decoder .dec-feed { flex-basis: 100%; font-size: 12px; opacity: .7; }
#intel .intel-decoder { flex-wrap: nowrap; align-items: center; gap: 10px; }
#intel .intel-decoder .decoder-agent { flex: none; }
#intel .intel-decoder .dec-body { display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: center; min-width: 0; }
#intel .intel-decoder .dec-title { display: flex; align-items: center; gap: 8px; flex-basis: 100%; }
#intel .intel-decoder .dec-who { opacity: .65; font-size: 12px; }
/* pointer card: the entry-technique board moved to Agent Operations (2026-10-10) */
#intel .tech-moved { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; justify-content: space-between; margin: 16px 0; padding: 12px 16px; border: 3px solid var(--ink); border-radius: 16px; background: #fff1a8; color: var(--ink); box-shadow: 4px 4px 0 var(--ink); }
#intel .tech-moved > div { display: grid; gap: 2px; min-width: 0; flex: 1 1 260px; }
#intel .tech-moved span { font-size: .92rem; color: #3a3626; overflow-wrap: anywhere; }
#intel .intel-jobs { margin-top: 8px; padding: 6px 12px; border: 3px solid var(--ink); border-radius: 14px; background: #fff; box-shadow: 3px 3px 0 var(--ink); font-size: 13px; }
#intel .intel-jobs ul { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 3px; }
#intel .intel-jobs li { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; }
#intel .intel-jobs .dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--ink); align-self: center; flex: none; }
#intel .intel-jobs li.ok .dot { background: #16c25b; } #intel .intel-jobs li.warn .dot { background: #ffb020; } #intel .intel-jobs li.bad .dot { background: #ff4b3e; }
#intel .intel-jobs li.bad span { color: #c4251b; font-weight: 700; } #intel .intel-jobs small { opacity: .65; }

/* ---- 2026-10-14/15: "ข่าววันนี้" box (today's news -> stocks hit -> worth entering -> send to a gunman). Type floor 16px, tap targets 48px, label is never colour-only (word + icon). ---- */
#intel #intelBrief > .today-box { grid-column: 1 / -1; }
#intel .today-box { margin-bottom: 18px; padding: 14px; border: 4px solid var(--ink); border-radius: 18px; background: #e4f1ff; box-shadow: 6px 6px 0 var(--ink); color: #1c2b3a; font-size: 17px; line-height: 1.5; min-width: 0; }
#intel .today-box header h3 { font-size: 1.5rem; line-height: 1.3; margin: 0; color: #1c2b3a; text-shadow: none; }
#intel .today-box header small { display: block; margin: 4px 0 12px; color: #1c2b3a; font-size: 16px; }
#intel .today-box a, #intel .today-box b, #intel .today-box small { text-shadow: none; }
#intel .today-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
/* one stock = one card: name + direction | label | reason + gunman status | news links | buttons | (open) detail panel */
#intel .today-row { display: grid; grid-template-columns: minmax(120px, auto) auto minmax(0, 1fr) minmax(170px, auto);
  grid-template-areas: "sym level why act" "sym level gun act" "news news news act" "detail detail detail detail";
  gap: 6px 14px; align-items: center; padding: 12px 14px; border: 3px solid var(--ink); border-left-width: 10px; border-radius: 14px; background: #fff; min-width: 0; }
#intel .today-row > * { min-width: 0; }
#intel .today-row.go { background: #dff5e3; border-left-color: #14702b; } #intel .today-row.wait { background: #fff8d6; border-left-color: #b07a00; } #intel .today-row.no { background: #f1f1f1; border-left-color: #6b6b6b; }
#intel .today-sym { grid-area: sym; display: flex; flex-direction: column; } #intel .today-sym b { font-size: 1.5rem; line-height: 1.2; } #intel .today-sym .dir { font-style: normal; font-size: 16px; font-weight: 700; }
#intel .today-sym .dir.up { color: #14702b; } #intel .today-sym .dir.down { color: #a11d1d; } #intel .today-sym .dir.unk { color: #3d4a57; }
#intel .today-level { grid-area: level; justify-self: start; white-space: nowrap; border: 3px solid var(--ink); border-radius: 999px; padding: 4px 16px; font-size: 19px; font-weight: 800; text-align: center; background: #fff; }
#intel .today-level::before { margin-right: 6px; font-weight: 900; }
#intel .today-level.go { background: #7fdc92; } #intel .today-level.go::before { content: "✔"; }
#intel .today-level.wait { background: #ffd23f; } #intel .today-level.wait::before { content: "◐"; }
#intel .today-level.no { background: #d6d6d6; } #intel .today-level.no::before { content: "✖"; }
#intel .today-why { grid-area: why; font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
#intel .today-gun { grid-area: gun; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; color: #3d4a57; }
#intel .today-gun.go { color: #14702b; font-weight: 700; } #intel .today-gun.stop { color: #a11d1d; font-weight: 700; }
#intel .today-news { grid-area: news; display: grid; gap: 2px; font-size: 16px; }
#intel .today-news a { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1f4f8a; text-decoration: underline; padding: 3px 0; }
#intel .today-news .today-more { color: #3d4a57; }
#intel .today-act { grid-area: act; align-self: center; display: flex; flex-direction: column; gap: 8px; }
#intel .today-act button { width: 100%; min-height: 48px; font-size: 17px; font-weight: 700; white-space: nowrap; }
#intel .today-act .today-toggle[aria-expanded="true"] { background: #e4f1ff; }
#intel .today-act button:disabled { opacity: 1; background: #e3e3e3; color: #3d3d3d; border-style: dashed; }
#intel .today-all { margin-top: 14px; } #intel .today-all button { min-height: 48px; font-size: 17px; } #intel .today-empty { margin: 4px 0; font-size: 17px; }
#intel .today-rule { margin: 14px 0 8px; font-size: 16px; line-height: 1.6; color: #1c2b3a; }
#intel .today-news-list summary { cursor: pointer; font-weight: 700; font-size: 18px; margin-top: 8px; min-height: 44px; display: flex; align-items: center; }
#intel .today-news-list ul { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 8px; }
#intel .today-news-list li { cursor: pointer; padding: 8px 10px; border: 2px solid var(--ink); border-radius: 10px; background: #fff; font-size: 16px; overflow-wrap: anywhere; }
#intel .today-waiting { margin-top: 10px; padding: 8px 10px; border: 3px dashed var(--ink); border-radius: 12px; background: #fffbe8; color: #1c2b3a; }
#intel .today-waiting summary { cursor: pointer; font-weight: 700; font-size: 17px; min-height: 44px; display: flex; align-items: center; } #intel .today-waiting ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; font-size: 16px; overflow-wrap: anywhere; }
#intel .today-waiting a { color: #1f4f8a; }
/* detail panel: criteria checklist (✓/✗ + word) on the left, the news behind it on the right */
#intel .today-detail { grid-area: detail; margin-top: 6px; padding: 12px 14px; border: 3px solid var(--ink); border-radius: 12px; background: #fff; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 18px; align-items: start; color: #1c2b3a; }
#intel .today-detail > div { min-width: 0; }
#intel .td-checks > b, #intel .td-news-list > b { display: block; font-size: 18px; margin: 0 0 8px; }
#intel .td-checks ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
#intel .td-checks li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: start; padding: 6px 8px; border: 2px solid transparent; border-radius: 8px; font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; }
#intel .td-checks li span { width: 26px; height: 26px; display: grid; place-items: center; border: 2px solid var(--ink); border-radius: 50%; font-weight: 900; font-size: 16px; line-height: 1; }
#intel .td-checks li.yes { background: #e6f7ea; } #intel .td-checks li.yes span { background: #7fdc92; }
#intel .td-checks li.no { background: #fde8e8; border-color: #a11d1d; font-weight: 700; } #intel .td-checks li.no span { background: #ff9a94; }
#intel .td-checks li.unk { background: #eceff2; } #intel .td-checks li.unk span { background: #d6d6d6; }
#intel .td-gun { margin: 10px 0 0; padding: 8px 10px; border-left: 6px solid var(--ink); background: #eef3f8; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
#intel .td-news-list { display: grid; gap: 10px; }
#intel .td-news { display: grid; gap: 6px; padding: 10px 12px; border: 2px solid var(--ink); border-radius: 10px; background: #f6f9ff; min-width: 0; }
#intel .td-news header { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
#intel .td-news header b { flex: 1 1 100%; font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
#intel .td-news .verdict.stamp { transform: none; font-size: 16px; }
#intel .td-news p { margin: 0; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
#intel .td-news .td-impact { font-size: 17px; font-weight: 700; } #intel .td-impact.up { color: #14702b; } #intel .td-impact.down { color: #a11d1d; } #intel .td-impact.unk { color: #3d4a57; }
#intel .td-news p:not(.td-impact) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#intel .td-news .news-date { font-size: 16px; margin: 0; } #intel .td-news .origin-chips { font-size: 16px; line-height: 1.5; }
#intel .td-news .origin-link { color: #1f4f8a; text-decoration: underline; }
#intel .td-news button { justify-self: start; min-height: 48px; font-size: 17px; font-weight: 700; }
@media (max-width: 760px) { #intel .today-detail { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  #intel .today-box { padding: 10px; }
  #intel .today-row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "sym level" "why why" "gun gun" "news news" "act act" "detail detail"; padding: 10px 12px; border-left-width: 8px; }
  #intel .today-level { justify-self: end; }
  #intel .today-news a { line-height: 44px; padding: 0; }
  #intel .td-news button { justify-self: stretch; }
  #intel .today-detail { padding: 10px; }
}

/* ---- 2026-10-15: "ข่าวบูด" box (expired / unreadable / not-from-LINE news, kept out of every other box). Look = old, expired paper: hatched grey-brown
   background, dashed borders, a "บูด" stamp and a reason icon+label. Never colour-only. Text >= 16px, targets >= 44px, contrast >= 4.5:1 (checked). ---- */
#intel #intelBrief > .stale-box { grid-column: 1 / -1; }
#intel .stale-box { --stale-ink: #2b2622; --stale-line: #5b5249; margin: 18px 0; padding: 8px; border: 4px dashed var(--stale-line); border-radius: 18px; color: var(--stale-ink); min-width: 0;
  background: repeating-linear-gradient(135deg, #ece5da 0 12px, #e3dacb 12px 24px); }
#intel .stale-box button { box-shadow: none; transform: none; }
#intel .stale-head, #intel .stale-group-head { display: grid; align-items: center; width: 100%; min-height: 56px; margin: 0; padding: 8px 10px; background: none; border: 0; border-radius: 12px;
  text-align: left; cursor: pointer; font: inherit; color: inherit; }
#intel .stale-box button:not(:disabled):hover { background: rgba(255, 255, 255, .55); transform: none; box-shadow: none; }
#intel .stale-box button:not(:disabled):active { transform: none; box-shadow: none; }
#intel .stale-head { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title caret" "icon sub caret"; column-gap: 12px; row-gap: 2px; }
#intel .stale-icon { grid-area: icon; font-size: 30px; line-height: 1; filter: grayscale(.5); }
#intel .stale-head > b { grid-area: title; font-size: 22px; line-height: 1.25; letter-spacing: .02em; }
#intel .stale-head > small { grid-area: sub; display: block; margin: 0; font-size: 16px; line-height: 1.45; color: #3d362f; overflow-wrap: anywhere; }
#intel .stale-caret { grid-area: caret; justify-self: end; align-self: center; min-height: 44px; display: inline-flex; align-items: center; padding: 0 12px; border: 2px solid var(--stale-line);
  border-radius: 999px; background: #fff; font-size: 16px; font-weight: 800; white-space: nowrap; }
#intel .stale-note { margin: 4px 4px 12px; padding: 8px 12px; border-left: 6px dashed var(--stale-line); background: rgba(255, 255, 255, .6); font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
#intel .stale-empty, #intel .stale-more { margin: 6px 4px; font-size: 16px; line-height: 1.5; }
#intel .stale-group { margin: 0 0 10px; border: 2px dashed var(--stale-line); border-radius: 14px; background: rgba(255, 255, 255, .45); min-width: 0; }
#intel .stale-group-head { grid-template-columns: auto minmax(0, 1fr) auto auto; column-gap: 10px; }
#intel .stale-group-head > b { font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
#intel .stale-gicon { width: 36px; height: 36px; display: grid; place-items: center; border: 2px solid var(--stale-line); border-radius: 50%; background: #fff; font-size: 18px; line-height: 1; }
#intel .stale-group.r-EXPIRED_BY_DATE .stale-gicon::before { content: '⏳'; }
#intel .stale-group.r-NO_CONTENT .stale-gicon::before { content: '📭'; }
#intel .stale-group.r-NOT_LINE .stale-gicon::before { content: '🚫'; }
#intel .stale-group.r-MANUAL .stale-gicon::before { content: '✋'; }
#intel .stale-count { border: 2px solid var(--stale-line); border-radius: 999px; padding: 4px 12px; background: #fff; font-size: 16px; font-weight: 800; white-space: nowrap; }
#intel .stale-group-head .stale-caret { grid-area: auto; min-height: 0; padding: 0; border: 0; background: none; font-size: 16px; }
#intel .stale-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 4px 10px 12px; }
#intel .stale-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; min-width: 0; min-height: 44px; padding: 10px 12px; border: 2px dashed var(--stale-line); border-radius: 12px;
  background: #f6f2ea; color: var(--stale-ink); cursor: pointer; }
#intel .stale-card { width: 100%; margin: 0; text-align: left; font: inherit; font-weight: 400; box-shadow: none; transform: none; }
#intel .stale-box .stale-card:not(:disabled):hover { background: #fff; box-shadow: none; transform: none; }
#intel .stale-card:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
#intel .stale-card .verdict.stamp { transform: none; background: transparent; color: #3d362f; border: 2px solid #3d362f; border-radius: 6px; font-size: 16px; font-weight: 700; padding: 2px 10px; }
#intel .stale-stamp { position: absolute; top: 8px; right: 10px; transform: rotate(8deg); padding: 2px 12px; border: 3px double #7a2a2a; border-radius: 6px; background: #fff; color: #7a2a2a;
  font-size: 18px; font-weight: 900; letter-spacing: .08em; line-height: 1.3; }
#intel .stale-card > b { font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#intel .stale-card > small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; font-size: 16px; line-height: 1.5; color: #3d362f; overflow-wrap: anywhere; }
#intel .stale-why { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; font-style: normal; }
#intel .stale-why > span { display: inline-block; padding: 3px 10px; border: 2px solid var(--stale-line); border-radius: 8px; background: #fff; font-size: 16px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
#intel .stale-why .stale-until { border-style: solid; border-color: #7a2a2a; background: #fbeaea; color: #5c1717; }
#intel .stale-why .stale-note-inline { border-style: dotted; font-weight: 600; }
#intel .stale-date { font-size: 16px; line-height: 1.4; color: #4a4239; }
#intel .stale-raw { margin: 10px 4px 4px; border: 2px dashed var(--stale-line); border-radius: 12px; background: rgba(255, 255, 255, .55); }
#intel .stale-raw > summary { min-height: 48px; display: flex; align-items: center; padding: 8px 12px; font-size: 16px; font-weight: 800; line-height: 1.4; cursor: pointer; overflow-wrap: anywhere; }
#intel .stale-raw ul { list-style: none; margin: 0; padding: 0 10px 10px; display: grid; gap: 6px; }
#intel .stale-raw li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 44px; padding: 6px 10px; border: 1px dashed var(--stale-line); border-radius: 8px; background: #f6f2ea;
  font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
#intel .stale-raw li[data-open-item] { cursor: pointer; }
#intel .stale-raw li a { color: #1f4f8a; text-decoration: underline; padding: 8px 0; overflow-wrap: anywhere; }
#intel .stale-raw li small { font-size: 16px; color: #4a4239; margin: 0; }
@media (max-width: 640px) {
  #intel .stale-box { padding: 6px; margin: 14px 0; }
  #intel .stale-head { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "icon title" "icon sub" "caret caret"; }
  #intel .stale-caret { justify-self: stretch; justify-content: center; margin-top: 6px; }
  #intel .stale-group-head { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "g t c" "g n a"; }
  #intel .stale-group-head > .stale-gicon { grid-area: g; } #intel .stale-group-head > b { grid-area: t; }
  #intel .stale-group-head > .stale-count { grid-area: n; justify-self: start; } #intel .stale-group-head > .stale-caret { grid-area: c; align-self: center; }
  #intel .stale-cards { padding: 4px 8px 10px; }
}