/* Utilities the portal uses that are not in the compiled hms_laravel CSS (assets/css/hms.css).
   ponytail: hand-written to avoid a Node build; if this grows past a screen, switch to the Tailwind standalone CLI. */

.align-\[-2px\] { vertical-align: -2px; }
.right-3 { right: .75rem; }
.rounded-t-xl { border-top-left-radius: .75rem; border-top-right-radius: .75rem; }
.gap-y-4 { row-gap: 1rem; }
.my-2 { margin-top: .5rem; margin-bottom: .5rem; }
.leading-\[1\.125rem\] { line-height: 1.125rem; }
.hover\:bg-rose-500:hover { background-color: #f43f5e; }
.shadow-\[0_-4px_12px_rgba\(15\,23\,42\,0\.08\)\] { box-shadow: 0 -4px 12px rgba(15, 23, 42, .08); }

.dark\:border-emerald-800\/60:is(.dark *) { border-color: rgb(6 95 70 / .6); }
.dark\:border-rose-800\/60:is(.dark *) { border-color: rgb(159 18 57 / .6); }
.dark\:ring-amber-800\/60:is(.dark *) { --tw-ring-color: rgb(146 64 14 / .6); }
.dark\:ring-emerald-800\/60:is(.dark *) { --tw-ring-color: rgb(6 95 70 / .6); }
.dark\:ring-rose-800\/60:is(.dark *) { --tw-ring-color: rgb(159 18 57 / .6); }

@media (min-width: 768px) {
    .md\:static { position: static; }
    .md\:p-5 { padding: 1.25rem; }
    .md\:rounded-xl { border-radius: .75rem; }
    .md\:shadow-none { box-shadow: none; }
    .md\:justify-start { justify-content: flex-start; }
}

/* Mobile Accept/Reject bar clears the iPhone home indicator. */
.respond-bar { padding-bottom: max(.75rem, env(safe-area-inset-bottom)); }
@media (min-width: 768px) { .respond-bar { padding-bottom: 1.25rem; } }

[x-cloak] { display: none !important; }