.aegis-hex {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--aegis-text);
    background: linear-gradient(145deg, rgba(63,203,255,.62), rgba(214,40,57,.54));
    clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}

.aegis-hex::before {
    position: absolute;
    inset: 2px;
    content: "";
    background: var(--aegis-bg-main);
    clip-path: inherit;
}

.aegis-hex > * { position: relative; z-index: 1; }
.aegis-hex--sm { width: 40px; height: 36px; }
.aegis-hex--md { width: 52px; height: 46px; }
.aegis-hex--lg { width: 66px; height: 58px; }

.aegis-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.aegis-status::before {
    width: 7px;
    height: 7px;
    content: "";
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 10px currentColor;
}

.aegis-status--online { color: var(--aegis-green); }
.aegis-status--pending { color: #97a5b4; }
.aegis-status--warning { color: var(--aegis-amber); }
.aegis-status--offline { color: var(--aegis-red); }

.aegis-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    color: var(--aegis-text);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid var(--aegis-border);
    border-radius: var(--aegis-radius-md);
    transition: transform var(--aegis-transition-fast), box-shadow var(--aegis-transition-fast), border-color var(--aegis-transition-fast);
}

.aegis-button:hover { transform: translateY(-2px); }
.aegis-button--primary {
    color: white;
    background: linear-gradient(135deg, var(--aegis-red), var(--aegis-red-bright));
    border-color: var(--aegis-red-bright);
}
.aegis-button--outline { color: var(--aegis-text-muted); background: transparent; }
.aegis-button--outline:hover { color: var(--aegis-text); border-color: var(--aegis-cyan); }

.aegis-card, .aegis-panel {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(24,33,44,.96), rgba(13,18,25,.96));
    border: 1px solid var(--aegis-border);
    border-radius: var(--aegis-radius-lg);
    box-shadow: var(--aegis-shadow-md);
}

.aegis-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 44%;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, var(--aegis-cyan), transparent);
}

.aegis-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--aegis-border);
}

.aegis-panel__title {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.aegis-panel__subtitle {
    margin: 5px 0 0;
    color: #607083;
    font-size: 11px;
}

.aegis-panel__body { padding: 20px 22px 22px; }

.aegis-auth-slot label {
    color: var(--aegis-text) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.aegis-auth-slot input {
    color: var(--aegis-text) !important;
    background: rgba(7,11,16,.68) !important;
    border-color: var(--aegis-border) !important;
}

.aegis-auth-slot input:focus {
    border-color: var(--aegis-cyan) !important;
    box-shadow: 0 0 0 1px rgba(63,203,255,.4) !important;
}

.aegis-auth-slot button[type="submit"] {
    min-height: 46px;
    color: white !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--aegis-red), var(--aegis-red-bright)) !important;
}