/* Project additions on top of myforms.css */ /* ── Confirm dialog ─────────────────────────────────────────────── */ .confirm-overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(15,27,20,.45); backdrop-filter: blur(2px); align-items: center; justify-content: center; } .confirm-overlay.is-open { display: flex; } .confirm-box { background: var(--c-card); border-radius: var(--radius-lg); box-shadow: var(--shadow-md), 0 0 0 1px rgba(15,27,20,.06); padding: 28px 28px 22px; max-width: 380px; width: calc(100% - 32px); text-align: center; } .confirm-icon { width: 52px; height: 52px; border-radius: 50%; background: #FEF3C7; color: #B45309; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; } .confirm-message { font-size: 15px; color: var(--c-ink); margin: 0 0 22px; line-height: 1.55; } .confirm-actions { display: flex; gap: 10px; justify-content: center; } .btn-danger { background: var(--c-danger); color: #fff; border-color: var(--c-danger); } .btn-danger:hover { background: #952f22; border-color: #952f22; } /* Palettes — applied via [data-palette] on */ [data-palette="teal-gold"] { --c-primary: #0E5C3A; --c-primary-dark: #084529; --c-primary-tint: #E8F2EC; --c-accent: #B89456; --c-accent-soft: #F4ECDC; } [data-palette="navy-gold"] { --c-primary: #13325F; --c-primary-dark: #0B2247; --c-primary-tint: #E6ECF4; --c-accent: #B89456; --c-accent-soft: #F4ECDC; } [data-palette="deep-green"] { --c-primary: #0A4D2C; --c-primary-dark: #063B21; --c-primary-tint: #E5EFE8; --c-accent: #9C7A3F; --c-accent-soft: #F0E7D2; } [data-palette="burgundy-cream"] { --c-primary: #6E1E2E; --c-primary-dark: #511220; --c-primary-tint: #F4E5E8; --c-accent: #B89456; --c-accent-soft: #F4ECDC; } /* Misc patches for non-React usage */ .app-flash { margin: 0 0 18px; padding: 12px 16px; border-radius: var(--radius); font-size: 13px; } .app-flash.success { background: var(--c-primary-tint); color: var(--c-primary-dark); border: 1px solid var(--c-primary); } .app-flash.error { background: #F6E1DC; color: var(--c-danger); border: 1px solid var(--c-danger); } /* Reset for plain forms inside admin */ form { margin: 0; } /* Pagination defaults from Laravel */ nav[role="navigation"] { display: flex; justify-content: flex-end; padding: 12px 0; gap: 4px; } nav[role="navigation"] svg { display: none; } nav[role="navigation"] a, nav[role="navigation"] span { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 8px; font-size: 12px; border: 1px solid var(--c-line); background: var(--c-card); color: var(--c-ink-2); border-radius: 4px; text-decoration: none; } nav[role="navigation"] span[aria-current="page"] span, nav[role="navigation"] .active > * { background: var(--c-primary); color: white; border-color: var(--c-primary); } /* admin-shell needs to fill viewport when used as page layout */ html, body { height: 100%; } .admin-shell { min-height: 100vh; } /* tbl link cells without making the whole row a link */ .tbl a.row-link { color: var(--c-primary-dark); text-decoration: none; font-weight: 500; } .tbl a.row-link:hover { text-decoration: underline; } /* fix: when a form posts via row buttons, prevent table-row hover from making them hard to click */ .tbl form { display: inline; } /* select multiple for multiselect renders ugly default; light tweak */ select[multiple] { padding: 4px; } /* Header brand spacing fix when arabic */ html[dir="rtl"] .siteheader .meta { text-align: left; } /* avatar pop in tables */ .tbl .av { text-transform: uppercase; } /* stat card delta down red */ .stat .delta.down { color: var(--c-danger); } /* small helper */ .muted { color: var(--c-muted); } .mono { font-family: var(--f-mono); direction: ltr; unicode-bidi: embed; }