.economy-chart-container {
    display: flex;
    width: 100%;
    height: 36px;
    background-color: #141415;
    border-radius: 4px;
    overflow: visible;
    border: 1px solid #cb6200;
    box-shadow: 0 0 4px rgba(203, 98, 0, 0.2);
}

.economy-segment {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    
    min-width: 8px;
    
    &:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
    &:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
}

.economy-label {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 6px;
    white-space: nowrap;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.economy-segment[data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    background-color: #141415;
    color: #ff7700;
    border: 1px solid #ff7700;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
    z-index: 9999;
    box-shadow: 0 0 8px rgba(255, 119, 0, 0.5);
}

.economy-segment[data-tooltip]:hover::before {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.economy-label {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 6px;
    white-space: nowrap;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

.economy-industrial    { background-color: #b66100; }
.economy-extraction    { background-color: #6d4c2b; }
.economy-hightech      { background-color: #0076de; }
.economy-refinery      { background-color: #526373; }
.economy-agri          { background-color: #009646; }
.economy-military      { background-color: #c62121; }
.economy-terraforming  { background-color: #00a29a; }
.economy-tourism       { background-color: #8c00aa; }
.economy-colony        { background-color: #a3a3a3; }
.economy-service       { background-color: #5c3ca6; }
.economy-carrier       { background-color: #e6b000; }
.economy-prison        { background-color: #333333; }
.economy-repair        { background-color: #4b6151; }
.economy-rescue        { background-color: #0099cc; }
.economy-damaged       { background-color: #8a1313; }
.economy-engineer      { background-color: #9d70ff; }

.economy-none { 
    background-color: #242424; 
}