/* WooAApanel Account (My Account) Styles */

#wooaapanel-account { margin-top: 16px; }

/* ── Panels ───────────────────────────────────────────────────── */
.wap-site-panel, .wap-db-panel {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
}

.wap-panel-header {
    background: #f8f9fa;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid #e0e0e0;
}

.wap-site-name, .wap-db-name { font-weight: 700; font-size: 15px; }
.wap-domain     { color: #0073aa; }
.wap-server-label { color: #888; font-size: 12px; margin-left: auto; }

/* ── Action buttons ──────────────────────────────────────────── */
.wap-panel-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.wap-btn-sm { font-size: 12px !important; padding: 4px 10px !important; height: auto !important; line-height: 1.5 !important; }

/* ── Sections ────────────────────────────────────────────────── */
.wap-section { padding: 16px; border-top: 1px solid #f0f0f0; }
.wap-section h4, .wap-section h5 { margin-top: 0; margin-bottom: 10px; }

/* ── Tables inside sections ──────────────────────────────────── */
.wap-section table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wap-section table th,
.wap-section table td { padding: 6px 10px; border-bottom: 1px solid #f0f0f0; text-align: left; }
.wap-section table th { background: #f8f8f8; font-weight: 600; }

/* ── Input rows ───────────────────────────────────────────────── */
.wap-section input[type="text"],
.wap-section input[type="password"],
.wap-section select {
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    margin-right: 6px;
}

.wap-section textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: monospace;
    font-size: 12px;
}

/* ── SSL info ─────────────────────────────────────────────────── */
.wap-ssl-info p { margin: 4px 0; }
.wap-ssl-info .wap-ssl-valid   { color: #155724; font-weight: 600; }
.wap-ssl-info .wap-ssl-invalid { color: #721c24; font-weight: 600; }

/* ── DNS ──────────────────────────────────────────────────────── */
.wap-dns-add-form label { display: block; margin-bottom: 10px; }
.wap-dns-add-form textarea { height: 70px; }

/* ── Notices ──────────────────────────────────────────────────── */
.wap-notice-inline {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 6px;
}
.wap-notice-inline.ok    { background: #d4edda; color: #155724; }
.wap-notice-inline.error { background: #f8d7da; color: #721c24; }

/* ── DB action notice ─────────────────────────────────────────── */
.wap-db-action-notice { padding: 0 16px; }
.wap-db-action-notice.ok    { background: #d4edda; color: #155724; padding: 8px 16px; }
.wap-db-action-notice.error { background: #f8d7da; color: #721c24; padding: 8px 16px; }