/* Accepted Global Events presentation applied to the existing Filament CMS.
 * Keep native controls, validation, loading, focus and Livewire behavior intact.
 * Visual source: owner-approved prototype 0cdc8595, 132 files, 02 Oct 2026.
 */
@font-face {
    font-family: HelveticaNeueCyr;
    src: url('/assets/cms-ui/HelveticaNeueCyr-Roman.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: HelveticaNeueCyr;
    src: url('/assets/cms-ui/HelveticaNeueCyr-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 550;
    font-display: swap;
}
.fi-panel-admin {
    --vp-cms-ink: #10100b;
    --vp-cms-muted: #737986;
    --vp-cms-line: #e0e2e6;
    --vp-cms-surface: #fff;
    --vp-cms-canvas: #fff;
    --vp-cms-hover: #f0f1f2;
    --vp-cms-radius: 10px;
    --sidebar-width: 240px;
    --font-family: HelveticaNeueCyr, Arimo, Arial, sans-serif;
    font-family: HelveticaNeueCyr, Arimo, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--vp-cms-ink);
    background: var(--vp-cms-canvas);
}
/* Follow the existing native theme switcher, rather than removing it. */
.dark .fi-panel-admin {
    --vp-cms-ink: #f4f4f5;
    --vp-cms-muted: #a1a1aa;
    --vp-cms-line: #3f3f46;
    --vp-cms-surface: #18181b;
    --vp-cms-canvas: #111113;
    --vp-cms-hover: #27272a;
}
.fi-panel-admin :is(button, input, select, textarea) { font-family: inherit; }
.fi-panel-admin :is(button, a, input, select, textarea, summary) { touch-action: manipulation; }
.fi-panel-admin :is(button, a, input, select, textarea, summary):focus-visible {
    outline: 2px solid #657b92;
    outline-offset: 2px;
}
.fi-panel-admin :is(.fi-topbar, .fi-sidebar-header) {
    background: var(--vp-cms-surface);
    box-shadow: none;
    border-bottom: 1px solid var(--vp-cms-line);
}
.fi-panel-admin .fi-topbar {
    min-height: 44px;
    height: 44px;
    padding-inline: 16px;
}
.fi-panel-admin .fi-topbar .fi-logo { max-height: 30px; }
.fi-panel-admin .vp-cms-topbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
    margin-inline-start: 8px;
    color: var(--vp-cms-ink);
    text-decoration: none;
}
.fi-panel-admin .vp-cms-mobile-brand img { width: 25px; height: 25px; flex: none; }
.fi-panel-admin .vp-cms-mobile-brand { display: none; }
.fi-panel-admin .vp-cms-brand-name { font-size: 23px; font-weight: 400; letter-spacing: -.35px; }
.fi-panel-admin .vp-cms-division {
    border-inline-start: 1px solid #bfc2c6;
    padding-inline-start: 16px;
    font-size: 18px;
    font-weight: 400;
}
.fi-panel-admin .fi-sidebar-header { min-height: 48px; }
.fi-panel-admin .fi-main-sidebar {
    background: var(--vp-cms-surface);
    border-inline-end: 1px solid var(--vp-cms-line);
}
.fi-panel-admin .fi-sidebar-nav { padding: 8px 8px 12px; }
.fi-panel-admin .fi-sidebar-nav-groups { gap: 0; }
.fi-panel-admin .fi-sidebar-group-label {
    color: var(--vp-cms-muted);
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: .3px;
    padding: 16px 8px 6px;
}
.fi-panel-admin .fi-sidebar-group-items { gap: 0; }
/* These are flat resources, not a hierarchy. Retain links and collapse actions. */
.fi-panel-admin .fi-sidebar-item-grouped-border { display: none; }
.fi-panel-admin .fi-sidebar-item-btn {
    min-height: 32px;
    padding: 6px 8px;
    border-radius: 6px;
    gap: 9px;
}
.fi-panel-admin .fi-sidebar-item-icon { width: 16px; height: 16px; }
.fi-panel-admin .fi-sidebar-item-label {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
}
.fi-panel-admin .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: var(--vp-cms-hover);
    box-shadow: none;
    font-weight: 550;
}
.fi-panel-admin .vp-cms-sidebar-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid var(--vp-cms-line);
    color: var(--vp-cms-muted);
    font-size: 12px;
}
.fi-panel-admin .vp-cms-sidebar-footer a { display: inline-flex; align-items: center; gap: 8px; color: var(--vp-cms-ink); }
.fi-panel-admin .vp-cms-sidebar-footer img { width: 16px; height: 16px; }
.fi-panel-admin .vp-cms-sidebar-footer > span { color: #858b98; font-size: 11px; }
.fi-panel-admin .fi-main {
    width: 100%;
    max-width: none;
    padding: 0 24px 40px;
}
.fi-panel-admin .fi-page { gap: 20px; }
.fi-panel-admin .fi-breadcrumbs {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--vp-cms-line);
    font-size: 12px;
}
.fi-panel-admin .fi-header { gap: 16px; padding: 25px 0 23px; }
.fi-panel-admin .fi-breadcrumbs-list { flex-wrap: wrap; row-gap: 4px; }
.fi-panel-admin .fi-breadcrumbs-item-label { overflow-wrap: anywhere; }
.fi-panel-admin .fi-header-heading {
    font-size: 36px;
    font-weight: 550;
    line-height: 1.1;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}
