/* ========================================== */
/* EQUIPMENT BUILDER STYLES                   */
/* ========================================== */

.equip-panel {
    background: #1a1e16;
    border: 2px solid #3b2b1e;
    border-radius: 4px;
    padding: 15px;
    margin: 10px 0;
    font-family: 'Cuprum', sans-serif;
    color: #d4cbb3;
}

.equip-panel-header {
    font-family: 'Oswald', sans-serif;
    color: #c49a45;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.equip-panel-body {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.equip-select {
    flex: 1;
    min-width: 200px;
    background: #141610;
    border: 1px solid #3e4a36;
    color: #e6dcc5;
    padding: 6px 10px;
    border-radius: 2px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
}

.equip-btn-apply {
    background: rgba(76, 175, 80, 0.15);
    border: 1px solid #4CAF50;
    color: #4CAF50;
    padding: 6px 14px;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    transition: 0.2s;
}
.equip-btn-apply:hover { background: #4CAF50; color: #fff; }

.equip-btn-manage {
    background: rgba(196, 154, 69, 0.15);
    border: 1px solid #c49a45;
    color: #c49a45;
    padding: 6px 14px;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    transition: 0.2s;
}
.equip-btn-manage:hover { background: #c49a45; color: #fff; }

/* --- ÌÎÄÀËÊÀ --- */
.equip-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(10, 12, 8, 0.9);
    backdrop-filter: blur(4px) sepia(30%);
    z-index: 100002;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.equip-modal.active { display: flex; }

.equip-modal-card {
    background: #1a1e16;
    background-image: linear-gradient(rgba(26, 30, 22, 0.95), rgba(15, 18, 12, 0.98)), url('https://upforme.ru/uploads/0019/34/22/2/915740.png');
    background-size: cover;
    background-position: center;
    border: 3px solid #3b2b1e;
    outline: 1px solid #c49a45;
    outline-offset: -5px;
    border-radius: 4px;
    padding: 22px 25px;
    width: 90%;
    max-width: 550px;
    color: #d4cbb3;
    font-family: 'Cuprum', sans-serif;
    position: relative;
    box-shadow: 0 20px 50px rgba(0,0,0,1), inset 0 0 40px rgba(0,0,0,0.8);
    max-height: 90vh;
    overflow-y: auto;
}

.equip-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    color: #8b4513;
    font-size: 22px;
    cursor: pointer;
    transition: 0.2s;
}
.equip-modal-close:hover { color: #c49a45; transform: scale(1.1); }

.equip-modal-card h2 {
    font-family: 'Forum', serif;
    font-size: 20px;
    color: #c49a45;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #3e4a36;
    letter-spacing: 2px;
}

.equip-tabs {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
    justify-content: center;
}

.eq-tab {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #141610;
    border: 2px solid #3e4a36;
    color: #777;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eq-tab:hover { border-color: #c49a45; color: #c49a45; }
.eq-tab.active { border-color: #c49a45; color: #c49a45; box-shadow: 0 0 10px rgba(196,154,69,0.4); }
.eq-tab.has-data { background: rgba(196, 154, 69, 0.1); }

.equip-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.equip-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.equip-field label {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    color: #7f8a75;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.equip-field input,
.equip-field select {
    background: #141610;
    border: 1px solid #3e4a36;
    color: #e6dcc5;
    padding: 8px 10px;
    border-radius: 2px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}
.equip-field input:focus,
.equip-field select:focus {
    outline: none;
    border-color: #c49a45;
    box-shadow: 0 0 8px rgba(196,154,69,0.3);
}

.equip-row {
    display: flex;
    gap: 10px;
}

.equip-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px dashed #3e4a36;
}

.eq-btn-save {
    background: rgba(76, 175, 80, 0.15);
    border: 1px solid #4CAF50;
    color: #4CAF50;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.2s;
}
.eq-btn-save:hover { background: #4CAF50; color: #fff; }

.eq-btn-delete {
    background: rgba(255, 82, 82, 0.1);
    border: 1px solid #ff5252;
    color: #ff5252;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.2s;
    margin-right: auto;
}
.eq-btn-delete:hover { background: #ff5252; color: #fff; }