/* =========================================================
   TERRENCE ZHU CAMPAIGN FIELD HQ
   GLOBAL APPLICATION STYLES
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');


/* ---------------------------------------------------------
   GLOBAL FONT
   --------------------------------------------------------- */

html,
body,
body *,
button,
input,
select,
textarea,
label,
a {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}


/* Form controls */
input,
button,
select,
textarea {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   CAMPAIGN FIELD HQ - GLOBAL QUICK ACTIONS
   ========================================================= */

.field-quick-actions {

    display:grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:12px;

    margin-top:18px;
}


.field-quick-action {

    display:block;

    min-width:0;

    padding:16px 17px;

    border:1px solid #e5e7eb;

    border-radius:11px;

    background:#fafbfc;

    text-decoration:none;

    transition:
        transform .15s,
        border-color .15s,
        background .15s;
}


.field-quick-action:hover {

    transform:translateY(-2px);

    border-color:#bcc7d3;

    background:#ffffff;
}


.field-quick-action.active {

    border-color:#0b2948;

    background:#eef3f8;
}


.field-quick-title {

    color:#0b2948;

    font-size:14px;

    font-weight:800;

    line-height:1.25;
}


.field-quick-copy {

    margin-top:5px;

    color:#6b7280;

    font-size:10px;

    line-height:1.4;
}


@media(max-width:850px) {

    .field-quick-actions {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:10px;
    }


    .field-quick-action {

        padding:14px;
    }

}


@media(max-width:420px) {

    .field-quick-actions {

        grid-template-columns:1fr;
    }

}