@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/ActionExecuteButton.razor.rz.scp.css */
.disabled[b-wv1vdgro3z] {
    background-color: rgba(128, 128, 128, 0.2);
}

button[b-wv1vdgro3z] {
    border-width: 0px;
    padding: 6px 25px;
    color: white;
    font-weight: 400;
    font-size: 16px;
    background-color: lightseagreen;
    border-radius: 3px;
}
/*
button {
    
    transition: all 0.5s;
}*/

/* /Components/ContentTile.razor.rz.scp.css */
.header-text[b-hqb9j6g7it] {
    margin: 5px;
    font-size: 25px;
    font-family: Consolas
}

.header-row[b-hqb9j6g7it] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding:5px;
}

.main-container[b-hqb9j6g7it] {
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.7);
    border-style: solid;
    border-radius: 5px;
    background-color: rgba(10, 10, 10, 0.7);
    backdrop-filter: blur(7px);
    margin: 0 0 15px 0;
}
/* /Components/DiffComponent.razor.rz.scp.css */
.positive[b-qhcaqhoh77] {
    color: rgb(0, 189, 101);
}

.negative[b-qhcaqhoh77] {
    color:red;
}

.zero[b-qhcaqhoh77] {
    color: orange;
}

.base[b-qhcaqhoh77] {
}

/* /Components/GameTooltip.razor.rz.scp.css */
.tooltip-wrapper[b-v05scjwvlh] {
    position: relative;
    display: inline-flex;
}

.tooltip-content[b-v05scjwvlh] {
    position: absolute;
    background-color: rgba(10, 10, 10, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    color: white;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    text-shadow: 2px 2px 5px black;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.5),
                0 0 0.5rem rgba(51, 71, 255, 0.2);
    pointer-events: none;
}

.tooltip-top[b-v05scjwvlh] {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 6px;
}

.tooltip-bottom[b-v05scjwvlh] {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 6px;
}

.tooltip-left[b-v05scjwvlh] {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 6px;
}

.tooltip-right[b-v05scjwvlh] {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 6px;
}
/* /Components/HexagonSectorPicker.razor.rz.scp.css */
.hexagon-sector-picker[b-3vgpam3sby] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.hex-grid[b-3vgpam3sby] {
    width: 100%;
    max-width: 600px;
    height: auto;
}

.hex-sector[b-3vgpam3sby] {
    cursor: pointer;
    transition: all 0.2s ease;
}

.hex-sector polygon[b-3vgpam3sby] {
    fill: rgba(70, 90, 110, 0.8);
    stroke: #5a7a9a;
    stroke-width: 4;
    transition: all 0.2s ease;
}

.hex-sector text[b-3vgpam3sby] {
    fill: #ecf0f1;
    font-size: 72px;
    font-weight: bold;
    pointer-events: none;
    user-select: none;
}

.hex-sector:hover polygon[b-3vgpam3sby] {
    fill: rgba(90, 120, 150, 0.9);
    stroke: #3498db;
    stroke-width: 5;
}

.hex-sector.selected polygon[b-3vgpam3sby] {
    fill: #3498db;
    stroke: #2980b9;
    stroke-width: 6;
}

