/* Utilities the older console views use and the panel stylesheet does not carry,
   drawn in the design's tokens. Scoped to the page and modals so Filament's own
   markup is untouched. "uppercase" and shadows are neutralised: the design bans
   all-caps labels and shadows on surfaces. */
.fi-main .flex,.fi-modal .flex{display:flex}
.fi-main .inline-flex,.fi-modal .inline-flex{display:inline-flex}
.fi-main .inline-block,.fi-modal .inline-block{display:inline-block}
.fi-main .block,.fi-modal .block{display:block}
.fi-main .hidden,.fi-modal .hidden{display:none}
.fi-main .flex-1,.fi-modal .flex-1{flex:1 1 0%}
.fi-main .flex-none,.fi-modal .flex-none{flex:none}
.fi-main .flex-wrap,.fi-modal .flex-wrap{flex-wrap:wrap}
.fi-main .shrink-0,.fi-modal .shrink-0{flex-shrink:0}
.fi-main .items-center,.fi-modal .items-center{align-items:center}
.fi-main .items-end,.fi-modal .items-end{align-items:flex-end}
.fi-main .items-start,.fi-modal .items-start{align-items:flex-start}
.fi-main .items-baseline,.fi-modal .items-baseline{align-items:baseline}
.fi-main .justify-between,.fi-modal .justify-between{justify-content:space-between}
.fi-main .justify-center,.fi-modal .justify-center{justify-content:center}
.fi-main .justify-end,.fi-modal .justify-end{justify-content:flex-end}
.fi-main .gap-px,.fi-modal .gap-px{gap:1px}
.fi-main .gap-1,.fi-modal .gap-1{gap:4px}
.fi-main .gap-2,.fi-modal .gap-2{gap:8px}
.fi-main .gap-3,.fi-modal .gap-3{gap:12px}
.fi-main .gap-4,.fi-modal .gap-4{gap:16px}
.fi-main .gap-6,.fi-modal .gap-6{gap:24px}
.fi-main .gap-x-4,.fi-modal .gap-x-4{column-gap:16px}
.fi-main .gap-x-8,.fi-modal .gap-x-8{column-gap:32px}
.fi-main .gap-y-1,.fi-modal .gap-y-1{row-gap:4px}
.fi-main .gap-y-2,.fi-modal .gap-y-2{row-gap:8px}
.fi-main .p-2,.fi-modal .p-2{padding:8px}
.fi-main .p-3,.fi-modal .p-3{padding:12px}
.fi-main .p-4,.fi-modal .p-4{padding:16px}
.fi-main .p-6,.fi-modal .p-6{padding:24px}
.fi-main .px-1\.5,.fi-modal .px-1\.5{padding-left:6px;padding-right:6px}
.fi-main .px-2,.fi-modal .px-2{padding-left:8px;padding-right:8px}
.fi-main .px-3,.fi-modal .px-3{padding-left:12px;padding-right:12px}
.fi-main .px-4,.fi-modal .px-4{padding-left:16px;padding-right:16px}
.fi-main .py-0\.5,.fi-modal .py-0\.5{padding-top:2px;padding-bottom:2px}
.fi-main .py-1,.fi-modal .py-1{padding-top:4px;padding-bottom:4px}
.fi-main .py-1\.5,.fi-modal .py-1\.5{padding-top:6px;padding-bottom:6px}
.fi-main .py-2,.fi-modal .py-2{padding-top:8px;padding-bottom:8px}
.fi-main .py-2\.5,.fi-modal .py-2\.5{padding-top:10px;padding-bottom:10px}
.fi-main .py-3,.fi-modal .py-3{padding-top:12px;padding-bottom:12px}
.fi-main .py-4,.fi-modal .py-4{padding-top:16px;padding-bottom:16px}
.fi-main .py-6,.fi-modal .py-6{padding-top:24px;padding-bottom:24px}
.fi-main .pb-2,.fi-modal .pb-2{padding-bottom:8px}
.fi-main .pr-3,.fi-modal .pr-3{padding-right:12px}
.fi-main .ps-5,.fi-modal .ps-5{padding-left:20px}
.fi-main .mt-1,.fi-modal .mt-1{margin-top:4px}
.fi-main .mt-2,.fi-modal .mt-2{margin-top:8px}
.fi-main .mt-3,.fi-modal .mt-3{margin-top:12px}
.fi-main .mt-4,.fi-modal .mt-4{margin-top:16px}
.fi-main .mb-1,.fi-modal .mb-1{margin-bottom:4px}
.fi-main .mb-2,.fi-modal .mb-2{margin-bottom:8px}
.fi-main .mb-3,.fi-modal .mb-3{margin-bottom:12px}
.fi-main .ms-auto,.fi-modal .ms-auto{margin-left:auto}
.fi-main .font-medium,.fi-modal .font-medium{font-weight:500}
.fi-main .font-semibold,.fi-modal .font-semibold{font-weight:600}
.fi-main .font-bold,.fi-modal .font-bold{font-weight:600}
.fi-main .font-mono,.fi-modal .font-mono{font-family:var(--mono);font-size:12.5px}
.fi-main .text-xs,.fi-modal .text-xs{font-size:12px;line-height:16px}
.fi-main .text-sm,.fi-modal .text-sm{font-size:13px;line-height:18px}
.fi-main .text-base,.fi-modal .text-base{font-size:14px;line-height:20px}
.fi-main .text-lg,.fi-modal .text-lg{font-size:16px;line-height:24px}
.fi-main .text-gray-400,.fi-modal .text-gray-400{color:var(--t3)}
.fi-main .text-gray-500,.fi-modal .text-gray-500{color:var(--t2)}
.fi-main .text-gray-600,.fi-modal .text-gray-600{color:var(--t2)}
.fi-main .text-gray-700,.fi-modal .text-gray-700{color:var(--t1)}
.fi-main .text-gray-950,.fi-modal .text-gray-950{color:var(--t1)}
.fi-main .text-primary-600,.fi-modal .text-primary-600{color:var(--acc)}
.fi-main .text-success-600,.fi-modal .text-success-600{color:var(--ok)}
.fi-main .text-danger-600,.fi-modal .text-danger-600{color:var(--danger)}
.fi-main .text-warning-600,.fi-modal .text-warning-600{color:var(--warn)}
.fi-main .text-warning-700,.fi-modal .text-warning-700{color:var(--warn)}
.fi-main .text-danger-700,.fi-modal .text-danger-700{color:var(--danger)}
.fi-main .uppercase,.fi-modal .uppercase{text-transform:none}
.fi-main .tracking-wide,.fi-modal .tracking-wide{letter-spacing:0}
.fi-main .leading-relaxed,.fi-modal .leading-relaxed{line-height:1.6}
.fi-main .leading-snug,.fi-modal .leading-snug{line-height:1.35}
.fi-main .whitespace-pre-line,.fi-modal .whitespace-pre-line{white-space:pre-line}
.fi-main .whitespace-pre-wrap,.fi-modal .whitespace-pre-wrap{white-space:pre-wrap}
.fi-main .break-all,.fi-modal .break-all{word-break:break-all}
.fi-main .break-words,.fi-modal .break-words{overflow-wrap:anywhere}
.fi-main .overflow-auto,.fi-modal .overflow-auto{overflow:auto}
.fi-main .overflow-hidden,.fi-modal .overflow-hidden{overflow:hidden}
.fi-main .w-full,.fi-modal .w-full{width:100%}
.fi-main .w-6,.fi-modal .w-6{width:24px}
.fi-main .w-28,.fi-modal .w-28{width:112px}
.fi-main .h-6,.fi-modal .h-6{height:24px}
.fi-main .max-w-sm,.fi-modal .max-w-sm{max-width:384px}
.fi-main .max-w-prose,.fi-modal .max-w-prose{max-width:65ch}
.fi-main .max-w-3xl,.fi-modal .max-w-3xl{max-width:768px}
.fi-main .list-disc,.fi-modal .list-disc{list-style:disc}
.fi-main .opacity-60,.fi-modal .opacity-60{opacity:.6}
.fi-main .opacity-75,.fi-modal .opacity-75{opacity:.75}
.fi-main .opacity-80,.fi-modal .opacity-80{opacity:.8}
.fi-main .shadow-sm,.fi-modal .shadow-sm{box-shadow:none}
.fi-main .border,.fi-modal .border{border:1px solid var(--bd-sub)}
.fi-main .border-t,.fi-modal .border-t{border-top:1px solid var(--bd-sub)}
.fi-main .border-b,.fi-modal .border-b{border-bottom:1px solid var(--bd-sub)}
.fi-main .border-dashed,.fi-modal .border-dashed{border-style:dashed}
.fi-main .border-gray-100,.fi-modal .border-gray-100{border-color:var(--bd-sub)}
.fi-main .border-gray-200,.fi-modal .border-gray-200{border-color:var(--bd-sub)}
.fi-main .border-gray-300,.fi-modal .border-gray-300{border-color:var(--bd)}
.fi-main .border-warning-300,.fi-modal .border-warning-300{border-color:var(--warn-bd)}
.fi-main .border-danger-300,.fi-modal .border-danger-300{border-color:var(--danger-bd)}
.fi-main .bg-white,.fi-modal .bg-white{background:var(--surface)}
.fi-main .bg-gray-50,.fi-modal .bg-gray-50{background:var(--canvas)}
.fi-main .bg-gray-100,.fi-modal .bg-gray-100{background:var(--subtle)}
.fi-main .bg-gray-300,.fi-modal .bg-gray-300{background:var(--bd)}
.fi-main .bg-gray-800,.fi-modal .bg-gray-800{background:var(--ink)}
.fi-main .bg-gray-900,.fi-modal .bg-gray-900{background:var(--ink)}
.fi-main .bg-warning-50,.fi-modal .bg-warning-50{background:var(--warn-bg)}
.fi-main .bg-danger-50,.fi-modal .bg-danger-50{background:var(--danger-bg)}
.fi-main .bg-primary-50,.fi-modal .bg-primary-50{background:var(--acc0)}
.fi-main .bg-primary-500,.fi-modal .bg-primary-500{background:var(--acc5)}
.fi-main .bg-primary-600,.fi-modal .bg-primary-600{background:var(--ink)}
.fi-main .rounded,.fi-modal .rounded{border-radius:4px}
.fi-main .rounded-lg,.fi-modal .rounded-lg{border-radius:6px}
.fi-main .rounded-xl,.fi-modal .rounded-xl{border-radius:8px}
.fi-main .rounded-full,.fi-modal .rounded-full{border-radius:999px}
.fi-main .grid,.fi-modal .grid{display:grid}
.fi-main .grid-cols-2,.fi-modal .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fi-main .grid-cols-7,.fi-modal .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.fi-main .absolute,.fi-modal .absolute{position:absolute}
.fi-main .relative,.fi-modal .relative{position:relative}
.fi-main .left-3,.fi-modal .left-3{left:12px}
.fi-main .-top-2,.fi-modal .-top-2{top:-8px}
.fi-main .align-top,.fi-modal .align-top{vertical-align:top}
.fi-main .truncate,.fi-modal .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-main .hover\:underline:hover,.fi-modal .hover\:underline:hover{text-decoration:underline}
.fi-main .last\:border-0:last-child,.fi-modal .last\:border-0:last-child{border:0}
.fi-main .first-of-type\:border-t-0:first-of-type,.fi-modal .first-of-type\:border-t-0:first-of-type{border-top:0}
.fi-main .space-y-1>*+*{margin-top:4px}.fi-main .space-y-2>*+*{margin-top:8px}.fi-main .space-y-3>*+*{margin-top:12px}.fi-main .space-y-4>*+*{margin-top:16px}.fi-main .space-y-6>*+*{margin-top:24px}
.fi-main .divide-y>*+*{border-top:1px solid var(--bd-sub)}
@media (min-width:40rem){.fi-main .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fi-main .sm\:flex{display:flex}}
@media (min-width:64rem){.fi-main .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fi-main .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fi-main .text-white{color:#fff}
.fi-main .text-gray-300{color:#D9D5CF}
.fi-main .bg-gray-900 .text-gray-300,.fi-main .bg-gray-900{color:#D9D5CF}
.fi-main .bg-gray-800,.fi-main .bg-gray-800 *{color:#fff}
.fi-main .border-cyan-500{border-color:var(--acc5)}
.fi-main .bg-cyan-50\/60{background:var(--acc0)}
.fi-main .bg-cyan-700{background:var(--acc)}
.fi-main .text-cyan-700{color:var(--acc)}