/* === ACTION CENTER === */
.action-center h4 { 
    font-size: 16px; 
    margin-bottom: 12px; 
    font-weight: 700; 
}
.plan-card { 
    background-color: var(--card-bg); 
    border-radius: 12px; 
    display: flex; 
    padding: 12px; 
    gap: 12px; 
    align-items: center; 
    border: 1px solid var(--border-color); 
}
.plan-img { 
    width: 55px; 
    height: 55px; 
    border-radius: 8px; 
    object-fit: cover; 
}
.plan-info { 
    flex-grow: 1; 
}
.plan-info h5 { 
    font-size: 14px; 
    font-weight: 600; 
    margin-bottom: 2px; 
}
.plan-info p { 
    font-size: 12px; 
    color: var(--text-secondary); 
}

/* ========= ACTIONS ========= */

.action-center{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.action-center h4{
    font-size:18px;
    font-weight:800;
}

.action-card{
    text-decoration:none;
    color:inherit;
}

.action-card.featured{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px;
    border-radius:22px;
    background:linear-gradient(135deg,#3759a3,#4f74d6);
    overflow:hidden;
    position:relative;
}

.action-card.featured::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-70px;
    top:-60px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}

.action-tag{
    display:inline-block;
    padding:5px 10px;
    border-radius:30px;
    background:rgba(255,255,255,.18);
    font-size:11px;
    font-weight:700;
    margin-bottom:10px;
}

.action-content{
    position:relative;
    z-index:2;
}

.action-content h3{
    font-size:23px;
    margin-bottom:8px;
}

.action-content p{
    font-size:14px;
    opacity:.9;
    max-width:220px;
}

.action-icon{
    font-size:56px;
    opacity:.9;
    position:relative;
    z-index:2;
}

.action-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.action-card.small{
    border-radius:18px;
    padding:20px;
    min-height:135px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:.2s;
}

.action-card.small i{
    font-size:30px;
}

.action-card.small h5{
    font-size:18px;
}

.action-card.small span{
    font-size:13px;
    opacity:.8;
}

.action-card.small.blue{
    background:#263859;
}

.action-card.small.green{
    background:#21463a;
}

.action-card.horizontal{
    grid-column:1/3;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px;
    border-radius:18px;
    background:#1f1f1f;
    border:1px solid var(--border-color);
}

.action-card.horizontal h5{
    font-size:18px;
    margin-bottom:5px;
}

.action-card.horizontal p{
    font-size:13px;
    color:var(--text-secondary);
    max-width:220px;
}

.action-card.horizontal i{
    font-size:36px;
    color:var(--accent-color);
}

.action-card:active{
    transform:scale(.98);
}