/* Orodha ERP Lite: loader shared by every theme. A thin progress bar while the server works (the centre spinner chip was removed in 0.19.1). */
.orodha-loader { position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 99999; pointer-events: none; opacity: 0; transition: opacity .2s ease; overflow: hidden; }
.orodha-loader::before { content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 40%; background: linear-gradient(90deg, #e43f6f, #f56476); border-radius: 0 3px 3px 0; animation: orodha-bar 1.1s ease-in-out infinite; }
html.orodha-busy .orodha-loader { opacity: 1; }

@keyframes orodha-bar { 0% { left: -40%; } 100% { left: 100%; } }
@media (prefers-reduced-motion: reduce) { .orodha-loader::before { animation-duration: 3s; } }

/* Free-trial pill next to the brand name (components/trial-pill): grey, amber in the last reminder window */
.orodha-trial-pill { display: inline-flex; align-items: center; margin-inline-start: .6rem; padding: .15rem .6rem; border-radius: 9999px; white-space: nowrap;
    font-size: .7rem; font-weight: 700; line-height: 1.2; text-decoration: none; color: #4b5563; background: #f3f4f6; border: 1px solid #e5e7eb; }
a.orodha-trial-pill:hover { background: #e5e7eb; }
.orodha-trial-pill--soon { color: #92400e; background: #fef3c7; border-color: #fcd34d; }
a.orodha-trial-pill--soon:hover { background: #fde68a; }
.dark .orodha-trial-pill { color: #d1d5db; background: rgb(255 255 255 / .08); border-color: rgb(255 255 255 / .16); }
.dark .orodha-trial-pill--soon { color: #fcd34d; background: rgb(245 158 11 / .15); border-color: rgb(245 158 11 / .45); }
.orodha-trial-short { display: none; }
@media (max-width: 420px) { .orodha-trial-full { display: none; } .orodha-trial-short { display: inline; } }
/* Tiny tag over the bottom-left of the company avatar in the sidebar. The anchor has no height, so it takes no space
   and cannot widen the company button; the ring in the sidebar colour separates the tag from the avatar. */
.orodha-trial-anchor { position: relative; height: 0; margin-inline: calc(var(--spacing, .25rem) * 4); z-index: 2; pointer-events: none; }
.orodha-trial-pill--tenant { position: absolute; inset-inline-start: .5rem; top: -.8rem; margin: 0; padding: .1rem .26rem; border-radius: .12rem; font-size: .42rem; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center; text-align: center; letter-spacing: .03em; text-indent: .03em; text-transform: uppercase; pointer-events: auto; box-shadow: 0 0 0 1.5px var(--orodha-ring, #fff); }
/* Always red (stands out on the avatar in every theme, in the amber window too); beats the grey / amber pill colours */
.orodha-trial-pill.orodha-trial-pill--tenant, .dark .orodha-trial-pill.orodha-trial-pill--tenant { color: #fff; background: #dc2626; border-color: #dc2626; }
a.orodha-trial-pill.orodha-trial-pill--tenant:hover { background: #b91c1c; border-color: #b91c1c; }
/* Paid plan name: the same tag in blue; long names are cut (full name in the tooltip) */
.orodha-trial-pill.orodha-trial-pill--tenant.orodha-trial-pill--plan, .dark .orodha-trial-pill.orodha-trial-pill--tenant.orodha-trial-pill--plan { background: #2563eb; border-color: #2563eb; }
a.orodha-trial-pill.orodha-trial-pill--tenant.orodha-trial-pill--plan:hover { background: #1d4ed8; border-color: #1d4ed8; }
.orodha-trial-pill--tenant.orodha-trial-pill--plan { max-width: 6.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
/* Narrow screens: soft blue pill like the grey / amber ones */
.orodha-trial-pill--plan:not(.orodha-trial-pill--tenant) { color: #1e40af; background: #dbeafe; border-color: #93c5fd; }
a.orodha-trial-pill--plan:not(.orodha-trial-pill--tenant):hover { background: #bfdbfe; }
.dark .orodha-trial-pill--plan:not(.orodha-trial-pill--tenant) { color: #93c5fd; background: rgb(59 130 246 / .18); border-color: rgb(96 165 250 / .5); }
.dark .fi-sidebar { --orodha-ring: var(--gray-900, #18181b); }
html[data-theme="joyful"] .fi-sidebar { --orodha-ring: var(--jx-slate, #373f51); }
html[data-theme="joyful"]:not(.dark) .fi-sidebar { --orodha-ring: #fff; }
/* After the logo on narrow screens only: from 1024px the sidebar shows the company and its pill */
@media (min-width: 1024px) { .orodha-trial-pill--topbar { display: none; } }

/* Logo: show the light wordmark normally and the dark one under Filament's .dark class */
.orodha-logo-dark { display: none; }
.dark .orodha-logo-dark { display: inline-block; }
.dark .orodha-logo-light { display: none; }