/* HAM4LIFE live station card (ported look from the WP plugin) */
.n1mm-card {
    width: 300px;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 3px 8px rgba(0, 0, 0, 0.15);
    padding: 14px;
    background: #fff;
    color: #111;
    font-family: ui-monospace, "Cascadia Code", Consolas, "DejaVu Sans Mono", "Courier New", monospace;
}
.n1mm-title { text-align: center; font-weight: 700; margin-bottom: 6px; }
.n1mm-status {
    text-align: center; font-size: 1.15rem; font-weight: 700; margin-bottom: 12px; color: #666;
}
.n1mm-onair .n1mm-status {
    color: #ff2b2b;
    text-shadow: 0 0 6px rgba(255, 43, 43, 0.9), 0 0 14px rgba(255, 43, 43, 0.6);
}
.n1mm-rows { display: block; }

/* Show only the rows that belong to the current card mode.
   card-mode-* is set at render (server hint) and updated live by card.js. */
.n1mm-card.card-mode-n1mm .field-minibook { display: none; }
.n1mm-card.card-mode-minibook .field-n1mm { display: none; }
.n1mm-row { display: flex; justify-content: space-between; font-size: 0.95rem; margin: 4px 0; }
.n1mm-label { color: #666; font-weight: 600; margin-right: 10px; white-space: nowrap; }
.n1mm-value { color: #000; font-weight: 500; text-align: right; flex: 1; }
.n1mm-footer { margin-top: 10px; text-align: center; font-size: 0.7rem; color: #999; }

/* Horizontal layout (default): one compact single-line bar spanning the width. */
.n1mm-style-horizontal {
    width: 100%; max-width: none; box-sizing: border-box;
    display: flex; align-items: center; flex-wrap: nowrap;
    gap: 14px; padding: 8px 14px; overflow-x: auto;
}
.n1mm-style-horizontal .n1mm-title {
    margin: 0; font-size: .95rem; white-space: nowrap; flex: 0 0 auto;
}
.n1mm-style-horizontal .n1mm-status {
    margin: 0; font-size: .9rem; white-space: nowrap; flex: 0 0 auto;
}
.n1mm-style-horizontal .n1mm-rows {
    display: flex; flex: 1 1 auto; flex-wrap: nowrap;
    justify-content: space-between; gap: 0 14px; min-width: 0;
}
.n1mm-style-horizontal .n1mm-row {
    display: flex; flex-direction: column; align-items: flex-start; gap: 0; margin: 0; min-width: 0;
}
.n1mm-style-horizontal .n1mm-label {
    font-size: .58rem; text-transform: uppercase; letter-spacing: .03em; margin: 0; line-height: 1.3;
}
.n1mm-style-horizontal .n1mm-value {
    text-align: left; font-size: .9rem; line-height: 1.3; white-space: nowrap;
}
.n1mm-style-horizontal .n1mm-footer { margin: 0; white-space: nowrap; flex: 0 0 auto; }
.n1mm-style-horizontal .n1mm-foot-update { font-size: .65rem; }

/* Compact layout */
.n1mm-style-compact { width: 240px; padding: 10px; }
.n1mm-style-compact .n1mm-status { font-size: 1rem; margin-bottom: 8px; }
.n1mm-style-compact .n1mm-row { font-size: 0.85rem; }

/* Text layout: emphasize values */
.n1mm-style-text .n1mm-label { font-size: 0.8rem; }
.n1mm-style-text .n1mm-value { font-weight: 700; }

/* Dark theme — system-determined (not user-selectable) */
@media (prefers-color-scheme: dark) {
    .n1mm-card { background: #1b1f24; color: #e8edf2; border-color: rgba(255, 255, 255, 0.12); }
    .n1mm-card .n1mm-label { color: #9aa7b2; }
    .n1mm-card .n1mm-value { color: #fff; }
    .n1mm-card .n1mm-status { color: #7a828b; }
    .n1mm-card.n1mm-onair .n1mm-status { color: #ff4d4d; }
}