.night-intake { padding: 0 0 20px; }
.night-intake-summary { margin: 20px 0; color: #d2edb0; font-weight: 600; }
.night-intake-tools { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 20px 0; }
.night-intake-tools label { display: grid; gap: 7px; flex: 1 1 220px; min-width: 0; font-size: 13px; }
.night-intake-tools select { width: 100%; min-height: 44px; background: #171a16; color: #eeeee6; border: 1px solid #50544a; border-radius: 8px; padding: 10px; }
.night-intake-tools button { min-height: 44px; }
.night-intake-note { max-width: 76ch; color: #c1c2b8; font-size: 13px; line-height: 1.6; }
.night-intake-matches { margin: 18px 0; }
.night-intake-matches p { font-size: 13px; overflow-wrap: anywhere; }
.night-intake-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 18px; }
.night-intake-tile { min-width: 0; }
.night-intake-reasons { font-size: 12px; color: #e6c9a7; margin-top: 8px; }
.night-intake-reasons summary { padding: 8px 3px; cursor: pointer; }
.night-intake-reasons ul { padding-left: 18px; line-height: 1.7; overflow-wrap: anywhere; }
.night-intake-build { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-content: start; gap: 5px 10px; padding: 14px; border: 1px solid #42463d; background: #181b16; border-radius: 10px; text-decoration: none; color: #f0f1e8; min-width: 0; }
.night-intake-build img { grid-row: span 2; }
.night-intake-build strong,.night-intake-build span { overflow-wrap: anywhere; }
.night-intake-build small { grid-column: 1 / -1; color: #c1c2b8; }
.night-intake-build small:first-of-type { margin-top: 6px; color: #d5e9b6; }
.night-intake-build[data-intake-status=blocked] small:first-of-type { color: #f0c398; }
.night-intake-build:hover { border-color: #a4bc83; background: #24291e; }
.night-intake-build:focus-visible,.night-intake-tools select:focus-visible { outline: 2px solid #d1eaa6; outline-offset: 3px; }
@media(max-width: 420px) { .night-intake-grid { grid-template-columns: 1fr 1fr; gap: 8px; } .night-intake-build { padding: 10px; gap: 5px 7px; font-size: 13px; } }