/*
 |----------------------------------------------------------------
 | domain-settings-page.css — static styles for tenant Domain Settings
 |----------------------------------------------------------------
 |
 | Paired with resources/views/filament/pages/settings/domain-settings-page.blade.php
 | via <link rel="stylesheet" href="{{ asset('css/views/filament/pages/settings/domain-settings-page.css') }}">.
 |
 | NOTE for CodeCanyon reviewer: the view keeps ONE inline style
 | attribute on the wire:submit form because its margin depends on
 | the runtime $existingDomain truthiness — that is DYNAMIC and
 | acceptable per the reviewer guideline.
 */

/* ─── Current-domain card ─── */
.ds-section{padding:1.5rem}
.ds-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.ds-title{font-size:1rem;font-weight:600;color:#111827}
.ds-code{color:var(--primary-600, #4f46e5)}

/* ─── Status pills ─── */
.ds-pill{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.375rem}
.ds-pill-verified{background:#dcfce7;color:#15803d}
.ds-pill-pending{background:#fef3c7;color:#92400e}

/* ─── DNS panel ─── */
.ds-panel{background:#f9fafb;border-radius:.5rem;padding:1rem}
.ds-panel-lede{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}

/* ─── DNS table ─── */
.ds-table{width:100%;font-size:.875rem;border-collapse:collapse}
.ds-table-head{font-size:.75rem;color:#6b7280;text-transform:uppercase}
.ds-table th{text-align:left;padding:.25rem 1rem .25rem 0}
.ds-table th:last-child{padding:.25rem 0}
.ds-table-row{font-family:ui-monospace,monospace}
.ds-table td{padding:.25rem 1rem .25rem 0;color:#374151}
.ds-table td:last-child{padding:.25rem 0;color:var(--primary-600, #4f46e5)}

/* ─── DNS instructions ─── */
.ds-dns-hint{font-size:.75rem;color:#9ca3af;margin-top:.5rem}

/* ─── Form layout ─── */
.ds-form-actions{display:flex;justify-content:flex-end;padding-top:1.25rem}
