.outpost-theme { background: radial-gradient(circle at 78% 25%, #b66e2630, transparent 28%), linear-gradient(135deg, #171613, #252019 65%, #111418); }
.outpost-overview { grid-column: 1 / -1; display: grid; gap: 10px; width: 100%; }
.outpost-balance { display: flex; justify-content: space-between; padding: 10px 13px; border: 1px solid #c7984d55; border-radius: 10px; background: #17191e; color: #a8adb5; }
.outpost-balance strong { color: #f0c36e; }
.outpost-building { display: grid; gap: 10px; padding: 13px; border: 1px solid #9c744a55; border-radius: 13px; background: linear-gradient(145deg, #181a20, #101319); }
.outpost-building > header { display: flex; align-items: center; gap: 10px; }
.outpost-building-mark { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid #d6a25c66; border-radius: 10px; color: #edbd6c; background: #2b2017; font-weight: 900; }
.outpost-building h3 { margin: 0 0 3px; color: #eee6da; font: 700 17px Georgia, serif; }
.outpost-building small { color: #8e949e; font-size: 9px; }
.outpost-storage { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.outpost-resource { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 6px; min-width: 0; color: #a8adb5; font-size: 9px; }
.outpost-resource i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; color: #e9bb70; background: #31251a; font-style: normal; font-weight: 800; }
.outpost-resource strong { color: #e4e0d8; font-size: 10px; }
.outpost-operation { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 9px; border: 1px solid #ffffff0c; border-radius: 9px; background: #0d1117; }
.outpost-operation > div:first-child { display: grid; gap: 3px; }
.outpost-operation strong { color: #ddd7cf; font-size: 11px; }
.outpost-operation button, .outpost-building footer > button, .outpost-ready { min-height: 34px; padding: 7px 10px; border: 1px solid #c78d465c; border-radius: 8px; color: #efd49f; background: #251b14; font-size: 9px; font-weight: 800; }
.outpost-operation button:disabled, .outpost-building footer > button:disabled { opacity: .38; }
.outpost-process { display: flex !important; gap: 5px !important; }
.outpost-process input { width: 62px; border: 1px solid #ffffff18; border-radius: 7px; color: #eee; background: #171b22; text-align: center; }
.outpost-job { display: grid !important; justify-items: end; gap: 3px !important; color: #8f96a0; font-size: 8px; }
.outpost-job strong { color: #efbf70; }
.outpost-building footer { display: grid; gap: 7px; padding-top: 8px; border-top: 1px solid #ffffff0d; }
.outpost-building footer > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.outpost-building footer > button { width: 100%; }
@media (min-width: 700px) { .outpost-overview { grid-template-columns: repeat(3, 1fr); } .outpost-balance { grid-column: 1 / -1; } }