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

.app-quick-actions {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.app-quick-action {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 8px;
    border: 1px solid var(--border,#E2E8F0);
    border-radius: 18px;
    background: #fff;
    text-align: center;
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

    .app-quick-action:hover {
        border-color: #CBD5E1;
        box-shadow: 0 7px 20px rgba(15,23,42,.05);
        transform: translateY(-1px);
    }

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

.app-quick-action__icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 14px;
    background: #F1F5F9;
    color: #64748B;
}

    .app-quick-action__icon svg {
        width: 23px;
        height: 23px;
    }

.app-quick-action__icon--primary {
    background: #DCFCE7;
    color: #15803D;
}

.app-quick-action__icon--info {
    background: #DBEAFE;
    color: #1D4ED8;
}

.app-quick-action__icon--warning {
    background: #FFEDD5;
    color: #C2410C;
}

.app-quick-action__icon--success {
    background: #CCFBF1;
    color: #0F766E;
}

.app-quick-action__icon--danger {
    background: #FEE2E2;
    color: #B91C1C;
}

.app-quick-action__icon--purple {
    background: #F3E8FF;
    color: #7E22CE;
}

.app-quick-action strong {
    display: block;
    color: var(--text,#0F172A);
    font-size: 12px;
    font-weight: 700;
}

.app-quick-action small {
    display: block;
    margin-top: 4px;
    color: var(--text-light,#64748B);
    font-size: 9px;
    line-height: 1.4;
}

@media(max-width:360px) {

    .app-quick-actions {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}