/* Eterano v0.8.0 — Step 5A payment foundation */

.payments-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:22px}.payments-intro .section-heading,.payments-intro p{margin:0}.payment-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.payments-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:17px}.payment-orders-list,.recent-payments-list{display:grid;gap:9px}.payment-order-row,.recent-payment-row{width:100%;border:1px solid var(--line);background:#f7faff;border-radius:14px;padding:13px 14px;display:grid;align-items:center;gap:12px;text-align:left;color:inherit}.payment-order-row{grid-template-columns:minmax(0,1fr) auto minmax(120px,.45fr)}.payment-order-row:hover,.recent-payment-row:hover{border-color:#b9d8f7;background:#f0f7ff}.payment-order-main,.payment-order-amount,.recent-payment-row>span{display:grid;gap:3px;min-width:0}.payment-order-main small,.payment-order-amount small,.recent-payment-row small{color:var(--muted);font-size:.78rem}.payment-order-amount{text-align:right}.recent-payment-row{grid-template-columns:1fr auto}.recent-payment-row>strong{color:#0757d8}.payment-pill{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:850;line-height:1.1}.payment-unpaid{background:#ffe8ea;color:#a82d42}.payment-payment_requested{background:#fff0d7;color:#895707}.payment-partially_paid{background:#e8e8ff;color:#5552a6}.payment-deposit_paid{background:#e0f3ff;color:#056a9f}.payment-paid{background:#dcf6ed;color:#087052}.order-card .payment-pill{margin-left:7px;vertical-align:middle}.calendar-event.payment-unpaid{box-shadow:inset 3px 0 #d83a50}.calendar-event.payment-payment_requested{box-shadow:inset 3px 0 #e6a027}.calendar-event.payment-partially_paid{box-shadow:inset 3px 0 #6b68cc}.calendar-event.payment-deposit_paid{box-shadow:inset 3px 0 #1395d1}.calendar-event.payment-paid{box-shadow:inset 3px 0 #0d9c6c}.payment-detail-section .payment-pill{font-size:.75rem}.payment-history-section{grid-column:1/-1}.order-payment-history{display:grid;gap:8px}.order-payment-history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid var(--line);padding-bottom:9px}.order-payment-history-row:last-child{border-bottom:0;padding-bottom:0}.order-payment-history-row>span{display:grid;gap:2px}.order-payment-history-row small{color:var(--muted)}.order-payment-history-row em{font-style:normal;color:var(--ink-2);font-size:.83rem}.payment-request-message,.payment-foundation-note{margin:12px 0 0;padding:11px 12px;border-radius:12px;background:#eef6ff;color:#526786;font-size:.84rem;line-height:1.5}.payment-settings-card{display:grid;gap:13px}.payment-settings-card .section-heading{margin-bottom:4px}.payment-method-fieldset{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.payment-method-fieldset legend{padding:0 6px;color:var(--muted);font-size:.8rem;font-weight:800}.field-help{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}.compact-empty{padding:16px}.payment-settings-card textarea{resize:vertical}

html[data-theme="dark"] .payment-order-row,html[data-theme="dark"] .recent-payment-row{background:#101d38;border-color:#263958}html[data-theme="dark"] .payment-order-row:hover,html[data-theme="dark"] .recent-payment-row:hover{background:#142443;border-color:#31517d}html[data-theme="dark"] .payment-unpaid{background:#4a202a;color:#ff9cab}html[data-theme="dark"] .payment-payment_requested{background:#483615;color:#ffd18b}html[data-theme="dark"] .payment-partially_paid{background:#302d58;color:#b9b5ff}html[data-theme="dark"] .payment-deposit_paid{background:#123850;color:#83d3ff}html[data-theme="dark"] .payment-paid{background:#123d36;color:#79e1be}html[data-theme="dark"] .payment-request-message,html[data-theme="dark"] .payment-foundation-note{background:#132746;color:#b8cae3}html[data-theme="dark"] .payment-method-fieldset{border-color:#2a3d5c}

@media(max-width:1100px){.payment-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-layout{grid-template-columns:1fr}}
@media(max-width:760px){.payment-stats-grid{grid-template-columns:1fr}.payments-intro{padding:18px}.payment-order-row{grid-template-columns:1fr auto}.payment-order-amount{grid-column:1/-1;text-align:left}.payment-method-fieldset{grid-template-columns:1fr}.order-card .payment-pill{margin:7px 0 0}.payment-history-section{grid-column:auto}.order-payment-history-row{align-items:flex-start}}
