.agro-account {
    display: grid;
    gap: 26px;
}

.content-page > .agro-account-dashboard {
    width: min(1180px, calc(100vw - 40px));
    margin-left: 50%;
    transform: translateX(-50%);
}

.agro-account__intro {
    max-width: 860px;
}

.agro-account__intro h2 {
    margin: 0;
    font-family: var(--agro-font-display, system-ui);
    font-size: var(--agro-type-panel-title, 32px);
    line-height: 1.15;
    font-weight: var(--agro-weight-semibold, 600);
}

.agro-account__intro p:not(.eyebrow) {
    margin: 12px 0 0;
    color: var(--agro-ink-700, #26342b);
    font-size: var(--agro-type-lead, 18px);
    line-height: 1.6;
}

.agro-account__notice {
    display: grid;
    gap: 12px;
    padding: 18px 20px;
    background: var(--agro-white, #fff);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-card, 8px);
    box-shadow: var(--agro-shadow-soft, 0 6px 18px rgb(7 61 36 / 0.08));
}

.agro-account__notice p,
.agro-account__notice h2 {
    margin: 0;
}

.agro-account__notice--success {
    background: var(--agro-green-100, #e9f4e6);
    border-color: var(--agro-green-500, #2e9f45);
}

.agro-account__notice--error {
    background: #fff7f7;
    border-color: #f2b8b5;
}

.agro-account__access-grid,
.agro-account-dashboard__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

.agro-account-panel {
    display: grid;
    gap: 18px;
    padding: 24px;
    background: var(--agro-white, #fff);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-card, 8px);
    box-shadow: var(--agro-shadow-soft, 0 6px 18px rgb(7 61 36 / 0.08));
}

.agro-account-panel--full {
    grid-column: 1 / -1;
}

.agro-account-panel h3,
.agro-account-panel h4 {
    margin: 0;
}

.agro-account-panel__head,
.agro-account-edit-form__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.agro-account-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.agro-account-tabs a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 0 14px;
    color: var(--agro-green-900, #073d24);
    background: var(--agro-white, #fff);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-control, 8px);
}

.agro-account-tabs a.is-active,
.agro-account-tabs a[aria-current="page"] {
    color: var(--agro-white, #fff);
    background: var(--agro-green-800, #0f5a31);
    border-color: var(--agro-green-800, #0f5a31);
}

.agro-account-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.agro-account-sidebar {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 14px;
}

.agro-account-profile-card,
.agro-account-menu,
.agro-account-main {
    background: var(--agro-white, #fff);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-card, 8px);
    box-shadow: var(--agro-shadow-soft, 0 6px 18px rgb(7 61 36 / 0.08));
}

.agro-account-profile-card {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 16px;
}

.agro-account-profile-card__avatar {
    display: inline-grid;
    width: 54px;
    height: 54px;
    place-items: center;
    color: var(--agro-white, #fff);
    background: var(--agro-green-800, #0f5a31);
    border-radius: 50%;
    font-size: 22px;
    font-weight: var(--agro-weight-semibold, 600);
}

.agro-account-profile-card h3,
.agro-account-profile-card p {
    margin: 0;
}

.agro-account-profile-card p:first-child {
    color: var(--agro-green-800, #0f5a31);
    text-transform: uppercase;
}

.agro-account-profile-card p:last-child {
    overflow-wrap: anywhere;
}

.agro-account-menu {
    display: grid;
    gap: 6px;
    padding: 10px;
}

.agro-account-menu__link {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 48px;
    padding: 0 12px;
    color: var(--agro-green-900, #073d24);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--agro-radius-control, 8px);
}

.agro-account-menu__link .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.agro-account-menu__link:hover,
.agro-account-menu__link:focus {
    color: var(--agro-green-900, #073d24);
    background: var(--agro-surface-50, #f6f8f4);
    border-color: var(--agro-line-200, #dde6da);
}

.agro-account-menu__link.is-active,
.agro-account-menu__link[aria-current="page"] {
    color: var(--agro-white, #fff);
    background: var(--agro-green-800, #0f5a31);
    border-color: var(--agro-green-800, #0f5a31);
}

.agro-account-menu__link--publish {
    color: var(--agro-ink-900, #122117);
    background: var(--agro-yellow-400, #ffc629);
    border-color: var(--agro-yellow-400, #ffc629);
}

.agro-account-menu__link--publish:hover,
.agro-account-menu__link--publish:focus {
    color: var(--agro-ink-900, #122117);
    background: #ffd95a;
    border-color: #ffd95a;
}

.agro-account-menu__link--logout {
    color: var(--agro-muted-600, #6f8591);
}

.agro-account-main {
    display: grid;
    gap: 18px;
    min-width: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.agro-account-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.agro-account-overview-card {
    display: grid;
    gap: 14px;
    align-content: start;
    min-height: 210px;
    padding: 22px;
    background: var(--agro-white, #fff);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-card, 8px);
    box-shadow: var(--agro-shadow-soft, 0 6px 18px rgb(7 61 36 / 0.08));
}

.agro-account-overview-card h3,
.agro-account-overview-card p {
    margin: 0;
}

.agro-account-overview-card .button {
    align-self: end;
    justify-self: start;
}

.agro-account-form,
.agro-account-edit-form {
    display: grid;
    gap: 16px;
}

.agro-account-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
}

.agro-account-form label,
.agro-account-edit-form label,
.agro-account-delete-request label {
    display: grid;
    gap: 6px;
}

.agro-account-editor {
    display: grid;
    gap: 6px;
}

.agro-account-form label > span:first-child,
.agro-account-edit-form label > span:first-child,
.agro-account-delete-request label > span:first-child,
.agro-account-editor > .agro-type-form-label {
    color: var(--agro-muted-600, #6f8591);
    font-size: var(--agro-type-label, 14px);
    font-weight: var(--agro-weight-semibold, 600);
}

.agro-account-form label > span:first-child small,
.agro-account-edit-form label > span:first-child small {
    margin-left: 6px;
    color: var(--agro-green-800, #0f5a31);
    font-size: var(--agro-type-small, 12px);
    font-weight: var(--agro-weight-semibold, 600);
}

.agro-account-form input,
.agro-account-form select,
.agro-account-form textarea,
.agro-account-edit-form input,
.agro-account-edit-form select,
.agro-account-edit-form textarea,
.agro-account-delete-request textarea {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    color: var(--agro-ink-900, #122117);
    background: var(--agro-surface-50, #f6f8f4);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-control, 8px);
    outline: 0;
}

.agro-account-form input:focus,
.agro-account-form select:focus,
.agro-account-form textarea:focus,
.agro-account-edit-form input:focus,
.agro-account-edit-form select:focus,
.agro-account-edit-form textarea:focus,
.agro-account-delete-request textarea:focus {
    background: var(--agro-white, #fff);
    border-color: var(--agro-green-700, #127a35);
    box-shadow: 0 0 0 3px rgb(46 159 69 / 0.16);
}

.agro-account-form textarea,
.agro-account-edit-form textarea {
    min-height: 150px;
    resize: vertical;
}

.agro-account-editor .wp-editor-wrap {
    width: 100%;
    overflow: hidden;
    background: var(--agro-white, #fff);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-control, 8px);
}

.agro-account-editor .wp-editor-tools {
    padding: 8px 8px 0;
    background: var(--agro-white, #fff);
}

.agro-account-editor .wp-editor-container {
    border: 0;
}

.agro-account-editor .quicktags-toolbar,
.agro-account-editor div.mce-toolbar-grp {
    border-color: var(--agro-line-200, #dde6da);
    background: var(--agro-surface-50, #f6f8f4);
}

.agro-account-editor iframe,
.agro-account-editor textarea.wp-editor-area {
    min-height: 240px;
}

.agro-account-editor textarea.wp-editor-area {
    border: 0;
    border-radius: 0;
    background: var(--agro-white, #fff);
}

.agro-account-form input[readonly] {
    color: var(--agro-muted-600, #6f8591);
}

.agro-account-form__email-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.agro-account-form__email-row .button {
    min-height: 50px;
}

.agro-account-form__mail-message {
    min-height: 20px;
    color: var(--agro-muted-600, #6f8591);
}

.agro-account-form__mail-message[data-state="success"] {
    color: var(--agro-green-800, #0f5a31);
}

.agro-account-form__mail-message[data-state="error"] {
    color: #b42318;
}

.agro-account-form__check {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
}

.agro-account-form__check input,
.agro-account-form input[type="checkbox"] {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 2px 0 0;
    padding: 0;
    accent-color: var(--agro-green-700, #127a35);
}

.agro-account-form input.agro-account__hp,
.agro-account__hp {
    position: absolute;
    width: 1px;
    min-width: 1px;
    height: 1px;
    min-height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    opacity: 0;
}

.agro-account-listings {
    display: grid;
    gap: 14px;
}

.agro-account-listing {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto minmax(240px, auto);
    gap: 14px;
    align-items: center;
    padding: 16px;
    background: var(--agro-surface-50, #f6f8f4);
    border: 1px solid var(--agro-line-200, #dde6da);
    border-radius: var(--agro-radius-card, 8px);
}

.agro-account-listing.is-sold {
    opacity: 0.78;
}

.agro-account-listing h4,
.agro-account-listing p {
    margin: 0;
}

.agro-account-listing__badges,
.agro-account-listing__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.agro-account-listing__actions form {
    margin: 0;
}

.agro-account-status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: var(--agro-radius-control, 8px);
    font-size: var(--agro-type-meta, 13px);
    font-weight: var(--agro-weight-semibold, 600);
}

.agro-account-status--sold {
    color: var(--agro-white, #fff);
    background: var(--agro-green-800, #0f5a31);
}

.agro-account-status--pending {
    color: var(--agro-ink-900, #122117);
    background: #fff0bd;
}

.agro-account-delete-request {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
    margin-top: 2px;
}

.agro-account-delete-request textarea {
    min-height: 72px;
    resize: vertical;
}

.agro-account-edit-form {
    padding: 18px;
    background: #fff8df;
    border: 1px solid #efc75e;
    border-radius: var(--agro-radius-card, 8px);
}

.agro-account-gallery {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.agro-account-gallery img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--agro-radius-control, 8px);
    border: 1px solid var(--agro-line-200, #dde6da);
}

@media (max-width: 860px) {
    .agro-account-layout {
        grid-template-columns: 1fr;
    }

    .agro-account-sidebar {
        position: static;
    }

    .agro-account-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agro-account__access-grid,
    .agro-account-dashboard__grid,
    .agro-account-overview-grid,
    .agro-account-form__grid {
        grid-template-columns: 1fr;
    }

    .agro-account-listing {
        grid-template-columns: 1fr;
    }

    .agro-account-listing__badges,
    .agro-account-listing__actions {
        justify-content: flex-start;
    }

    .agro-account-delete-request {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .content-page > .agro-account-dashboard {
        width: min(1180px, calc(100vw - 28px));
    }

    .agro-account-panel {
        padding: 20px;
    }

    .agro-account-profile-card {
        grid-template-columns: 46px minmax(0, 1fr);
        padding: 14px;
    }

    .agro-account-profile-card__avatar {
        width: 46px;
        height: 46px;
        font-size: 19px;
    }

    .agro-account-menu {
        grid-template-columns: 1fr;
    }

    .agro-account-form__email-row {
        grid-template-columns: 1fr;
    }

    .agro-account-panel__head,
    .agro-account-edit-form__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .agro-account-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .agro-account .button {
        width: 100%;
    }
}