
.daop-account-wrap {
    display: grid;
    gap: 24px;
}

.daop-account-intro h2,
.daop-account-intro p {
    margin-bottom: 0;
}

.daop-account-intro p + p {
    margin-top: 12px;
}

.daop-request-form,
.daop-inline-form form {
    margin-bottom: 0;
}

.daop-field-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

.daop-request-form .form-row label {
    font-weight: 600;
}

.daop-request-form .form-row .required,
.daop-inline-form .form-row .required {
    color: #a00;
}

.daop-request-form .input-text,
.daop-request-form select,
.daop-request-form textarea,
.daop-inline-form .input-text,
.daop-inline-form textarea {
    width: 100%;
    box-sizing: border-box;
}

.daop-request-form textarea.input-text,
.daop-inline-form textarea.input-text,
.daop-inline-form textarea {
    min-height: 140px;
}

.daop-service-panel,
.daop-upload-panel,
.daop-request-card,
.daop-inline-form {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    background: #fff;
    padding: 22px;
}

.daop-service-panel {
    display: none;
    margin: 24px 0;
}

.daop-service-panel h3 {
    margin: 0 0 16px;
    font-size: 1.15em;
}

.daop-upload-panel {
    margin-bottom: 22px;
}

.daop-request-history {
    display: grid;
    gap: 18px;
}

.daop-request-card__header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.daop-request-card__header h4 {
    margin: 0 0 4px;
}

.daop-meta-line,
.daop-meta-grid {
    color: #50575e;
    font-size: 0.95rem;
}

.daop-meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin: 14px 0;
}

.daop-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: #eef2f6;
    white-space: nowrap;
}

.daop-status-badge.status-overdue,
.daop-status-badge.status-on_hold,
.daop-status-badge.status-cancelled {
    background: #fdeaea;
}

.daop-status-badge.status-completed,
.daop-status-badge.status-delivered,
.daop-status-badge.status-approved {
    background: #e7f6eb;
}

.daop-status-badge.status-awaiting_deposit,
.daop-status-badge.status-quoted,
.daop-status-badge.status-reviewing,
.daop-status-badge.status-queued,
.daop-status-badge.status-printing,
.daop-status-badge.status-qa_review,
.daop-status-badge.status-packing,
.daop-status-badge.status-in_design,
.daop-status-badge.status-revision_requested {
    background: #eef5ff;
}

.daop-request-card p:last-child {
    margin-bottom: 0;
}

.daop-files ul {
    margin: 8px 0 0 18px;
}

.daop-note {
    margin-top: 12px;
    padding: 12px;
    border-radius: 10px;
    background: #f7f7f7;
}

.daop-note__meta {
    font-size: 12px;
    color: #50575e;
    margin-bottom: 4px;
}

.daop-inline-form {
    margin-top: 18px;
}

.daop-inline-form summary {
    cursor: pointer;
    font-weight: 600;
}

.daop-inline-form form {
    margin-top: 16px;
}

.daop-inline-form .form-row {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .daop-request-card__header {
        flex-direction: column;
    }

    .daop-service-panel,
    .daop-upload-panel,
    .daop-request-card,
    .daop-inline-form {
        padding: 18px;
    }
}


.daop-offer-card .woocommerce-info {
    margin-top: 16px;
}

.daop-offer-form {
    margin-top: 18px;
}

.daop-offer-price-line {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.daop-offer-summary {
    margin: 16px 0;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.daop-status-badge.status-instock {
    background: #e7f6eb;
}

.daop-status-badge.status-outofstock {
    background: #fdeaea;
}