.fi-panel-admin .fi-header-subheading {
    font-size: 14px;
    line-height: 20px;
    color: var(--vp-cms-muted);
}
.fi-panel-admin .fi-header-actions-ctn { flex-shrink: 0; }
.fi-panel-admin :is(.fi-section, .fi-ta-ctn, .fi-sc-tabs.fi-contained, .fi-fo-repeater-item) {
    background: var(--vp-cms-surface);
    border: 1px solid var(--vp-cms-line);
    border-radius: var(--vp-cms-radius);
    box-shadow: none;
}
.fi-panel-admin .fi-section-header {
    padding: 16px 24px;
    border-bottom: 1px solid var(--vp-cms-line);
}
.fi-panel-admin :is(.fi-section-header-heading, .fi-modal-heading) {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    overflow-wrap: anywhere;
}
.fi-panel-admin .fi-section-content { padding: 24px; }
.fi-panel-admin .fi-section-has-header > .fi-section-content-ctn { border-top: 0; }
.fi-panel-admin .fi-sc-has-gap { gap: 24px; }
.fi-panel-admin .fi-sc-dense { gap: 8px; }
/* Correct the observed half-width outer sections without changing form schema.
 * Only resource forms: nested field/repeater grids keep their native columns. */
.fi-panel-admin .fi-resource-edition-drafts .fi-sc-form .fi-grid-col:has(> .fi-sc-component > .fi-sc-section) {
    grid-column: 1 / -1;
}
.fi-panel-admin .fi-resource-edition-drafts .fi-sc-form { max-inline-size: 1440px; }
.fi-panel-admin :is(.fi-fo-field-label, .fi-fo-field-label-content) {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow-wrap: anywhere;
}
.fi-panel-admin .fi-fo-field-label-col { margin-bottom: 0; }
.fi-panel-admin .fi-input-wrp {
    min-height: 36px;
    border-radius: 7px;
}
.fi-panel-admin :is(.fi-input, .fi-select-input, .fi-select-input-btn) {
    min-height: 36px;
    font-size: 14px;
    line-height: 20px;
}
.fi-panel-admin .fi-select-input-value-label {
    white-space: normal;
    overflow-wrap: anywhere;
}
.fi-panel-admin .fi-fo-textarea { font-size: 14px; line-height: 22px; }
.fi-panel-admin .fi-btn {
    min-height: 36px;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 20px;
}
.fi-panel-admin .fi-btn.fi-color-primary {
    background-color: #10100b;
    color: #fff;
}
.dark .fi-panel-admin .fi-btn.fi-color-primary { background-color: #e4e4e7; color: #18181b; }
.fi-panel-admin .fi-btn.fi-color-primary:hover:not(:disabled) { filter: brightness(1.15); }
.fi-panel-admin .fi-tabs.fi-contained {
    padding: 3px;
    gap: 0;
    background: #f3f4f5;
    border-bottom: 1px solid var(--vp-cms-line);
}
.fi-panel-admin .fi-tabs-item {
    min-height: 32px;
    border-radius: 4px;
    padding: 6px 10px;
}
.fi-panel-admin .fi-tabs-item.fi-active {
    background: var(--vp-cms-surface);
    color: var(--vp-cms-ink);
    box-shadow: 0 0 0 1px var(--vp-cms-line);
}
.fi-panel-admin .fi-sc-tabs-tab { padding: 24px; }
.fi-panel-admin .fi-fo-repeater-items { gap: 16px; }
.fi-panel-admin .fi-fo-repeater-item-header {
    padding: 8px 16px;
    background: var(--vp-cms-canvas);
    border-bottom: 1px solid var(--vp-cms-line);
}
.fi-panel-admin .fi-fo-repeater-item-content { padding: 16px; border-top: 0; }
.fi-panel-admin .fi-ta-header-toolbar { padding: 8px 0; gap: 10px; border-block: 1px solid var(--vp-cms-line); }
.fi-panel-admin .fi-ta-search-field { width: 360px; max-width: 100%; background: #f3f4f5; border-radius: 6px; }
.fi-panel-admin .fi-ta-search-field .fi-input-wrp {
    min-height: 32px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #f3f4f5;
    box-shadow: none;
}
.fi-panel-admin .fi-ta-search-field:focus-within .fi-input-wrp { border-color: #657b92; }
.fi-panel-admin .fi-ta-search-field .fi-input { min-height: 30px; font-size: 13px; }
.fi-panel-admin .fi-ta-header-cell {
    background: var(--vp-cms-canvas);
    font-size: 12px;
    line-height: 18px;
}
.fi-panel-admin :is(.fi-ta-cell, .fi-ta-header-cell) { padding-inline: 16px; }
.fi-panel-admin .fi-ta-text-item { font-size: 14px; line-height: 20px; }
.fi-panel-admin .fi-ta-text { padding: 14px 0; }
.fi-panel-admin .fi-ta-cell:first-child .fi-ta-text-item {
    white-space: normal;
    overflow-wrap: anywhere;
    min-width: 180px;
    max-width: 560px;
}
.fi-panel-admin .fi-ta-row:hover { background: var(--vp-cms-hover); }
.fi-panel-admin .fi-pagination { padding: 16px 0; gap: 16px; border-top: 1px solid var(--vp-cms-line); }
.fi-panel-admin .fi-ta-filters { padding: 16px; }
.fi-panel-admin .fi-modal-window {
    border: 1px solid var(--vp-cms-line);
    border-radius: 12px;
}
.fi-panel-admin .fi-modal-header {
    padding: 20px 24px;
    border-bottom: 1px solid var(--vp-cms-line);
}
.fi-panel-admin .fi-modal-content { padding: 24px; }
.fi-panel-admin .fi-modal-footer {
    padding: 16px 24px;
    border-top: 1px solid var(--vp-cms-line);
}
/* Native validation/conflict text stays visible; never clamp it or alter color. */
.fi-panel-admin :is(.fi-fo-field-wrp-error-message, .fi-fo-field-error-message, .fi-no-notification-body, .fi-sc-text) {
    overflow-wrap: anywhere;
}
.fi-panel-admin .vp-cms-workbench-intro {
    display: grid;
    gap: 8px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--vp-cms-line);
    color: var(--vp-cms-muted);
    font-size: 14px;
    line-height: 1.5;
}
.fi-panel-admin .vp-cms-eyebrow {
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1.6px;
    color: var(--vp-cms-muted);
}
.fi-panel-admin .vp-cms-source-context { color: var(--vp-cms-muted); font-size: 12px; line-height: 1.5; }
.fi-panel-admin .vp-cms-source-context summary { cursor: pointer; width: fit-content; padding: 5px 0; }
.fi-panel-admin .vp-cms-source-context summary:hover { color: var(--vp-cms-ink); }
.fi-panel-admin .vp-cms-source-context p { margin: 6px 0 0; }
.fi-panel-admin .vp-cms-hold { border: 1px solid currentColor; padding: 12px; border-radius: 7px; }
.fi-panel-admin .vp-cms-workbench-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.fi-panel-admin .vp-cms-workbench-filters label { display: grid; gap: 8px; font-size: 13px; line-height: 18px; font-weight: 550; }
.fi-panel-admin .vp-cms-workbench-count {
    display: flex;
    align-items: center;
    min-height: 52px;
    margin: 4px 0 0;
    padding: 8px 0;
    border-top: 1px solid var(--vp-cms-line);
    border-bottom: 1px solid var(--vp-cms-line);
    font-size: 13px;
    font-weight: 550;
}
.fi-panel-admin .vp-cms-target-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.fi-panel-admin .vp-cms-target-row {
    min-width: 0;
    border: 1px solid var(--vp-cms-line);
    border-radius: 10px;
    background: var(--vp-cms-surface);
}
.fi-panel-admin .vp-cms-target-row .fi-btn {
    display: flex;
    width: 100%;
    min-height: 66px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    padding: 12px 16px;
    border: 0;
    background: transparent;
    color: var(--vp-cms-ink);
    box-shadow: none;
    text-align: start;
}
.fi-panel-admin .vp-cms-target-row .fi-btn:hover { background: var(--vp-cms-hover); }
.fi-panel-admin .vp-cms-target-row .fi-btn-label { display: grid; gap: 5px; width: 100%; text-align: start; }
.fi-panel-admin .vp-cms-target-label { display: block; width: 100%; font-size: 16px; font-weight: 550; line-height: 20px; overflow-wrap: anywhere; }
.fi-panel-admin .vp-cms-target-meta { display: block; color: var(--vp-cms-muted); font-size: 11px; line-height: 16px; overflow-wrap: anywhere; }
.fi-panel-admin .vp-cms-empty { grid-column: 1 / -1; padding: 18px 0; color: var(--vp-cms-muted); }
.fi-panel-admin .vp-cms-catalog-pagination { align-items: center; flex-wrap: wrap; gap: 8px; padding: 16px 0; border-top: 1px solid var(--vp-cms-line); }
.fi-panel-admin .vp-cms-edit-target { display: grid; gap: 16px; padding-top: 24px; border-top: 1px solid var(--vp-cms-line); }
.fi-panel-admin .vp-cms-edit-target h2 { font-size: 24px; font-weight: 550; line-height: 1.2; letter-spacing: -.3px; overflow-wrap: anywhere; }
.fi-panel-admin .vp-cms-edit-target > form { display: grid; gap: 20px; }
.fi-panel-admin .vp-cms-edit-target > form > .fi-btn { width: fit-content; }
.fi-panel-admin .vp-cms-edit-target > ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fi-panel-admin .vp-cms-edit-target > ul li { border: 1px solid var(--vp-cms-line); border-radius: 20px; padding: 4px 8px; font-size: 12px; }
.fi-panel-admin .vp-cms-edit-target > ul a { text-decoration: underline; text-underline-offset: 3px; }
.fi-panel-admin .vp-cms-edit-target > details { border: 1px solid var(--vp-cms-line); border-radius: 10px; padding: 12px 16px; }
/* Bounded closed-test workbench: reuse the accepted CMS tokens and controls. */
.fi-panel-admin .vp-cms-closed-review { padding-top: 0; border-top: 0; }
.fi-panel-admin .vp-cms-closed-editor-link { width: fit-content; text-decoration: underline; text-underline-offset: 3px; }
.fi-panel-admin :is(.vp-cms-closed-search, .vp-cms-closed-edit label) { display: grid; gap: 8px; min-width: 0; font-size: 13px; font-weight: 550; line-height: 18px; }
.fi-panel-admin .vp-cms-closed-search { width: min(100%, 480px); }
.fi-panel-admin .vp-cms-closed-participants { min-width: 0; }
.fi-panel-admin .vp-cms-closed-table { min-width: 0; overflow-x: auto; border: 1px solid var(--vp-cms-line); border-radius: var(--vp-cms-radius); }
.fi-panel-admin .vp-cms-closed-table table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 14px; line-height: 1.45; }
.fi-panel-admin .vp-cms-closed-table :is(th, td) { padding: 12px 16px; border-bottom: 1px solid var(--vp-cms-line); text-align: start; vertical-align: middle; }
.fi-panel-admin .vp-cms-closed-table th { background: var(--vp-cms-hover); font-weight: 550; }
.fi-panel-admin .vp-cms-closed-table td:first-child { min-width: 220px; overflow-wrap: anywhere; }
.fi-panel-admin .vp-cms-closed-table td:not(:first-child) { white-space: nowrap; }
.fi-panel-admin .vp-cms-closed-table tbody tr:last-child td { border-bottom: 0; }
.fi-panel-admin .fi-simple-main { border: 1px solid var(--vp-cms-line); border-radius: 10px; box-shadow: none; }
@media (min-width: 1024px) and (max-width: 1279px) {
    .fi-panel-admin .fi-main { padding-inline: 20px; }
}
@media (max-width: 1023px) {
    .fi-panel-admin .fi-main { padding: 0 20px 32px; }
    .fi-panel-admin .fi-header-actions-ctn { flex-shrink: 1; }
    .fi-panel-admin .vp-cms-desktop-brand { display: none; }
    .fi-panel-admin .vp-cms-mobile-brand { display: inline-flex; }
    .fi-panel-admin .vp-cms-workbench-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .fi-panel-admin .vp-cms-workbench-filters { grid-template-columns: 1fr; }
}
@media (max-width: 639px) {
    .fi-panel-admin .fi-topbar { padding-inline: 12px; }
    .fi-panel-admin .vp-cms-topbar-brand { gap: 10px; margin-inline-start: 5px; }
    .fi-panel-admin .vp-cms-brand-name { font-size: 19px; }
    .fi-panel-admin .vp-cms-division { font-size: 14px; padding-inline-start: 10px; }
    .fi-panel-admin .fi-main { padding: 0 16px 28px; }
    .fi-panel-admin .fi-header { padding: 23px 0 20px; }
    .fi-panel-admin .fi-header-heading { font-size: 30px; }
    .fi-panel-admin { --sidebar-width: 280px; }
    .fi-panel-admin .vp-cms-brand-name { font-size: 19px; }
    .fi-panel-admin .vp-cms-division { font-size: 14px; padding-inline-start: 10px; }
    .fi-panel-admin .vp-cms-target-list { grid-template-columns: 1fr; }
    .fi-panel-admin .vp-cms-workbench-filters { grid-template-columns: 1fr; }
    .fi-panel-admin .fi-page { gap: 20px; }
    .fi-panel-admin :is(.fi-section-header, .fi-section-content, .fi-sc-tabs-tab) { padding: 16px; }
    .fi-panel-admin .fi-sc-has-gap { gap: 20px; }
    .fi-panel-admin .fi-sc-dense { gap: 8px; }
    .fi-panel-admin .fi-tabs.fi-contained { padding: 8px; }
    .fi-panel-admin .fi-tabs-item { flex-shrink: 0; min-height: 44px; }
    .fi-panel-admin :is(.fi-btn, .fi-input-wrp, .fi-input, .fi-select-input, .fi-select-input-btn) { min-height: 44px; }
    .fi-panel-admin .fi-ta-header-toolbar { padding: 12px; gap: 8px; }
    .fi-panel-admin .fi-ta-header-toolbar > :has(> .fi-ta-search-field) { width: 100%; min-width: 0; flex: 1; }
    .fi-panel-admin .fi-ta-search-field { width: 100%; flex: 1; min-width: 0; }
    .fi-panel-admin .fi-pagination { padding: 12px; gap: 12px; flex-wrap: wrap; }
    .fi-panel-admin :is(.fi-modal-header, .fi-modal-content, .fi-modal-footer) { padding: 16px; }
    .fi-panel-admin .fi-modal-window { border-radius: 10px; }
}