:root {
  --bg: #0b1020;
  --panel: #121933;
  --border: #2c3a64;
  --text: #eef2ff;
  --muted: #b3bfdc;
  --accent: #7ea6ff;
}
body { margin:0; background:var(--bg); color:var(--text); font-family:Arial,sans-serif; }
.app-shell { max-width:1200px; margin:0 auto; padding:28px; }
.topbar, .tabs, .status-line { display:flex; gap:12px; align-items:center; }
.topbar { justify-content:space-between; margin-bottom:16px; }
h1 { margin:0 0 8px 0; font-size:22px; }
#app-subtitle { margin:0; color:var(--muted); }
.toolbar { display:flex; gap:8px; align-items:center; }
button, select { background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:8px 12px; }
.tabs { margin:16px 0; }
.tabs button.active { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
.status-line { flex-wrap:wrap; color:var(--muted); margin-bottom:16px; }
.summary-card h2 { margin:0 0 8px 0; }
.summary-card p { margin:0 0 16px 0; color:var(--muted); }
.cards-grid { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:10px; }
.card { background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:12px; min-height:160px; }
.card h3 { margin:0 0 10px 0; font-size:12px; color:var(--muted); text-transform:lowercase; }
.card pre { margin:0; white-space:pre-wrap; word-break:break-word; font-size:12px; line-height:1.35; }
@media (max-width: 1100px) { .cards-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .app-shell { padding:16px; }
  .topbar { flex-direction:column; align-items:flex-start; }
  .cards-grid { grid-template-columns: 1fr; }
}

.toolbar { flex-wrap: wrap; }
.toolbar-label { color: var(--muted); font-size: 14px; }
.status-line { gap: 10px; align-items: flex-start; }
.status-line > * { flex: 0 0 auto; }
.status-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 10px; background: rgba(18,25,51,0.55); }
.status-chip-label { color: var(--muted); }
.status-chip-value { font-weight: 700; }
#source-line { flex: 1 1 100%; width: 100%; }
.source-details { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; background: rgba(18,25,51,0.55); }
.source-details summary { cursor: pointer; color: var(--muted); }
.source-content { margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--text); word-break: break-word; }
.cards-grid { align-items: start; }
.card { min-height: 0; }
.card > div { word-break: break-word; }
body[data-view-mode="desktop"] .app-shell { max-width: 1440px; }
body[data-view-mode="desktop"] .cards-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
body[data-view-mode="tablet"] .app-shell { max-width: 980px; }
body[data-view-mode="tablet"] .cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body[data-view-mode="mobile"] .app-shell { max-width: 460px; padding: 14px; }
body[data-view-mode="mobile"] .topbar { flex-direction: column; align-items: flex-start; }
body[data-view-mode="mobile"] .toolbar { width: 100%; }
body[data-view-mode="mobile"] .toolbar select,
body[data-view-mode="mobile"] .toolbar button { width: 100%; }
body[data-view-mode="mobile"] .tabs { flex-wrap: wrap; }
body[data-view-mode="mobile"] .tabs button { flex: 1 1 calc(33.333% - 8px); min-width: 72px; }
body[data-view-mode="mobile"] .cards-grid { grid-template-columns: 1fr !important; }
body[data-view-mode="mobile"] .card { padding: 10px; }
body[data-view-mode="mobile"] .card pre { font-size: 11px; }

.m6-summary-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
.m6-summary-box { border:1px solid var(--border); border-radius:10px; padding:12px; background:rgba(255,255,255,0.02); }
.m6-summary-box span { display:block; color:var(--muted); font-size:12px; margin-bottom:6px; }
.m6-summary-box strong { font-size:24px; }
.m6-column-card { min-height:unset; }
.m6-item { border:1px solid var(--border); border-radius:10px; padding:10px; background:rgba(255,255,255,0.02); margin-bottom:10px; }
.m6-item:last-child { margin-bottom:0; }
.m6-item-title { font-weight:700; margin-bottom:8px; line-height:1.35; }
.m6-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.m6-pill { display:inline-flex; gap:4px; align-items:center; border:1px solid var(--border); border-radius:999px; padding:4px 8px; font-size:12px; color:var(--muted); }
.m6-item-detail { font-size:13px; line-height:1.45; margin-top:6px; }
.m6-meta-row { margin-bottom:6px; font-size:13px; word-break:break-word; }
@media (max-width: 1100px) { .m6-summary-grid { grid-template-columns:1fr; } }
@media (max-width: 720px) { .m6-item-detail { font-size:12px; } .m6-summary-box strong { font-size:20px; } }


/* === NORIE phase19 M1 styles === */
/* NORIE_PHASE19_M1_UI_I18N_REFINEMENT_V1 */
body.norie-phase19-m1 .meta,
body.norie-phase19-m1 [data-card-id="meta"] {
  line-height: 1.45;
}

body.norie-phase19-m1 pre {
  white-space: pre-wrap;
  word-break: break-word;
}