/* command-post.css: Command Post order: world strip, one-line Handbook, folded dailies, the phone layout of the first Now card. Linked last. */
/* ===== Command Post order: world strip, one-line Handbook, folded dailies =====
   The Command Post answers "is anything waiting on me?", so what sits above the Now grid has
   to stay short. All colours are existing tokens, so every Legacy palette and Frontier mode
   inherits them. Siblings of .command-grid, never cells in it (the orbit keys columns by
   position). One contiguous block, last in the file, so the coarse-pointer floors below win. */
.world-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}
.world-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    padding: 6px 12px;
    background: var(--bg-cool);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    color: var(--text-secondary);
    font-size: 0.86rem;
    line-height: 1.4;
}
.world-chip__link {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}
.world-chip__link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: var(--radius-sm); }
.world-chip__icon { font-size: 1.25rem; line-height: 1; flex: none; }
.world-chip__text { min-width: 0; overflow-wrap: anywhere; }
.world-chip__name { color: var(--text-primary); font-weight: 700; }
.world-chip--news { padding-right: 6px; }
.world-chip--news form { margin: 0; }
@media (hover: hover) {
    .world-chip__link:hover .world-chip__name { text-decoration: underline; }
}

.handbook-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    padding: 10px 14px;
    margin-bottom: 14px;
}
.handbook-line .handbook-line__text { flex: 1 1 14rem; min-width: 0; margin: 0; color: var(--text-secondary); font-size: 0.9rem; }
.handbook-line__text strong { color: var(--text-primary); }
.handbook-line__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.handbook-line__dismiss-form { margin: 0; }
.handbook-line .handbook-line__hint { display: block; margin: 0; font-size: 0.78rem; }
.handbook-line__link { color: inherit; text-decoration: none; }
.handbook-line__link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: var(--radius-sm); }
.handbook-line .handbook-cta__dismiss { position: static; }

.dailies-brief { padding: 0; }
.dailies-brief__summary {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    cursor: pointer;
    list-style: none;
}
.dailies-brief__summary::-webkit-details-marker { display: none; }
.dailies-brief__summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; border-radius: var(--radius-md); }
.dailies-brief__line { margin: 0; font-size: 0.92rem; font-weight: 600; color: var(--text-secondary); }
.dailies-brief[open] .dailies-brief__summary::after { content: "▾"; margin-left: auto; color: var(--text-muted); }
.dailies-brief:not([open]) .dailies-brief__summary::after { content: "▸"; margin-left: auto; color: var(--text-muted); }
.dailies-brief .dailies-brief-list { padding: 0 14px 12px; }

@media (pointer: coarse) {
    .world-chip__link, .world-chip--news .news-strip__dismiss { min-height: 44px; }
    .world-chip:not(:has(.world-chip__link)) { min-height: 44px; }
    .dailies-brief__summary { min-height: 44px; }
    .handbook-line a.handbook-line__link { display: inline-flex; align-items: center; min-height: 44px; }
    .handbook-line .handbook-cta__dismiss { width: 44px; height: 44px; }
}

/* Phone: the Command Post's first "Now" card has to land on the first screen, so everything
   above the grid is tightened here (the desktop layouts keep their room). */
@media (width < 640px) {
    [data-surface="command-post"] .page-header { padding: 10px 14px; margin-bottom: 12px; gap: 8px; }
    [data-surface="command-post"] .page-header__actions { gap: 8px; }
    [data-surface="command-post"] .world-strip { margin-bottom: 10px; gap: 6px; }
    [data-surface="command-post"] .world-chip { padding: 4px 10px; font-size: 0.82rem; }
    [data-surface="command-post"] .handbook-line { padding: 8px 12px; margin-bottom: 10px; }
    [data-surface="command-post"] .dailies-brief { margin-bottom: 10px; }
    [data-surface="command-post"] .command-recently > .panel-note { display: none; }
    .handbook-line .eyebrow:not(.handbook-line__link) { display: inline; }
    .handbook-line .handbook-line__link { display: inline; }
    [data-surface="command-post"] .dailies-brief-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 2px; }
    [data-surface="command-post"] .dailies-brief-item a { padding: 4px 8px; gap: 6px; font-size: 0.8rem; flex-wrap: wrap; }
    [data-surface="command-post"] .command-recently { padding-top: 12px; }
}
