/* Diário Afetivo — referência aprovada para celular (360 px). */
@media (max-width: 620px) {
    .diary-page-head {
        margin-bottom: 9px !important;
    }

    .diary-page-head p {
        display: none !important;
    }

    .diary-top-strip {
        display: block !important;
        grid-template: none !important;
        grid-template-areas: none !important;
        margin: 0 8px 10px !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    .diary-top-strip > * {
        grid-area: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        min-height: 0 !important;
    }

    .diary-top-summary,
    .diary-top-moods {
        display: none !important;
    }

    .diary-top-categories {
        background: #fff !important;
        border: 1px solid #dce8ef !important;
        border-radius: 15px !important;
        box-shadow: 0 7px 18px rgba(24, 57, 92, .055) !important;
        display: block !important;
        min-height: 0 !important;
        padding: 12px 13px 13px !important;
    }

    .diary-top-categories h2 {
        color: #062d67 !important;
        font-size: 14px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    .diary-top-categories p {
        color: #67809a !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        margin: 3px 0 7px !important;
    }

    .diary-top-categories .category-meter {
        gap: 5px !important;
        grid-template-columns: 19px minmax(66px, .85fr) minmax(74px, 1fr) 14px !important;
        margin-top: 5px !important;
        min-height: 20px !important;
    }

    .diary-top-categories .category-meter-icon {
        height: 19px !important;
        width: 19px !important;
    }

    .diary-top-categories .category-meter-name,
    .diary-top-categories .category-meter strong {
        font-size: 10px !important;
    }

    .diary-quick-outside-wrap {
        margin: 0 8px 10px !important;
        padding: 0 !important;
    }

    .diary-quick-form.diary-quick-form--outside {
        background: #e7f7f3 !important;
        border: 1px solid #a9e4d9 !important;
        border-left: 4px solid #0a9d8f !important;
        border-radius: 15px !important;
        box-shadow: 0 7px 16px rgba(13, 135, 125, .075) !important;
        display: grid !important;
        gap: 6px !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 28px 35px !important;
        min-height: 0 !important;
        padding: 8px 9px !important;
    }

    .diary-quick-form--outside .diary-quick-head {
        align-items: center !important;
        display: grid !important;
        gap: 7px !important;
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        grid-template-columns: 27px minmax(0, 1fr) auto !important;
        min-height: 0 !important;
    }

    .diary-quick-form--outside .diary-quick-icon {
        background: #dcf6f0 !important;
        color: #078e81 !important;
        height: 27px !important;
        width: 27px !important;
    }

    .diary-quick-form--outside .diary-quick-copy strong {
        color: #06366f !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .diary-quick-form--outside .diary-quick-subtitle {
        display: none !important;
    }

    .diary-quick-form--outside .diary-quick-month-count {
        color: #264b70 !important;
        font-size: 8px !important;
        line-height: 1.05 !important;
        max-width: 94px !important;
        text-align: right !important;
    }

    .diary-quick-form--outside .diary-quick-month-count b {
        color: #062d67 !important;
        font-size: 10px !important;
    }

    .diary-quick-form--outside .diary-quick-fields {
        align-items: stretch !important;
        display: grid !important;
        gap: 7px !important;
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 35px !important;
        max-width: none !important;
        min-height: 35px !important;
    }

    .diary-quick-form--outside .diary-quick-fields .quick-pick {
        background: #f9fdfc !important;
        border: 1px solid #c8e8e1 !important;
        border-radius: 9px !important;
        display: grid !important;
        gap: 1px !important;
        grid-template-columns: 1fr !important;
        min-height: 35px !important;
        padding: 4px 7px !important;
    }

    .diary-quick-form--outside .diary-quick-fields .quick-pick span {
        color: #15517d !important;
        font-size: 8px !important;
        line-height: 1 !important;
    }

    .diary-quick-form--outside .diary-quick-fields .quick-pick select {
        font-size: 10px !important;
        line-height: 1 !important;
        min-height: 15px !important;
        padding-right: 13px !important;
    }

    .diary-quick-form--outside .diary-quick-submit.action-icon-control {
        align-self: stretch !important;
        background: #dff7f2 !important;
        border-color: #9edfd3 !important;
        border-radius: 10px !important;
        color: #078d80 !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
        height: 35px !important;
        margin: 0 !important;
        min-width: 35px !important;
        padding: 0 !important;
        width: 35px !important;
    }

    .diary-workspace {
        margin-top: 0 !important;
    }
}