Screen {
    layout: vertical;
    height: 100%;
    width: 100%;
}

#status-bar {
    height: 1;
    min-height: 1;
    max-height: 1;
    background: #2f2f40;
    color: #4a9eff;
    padding: 0 2;
    text-align: center;
    layout: horizontal;
}

#space-container {
    height: 1fr;
    width: 100%;
    background: #000011;
}

SpaceView {
    width: 100%;
    height: 100%;
    background: #000011;
    color: #4a9eff;
}

#food,
#gold,
#metal,
#sector {
    text-style: bold;
    width: auto;
    min-width: 15;
}

/* Planet Status Window - Floating overlay */
PlanetStatusWindow {
    width: 35;
    height: auto;
    background: #1a1a2e;
    border: solid #4a9eff;
    padding: 1;
    margin: 1;
    display: none;
    dock: right;
    layer: overlay;
}

#planet-status-title {
    text-style: bold;
    color: #4a9eff;
    text-align: center;
}

#planet-divider {
    color: #4a9eff;
}

#planet-name {
    color: #ffffff;
    text-style: bold;
}

#planet-type,
#planet-size,
#planet-coords,
#planet-sector,
#planet-resources {
    color: #cccccc;
}

#planet-claim-status {
    color: #ffffff;
    text-style: bold;
}

/* Planet Upgrade Panel */
PlanetUpgradePanel {
    width: 35;
    height: auto;
    background: #1a1a2e;
    border: solid #4a9eff;
    padding: 1;
    margin: 1;
    display: none;
    dock: right;
    layer: overlay;
    offset: 0 12;
}

.upgrade-panel-title {
    text-style: bold;
    color: #4a9eff;
    text-align: center;
}

.upgrade-divider {
    color: #4a9eff;
}

.upgrade-button-container {
    height: auto;
    width: 100%;
}

UpgradeButton {
    width: 100%;
    height: 3;
    margin: 1 0;
    background: #2f2f40;
    color: #ffffff;
    border: solid #666666;
}

UpgradeButton:hover {
    background: #3f3f50;
    border: solid #4a9eff;
}

UpgradeButton.focused {
    background: #4a9eff;
    color: #000000;
    border: solid #ffffff;
    text-style: bold;
}

.upgrade-instructions {
    color: #cccccc;
    text-align: center;
    text-style: italic;
}

/* Planet Claim Panel - Same position and size as upgrade panel */
PlanetClaimPanel {
    width: 35;
    height: auto;
    background: #1a1a2e;
    border: solid #ffaa00;
    padding: 1;
    margin: 1;
    display: none;
    dock: right;
    layer: overlay;
    offset: 0 12;
}

.claim-panel-title {
    text-style: bold;
    color: #ffaa00;
    text-align: center;
}

.claim-divider {
    color: #ffaa00;
}

.claim-info,
.claim-distance {
    color: #cccccc;
    text-align: left;
}

.claim-cost {
    color: #ffaa00;
    text-align: center;
    text-style: bold;
}

.claim-button-container {
    height: auto;
    width: 100%;
}

ClaimButton {
    width: 100%;
    height: 3;
    margin: 1 0;
    background: #4a4a00;
    color: #ffffff;
    border: solid #ffaa00;
    text-style: bold;
}

ClaimButton:hover {
    background: #ffaa00;
    color: #000000;
    border: solid #ffffff;
}

.claim-instructions {
    color: #cccccc;
    text-align: center;
    text-style: italic;
}