.hex-sector.selected text[b-3vgpam3sby] {
    fill: #ffffff;
}
/* /Components/History/AttackEventComponent.razor.rz.scp.css */
.attack-event[b-lgjftqr2df] {
    display: flex;
    gap: 15px;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.attack-event:hover[b-lgjftqr2df] {
    transform: translateX(5px);
}

.victory-event[b-lgjftqr2df] {
    background: rgba(0, 189, 101, 0.2);
    border-left: 4px solid rgb(0, 189, 101);
}

.victory-event:hover[b-lgjftqr2df] {
    background: rgba(0, 189, 101, 0.3);
}

.defeat-event[b-lgjftqr2df] {
    background: rgba(189, 0, 72, 0.2);
    border-left: 4px solid rgb(189, 0, 72);
}

.defeat-event:hover[b-lgjftqr2df] {
    background: rgba(189, 0, 72, 0.3);
}

.event-icon[b-lgjftqr2df] {
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}

.event-content[b-lgjftqr2df] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-message[b-lgjftqr2df] {
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.victory-text[b-lgjftqr2df] {
    color: rgb(0, 255, 136);
}

.defeat-text[b-lgjftqr2df] {
    color: rgb(255, 100, 150);
}

.event-message strong[b-lgjftqr2df] {
    color: #b0910c;
    font-weight: 700;
}

.event-time[b-lgjftqr2df] {
    color: #888;
    font-size: 0.85rem;
}
/* /Components/History/DefenseAttackEventComponent.razor.rz.scp.css */
.defense-attack-event[b-neyrvkuait] {
    display: flex;
    gap: 15px;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.defense-attack-event:hover[b-neyrvkuait] {
    transform: translateX(5px);
}

.victory-event[b-neyrvkuait] {
    background: rgba(0, 189, 101, 0.2);
    border-left: 4px solid rgb(0, 189, 101);
}

.victory-event:hover[b-neyrvkuait] {
    background: rgba(0, 189, 101, 0.3);
}

.defeat-event[b-neyrvkuait] {
    background: rgba(189, 0, 72, 0.2);
    border-left: 4px solid rgb(189, 0, 72);
}

.defeat-event:hover[b-neyrvkuait] {
    background: rgba(189, 0, 72, 0.3);
}

.event-icon[b-neyrvkuait] {
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}

.event-content[b-neyrvkuait] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-message[b-neyrvkuait] {
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.victory-text[b-neyrvkuait] {
    color: rgb(0, 255, 136);
}

.defeat-text[b-neyrvkuait] {
    color: rgb(255, 100, 150);
}

.event-message strong[b-neyrvkuait] {
    color: #b0910c;
    font-weight: 700;
}

.event-time[b-neyrvkuait] {
    color: #888;
    font-size: 0.85rem;
}
/* /Components/History/HistoryEventList.razor.rz.scp.css */
.history-event-list[b-y0stn6un2m] {
    display: flex;
    flex-direction: column;
}
/* /Components/History/UnknownHistoryEventComponent.razor.rz.scp.css */
.unknown-event[b-2jvcybsgut] {
    display: flex;
    gap: 15px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
}

.unknown-event:hover[b-2jvcybsgut] {
    background: rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.4);
}

.event-icon[b-2jvcybsgut] {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
}

.event-content[b-2jvcybsgut] {
    flex: 1;
}

.event-title[b-2jvcybsgut] {
    font-weight: 600;
    color: #b0910c;
    font-size: 1.05rem;
    margin-bottom: 5px;
}

.event-time[b-2jvcybsgut] {
    color: #888;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.event-properties[b-2jvcybsgut] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.property-item[b-2jvcybsgut] {
    display: flex;
    gap: 8px;
}

.property-name[b-2jvcybsgut] {
    color: #aaa;
    min-width: 150px;
    font-weight: 500;
}

.property-value[b-2jvcybsgut] {
    color: #fff;
}
/* /Components/Icons/BluePlanetIcon.razor.rz.scp.css */
svg[b-22560b2gck] {
    all: unset;
}
/* /Components/Messages/ChatWindow.razor.rz.scp.css */
.chat-window[b-ee3bbrvi7f] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.messages-container[b-ee3bbrvi7f] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.load-more-btn[b-ee3bbrvi7f] {
    align-self: center;
    padding: 8px 16px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 14px;
    border-width: 2px;
    border-color: gray;
    border-style: solid;
    cursor: pointer;
    margin-bottom: 10px;
    text-shadow: 2px 2px 5px black;
    transition: background 0.2s, border-color 0.2s;
}

.load-more-btn:hover[b-ee3bbrvi7f] {
    background: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

.no-messages[b-ee3bbrvi7f] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: lightgray;
    text-shadow: 2px 2px 5px black;
}

.message-input-container[b-ee3bbrvi7f] {
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    gap: 10px;
}

.message-input[b-ee3bbrvi7f] {
    flex: 1;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
    resize: none;
    font-family: inherit;
}

.message-input:focus[b-ee3bbrvi7f] {
    outline: none;
    border-color: lightseagreen;
}

.send-button[b-ee3bbrvi7f] {
    padding: 12px 16px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    border-width: 2px;
    border-color: gray;
    border-style: solid;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.send-button:hover:not(:disabled)[b-ee3bbrvi7f] {
    background: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

.send-button:disabled[b-ee3bbrvi7f] {
    background: rgba(0, 0, 0, 0.5);
    cursor: not-allowed;
    opacity: 0.5;
}
/* /Components/Messages/ConversationList.razor.rz.scp.css */
.conversation-list[b-4aujb2jzak] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    height: 100%;
}

.no-conversations[b-4aujb2jzak] {
    padding: 40px 20px;
    text-align: center;
    color: lightgray;
    text-shadow: 2px 2px 5px black;
}

.conversation-item[b-4aujb2jzak] {
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 3px 5px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.conversation-item:hover[b-4aujb2jzak] {
    background-color: rgba(0, 0, 0, 0.7);
}

.conversation-item.selected[b-4aujb2jzak] {
    background: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
}

.conversation-info[b-4aujb2jzak] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.conversation-header[b-4aujb2jzak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-left[b-4aujb2jzak] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.state-name[b-4aujb2jzak] {
    font-weight: 600;
    color: white;
    font-size: 0.95rem;
    text-shadow: 2px 2px 5px black;
}

.online-indicator[b-4aujb2jzak] {
    width: 8px;
    height: 8px;
    background: rgb(0, 189, 101);
    border-radius: 50%;
    display: inline-block;
}

.conversation-footer[b-4aujb2jzak] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.last-message[b-4aujb2jzak] {
    color: #b0b0b0;
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 2px 2px 5px black;
    flex: 1;
}

.timestamp[b-4aujb2jzak] {
    font-size: 0.7rem;
    color: #888;
    text-shadow: 2px 2px 5px black;
}

.unread-badge[b-4aujb2jzak] {
    background: #ffd700;
    color: black;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}
/* /Components/Messages/MessageBubble.razor.rz.scp.css */
.message-bubble[b-37hhrxswln] {
    max-width: 70%;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.own-message[b-37hhrxswln] {
    align-self: flex-end;
    background: rgba(32, 178, 170, 0.5);
    color: white;
    margin-left: auto;
    text-shadow: 2px 2px 5px black;
}

.received-message[b-37hhrxswln] {
    align-self: flex-start;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    text-shadow: 2px 2px 5px black;
}

.message-header[b-37hhrxswln] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.sender-name[b-37hhrxswln] {
    font-weight: 600;
    font-size: 0.85rem;
    text-shadow: 2px 2px 5px black;
}

.own-message .sender-name[b-37hhrxswln] {
    color: white;
}

.received-message .sender-name[b-37hhrxswln] {
    color: lightgray;
}

.message-time[b-37hhrxswln] {
    font-size: 0.75rem;
    color: #b0b0b0;
    text-shadow: 2px 2px 5px black;
}

.message-body[b-37hhrxswln] {
    line-height: 1.4;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-shadow: 2px 2px 5px black;
}

.unread-indicator[b-37hhrxswln] {
    position: absolute;
    top: 8px;
    right: -8px;
    width: 8px;
    height: 8px;
    background: #ffd700;
    border-radius: 50%;
}
/* /Components/Messages/StateSearchModal.razor.rz.scp.css */
.modal-overlay[b-h9zxpu7cda] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-h9zxpu7cda] {
    background: #16213e;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-h9zxpu7cda] {
    padding: 20px;
    border-bottom: 1px solid #0f3460;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h4[b-h9zxpu7cda] {
    margin: 0;
    color: #e94560;
}

.close-button[b-h9zxpu7cda] {
    background: none;
    border: none;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 30px;
    height: 30px;
}

.close-button:hover[b-h9zxpu7cda] {
    color: #e94560;
}

.modal-body[b-h9zxpu7cda] {
    padding: 20px;
    overflow-y: auto;
}

.search-input-container[b-h9zxpu7cda] {
    margin-bottom: 20px;
}

.search-input-container input[b-h9zxpu7cda] {
    width: 100%;
    padding: 10px;
    background: #1a1a2e;
    border: 1px solid #0f3460;
    border-radius: 4px;
    color: #fff;
}

.search-input-container input:focus[b-h9zxpu7cda] {
    outline: none;
    border-color: #e94560;
}

.search-results[b-h9zxpu7cda] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-result-item[b-h9zxpu7cda] {
    padding: 12px;
    background: #1a1a2e;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
}

.search-result-item:hover[b-h9zxpu7cda] {
    background: #0f3460;
}

.state-info strong[b-h9zxpu7cda] {
    color: #fff;
    margin-right: 8px;
}

.alliance-badge[b-h9zxpu7cda] {
    color: #e94560;
    font-size: 0.85rem;
}
/* /Components/Move/Events/BuildingsBuiltComponent.razor.rz.scp.css */
.main-border[b-u3ip8k2wyu] {
    background-color: rgb(0, 132, 189);
    border-radius:4px;
    margin: 10px;
}
/* /Components/Move/Events/EventComponentBorder.razor.rz.scp.css */
.main-border[b-qoh1vy66gl] {
    border-radius: 4px;
    padding:1px 12px;
}

.positive-event[b-qoh1vy66gl] {
    background-color: rgb(0, 189, 101);
}

.negative-event[b-qoh1vy66gl] {
    background-color: rgb(189, 0, 72);
}

.action-event[b-qoh1vy66gl] {
    background-color: rgb(0, 132, 189);
}
/* /Components/Move/Events/EventList.razor.rz.scp.css */
.item-row[b-5mzx5w7f9z] {
    padding: 3px 5px;
}
/* /Components/Move/Events/HighBirthRateEventComponent.razor.rz.scp.css */
.main-border[b-l0drbxtn83] {
    background-color: rgb(0, 189, 101);
    margin: 10px;
    border-radius:4px;
}
/* /Components/Move/Events/IncreasedCrimeRateEventComponent.razor.rz.scp.css */
.main-border[b-nrqqgsu2fe] {
    background-color: rgb(189, 0, 72);
    
    margin: 10px;
}
/* /Components/Move/Events/NewAreaFoundComponent.razor.rz.scp.css */
.main-border[b-14qh06ysoa]{
    background-color: forestgreen;
    margin: 10px;
}

.text[b-14qh06ysoa] {

}
/* /Components/Move/MoveActionButton.razor.rz.scp.css */
.turn-action-container[b-kbg5i09ogh] {
    display: inline-flex;
    flex-direction: column;
    border: 1px solid lightseagreen;
    border-radius: 5px;
    background-color: rgba(32, 178, 170, 0.15);
    overflow: hidden;
    min-width: 250px;
    max-width: 350px;
}

.main-content[b-kbg5i09ogh] {
    display: flex;
    align-items: stretch;
}

.turn-control[b-kbg5i09ogh] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.arrow-btn[b-kbg5i09ogh] {
    width: 50px;
    height: 16px;
    border: none;
    background-color: transparent;
    color: white;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-shadow: 2px 2px 5px black;
}

    .arrow-btn:hover:not(:disabled)[b-kbg5i09ogh] {
        background: rgba(32, 178, 170, 0.3);
    }

    .arrow-btn:disabled[b-kbg5i09ogh] {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .arrow-btn.up[b-kbg5i09ogh] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .arrow-btn.down[b-kbg5i09ogh] {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

.turn-input[b-kbg5i09ogh] {
    width: 50px;
    height: 18px;
    background-color: transparent;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 2px 2px 5px black;
}

    .turn-input:focus[b-kbg5i09ogh] {
        outline: none;
        background: rgba(32, 178, 170, 0.2);
    }

    /* Remove number input arrows */
    .turn-input[b-kbg5i09ogh]::-webkit-outer-spin-button,
    .turn-input[b-kbg5i09ogh]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .turn-input[type=number][b-kbg5i09ogh] {
        -moz-appearance: textfield;
    }

.turn-display[b-kbg5i09ogh] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 5px black;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.execute-btn[b-kbg5i09ogh] {
    flex: 1;
    border: none;
    background-color: transparent;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-shadow: 2px 2px 5px black;
    padding: 0 15px;
}

    .execute-btn:hover[b-kbg5i09ogh] {
        background: rgba(32, 178, 170, 0.3);
    }

.progress-bar[b-kbg5i09ogh] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    gap: 2px;
}

.progress-segment[b-kbg5i09ogh] {
    flex: 1;
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s;
}

    .progress-segment.active[b-kbg5i09ogh] {
        background-color: rgba(180, 0, 0, 0.8);
    }
/* /Components/Move/MoveActionResultsView.razor.rz.scp.css */
.modal[b-kn6e5m9cbx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7); /* Průhledné černé pozadí */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.action-result-content[b-kn6e5m9cbx] {
    min-height: 400px;
    margin: 20px 10px 10px 20px;
}

.summary-statistics-content[b-kn6e5m9cbx] {
    min-height: 400px;
    margin: 10px 10px 20px 20px;
}

.moves-list[b-kn6e5m9cbx] {
    max-height: 820px;
    overflow: auto;
    margin: 20px 20px 20px 10px;
    height: 100%;
}

.close[b-kn6e5m9cbx] {
    background-color: black;
    border: 1px white solid;
    color: white;
    border-radius: 6px;
    padding: 10px 60px;
    margin:10px;
}

.segment[b-kn6e5m9cbx] {
    border: solid white 1px;
    border-radius: 6px;
    background-color: gray;
}

@media(min-width: 0px) and (max-width: 1600px) {
    .modal-padding[b-kn6e5m9cbx] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1601px) {
    .modal-padding[b-kn6e5m9cbx] {
        padding-left: 200px;
        padding-right: 200px;
    }
}
/* /Components/Move/MoveResult.razor.rz.scp.css */
.main-border[b-4utfqwurrj] {
    background-color: rgb(30, 30, 30);
    border: solid 1px white;
    border-radius:4px;
}

.move[b-4utfqwurrj] {
    color: dimgray;
}

.score[b-4utfqwurrj] {
    color: darkgoldenrod;
    font-weight: 600;
}

.top-row[b-4utfqwurrj] {
    border-bottom: solid dimgray 1px;
}
/* /Components/Move/MoveResultsList.razor.rz.scp.css */
/* /Components/Move/MovesActionControl.razor.rz.scp.css */
.move-btn[b-r8xce7lmk1] {
    border: none;
    padding:10px;
}

.execute-btn[b-r8xce7lmk1] {
    margin-left:20px;
    background: rgb(0,0,0);
    color: white;
    border: white;
    border-radius: 6px;
    padding:10px 20px;
}

.minus[b-r8xce7lmk1] {
    border-radius: 6px 0px 0px 6px;
}

.plus[b-r8xce7lmk1] {
    border-radius: 0px 6px 6px 0px;
}

.main-border[b-r8xce7lmk1] {
}
/* /Components/Move/MovesSummaryStatistics.razor.rz.scp.css */
.commodities[b-hd4sk3do7e] {
    background-color: black;
}
/* /Components/Move/StatePropertyChangeColumn.razor.rz.scp.css */
.name[b-jyd3j7voqi] {
    font-size:12px;
    color: lightgray;
}

.total[b-jyd3j7voqi] {
    font-size: 12px;
}
/* /Components/MoveStackDisplay.razor.rz.scp.css */
.move-stack-inline[b-b3exjffecx] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
    justify-content: center;
    max-width: 100px;
}

.stack-top[b-b3exjffecx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stack-icon[b-b3exjffecx] {
    color: white;
    display: flex;
    align-items: center;
}

.stack-values[b-b3exjffecx] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.primary-moves[b-b3exjffecx] {
    font-size: 20px;
    font-weight: 700;
    font-family: Consolas, monospace;
    color: white;
    text-shadow: 2px 2px 3px black;
}

.separator[b-b3exjffecx] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: 1px 1px 2px black;
}

.secondary-moves[b-b3exjffecx] {
    font-size: 16px;
    font-weight: 500;
    font-family: Consolas, monospace;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 1px 1px 2px black;
}

.progress-section[b-b3exjffecx] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.progress-bar-container[b-b3exjffecx] {
    flex: 1;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(176, 145, 12, 0.3);
    border-radius: 2px;
    overflow: hidden;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}

.progress-bar[b-b3exjffecx] {
    height: 100%;
    background: linear-gradient(90deg,
        rgba(176, 145, 12, 0.8) 0%,
        rgba(176, 145, 12, 1) 50%,
        rgba(176, 145, 12, 0.8) 100%);
    box-shadow: 0 0 4px rgba(176, 145, 12, 0.6);
    transition: width 0.3s ease-out;
    border-radius: 1px;
}

.next-move-time[b-b3exjffecx] {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.7);
    font-family: Consolas, monospace;
    text-shadow: 1px 1px 2px black;
    white-space: nowrap;
}
/* /Components/SearchComponent.razor.rz.scp.css */
.search-input[b-3ldn2162q2] {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: white;
    background-color: rgba(30, 30, 40, 0.8);
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-input:focus[b-3ldn2162q2] {
    outline: none;
    border-color: rgba(32, 178, 170, 0.8);
    box-shadow: 0 0 0 2px rgba(32, 178, 170, 0.2);
}
/* /Components/SideTabControl.razor.rz.scp.css */
/* Main container - matches TabControl styling with horizontal layout */
.side-tab-control-container[b-z9nzt6u8hr] {
    background: rgba(20, 20, 40, 0.8);
    border: 2px solid rgba(100, 150, 255, 0.3);
    border-radius: 10px;
    margin: 0 0 15px 0;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: row;
    min-height: 200px;
}

.side-tab-control-container:hover[b-z9nzt6u8hr] {
    border-color: rgba(100, 150, 255, 0.5);
}

/* Vertical tab bar on the left */
.side-tab-bar[b-z9nzt6u8hr] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(100, 150, 255, 0.3);
    min-width: 140px;
    flex-shrink: 0;
}

/* Content area on the right */
.side-tab-content[b-z9nzt6u8hr] {
    padding: 1rem;
    flex: 1;
    overflow: auto;
}

/* Tab buttons - vertical orientation with horizontal text */
.side-tab-button[b-z9nzt6u8hr] {
    background: transparent;
    color: #aaa;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    border-left: 3px solid transparent;
    padding: 0.85rem 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
    text-shadow: 2px 2px 5px black;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    white-space: nowrap;
}

.side-tab-button:hover[b-z9nzt6u8hr] {
    color: #fff;
    background: rgba(100, 150, 255, 0.15);
    border-left-color: rgba(100, 150, 255, 0.5);
}

.side-tab-button-selected[b-z9nzt6u8hr] {
    color: #ffd700;
    background: rgba(100, 150, 255, 0.1);
    border-left-color: #ffd700;
}

.side-tab-button-selected:hover[b-z9nzt6u8hr] {
    color: #ffd700;
    background: rgba(100, 150, 255, 0.2);
    border-left-color: #ffd700;
}

/* Responsive - stack vertically on small screens */
@media (max-width: 576px) {
    .side-tab-control-container[b-z9nzt6u8hr] {
        flex-direction: column;
    }

    .side-tab-bar[b-z9nzt6u8hr] {
        flex-direction: row;
        flex-wrap: wrap;
        border-right: none;
        border-bottom: 1px solid rgba(100, 150, 255, 0.3);
        min-width: unset;
    }

    .side-tab-button[b-z9nzt6u8hr] {
        flex: 1;
        min-width: 50%;
        border-left: none;
        border-bottom: 3px solid transparent;
        text-align: center;
        padding: 0.75rem 0.5rem;
        font-size: 0.8rem;
    }

    .side-tab-button:hover[b-z9nzt6u8hr] {
        border-left-color: transparent;
        border-bottom-color: rgba(100, 150, 255, 0.5);
    }

    .side-tab-button-selected[b-z9nzt6u8hr] {
        border-left-color: transparent;
        border-bottom-color: #ffd700;
    }

    .side-tab-button-selected:hover[b-z9nzt6u8hr] {
        border-left-color: transparent;
        border-bottom-color: #ffd700;
    }
}
/* /Components/StateSelector.razor.rz.scp.css */
/* Wrapper for responsive half-width on large screens */
.state-selector-wrapper[b-j1nnvyaipk] {
    width: 50%;
    min-width: 400px;
}

@media (max-width: 991px) {
    .state-selector-wrapper[b-j1nnvyaipk] {
        width: 100%;
        min-width: unset;
    }
}

.clear-btn[b-j1nnvyaipk] {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.clear-btn:hover[b-j1nnvyaipk] {
    opacity: 1;
}

.state-name[b-j1nnvyaipk] {
    font-size: 18px;
    color: white;
    font-family: Consolas;
    font-weight: 600;
    text-shadow: 2px 2px 5px black;
}

.state-name-row[b-j1nnvyaipk] {
    background-color: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
    padding: 4px 8px;
    border-radius: 4px;
}

.search-container[b-j1nnvyaipk] {
    position: relative;
    border: none;
}

/* Fixed position popup - rendered outside ContentTile stacking context */
.search-popup-overlay[b-j1nnvyaipk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9998;
}

.search-popup[b-j1nnvyaipk] {
    position: fixed;
    z-index: 9999;
    background: rgba(10, 10, 10, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    max-height: 250px;
    overflow-y: auto;
    backdrop-filter: blur(10px);
    scrollbar-width: thin;
    scrollbar-color: rgba(125, 125, 125, 0.3) rgba(0, 0, 0, 0.3);
}

.search-popup[b-j1nnvyaipk]::-webkit-scrollbar {
    width: 8px;
}

.search-popup[b-j1nnvyaipk]::-webkit-scrollbar-track {
    background: gray;
    border-radius: 4px;
}

.search-popup[b-j1nnvyaipk]::-webkit-scrollbar-thumb {
    background: green;
    border-radius: 4px;
}

.search-popup[b-j1nnvyaipk]::-webkit-scrollbar-thumb:hover {
    background: blue;
}

.search-result[b-j1nnvyaipk] {
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: background-color 0.2s;
}

.search-result:last-child[b-j1nnvyaipk] {
    border-bottom: none;
}

.search-result:hover[b-j1nnvyaipk] {
    background-color: rgba(32, 178, 170, 0.3);
}

.state-name-result[b-j1nnvyaipk] {
    color: white;
    font-weight: 600;
    text-shadow: 2px 2px 5px black;
}

.alliance-tag[b-j1nnvyaipk] {
    color: #87ceeb;
    font-size: 12px;
    padding: 2px 6px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    text-shadow: 1px 1px 3px black;
}

.no-results[b-j1nnvyaipk] {
    color: #888;
    padding: 12px;
    text-align: center;
    font-style: italic;
    text-shadow: 2px 2px 5px black;
}

.planet-icon-border[b-j1nnvyaipk] {
    border-right: 1px solid white;
}

.row-top-margin[b-j1nnvyaipk] {
    margin-top: 10px;
}
/* /Components/StateSystemIcon.razor.rz.scp.css */
.icon-wrapper[b-u1rlqjgxlz] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;   
}

.icon[b-u1rlqjgxlz] {
    width: 100%;
    height: 100%;
}

.icon-text[b-u1rlqjgxlz] {
    position: absolute;
    color: white;
    font-weight: bold;    
    background-color: rgba(0,0,0,0.7);
    padding: 1px;
    border-radius: 4px;
    border: 1px solid gray;
    text-align: center;
}
/* /Components/StateSystemPicker.razor.rz.scp.css */
.state-system-picker[b-9a7zsuh7ag] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px 0;
    justify-content: center;
}

.system-card[b-9a7zsuh7ag] {
    background-color: rgba(44, 62, 80, 0.8);
    border: 2px solid #34495e;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    min-height: 80px;
    flex: 0 0 auto;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.system-card:hover[b-9a7zsuh7ag] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.system-card.selected[b-9a7zsuh7ag] {
    background-color: #3498db;
    border-color: #2980b9;
    border-width: 3px;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.5);
}

.system-name[b-9a7zsuh7ag] {
    color: #ecf0f1;
    font-size: 16px;
    font-weight: 600;
    user-select: none;
}

.system-card.selected .system-name[b-9a7zsuh7ag] {
    color: #ffffff;
    font-weight: bold;
}
/* /Components/TabControl.razor.rz.scp.css */
/* Main container - matches Research.razor card styling */
.tab-control-container[b-8lc58y4ad8] {
    background: rgba(20, 20, 40, 0.8);
    border: 2px solid rgba(100, 150, 255, 0.3);
    border-radius: 10px;
    margin: 0 0 15px 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.tab-control-container:hover[b-8lc58y4ad8] {
    border-color: rgba(100, 150, 255, 0.5);
}

/* Tab header bar */
.btn-group[b-8lc58y4ad8] {
    display: flex;
    gap: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(100, 150, 255, 0.3);
}

/* Tab content container */
.tab-content-container[b-8lc58y4ad8] {
    padding: 1rem;
}

/* Tab buttons */
.tab-button[b-8lc58y4ad8] {
    background: transparent;
    color: #aaa;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 1rem 1.5rem;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    text-shadow: 2px 2px 5px black;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tab-button:hover[b-8lc58y4ad8] {
    color: #fff;
    background: rgba(100, 150, 255, 0.15);
    border-bottom-color: rgba(100, 150, 255, 0.5);
}

.tab-button-selected[b-8lc58y4ad8] {
    color: #ffd700;
    background: rgba(100, 150, 255, 0.1);
    border-bottom-color: #ffd700;
}

.tab-button-selected:hover[b-8lc58y4ad8] {
    color: #ffd700;
    background: rgba(100, 150, 255, 0.2);
    border-bottom-color: #ffd700;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .btn-group[b-8lc58y4ad8] {
        flex-wrap: wrap;
    }

    .tab-button[b-8lc58y4ad8] {
        flex: 1;
        min-width: 50%;
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }
}
/* /Components/TurnActionButton.razor.rz.scp.css */
.turn-action-container[b-kfvhadbnpg] {
    display: inline-flex;
    flex-direction: column;
    border: 1px solid lightseagreen;
    border-radius: 5px;
    background-color: rgba(32, 178, 170, 0.15);
    overflow: hidden;
    min-width: 250px;
    max-width: 350px;
}

.main-content[b-kfvhadbnpg] {
    display: flex;
    align-items: stretch;
}

.turn-control[b-kfvhadbnpg] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.arrow-btn[b-kfvhadbnpg] {
    width: 50px;
    height: 16px;
    border: none;
    background-color: transparent;
    color: white;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-shadow: 2px 2px 5px black;
}

    .arrow-btn:hover:not(:disabled)[b-kfvhadbnpg] {
        background: rgba(32, 178, 170, 0.3);
    }

    .arrow-btn:disabled[b-kfvhadbnpg] {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .arrow-btn.up[b-kfvhadbnpg] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .arrow-btn.down[b-kfvhadbnpg] {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

.turn-input[b-kfvhadbnpg] {
    width: 50px;
    height: 18px;
    background-color: transparent;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 2px 2px 5px black;
}

    .turn-input:focus[b-kfvhadbnpg] {
        outline: none;
        background: rgba(32, 178, 170, 0.2);
    }

    /* Remove number input arrows */
    .turn-input[b-kfvhadbnpg]::-webkit-outer-spin-button,
    .turn-input[b-kfvhadbnpg]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .turn-input[type=number][b-kfvhadbnpg] {
        -moz-appearance: textfield;
    }

.turn-display[b-kfvhadbnpg] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 5px black;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.execute-btn[b-kfvhadbnpg] {
    flex: 1;
    border: none;
    background-color: transparent;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-shadow: 2px 2px 5px black;
    padding: 0 15px;
}

    .execute-btn:hover[b-kfvhadbnpg] {
        background: rgba(32, 178, 170, 0.3);
    }

.progress-bar[b-kfvhadbnpg] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    gap: 2px;
}

.progress-segment[b-kfvhadbnpg] {
    flex: 1;
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s;
}

    .progress-segment.active[b-kfvhadbnpg] {
        background-color: rgba(180, 0, 0, 0.8);
    }
/* /Components/UserMenu.razor.rz.scp.css */
.logout-btn[b-hg2gpnugui] {
    background-color: rgba(78, 78, 78, 0.7);
    border-radius: 5px;
    padding: 3px 10px;
    border-width:0px;
}

.btn-text[b-hg2gpnugui] {
    margin-left: 5px;
    font-size:12px;
}

.btn-icon[b-hg2gpnugui] {
    color:white;
}
/* /Layout/MainInfoBar.razor.rz.scp.css */
.info-bar[b-spu6drf7bj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
    padding: 0 1rem;
    justify-content: flex-start;
    flex: 1;
}

.resource-item[b-spu6drf7bj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-shadow: 2px 2px 5px black;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
}

.icon[b-spu6drf7bj] {
    font-size: 28px;
    line-height: 1;
}

.resource-values[b-spu6drf7bj] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.resource-item svg[b-spu6drf7bj] {
    flex-shrink: 0;
}

.value[b-spu6drf7bj] {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

.moves-item[b-spu6drf7bj] {
    margin-left: auto;
}

.info-bar > :last-child[b-spu6drf7bj] {
    margin-left: 2rem;
}

.score[b-spu6drf7bj] {
    font-size: 22px;
    font-weight: 800;
    color: #ffd700;
    font-family: Consolas;
    text-shadow: 2px 2px 5px black;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* Global scrollbar styling */
*[b-7rbr3u7zp9] {
    scrollbar-width: thin;
    scrollbar-color: rgba(125,125,125, 0.3) rgba(0,0,0, 0.3);
}

*[b-7rbr3u7zp9]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*[b-7rbr3u7zp9]::-webkit-scrollbar-track {
    background: gray;
    border-radius: 4px;
}

*[b-7rbr3u7zp9]::-webkit-scrollbar-thumb {
    background: green;
    border-radius: 4px;
}

*[b-7rbr3u7zp9]::-webkit-scrollbar-thumb:hover {
    background: blue;
}

.page[b-7rbr3u7zp9] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-image: url(images/pow_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

main[b-7rbr3u7zp9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

main .content[b-7rbr3u7zp9] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sidebar[b-7rbr3u7zp9] {
    /*background-image: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%);*/
    background-color: rgba(0,0,0, 0.7);
}

.top-row[b-7rbr3u7zp9] {
    background-color: rgba(0,0,0, 0.7);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7rbr3u7zp9]  a, .top-row[b-7rbr3u7zp9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-7rbr3u7zp9]  a:hover, .top-row[b-7rbr3u7zp9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-7rbr3u7zp9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-7rbr3u7zp9] {
        justify-content: space-between;
    }

    .top-row[b-7rbr3u7zp9]  a, .top-row[b-7rbr3u7zp9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7rbr3u7zp9] {
        flex-direction: row;
    }

    .sidebar[b-7rbr3u7zp9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7rbr3u7zp9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7rbr3u7zp9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7rbr3u7zp9], article[b-7rbr3u7zp9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-eguibxrbv8] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-eguibxrbv8] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-eguibxrbv8] {
    font-size: 1.1rem;
}

.bi[b-eguibxrbv8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-eguibxrbv8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-eguibxrbv8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-eguibxrbv8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-eguibxrbv8] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

    .nav-item:first-of-type[b-eguibxrbv8] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-eguibxrbv8] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-eguibxrbv8]  a {
        color: #d7d7d7;
        border: solid rgba(255, 255, 255, 0.3);
        border-width: 0px 0px 0px 1px;
        height: 2.4rem;
        display: flex;
        align-items: center;
        line-height: 2.4rem;
        background-color: rgba(255,255,255,0.1);
        transition: all 0.2s ease;
        clip-path: polygon(0 0, 100% 0, 100% 50%, calc(100% - 1.2rem) 100%, 0 100%);
    }

        .nav-item[b-eguibxrbv8]  a.active {
            border-width: 0px 0px 0px 5px;
            border-left-color: darkred;
            color: white;
        }

.nav-item[b-eguibxrbv8]  a:hover {
    background-color: rgba(255,255,255,0.2);
    color: white;
    box-shadow: 0 0 0.15rem rgba(255, 255, 255, 0.4),
                0 0 0.5rem rgba(51, 71, 255, 0.3),
                inset 0 0 0.3rem rgba(51, 71, 255, 0.1);
}

.unread-badge[b-eguibxrbv8] {
    background-color: #dc3545;
    color: white;
    border-radius: 50%;
    min-width: 1.25rem;
    height: 1.25rem;
    font-size: 0.75rem;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    padding: 0 0.35rem;
}

@media (min-width: 641px) {
    .navbar-toggler[b-eguibxrbv8] {
        display: none;
    }

    .collapse[b-eguibxrbv8] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-eguibxrbv8] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Layout/PageScrollComponent.razor.rz.scp.css */
.page-scroll-container[b-1eunxzno8k] {
    height: 100%;
    overflow-y: auto;
    padding: 20px; /* nebo tvoje preferované */
}
/* /Pages/AlliancePage.razor.rz.scp.css */
/* Alliance page container */
.alliance-page-container[b-pruzljilby] {
    padding: 0;
}

/* Alliance header section */
.alliance-header[b-pruzljilby] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(100, 150, 255, 0.3);
}

.alliance-title[b-pruzljilby] {
    color: #ffd700;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    text-shadow: 2px 2px 5px black;
}

.alliance-stats[b-pruzljilby] {
    display: flex;
    gap: 1.5rem;
}

.stat-item[b-pruzljilby] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.stat-label[b-pruzljilby] {
    color: lightgray;
    font-size: 0.9rem;
}

.stat-value[b-pruzljilby] {
    color: white;
    font-weight: 600;
    font-size: 0.95rem;
}

.stat-value.score[b-pruzljilby] {
    color: #ffd700;
}

/* Members scoreboard - matching Ranking.razor */
.members-scoreboard[b-pruzljilby] {
    margin-bottom: 1rem;
}

/* Header row */
.scoreboard-header[b-pruzljilby] {
    background: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
    margin: 0 0 0.5rem 0;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
}

/* Scoreboard rows */
.scoreboard-row[b-pruzljilby] {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 2px 0;
    padding: 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s;
    align-items: center;
}

.scoreboard-row:hover[b-pruzljilby] {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Current user row */
.current[b-pruzljilby] {
    background-color: rgba(0, 255, 33, 0.3) !important;
    border: 2px solid rgb(0, 255, 144) !important;
}

/* Rank-based styling */
.rank-1[b-pruzljilby] {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 4px solid gold;
}

.rank-2[b-pruzljilby] {
    background: linear-gradient(90deg, rgba(192, 192, 192, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 4px solid silver;
}

.rank-3[b-pruzljilby] {
    background: linear-gradient(90deg, rgba(205, 127, 50, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 4px solid #cd7f32;
}

.rank-top10[b-pruzljilby] {
    background: linear-gradient(90deg, rgba(32, 178, 170, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 3px solid rgba(32, 178, 170, 0.6);
}

/* Medal icons */
.medal-icon[b-pruzljilby] {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

/* Text styling */
.score[b-pruzljilby] {
    font-weight: 600;
    font-size: 14px;
    color: #ffd700;
}

.name[b-pruzljilby] {
    font-weight: 600;
    font-size: 14px;
    color: white;
}

.scoreboard-row a[b-pruzljilby] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.scoreboard-row a:hover[b-pruzljilby] {
    color: lightseagreen;
}

.area[b-pruzljilby] {
    font-size: 13px;
    color: #b0b0b0;
}

.ruler[b-pruzljilby] {
    font-size: 13px;
    color: #87ceeb;
}

.state-system[b-pruzljilby] {
    font-size: 13px;
    color: white;
}

.pos[b-pruzljilby] {
    font-size: 14px;
    font-weight: 500;
    color: white;
}

/* Role badges */
.role-badge[b-pruzljilby] {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.role-leader[b-pruzljilby] {
    background: rgba(255, 215, 0, 0.3);
    border: 1px solid gold;
    color: gold;
}

.role-deputy[b-pruzljilby] {
    background: rgba(192, 192, 192, 0.3);
    border: 1px solid silver;
    color: silver;
}

/* Alliance actions */
.alliance-actions[b-pruzljilby] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Leadership section */
.leadership-section[b-pruzljilby] {
    padding: 0;
}

.leadership-card[b-pruzljilby] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    margin-bottom: 1rem;
    overflow: hidden;
}

.leadership-card .card-header[b-pruzljilby] {
    background: rgba(32, 178, 170, 0.2);
    border-bottom: 1px solid rgba(32, 178, 170, 0.4);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 1rem;
    color: white;
    display: flex;
    align-items: center;
    text-shadow: 2px 2px 5px black;
}

.leadership-card .card-content[b-pruzljilby] {
    padding: 1rem;
}

/* Form styling */
.form-group[b-pruzljilby] {
    margin-bottom: 1rem;
}

.form-group label[b-pruzljilby] {
    display: block;
    color: lightgray;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.invite-input[b-pruzljilby] {
    width: 100%;
    padding: 0.5rem;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
}

.invite-input:focus[b-pruzljilby] {
    outline: none;
    border-color: lightseagreen;
    background: rgba(255, 255, 255, 0.15);
}

/* Requests list */
.requests-list[b-pruzljilby] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.request-row[b-pruzljilby] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.75rem 1rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.request-name[b-pruzljilby] {
    font-weight: 500;
    color: white;
}

/* No data message */
.no-data[b-pruzljilby] {
    color: #888;
    font-style: italic;
}

/* No alliance state */
.no-alliance-container[b-pruzljilby] {
    padding: 0;
}

.no-alliance-message[b-pruzljilby] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.no-alliance-message h3[b-pruzljilby] {
    color: white;
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.no-alliance-message p[b-pruzljilby] {
    color: lightgray;
    margin: 0;
    font-size: 0.95rem;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .alliance-header[b-pruzljilby] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .alliance-stats[b-pruzljilby] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .scoreboard-row[b-pruzljilby],
    .scoreboard-header[b-pruzljilby] {
        font-size: 12px;
        padding: 0.4rem;
    }

    .medal-icon[b-pruzljilby] {
        font-size: 1rem;
    }

    .role-badge[b-pruzljilby] {
        display: block;
        margin-left: 0;
        margin-top: 4px;
    }
}
/* /Pages/Buildings.razor.rz.scp.css */
/* Buildings section layout */
.buildings-section[b-u49vuaqx46] {
    padding: 15px;
}

/* Land info bar */
.land-info[b-u49vuaqx46] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    border-left: 3px solid #4caf50;
    margin-bottom: 15px;
}

.land-icon[b-u49vuaqx46] {
    font-size: 1.1rem;
}

.land-label[b-u49vuaqx46] {
    color: #aaa;
    font-size: 0.85rem;
}

.land-value[b-u49vuaqx46] {
    color: #4caf50;
    font-weight: bold;
    font-size: 0.95rem;
    text-shadow: 0 0 8px rgba(76, 175, 80, 0.4);
}

.land-separator[b-u49vuaqx46] {
    color: #555;
    margin: 0 5px;
}

.land-total[b-u49vuaqx46] {
    color: #ffd700;
    font-weight: bold;
    font-size: 0.9rem;
}

/* Building cards grid - 2 columns */
.buildings-grid[b-u49vuaqx46] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    margin-bottom: 15px;
}

/* Individual building card - compact row layout with grid */
.building-card[b-u49vuaqx46] {
    background: rgba(20, 20, 40, 0.8);
    border: 1px solid rgba(100, 150, 255, 0.3);
    border-radius: 6px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 32px 1fr 90px 60px 75px;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

.building-card:hover[b-u49vuaqx46] {
    border-color: rgba(100, 150, 255, 0.6);
    background: rgba(30, 30, 60, 0.9);
}

/* Demolish mode - red accent */
.building-card.demolish-mode[b-u49vuaqx46] {
    border-color: rgba(255, 100, 100, 0.3);
}

.building-card.demolish-mode:hover[b-u49vuaqx46] {
    border-color: rgba(255, 100, 100, 0.6);
    background: rgba(40, 20, 20, 0.9);
}

/* Building icon */
.building-icon[b-u49vuaqx46] {
    font-size: 1.4rem;
    text-align: center;
}

/* Building info: name + price */
.building-info[b-u49vuaqx46] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.building-name[b-u49vuaqx46] {
    color: #ffd700;
    font-size: 0.8rem;
    font-weight: 600;
    text-shadow: 1px 1px 3px black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.building-price[b-u49vuaqx46] {
    color: #888;
    font-size: 0.7rem;
}

/* Building stats: effect */
.building-stats[b-u49vuaqx46] {
    display: flex;
    align-items: center;
}

.building-effect[b-u49vuaqx46] {
    color: #4caf50;
    font-size: 0.75rem;
    white-space: nowrap;
}

/* Building count - prominent */
.building-count[b-u49vuaqx46] {
    color: #4caf50;
    font-weight: bold;
    font-size: 1.3rem;
    text-align: right;
    text-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
    font-family: Consolas, monospace;
}

/* Input area */
.building-input[b-u49vuaqx46] {
    display: flex;
    justify-content: flex-end;
}

/* Action area with summary and MoveActionButton */
.action-area[b-u49vuaqx46] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    border: 1px solid rgba(100, 150, 255, 0.2);
}

.action-area.demolish[b-u49vuaqx46] {
    border-color: rgba(255, 100, 100, 0.2);
}

/* Action summary */
.action-summary[b-u49vuaqx46] {
    display: flex;
    gap: 20px;
    margin-bottom: 5px;
}

.summary-item[b-u49vuaqx46] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.summary-label[b-u49vuaqx46] {
    color: #888;
    font-size: 0.85rem;
}

.summary-value[b-u49vuaqx46] {
    color: white;
    font-weight: bold;
    font-size: 1rem;
}

.summary-value.cost[b-u49vuaqx46] {
    color: #ffd700;
}

.summary-value.land[b-u49vuaqx46] {
    color: #4caf50;
}

.turns-info[b-u49vuaqx46] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.turns-formula[b-u49vuaqx46] {
    color: #666;
    font-size: 0.75rem;
    font-style: italic;
}

/* Colonization image */
.colonization-image[b-u49vuaqx46] {
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    .building-card[b-u49vuaqx46] {
        grid-template-columns: 28px 1fr 70px 50px 70px;
        gap: 6px;
        padding: 6px 8px;
    }

    .building-name[b-u49vuaqx46] {
        font-size: 0.75rem;
    }

    .building-count[b-u49vuaqx46] {
        font-size: 1.1rem;
    }
}

@media (max-width: 991px) {
    .buildings-grid[b-u49vuaqx46] {
        grid-template-columns: 1fr;
    }

    .building-card[b-u49vuaqx46] {
        grid-template-columns: 32px 1fr 90px 60px 75px;
    }
}

@media (max-width: 767px) {
    .buildings-section[b-u49vuaqx46] {
        padding: 10px;
    }

    .land-info[b-u49vuaqx46] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .building-card[b-u49vuaqx46] {
        grid-template-columns: 28px 1fr 50px 70px;
        gap: 5px;
        padding: 6px;
    }

    .building-stats[b-u49vuaqx46] {
        display: none;
    }

    .building-count[b-u49vuaqx46] {
        font-size: 1rem;
    }

    .action-summary[b-u49vuaqx46] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .colonization-image[b-u49vuaqx46] {
        max-width: 200px;
    }
}

@media (max-width: 575px) {
    .building-card[b-u49vuaqx46] {
        grid-template-columns: 24px 1fr 45px 65px;
    }

    .building-icon[b-u49vuaqx46] {
        font-size: 1.1rem;
    }

    .building-info[b-u49vuaqx46] {
        gap: 0;
    }

    .building-name[b-u49vuaqx46] {
        font-size: 0.7rem;
    }

    .building-price[b-u49vuaqx46] {
        font-size: 0.65rem;
    }
}
/* /Pages/CreateState.razor.rz.scp.css */
.create-btn[b-mhhmkyezxq] {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px;
    border-width: 2px;
    border-color: gray;
    margin-top: 20px;
    border-style: solid;
}

.form-container[b-mhhmkyezxq] {
    max-width: 1200px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 30px 40px;
    border-radius: 14px;
    margin: 0 auto;
}

.label[b-mhhmkyezxq] {
    color: white;
}

[b-mhhmkyezxq] .content {
    overflow: auto !important;
}
/* /Pages/Goverment.razor.rz.scp.css */
button[b-qo4ars9ey1] {
    border-width: 0px;
    padding: 10px 20px;
    color: white;
    font-weight: 400;
    font-size: 16px;
    background-color: lightseagreen;
    border-radius: 3px;
    transition: background-color 0.2s;
}

button:hover[b-qo4ars9ey1] {
    background-color: #17a2b8;
}

button svg[b-qo4ars9ey1] {
    vertical-align: middle;
    margin-right: 8px;
}

.tile-image[b-qo4ars9ey1] {
    width: 100%;
    max-width: 250px;
    height: auto;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .tile-image[b-qo4ars9ey1] {
        max-width: 200px;
    }
}

@media (max-width: 575px) {
    .tile-image[b-qo4ars9ey1] {
        max-width: 150px;
    }

    button[b-qo4ars9ey1] {
        font-size: 14px;
        padding: 8px 16px;
    }
}
/* /Pages/History.razor.rz.scp.css */
.history-page[b-qfq1ohxi3q] {
    min-height: 400px;
}

.history-header[b-qfq1ohxi3q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.history-header h3[b-qfq1ohxi3q] {
    margin: 0;
    font-size: 25px;
    font-family: Consolas;
}

.loading-container[b-qfq1ohxi3q],
.no-events[b-qfq1ohxi3q] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #aaa;
}

.events-list[b-qfq1ohxi3q] {
    max-height: 600px;
    overflow-y: auto;
    padding: 10px 0;
}

.load-more-container[b-qfq1ohxi3q] {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.btn-sm[b-qfq1ohxi3q] {
    padding: 6px 12px;
    font-size: 0.875rem;
}

/* Scrollbar styling */
.events-list[b-qfq1ohxi3q]::-webkit-scrollbar {
    width: 8px;
}

.events-list[b-qfq1ohxi3q]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
}

.events-list[b-qfq1ohxi3q]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

.events-list[b-qfq1ohxi3q]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}
/* /Pages/InternationalRelationships.razor.rz.scp.css */
/* Alliance section */
.alliance-name[b-o6ithl6uk9] {
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    text-shadow: 2px 2px 5px black;
}

.alliance-members[b-o6ithl6uk9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.member-card[b-o6ithl6uk9] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    padding: 0.75rem;
    transition: all 0.2s;
}

.member-card:hover[b-o6ithl6uk9] {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.3);
}

.member-info[b-o6ithl6uk9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.member-state[b-o6ithl6uk9] {
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
}

.member-details[b-o6ithl6uk9] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.member-system[b-o6ithl6uk9] {
    color: #87ceeb;
    font-size: 0.9rem;
}

.member-score[b-o6ithl6uk9] {
    color: #ffd700;
    font-size: 0.9rem;
}

.member-user[b-o6ithl6uk9] {
    color: #b0b0b0;
    font-size: 0.85rem;
    font-style: italic;
}

/* Invitations section */
.invitations-list[b-o6ithl6uk9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.invitation-card[b-o6ithl6uk9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    padding: 0.75rem;
    gap: 1rem;
}

.invitation-name[b-o6ithl6uk9] {
    font-size: 1.05rem;
    font-weight: 500;
    color: white;
    flex: 1;
}

.invitation-action[b-o6ithl6uk9] {
    flex-shrink: 0;
}

.no-data[b-o6ithl6uk9] {
    color: #b0b0b0;
    font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .invitation-card[b-o6ithl6uk9] {
        flex-direction: column;
        align-items: stretch;
    }

    .invitation-action[b-o6ithl6uk9] {
        width: 100%;
    }

    .member-details[b-o6ithl6uk9] {
        flex-direction: column;
        gap: 0.25rem;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.main[b-ab6te1wtqp] {
    height: 100vh;
    width: 100vw;
}

.input-border[b-ab6te1wtqp] {
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    margin-bottom: 12px;
}

.login-btn[b-ab6te1wtqp] {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px;
    border-width: 2px;
    border-color: gray;
    border-style: solid;
}

.register-btn[b-ab6te1wtqp] {
    background-color: rgba(40, 40, 40, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px;
    border-width: 2px;
    border-color: gray;
    border-style: solid;
}

.text[b-ab6te1wtqp] {
    color: white;
    font-size: 18px;
}

.form-container[b-ab6te1wtqp] {
    max-width: 340px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 30px 40px;
    border-radius: 14px;
}

.margin-top[b-ab6te1wtqp] {
    margin-top: 35px;
}

.label[b-ab6te1wtqp]{
    color:white;
}
/* /Pages/Map.razor.rz.scp.css */
/* HTML: <div class="hexagon-filled"></div> */
.hexagon:hover[b-w0z56inxzw] {
    aspect-ratio: cos(30deg);
    clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
    background: #3B8686;
}

/* HTML: <div class="hexagon"></div> */
.hexagon[b-w0z56inxzw] {
    position:absolute;
    --b: 2px; /* adjust to control the border  */
    height: 100px; /* adjust to control the size  */
    aspect-ratio: cos(30deg);
    clip-path: polygon(50% 0,-50% 50%,50% 100%,150% 50%,50% 0, 50% var(--b), calc(100% - var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)), calc(100% - var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)), 50% calc(100% - var(--b)), calc(var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)), calc(var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)), 50% var(--b));
    background: white;
}

.main[b-w0z56inxzw] {
    position: relative; /* Nutné pro správné fungování absolutního umístění */    
}

.component[b-w0z56inxzw] {
    position: absolute; /* Umisťuje na přesné souřadnice uvnitř containeru */
    width: 100px;
    height: 50px;
    background-color: rgba(0, 150, 255, 0.5);
    border: 1px solid blue;
}

.angle-view[b-w0z56inxzw] {
    -webkit-transform: perspective(600px) rotateX(30deg);
    -moz-transform: perspective(600px) rotateX(30deg);
    -ms-transform: perspective(600px) rotateX(30deg);
    -o-transform: perspective(600px) rotateX(30deg);
    transform: perspective(600px) rotateX(30deg);
}

.state-label[b-w0z56inxzw] {
    background-color: rgba(0,0,0, 0.7);
    padding: 0px 3px;
    color: white;
    font-size:12px;
}

.grid-container[b-w0z56inxzw] {
    display: grid;
    grid-template-columns: 40px auto 40px;
    grid-template-rows: 40px auto 40px;
    gap: 10px;
    padding: 10px;
}

.map-move-btn[b-w0z56inxzw] {
    background: rgba(128, 128, 128, 0.5);
    border-width:0;
    border-radius:8px;
    color:white;
}
/* /Pages/Messages.razor.rz.scp.css */
.messages-page[b-hbc2ttlelf] {
    flex: 1;
    min-height: 0;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.messages-layout[b-hbc2ttlelf] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 20px;
    flex: 1;
    min-height: 0;
    background: rgba(10, 10, 10, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    backdrop-filter: blur(7px);
    overflow: hidden;
}

.conversations-panel[b-hbc2ttlelf] {
    background: rgba(0, 0, 0, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.conversations-header[b-hbc2ttlelf] {
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.conversations-header h3[b-hbc2ttlelf] {
    margin: 0;
    color: white;
    font-size: 25px;
    font-family: Consolas;
    text-shadow: 2px 2px 5px black;
}

.new-conversation-btn[b-hbc2ttlelf] {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px;
    border-width: 2px;
    border-color: gray;
    border-style: solid;
    cursor: pointer;
    text-shadow: 2px 2px 5px black;
    transition: background 0.2s, border-color 0.2s;
}

.new-conversation-btn:hover[b-hbc2ttlelf] {
    background: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

.conversations-list-container[b-hbc2ttlelf] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.chat-panel[b-hbc2ttlelf] {
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    min-height: 0;
    overflow: hidden;
}

.no-conversation-selected[b-hbc2ttlelf] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: lightgray;
    text-shadow: 2px 2px 5px black;
}
/* /Pages/Overview.razor.rz.scp.css */
img[b-u3chcc5ub3] {
    width: 100%;
    height: auto;
    /*margin: 15px 0;*/
    box-shadow: 0 0 5px white;
}
/* /Pages/ProductionControl.razor.rz.scp.css */
/* Production table container */
.production-table-container[b-rpgto23wbz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Header row */
.production-header-row[b-rpgto23wbz] {
    display: flex;
    background: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
    margin: 0 0 0.5rem 0;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    text-shadow: 2px 2px 5px black;
}

/* Data row */
.production-data-row[b-rpgto23wbz] {
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s;
    align-items: center;
    text-shadow: 2px 2px 5px black;
}

.production-data-row:hover[b-rpgto23wbz] {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Column widths for factories, barracks, universities */
.production-col-label[b-rpgto23wbz] {
    flex: 0 0 200px;
    font-weight: 500;
    padding-right: 1rem;
}

.production-col-current[b-rpgto23wbz] {
    flex: 0 0 120px;
    text-align: right;
    padding-right: 1rem;
    color: #ffd700;
    font-weight: 500;
}

.production-col-input[b-rpgto23wbz] {
    flex: 1;
    min-width: 150px;
}

/* Column widths for subsidies */
.production-col-checkbox[b-rpgto23wbz] {
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.5rem;
}

.production-col-subsidy[b-rpgto23wbz] {
    flex: 1;
    font-weight: 500;
    padding-right: 1rem;
}

.production-col-effect[b-rpgto23wbz] {
    flex: 0 0 80px;
    text-align: right;
    padding-right: 1rem;
    color: lightgray;
}

/* Button row */
.production-button-row[b-rpgto23wbz] {
    margin-top: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: flex-end;
}

/* Button style */
.production-button[b-rpgto23wbz] {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px 20px;
    margin-left: 10px;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.3);
    border-style: solid;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    text-shadow: 2px 2px 5px black;
}

.production-button:hover[b-rpgto23wbz] {
    background: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .production-header-row[b-rpgto23wbz],
    .production-data-row[b-rpgto23wbz] {
        font-size: 12px;
        padding: 0.4rem;
    }

    .production-col-label[b-rpgto23wbz] {
        flex: 0 0 160px;
    }

    .production-col-current[b-rpgto23wbz] {
        flex: 0 0 100px;
    }

    .production-col-input[b-rpgto23wbz] {
        min-width: 120px;
    }
}

@media (max-width: 767px) {
    .production-header-row[b-rpgto23wbz] {
        display: none;
    }

    .production-data-row[b-rpgto23wbz] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .production-col-label[b-rpgto23wbz],
    .production-col-current[b-rpgto23wbz],
    .production-col-input[b-rpgto23wbz],
    .production-col-checkbox[b-rpgto23wbz],
    .production-col-subsidy[b-rpgto23wbz],
    .production-col-effect[b-rpgto23wbz] {
        flex: 1 1 auto;
        text-align: left;
        padding-right: 0;
    }

    .production-col-label[b-rpgto23wbz] {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .production-col-current[b-rpgto23wbz]::before {
        content: "Aktuálně: ";
        font-weight: 600;
        color: white;
    }

    .production-col-checkbox[b-rpgto23wbz] {
        justify-content: flex-start;
    }

    .production-col-effect[b-rpgto23wbz]::before {
        content: "Efekt: ";
        font-weight: 600;
        color: white;
    }
}
/* /Pages/Ranking.razor.rz.scp.css */
/* Ranking container */
.ranking-container[b-48ea97410u] {
    padding: 0;
}

/* Content padding */
.ranking-content[b-48ea97410u] {
    padding: 0;
}

/* Pagination styling */
.pagination-top[b-48ea97410u],
.pagination-bottom[b-48ea97410u] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
}

.pagination-btn[b-48ea97410u] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.2s;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.pagination-btn:hover:not(:disabled)[b-48ea97410u] {
    background: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

.pagination-btn:disabled[b-48ea97410u] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-info[b-48ea97410u] {
    font-weight: 500;
    color: white;
    font-size: 1rem;
}

/* Header row */
.scoreboard-header[b-48ea97410u] {
    background: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
    margin: 0 0 0.5rem 0;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
}

/* Scoreboard rows */
.scoreboard-row[b-48ea97410u] {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 2px 0;
    padding: 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s;
    align-items: center;
}

.scoreboard-row:hover[b-48ea97410u] {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Current user row */
.current[b-48ea97410u] {
    background-color: rgba(0, 255, 33, 0.3) !important;
    border: 2px solid rgb(0, 255, 144) !important;
}

/* Rank-based styling */
.rank-1[b-48ea97410u] {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 4px solid gold;
}

.rank-2[b-48ea97410u] {
    background: linear-gradient(90deg, rgba(192, 192, 192, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 4px solid silver;
}

.rank-3[b-48ea97410u] {
    background: linear-gradient(90deg, rgba(205, 127, 50, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 4px solid #cd7f32;
}

.rank-top10[b-48ea97410u] {
    background: linear-gradient(90deg, rgba(32, 178, 170, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-left: 3px solid rgba(32, 178, 170, 0.6);
}

/* Medal icons */
.medal-icon[b-48ea97410u] {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

/* Text styling */
.score[b-48ea97410u] {
    font-weight: 600;
    font-size: 14px;
    color: #ffd700;
}

.name[b-48ea97410u] {
    font-weight: 600;
    font-size: 14px;
    color: white;
}

.name a[b-48ea97410u] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.name a:hover[b-48ea97410u] {
    color: lightseagreen;
}

.area[b-48ea97410u] {
    font-size: 13px;
    color: #b0b0b0;
}

.alliance[b-48ea97410u] {
    font-size: 13px;
    color: #87ceeb;
}

.state-system[b-48ea97410u] {
    font-size: 13px;
    color: white;
}

.pos[b-48ea97410u] {
    font-size: 14px;
    font-weight: 500;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .scoreboard-row[b-48ea97410u],
    .scoreboard-header[b-48ea97410u] {
        font-size: 12px;
        padding: 0.4rem;
    }

    .medal-icon[b-48ea97410u] {
        font-size: 1rem;
    }

    .pagination-btn[b-48ea97410u] {
        padding: 6px 12px;
        font-size: 14px;
    }

    .pagination-info[b-48ea97410u] {
        font-size: 0.9rem;
    }
}
/* /Pages/Registration.razor.rz.scp.css */
.main[b-xt4iu8b9o3] {
    height: 100vh;
    width: 100vw;
}

.btn[b-xt4iu8b9o3] {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px;
    border-width: 2px;
    border-color: gray;
    margin-top:20px;
}

.form-container[b-xt4iu8b9o3] {
    max-width: 340px;
    background-color: rgba(0, 0, 0, 0.7);
    padding:30px 40px;
    border-radius:14px;
}

.margin-top[b-xt4iu8b9o3] {
    margin-top: 35px;
}

.label[b-xt4iu8b9o3] {
    color: white;
}

.err-label[b-xt4iu8b9o3] {
    color: orangered;
}
/* /Pages/Research.razor.rz.scp.css */
.government-section[b-ex9q3jyzxg] {
    padding: 20px;
}

.current-government[b-ex9q3jyzxg] {
    margin-bottom: 40px;
}

.current-government h2[b-ex9q3jyzxg] {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.available-governments h2[b-ex9q3jyzxg] {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.government-grid[b-ex9q3jyzxg] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.government-card[b-ex9q3jyzxg] {
    background: rgba(20, 20, 40, 0.8);
    border: 2px solid rgba(100, 150, 255, 0.3);
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
}

.government-card:hover[b-ex9q3jyzxg] {
    border-color: rgba(100, 150, 255, 0.6);
    box-shadow: 0 0 20px rgba(100, 150, 255, 0.3);
    transform: translateY(-2px);
}

.government-card.current[b-ex9q3jyzxg] {
    border-color: rgba(255, 215, 0, 0.8);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.4);
    background: rgba(30, 30, 50, 0.9);
}

.government-card h3[b-ex9q3jyzxg] {
    color: #ffd700;
    font-size: 1.3rem;
    margin-bottom: 15px;
    text-align: center;
}

.government-bonuses[b-ex9q3jyzxg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

/* Two-column layout for government bonuses */
.government-bonuses-grid[b-ex9q3jyzxg] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.government-bonuses-grid .bonuses-column[b-ex9q3jyzxg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Table layout for current government */
.government-bonuses-table[b-ex9q3jyzxg] {
    margin-bottom: 15px;
}

.bonuses-header[b-ex9q3jyzxg] {
    display: flex;
    padding: 8px 12px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 215, 0, 0.3);
    gap: 10px;
}

.bonuses-header .header-stat[b-ex9q3jyzxg] {
    flex: 1;
    color: #ffd700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bonuses-header .header-gov[b-ex9q3jyzxg] {
    min-width: 55px;
    text-align: right;
    color: #aaa;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bonuses-header .header-total[b-ex9q3jyzxg] {
    min-width: 55px;
    text-align: right;
    color: #ffd700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
}

.bonuses-columns[b-ex9q3jyzxg] {
    display: flex;
    gap: 30px;
}

.bonuses-columns .bonuses-column[b-ex9q3jyzxg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bonus-row[b-ex9q3jyzxg] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    gap: 10px;
}

.bonus-row .bonus-stat[b-ex9q3jyzxg] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bonus-row .bonus-icon[b-ex9q3jyzxg] {
    font-size: 1.1rem;
    min-width: 22px;
}

.bonus-row .bonus-label[b-ex9q3jyzxg] {
    color: #ccc;
    font-size: 0.85rem;
}

.bonus-row .bonus-gov[b-ex9q3jyzxg] {
    min-width: 55px;
    text-align: right;
    font-size: 0.85rem;
    color: #888;
}

.bonus-row .bonus-total[b-ex9q3jyzxg] {
    min-width: 55px;
    text-align: right;
    font-weight: bold;
    font-size: 0.95rem;
}

.bonus-row .bonus-gov.bonus-positive[b-ex9q3jyzxg] {
    color: #6b9b6e;
}

.bonus-row .bonus-gov.bonus-neutral[b-ex9q3jyzxg] {
    color: #b08030;
}

.bonus-row .bonus-gov.bonus-negative[b-ex9q3jyzxg] {
    color: #b05050;
}

.bonus-row .bonus-total.bonus-positive[b-ex9q3jyzxg] {
    color: #4caf50;
    text-shadow: 0 0 8px rgba(76, 175, 80, 0.5);
}

.bonus-row .bonus-total.bonus-neutral[b-ex9q3jyzxg] {
    color: #ff9800;
    text-shadow: 0 0 8px rgba(255, 152, 0, 0.5);
}

.bonus-row .bonus-total.bonus-negative[b-ex9q3jyzxg] {
    color: #f44336;
    text-shadow: 0 0 8px rgba(244, 67, 54, 0.5);
}

.bonus-item[b-ex9q3jyzxg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border-left: 3px solid #555;
}

.bonus-item.bonus-positive .bonus-value[b-ex9q3jyzxg] {
    color: #4caf50;
}

.bonus-item.bonus-neutral .bonus-value[b-ex9q3jyzxg] {
    color: #888;
}

.bonus-item.bonus-negative .bonus-value[b-ex9q3jyzxg] {
    color: #f44336;
}

.bonus-icon[b-ex9q3jyzxg] {
    font-size: 1.2rem;
    min-width: 25px;
}

.bonus-label[b-ex9q3jyzxg] {
    color: #aaa;
    font-size: 0.9rem;
    flex: 1;
}

.bonus-value[b-ex9q3jyzxg] {
    font-weight: bold;
    font-size: 0.95rem;
}

.revolution-btn[b-ex9q3jyzxg] {
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.revolution-btn:hover[b-ex9q3jyzxg] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

/* Research Section */
.research-section[b-ex9q3jyzxg] {
    padding: 20px;
}

.research-info[b-ex9q3jyzxg] {
    margin-bottom: 30px;
    padding: 20px;
    background: rgba(20, 20, 40, 0.6);
    border-left: 4px solid #667eea;
    border-radius: 5px;
}

.research-info h2[b-ex9q3jyzxg] {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.research-info p[b-ex9q3jyzxg] {
    color: #aaa;
    margin: 0;
}

.research-tree-container[b-ex9q3jyzxg] {
    position: relative;
    overflow-x: auto;
    padding: 20px 0;
}

.research-tree-svg[b-ex9q3jyzxg] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1400px;
    height: 1300px;
    pointer-events: none;
    z-index: 1;
}

.connection-line[b-ex9q3jyzxg] {
    fill: none;
    stroke: rgba(100, 150, 255, 0.4);
    stroke-width: 3;
    transition: all 0.3s ease;
}

.connection-line.discovered[b-ex9q3jyzxg] {
    stroke: #4caf50;
    stroke-width: 4;
}

.research-tree[b-ex9q3jyzxg] {
    position: relative;
    min-width: 1400px;
    min-height: 1300px;
    z-index: 2;
}

.research-node[b-ex9q3jyzxg] {
    position: absolute;
    width: 220px;
    transition: all 0.3s ease;
}

.research-card[b-ex9q3jyzxg] {
    background: rgba(20, 20, 40, 0.95);
    border: 2px solid rgba(100, 150, 255, 0.3);
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
    height: 170px;
    display: flex;
    flex-direction: column;
}

.research-node:hover .research-card[b-ex9q3jyzxg] {
    border-color: rgba(100, 150, 255, 0.8);
    box-shadow: 0 0 25px rgba(100, 150, 255, 0.5);
    transform: scale(1.02);
}

.research-node.discovered .research-card[b-ex9q3jyzxg] {
    border-color: rgba(76, 175, 80, 0.8);
    background: rgba(20, 40, 20, 0.95);
    box-shadow: 0 0 20px rgba(76, 175, 80, 0.3);
}

.research-card h4[b-ex9q3jyzxg] {
    color: #ffd700;
    font-size: 0.95rem;
    margin: 0 0 8px 0;
    text-align: center;
    line-height: 1.2;
}

.research-description[b-ex9q3jyzxg] {
    color: #ccc;
    font-size: 0.8rem;
    line-height: 1.3;
    margin: 0 0 10px 0;
    flex: 1;
}

.research-cost[b-ex9q3jyzxg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.cost-item[b-ex9q3jyzxg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    font-size: 0.8rem;
}

.cost-icon[b-ex9q3jyzxg] {
    font-size: 0.9rem;
}

.cost-value[b-ex9q3jyzxg] {
    color: #fff;
    font-weight: bold;
}

.research-btn[b-ex9q3jyzxg] {
    width: 100%;
    padding: 6px;
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
    border: none;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.85rem;
    margin-top: auto;
}

.research-btn:hover[b-ex9q3jyzxg] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

.discovered-badge[b-ex9q3jyzxg] {
    width: 100%;
    padding: 6px;
    background: rgba(76, 175, 80, 0.3);
    border: 1px solid rgba(76, 175, 80, 0.6);
    border-radius: 5px;
    color: #4caf50;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.85rem;
    margin-top: auto;
}
/* /Pages/Search.razor.rz.scp.css */
/* Search results container */
.search-results-container[b-2wnkgtle9f] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Empty state */
.search-empty[b-2wnkgtle9f] {
    text-align: center;
    padding: 3rem 1rem;
    color: #888;
    font-size: 16px;
}

/* Header row */
.search-header-row[b-2wnkgtle9f] {
    display: flex;
    background: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
    margin: 0 0 0.5rem 0;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    text-shadow: 2px 2px 5px black;
}

/* Data row */
.search-data-row[b-2wnkgtle9f] {
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s;
    align-items: center;
    text-shadow: 2px 2px 5px black;
    cursor: pointer;
}

.search-data-row:hover[b-2wnkgtle9f] {
    background-color: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

/* Column widths */
.search-col-name[b-2wnkgtle9f] {
    flex: 0 0 250px;
    font-weight: 500;
    padding-right: 1rem;
    color: white;
}

.search-col-system[b-2wnkgtle9f] {
    flex: 0 0 150px;
    padding-right: 1rem;
    color: white;
}

.search-col-alliance[b-2wnkgtle9f] {
    flex: 0 0 200px;
    padding-right: 1rem;
    color: #87ceeb;
}

.search-col-area[b-2wnkgtle9f] {
    flex: 0 0 150px;
    text-align: right;
    padding-right: 1rem;
    color: #b0b0b0;
}

.search-col-score[b-2wnkgtle9f] {
    flex: 1;
    text-align: right;
    padding-right: 1rem;
    color: #ffd700;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .search-col-name[b-2wnkgtle9f] {
        flex: 0 0 200px;
    }

    .search-col-system[b-2wnkgtle9f],
    .search-col-alliance[b-2wnkgtle9f],
    .search-col-area[b-2wnkgtle9f] {
        flex: 0 0 120px;
    }
}

@media (max-width: 767px) {
    .search-header-row[b-2wnkgtle9f] {
        display: none;
    }

    .search-data-row[b-2wnkgtle9f] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .search-col-name[b-2wnkgtle9f],
    .search-col-system[b-2wnkgtle9f],
    .search-col-alliance[b-2wnkgtle9f],
    .search-col-area[b-2wnkgtle9f],
    .search-col-score[b-2wnkgtle9f] {
        flex: 1 1 auto;
        text-align: left;
        padding-right: 0;
    }

    .search-col-name[b-2wnkgtle9f] {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .search-col-system[b-2wnkgtle9f]::before {
        content: "Vláda: ";
        font-weight: 600;
        color: white;
    }

    .search-col-alliance[b-2wnkgtle9f]::before {
        content: "Alliance: ";
        font-weight: 600;
        color: white;
    }

    .search-col-area[b-2wnkgtle9f]::before {
        content: "Rozloha: ";
        font-weight: 600;
        color: white;
    }

    .search-col-score[b-2wnkgtle9f]::before {
        content: "Skóre: ";
        font-weight: 600;
        color: white;
    }
}
/* /Pages/StateDetail.razor.rz.scp.css */
/* Detail table container */
.detail-table-container[b-8t4b0j5y7g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 1.5rem;
}

/* Data row */
.detail-data-row[b-8t4b0j5y7g] {
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0.75rem 1rem;
    border-radius: 3px;
    transition: background-color 0.2s;
    align-items: center;
    text-shadow: 2px 2px 5px black;
}

.detail-data-row:hover[b-8t4b0j5y7g] {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Column widths */
.detail-col-label[b-8t4b0j5y7g] {
    flex: 0 0 200px;
    font-weight: 600;
    padding-right: 2rem;
    color: lightgray;
    font-size: 14px;
}

.detail-col-value[b-8t4b0j5y7g] {
    flex: 1;
    color: white;
    font-size: 15px;
}

/* Special value styling */
.detail-score[b-8t4b0j5y7g] {
    color: #ffd700;
    font-weight: 600;
}

.detail-alliance[b-8t4b0j5y7g] {
    color: #87ceeb;
}

/* Actions container */
.detail-actions-container[b-8t4b0j5y7g] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Action buttons */
.detail-action-btn[b-8t4b0j5y7g] {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 6px;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
    text-shadow: 2px 2px 5px black;
}

.detail-action-btn:hover[b-8t4b0j5y7g] {
    background: rgba(32, 178, 170, 0.5);
    border-color: lightseagreen;
}

.detail-action-btn svg[b-8t4b0j5y7g] {
    flex-shrink: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .detail-data-row[b-8t4b0j5y7g] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding: 1rem;
    }

    .detail-col-label[b-8t4b0j5y7g],
    .detail-col-value[b-8t4b0j5y7g] {
        flex: 1 1 auto;
        padding-right: 0;
    }

    .detail-col-label[b-8t4b0j5y7g] {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        color: rgba(32, 178, 170, 0.8);
        margin-bottom: 0.25rem;
    }

    .detail-col-value[b-8t4b0j5y7g] {
        font-size: 16px;
    }

    .detail-actions-container[b-8t4b0j5y7g] {
        flex-direction: column;
    }

    .detail-action-btn[b-8t4b0j5y7g] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Trade.razor.rz.scp.css */
/* Trade table container */
.trade-table-container[b-eybag35s8q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Group label - subtle category separator */
.trade-group-label[b-eybag35s8q] {
    padding: 0.5rem 0.25rem;
    margin: 1.5rem 0 0.5rem 0;
    font-size: 13px;
    font-weight: 600;
    color: rgba(32, 178, 170, 0.8);
    text-shadow: 2px 2px 5px black;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Header row */
.trade-header-row[b-eybag35s8q] {
    display: flex;
    background: rgba(32, 178, 170, 0.3);
    border: 1px solid rgba(32, 178, 170, 0.5);
    margin: 0 0 0.5rem 0;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    text-shadow: 2px 2px 5px black;
}

/* Data row */
.trade-data-row[b-eybag35s8q] {
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s;
    align-items: center;
    text-shadow: 2px 2px 5px black;
}

.trade-data-row:hover[b-eybag35s8q] {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Column widths for buy tab */
.trade-col-commodity[b-eybag35s8q] {
    flex: 0 0 180px;
    display: flex;
    align-items: center;
    padding-right: 1rem;
    font-weight: 500;
}

.trade-col-owned[b-eybag35s8q] {
    flex: 0 0 100px;
    text-align: right;
    padding-right: 1rem;
    color: #ffd700;
}

.trade-col-available[b-eybag35s8q] {
    flex: 0 0 100px;
    text-align: right;
    padding-right: 1rem;
    color: lightgray;
}

.trade-col-price[b-eybag35s8q] {
    flex: 0 0 100px;
    text-align: right;
    padding-right: 1rem;
    color: lightgray;
}

.trade-col-amount[b-eybag35s8q] {
    flex: 0 0 150px;
    padding-right: 1rem;
}

.trade-col-action[b-eybag35s8q] {
    flex: 1;
    min-width: 120px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .trade-header-row[b-eybag35s8q],
    .trade-data-row[b-eybag35s8q] {
        font-size: 12px;
        padding: 0.4rem;
    }

    .trade-col-commodity[b-eybag35s8q] {
        flex: 0 0 150px;
    }

    .trade-col-owned[b-eybag35s8q],
    .trade-col-available[b-eybag35s8q],
    .trade-col-price[b-eybag35s8q] {
        flex: 0 0 80px;
    }

    .trade-col-amount[b-eybag35s8q] {
        flex: 0 0 120px;
    }
}

@media (max-width: 767px) {
    .trade-header-row[b-eybag35s8q] {
        display: none;
    }

    .trade-data-row[b-eybag35s8q] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .trade-col-commodity[b-eybag35s8q],
    .trade-col-owned[b-eybag35s8q],
    .trade-col-available[b-eybag35s8q],
    .trade-col-price[b-eybag35s8q],
    .trade-col-amount[b-eybag35s8q],
    .trade-col-action[b-eybag35s8q] {
        flex: 1 1 auto;
        text-align: left;
        padding-right: 0;
    }

    .trade-col-commodity[b-eybag35s8q] {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .trade-col-owned[b-eybag35s8q]::before {
        content: "Vlastněné: ";
        font-weight: 600;
        color: white;
    }

    .trade-col-available[b-eybag35s8q]::before {
        content: "Dostupné: ";
        font-weight: 600;
        color: white;
    }

    .trade-col-price[b-eybag35s8q]::before {
        content: "Cena: ";
        font-weight: 600;
        color: white;
    }
}
/* /Pages/WarAttack.razor.rz.scp.css */
/* Page Layout */
.war-attack-page[b-vqn2ezk6qn] {
    padding: 0 15px;
}

/* Content wrapper inside ContentTile */
.war-attack-content[b-vqn2ezk6qn] {
    padding: 1rem;
}

/* Target Selector Section */
.target-selector-section[b-vqn2ezk6qn] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.target-selector-inner[b-vqn2ezk6qn] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

/* Attack Tabs Section */
.attack-tabs-section[b-vqn2ezk6qn] {
    flex: 1;
    min-height: 0;
}

.attack-tabs-section[b-vqn2ezk6qn]  .side-tab-control-container {
    margin-bottom: 0;
}

.target-icon-section[b-vqn2ezk6qn] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.target-info-section[b-vqn2ezk6qn] {
    flex: 1;
    min-width: 0;
}

/* Search Wrapper */
.search-wrapper[b-vqn2ezk6qn] {
    position: relative;
}

.search-results-dropdown[b-vqn2ezk6qn] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(10, 10, 20, 0.95);
    border: 1px solid rgba(100, 150, 255, 0.4);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 4px;
}

.search-result-item[b-vqn2ezk6qn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    transition: background-color 0.2s;
    text-shadow: 2px 2px 5px black;
}

.search-result-item:hover[b-vqn2ezk6qn] {
    background: rgba(100, 150, 255, 0.2);
}

.result-name[b-vqn2ezk6qn] {
    font-weight: 600;
    color: white;
}

.result-alliance[b-vqn2ezk6qn] {
    color: #87ceeb;
    font-size: 0.85rem;
}

.no-results[b-vqn2ezk6qn] {
    display: block;
    padding: 0.75rem;
    color: #888;
    text-align: center;
}

/* Selected Target Display */
.selected-target[b-vqn2ezk6qn] {
    text-shadow: 2px 2px 5px black;
}

.target-header[b-vqn2ezk6qn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.target-label[b-vqn2ezk6qn] {
    font-size: 0.7rem;
    color: #888;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.clear-target-btn[b-vqn2ezk6qn] {
    background: rgba(255, 100, 100, 0.2);
    border: 1px solid rgba(255, 100, 100, 0.4);
    border-radius: 4px;
    padding: 4px 6px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-target-btn:hover[b-vqn2ezk6qn] {
    background: rgba(255, 100, 100, 0.4);
    border-color: rgba(255, 100, 100, 0.6);
}

.target-name[b-vqn2ezk6qn] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffd700;
    font-family: Consolas, monospace;
    margin-bottom: 0.5rem;
}

.target-details[b-vqn2ezk6qn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-item[b-vqn2ezk6qn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #b0b0b0;
    font-size: 0.9rem;
}

/* Attack Panel - flex layout for button positioning */
.attack-panel[b-vqn2ezk6qn] {
    text-shadow: 2px 2px 5px black;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.attack-header-section[b-vqn2ezk6qn] {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.attack-image-placeholder[b-vqn2ezk6qn] {
    flex-shrink: 0;
    width: 140px;
    height: 120px;
    background: linear-gradient(135deg, rgba(60, 60, 80, 0.6) 0%, rgba(40, 40, 60, 0.8) 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.attack-image-placeholder.air-strike[b-vqn2ezk6qn] {
    background: linear-gradient(135deg, rgba(60, 80, 100, 0.6) 0%, rgba(40, 60, 80, 0.8) 100%);
}

.attack-image-placeholder.ground-ops[b-vqn2ezk6qn] {
    background: linear-gradient(135deg, rgba(80, 70, 60, 0.6) 0%, rgba(60, 50, 40, 0.8) 100%);
}

.image-placeholder-content[b-vqn2ezk6qn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.4);
}

.image-placeholder-content svg[b-vqn2ezk6qn] {
    opacity: 0.5;
}

.image-placeholder-content span[b-vqn2ezk6qn] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.attack-description[b-vqn2ezk6qn] {
    flex: 1;
}

.attack-description h3[b-vqn2ezk6qn] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    color: #ffd700;
    font-family: Consolas, monospace;
}

.attack-description p[b-vqn2ezk6qn] {
    margin: 0;
    color: #b0b0b0;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Units Grid */
.units-grid[b-vqn2ezk6qn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    overflow-y: auto;
}

.unit-row[b-vqn2ezk6qn] {
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    padding: 0.6rem 0.75rem;
    transition: background-color 0.2s;
}

.unit-row:hover[b-vqn2ezk6qn] {
    background: rgba(0, 0, 0, 0.55);
}

.unit-info[b-vqn2ezk6qn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.unit-name[b-vqn2ezk6qn] {
    font-weight: 600;
    color: white;
    font-size: 0.95rem;
}

.unit-available[b-vqn2ezk6qn] {
    font-size: 0.8rem;
    color: #888;
}

.unit-available strong[b-vqn2ezk6qn] {
    color: #ffd700;
}

.unit-input[b-vqn2ezk6qn] {
    flex: 0 0 200px;
}

/* Attack Action Button - always at bottom right */
.attack-action[b-vqn2ezk6qn] {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 767px) {
    .target-selector-inner[b-vqn2ezk6qn] {
        flex-direction: column;
        text-align: center;
    }

    .target-icon-section[b-vqn2ezk6qn] {
        width: 70px;
        height: 70px;
    }

    .target-details[b-vqn2ezk6qn] {
        justify-content: center;
    }

    .attack-header-section[b-vqn2ezk6qn] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .attack-image-placeholder[b-vqn2ezk6qn] {
        width: 100%;
        max-width: 200px;
    }

    .unit-row[b-vqn2ezk6qn] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .unit-info[b-vqn2ezk6qn] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .unit-input[b-vqn2ezk6qn] {
        flex: 1 1 auto;
    }

    .attack-action[b-vqn2ezk6qn] {
        justify-content: stretch;
    }
}

@media (max-width: 576px) {
    .war-attack-page[b-vqn2ezk6qn] {
        padding: 0 10px;
    }

    .target-selector-section[b-vqn2ezk6qn] {
        padding: 0.75rem;
    }

    .target-name[b-vqn2ezk6qn] {
        font-size: 1.2rem;
    }

    .attack-description h3[b-vqn2ezk6qn] {
        font-size: 1.1rem;
    }

    .attack-description p[b-vqn2ezk6qn] {
        font-size: 0.85rem;
    }
}
/* /SubPages/Colonization.razor.rz.scp.css */