/* /Components/Admin/RenderDefinitionGenerator.razor.rz.scp.css */
.rdg-container[b-acupfsr9yf] {
    max-width: 100%;
}

.rdg-section-title[b-acupfsr9yf] {
    font-family: 'Spellweaver Display', serif;
    color: var(--mud-palette-primary);
}

.rdg-preview-panel[b-acupfsr9yf] {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    padding: 8px;
    background: var(--mud-palette-background);
}
/* /Components/Maps/SessionMapViewerModal.razor.rz.scp.css */
.session-map-viewer-modal__backdrop[b-khboiozpkx] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: color-mix(in srgb, var(--chronicis-background-dark) 60%, transparent 40%);
    backdrop-filter: blur(2px);
}

.session-map-viewer-modal[b-khboiozpkx] {
    width: min(96vw, 1400px);
    height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    border-radius: var(--chronicis-radius-xl);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 30%, transparent 70%);
    background: var(--chronicis-background-dark);
    box-shadow: var(--chronicis-shadow-lg), 0 0 60px color-mix(in srgb, var(--chronicis-secondary) 8%, transparent 92%);
    overflow: hidden;
    outline: none;
}

.session-map-viewer-modal__header[b-khboiozpkx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--chronicis-secondary) 35%, transparent 65%);
    background: var(--chronicis-background-content);
}

.session-map-viewer-modal__title[b-khboiozpkx] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2rem;
    font-weight: 600;
    font-family: var(--chronicis-font-heading);
    color: var(--chronicis-primary);
}

.session-map-viewer-modal__close[b-khboiozpkx] {
    flex: 0 0 auto;
    color: var(--chronicis-primary) !important;
}

.session-map-viewer-modal__close:hover[b-khboiozpkx] {
    color: var(--chronicis-secondary) !important;
}

.session-map-viewer-modal__content[b-khboiozpkx] {
    flex: 1;
    min-height: 0;
    padding: 0.75rem;
}

.session-map-viewer-modal__state[b-khboiozpkx] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--chronicis-text-on-dark);
}

.session-map-viewer-modal__layout[b-khboiozpkx] {
    height: 100%;
    display: flex;
    gap: 0.5rem;
    min-height: 0;
}

/* ---- Layers Sidebar ---- */

.session-map-viewer-modal__layers[b-khboiozpkx] {
    flex: 0 0 13rem;
    min-width: 0;
    overflow: auto;
    padding: 0.5rem;
    border-radius: var(--chronicis-radius-lg);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 30%, transparent 70%);
    background: var(--chronicis-background-light);
}

.session-map-viewer-modal__layers-empty[b-khboiozpkx] {
    margin: 0;
    color: color-mix(in srgb, var(--chronicis-text-primary) 60%, transparent 40%);
}

.session-map-viewer-modal__layer-tree[b-khboiozpkx] {
    width: 100%;
}

.session-map-viewer-modal__layer-tree .mud-treeview-item[b-khboiozpkx],
.session-map-viewer-modal__layer-tree-item[b-khboiozpkx] {
    margin: 0 !important;
    padding: 0 !important;
}

.session-map-viewer-modal__layer-tree .mud-treeview-item-content[b-khboiozpkx] {
    min-height: 0;
    padding: 0;
}

.session-map-viewer-modal__layer-tree .mud-treeview-group[b-khboiozpkx] {
    margin-left: 0.45rem;
}

.session-map-viewer-modal__layer-row[b-khboiozpkx] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.32rem 0.3rem;
    border-radius: var(--chronicis-radius-md);
    color: var(--chronicis-text-primary);
    cursor: pointer;
    transition: background-color var(--chronicis-transition-fast);
}

.session-map-viewer-modal__layer-row:hover[b-khboiozpkx] {
    background: color-mix(in srgb, var(--chronicis-secondary) 14%, transparent 86%);
}

.session-map-viewer-modal__layer-row--disabled[b-khboiozpkx] {
    color: color-mix(in srgb, var(--chronicis-text-primary) 40%, transparent 60%);
}

.session-map-viewer-modal__layer-toggle[b-khboiozpkx] {
    margin: 0;
    accent-color: var(--chronicis-secondary);
    cursor: pointer;
}

.session-map-viewer-modal__layer-name[b-khboiozpkx] {
    font-size: 0.8rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---- Map Shell ---- */

.session-map-viewer-modal__image-shell[b-khboiozpkx] {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 0;
    background: color-mix(in srgb, var(--chronicis-background-dark) 90%, var(--chronicis-secondary) 10%);
    border-radius: var(--chronicis-radius-lg);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 18%, transparent 82%);
    overflow: hidden;
}

.session-map-viewer-modal__viewport[b-khboiozpkx] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    user-select: none;
}

.session-map-viewer-modal__viewport--pan[b-khboiozpkx] {
    cursor: grab;
}

.session-map-viewer-modal__viewport--dragging[b-khboiozpkx] {
    cursor: grabbing;
}

.session-map-viewer-modal__map-stage[b-khboiozpkx] {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top left;
    will-change: transform;
}

.session-map-viewer-modal__image[b-khboiozpkx] {
    display: block;
    width: 100%;
    height: auto;
}

.session-map-viewer-modal__image--stage[b-khboiozpkx] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    max-width: none;
    max-inline-size: none;
    max-block-size: none;
    pointer-events: none;
}

.session-map-viewer-modal__pins-overlay[b-khboiozpkx] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.session-map-viewer-modal__features-overlay[b-khboiozpkx] {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.session-map-viewer-modal__feature-point[b-khboiozpkx] {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid rgba(215, 208, 168, 0.9);
    background: rgba(75, 90, 69, 0.55);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 2px rgba(31, 42, 51, 0.35);
}

.session-map-viewer-modal__feature-point--highlighted[b-khboiozpkx] {
    background: rgba(215, 208, 168, 0.9);
    border-color: #1F2A33;
    box-shadow: 0 0 0 4px rgba(215, 208, 168, 0.28);
}

.session-map-viewer-modal__feature-polygon[b-khboiozpkx] {
    position: absolute;
    inset: 0;
}

.session-map-viewer-modal__feature-polygon polygon[b-khboiozpkx] {
    fill: rgba(75, 90, 69, 0.22);
    stroke: rgba(215, 208, 168, 0.75);
    stroke-width: 0.45;
}

.session-map-viewer-modal__feature-polygon--highlighted polygon[b-khboiozpkx] {
    fill: rgba(215, 208, 168, 0.26);
    stroke: #F4F0EA;
    stroke-width: 0.8;
    filter: drop-shadow(0 0 6px rgba(215, 208, 168, 0.5));
}

.session-map-viewer-modal__pin[b-khboiozpkx] {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--chronicis-background-dark);
    background: var(--chronicis-secondary);
    transform: translate(-50%, -50%);
    pointer-events: none;
    box-shadow: 0 1px 4px color-mix(in srgb, black 40%, transparent 60%);
}

.session-map-viewer-modal__pin-name[b-khboiozpkx] {
    position: absolute;
    transform: translate(10px, -130%);
    background: color-mix(in srgb, var(--chronicis-background-dark) 94%, var(--chronicis-secondary) 6%);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 28%, transparent 72%);
    border-radius: var(--chronicis-radius-md);
    color: var(--chronicis-text-on-dark);
    font-size: 0.72rem;
    line-height: 1.2;
    padding: 0.1rem 0.35rem;
    max-width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    z-index: 4;
}

/* ---- Zoom Control ---- */

.session-map-viewer-modal__zoom-control[b-khboiozpkx] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    z-index: 7;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 0.35rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 35%, transparent 65%);
    background: color-mix(in srgb, var(--chronicis-background-dark) 88%, var(--chronicis-secondary) 12%);
    backdrop-filter: blur(4px);
    box-shadow: var(--chronicis-shadow-md);
}

.session-map-viewer-modal__zoom-button[b-khboiozpkx] {
    width: 1.1rem;
    height: 1.1rem;
    border: none;
    border-radius: 999px;
    background: color-mix(in srgb, var(--chronicis-secondary) 22%, transparent 78%);
    cursor: pointer;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1;
    color: var(--chronicis-text-on-dark);
    font-weight: 700;
    padding: 0;
    transition: background-color var(--chronicis-transition-fast), box-shadow var(--chronicis-transition-fast);
}

.session-map-viewer-modal__zoom-button:hover:not(:disabled)[b-khboiozpkx] {
    background: var(--chronicis-secondary);
    color: var(--chronicis-background-dark);
    box-shadow: var(--chronicis-glow-secondary);
}

.session-map-viewer-modal__zoom-button:disabled[b-khboiozpkx] {
    opacity: 0.35;
    cursor: not-allowed;
}

.session-map-viewer-modal__zoom-slider[b-khboiozpkx] {
    width: 1rem;
    height: 10.25rem;
    writing-mode: vertical-lr;
    direction: rtl;
    accent-color: var(--chronicis-secondary);
}

.session-map-viewer-modal__zoom-slider:disabled[b-khboiozpkx] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Quests/ArcQuestEditor.razor.rz.scp.css */
.arc-quest-editor[b-9hwd4e9ia6] {
    padding: 1rem;
    background-color: var(--mud-palette-background-grey);
    border-radius: 4px;
    margin-bottom: 1rem;
}

.quest-description-editor[b-9hwd4e9ia6] {
    min-height: 200px;
    max-height: 600px;
    overflow-y: auto;
    padding: 1rem;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}

.quest-description-editor:focus-within[b-9hwd4e9ia6] {
    border-color: var(--chronicis-beige-gold);
}
/* /Components/Quests/ArcQuestList.razor.rz.scp.css */
/* ArcQuestList.razor.css - Scoped styles for arc quest list */

.arc-quest-list[b-5d8xbrwanu] {
    margin-bottom: 24px;
}

.quest-list-item[b-5d8xbrwanu] {
    border-bottom: 1px solid rgba(196, 175, 142, 0.1);
}

.quest-list-item:last-child[b-5d8xbrwanu] {
    border-bottom: none;
}

.quest-title[b-5d8xbrwanu] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    line-height: 1.3;
}

/* Align status chip with title baseline */
.quest-list-item .d-flex.align-center.gap-2[b-5d8xbrwanu] {
    align-items: center;
}

.quest-list-item[b-5d8xbrwanu]  .mud-chip {
    align-self: flex-start;
    margin-top: 2px;
}
/* /Components/Quests/ArcQuestTimeline.razor.rz.scp.css */
/* ArcQuestTimeline.razor.css - Scoped styles for quest timeline */

.arc-quest-timeline[b-24u28akokk] {
    margin-top: 24px;
}

.quest-update-card[b-24u28akokk] {
    background-color: white;
    border: 1px solid rgba(196, 175, 142, 0.15);
}

.quest-update-body[b-24u28akokk] {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--mud-palette-text-primary);
}

.quest-update-body[b-24u28akokk]  p {
    margin: 0 0 12px 0;
}

.quest-update-body[b-24u28akokk]  p:last-child {
    margin-bottom: 0;
}

.quest-update-body[b-24u28akokk]  ul,
.quest-update-body[b-24u28akokk]  ol {
    margin: 8px 0;
    padding-left: 24px;
}

.quest-update-body[b-24u28akokk]  li {
    margin-bottom: 4px;
}

/* Improve timeline spacing */
[b-24u28akokk] .mud-timeline-item {
    padding-bottom: 16px;
}

[b-24u28akokk] .mud-timeline-item:last-child {
    padding-bottom: 0;
}

/* Better timestamp styling */
[b-24u28akokk] .mud-timeline-item-opposite {
    min-width: 140px;
    padding-right: 16px;
}

[b-24u28akokk] .mud-timeline-item-opposite .mud-typography {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}
/* /Components/Quests/QuestDrawer.razor.rz.scp.css */
/* QuestDrawer.razor.css - Scoped styles for quest drawer */

.quest-drawer[b-1sn17ozgc0],
.quest-drawer[b-1sn17ozgc0]  .mud-drawer-content {
    background-color: transparent !important;
    border-left: 1px solid rgba(196, 175, 142, 0.2);
}

.quest-drawer[b-1sn17ozgc0]  .mud-drawer-content {
    padding: 8px;
    background-color: var(--chronicis-soft-off-white) !important;
}

.quest-drawer-header[b-1sn17ozgc0] {
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(196, 175, 142, 0.2);
}

.quest-drawer-title[b-1sn17ozgc0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.quest-drawer-scrollable[b-1sn17ozgc0] {
    height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 0 24px 0;
}

.quest-drawer-empty-state[b-1sn17ozgc0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

.quest-drawer-loading[b-1sn17ozgc0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

/* Quest List */
.quest-list[b-1sn17ozgc0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 8px;
    margin-bottom: 16px;
}

.quest-item[b-1sn17ozgc0] {
    padding: 12px;
    border: 1px solid rgba(196, 175, 142, 0.2);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: white;
}

.quest-item:hover[b-1sn17ozgc0] {
    border-color: rgba(196, 175, 142, 0.4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.quest-item:focus[b-1sn17ozgc0] {
    outline: 2px solid var(--chronicis-beige-gold);
    outline-offset: 2px;
}

.quest-item-selected[b-1sn17ozgc0] {
    border-color: var(--chronicis-beige-gold);
    background-color: rgba(196, 175, 142, 0.05);
}

.quest-item-header[b-1sn17ozgc0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.quest-item-title[b-1sn17ozgc0] {
    font-weight: 600;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
}

.quest-item-description[b-1sn17ozgc0] {
    font-size: 0.8125rem;
    opacity: 0.8;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Quest Update Editor */
.quest-update-section[b-1sn17ozgc0] {
    padding: 0 8px 16px 8px;
}

.quest-editor-container[b-1sn17ozgc0] {
    border: 1px solid rgba(196, 175, 142, 0.2);
    border-radius: 4px;
    background-color: white;
}

.quest-tiptap-editor[b-1sn17ozgc0] {
    min-height: 120px;
    padding: 12px;
}

.quest-tiptap-editor[b-1sn17ozgc0]  .ProseMirror {
    min-height: 100px;
    outline: none;
}

.quest-tiptap-editor[b-1sn17ozgc0]  .ProseMirror p {
    margin: 0 0 8px 0;
}

.quest-tiptap-editor[b-1sn17ozgc0]  .ProseMirror p:last-child {
    margin-bottom: 0;
}

/* Recent Updates */
.quest-updates-section[b-1sn17ozgc0] {
    padding: 0 8px 24px 8px;
}

.quest-updates-list[b-1sn17ozgc0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.quest-update-entry[b-1sn17ozgc0] {
    padding: 12px;
    border: 1px solid rgba(196, 175, 142, 0.2);
    border-radius: 8px;
    background-color: white;
}

.quest-update-meta[b-1sn17ozgc0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
    font-size: 0.75rem;
    gap: 8px;
}

.quest-update-body[b-1sn17ozgc0] {
    font-size: 0.8125rem;
    line-height: 1.5;
}

.quest-update-body[b-1sn17ozgc0]  p {
    margin: 0 0 8px 0;
}

.quest-update-body[b-1sn17ozgc0]  p:last-child {
    margin-bottom: 0;
}
/* /Components/Shared/ExternalLinkDetailPanel.razor.rz.scp.css */
/* 
   ExternalLinkDetailPanel styles live in chronicis-wiki-links.css (global)
   because this component uses RenderTreeBuilder for programmatic rendering.
   Blazor scoped CSS attributes are NOT applied to RenderTreeBuilder output,
   so scoped styles here would have no effect on the rendered content.
*/
/* /Pages/Admin/Status.razor.rz.scp.css */
.status-details[b-gkyh23xhrs] {
    line-height: 1.4;
}

.status-details .mud-typography-body2[b-gkyh23xhrs] {
    margin-bottom: 4px;
}

.status-details .mud-typography-body2:last-of-type[b-gkyh23xhrs] {
    margin-bottom: 8px;
}

.admin-container[b-gkyh23xhrs] {
    max-width: 1200px;
    margin: 0 auto;
}

.admin-header .admin-title[b-gkyh23xhrs] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}
/* /Pages/Admin/Utilities.razor.rz.scp.css */
.admin-container[b-nb2v6asivd] {
    max-width: 1400px;
    margin: 2rem auto;
    background: var(--mud-palette-surface);
}

.admin-title[b-nb2v6asivd] {
    font-family: 'Spellweaver Display', serif;
    color: var(--mud-palette-primary);
}
/* /Pages/Maps/MapDetail.razor.rz.scp.css */
.map-page__image-shell[b-58ka3x9qdi] {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: clamp(24rem, calc(100vh - 16rem), 78vh);
    min-width: 0;
    border-radius: var(--chronicis-radius-lg);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 28%, transparent 72%);
    background: color-mix(in srgb, var(--chronicis-background-dark) 92%, var(--chronicis-secondary) 8%);
}

.map-page__viewport[b-58ka3x9qdi] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-use-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.map-page__viewport--create[b-58ka3x9qdi] {
    cursor: crosshair;
}

.map-page__viewport--polygon-create[b-58ka3x9qdi] {
    cursor: crosshair;
    outline: 2px solid color-mix(in srgb, var(--chronicis-secondary) 28%, transparent 72%);
    outline-offset: -2px;
}

.map-page__viewport--polygon-create:focus[b-58ka3x9qdi] {
    outline-color: color-mix(in srgb, var(--chronicis-secondary) 72%, transparent 28%);
}

.map-page__viewport--pan[b-58ka3x9qdi] {
    cursor: grab;
}

.map-page__viewport--dragging[b-58ka3x9qdi] {
    cursor: grabbing;
}

.map-page__map-stage[b-58ka3x9qdi] {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top left;
    will-change: transform;
}

.map-page__image[b-58ka3x9qdi] {
    display: block;
    width: 100%;
    height: auto;
}

.map-page__image--stage[b-58ka3x9qdi] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    max-width: none;
    max-inline-size: none;
    max-block-size: none;
    pointer-events: none;
}

.map-page__polygons-overlay[b-58ka3x9qdi] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.map-page__polygon[b-58ka3x9qdi] {
    fill: var(--map-polygon-fill, rgb(59 130 246 / 0.35));
    stroke: var(--map-polygon-stroke, rgb(30 64 175 / 0.95));
    stroke-width: 0.003;
    vector-effect: non-scaling-stroke;
}

.map-page__polygon--selected[b-58ka3x9qdi] {
    fill: var(--map-polygon-fill-selected, rgb(37 99 235 / 0.46));
    stroke: var(--map-polygon-stroke-selected, rgb(29 78 216 / 1));
    stroke-width: 0.0045;
}

.map-page__polygon--dirty[b-58ka3x9qdi] {
    stroke: color-mix(in srgb, var(--chronicis-accent, var(--chronicis-secondary)) 86%, var(--chronicis-background-light) 14%);
}

.map-page__polygon-draft[b-58ka3x9qdi] {
    fill: none;
    stroke: color-mix(in srgb, var(--chronicis-accent, var(--chronicis-secondary)) 78%, var(--chronicis-background-light) 22%);
    stroke-width: 0.0035;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 0.012 0.01;
    vector-effect: non-scaling-stroke;
}

.map-page__pins-overlay[b-58ka3x9qdi] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.map-page__pins-overlay--create[b-58ka3x9qdi] {
    pointer-events: auto;
    cursor: crosshair;
    background: color-mix(in srgb, var(--chronicis-secondary) 6%, transparent 94%);
}

.map-page__pins-overlay--polygon-create[b-58ka3x9qdi] {
    pointer-events: none;
}

.map-page__pin[b-58ka3x9qdi] {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--chronicis-background-light);
    background: var(--chronicis-secondary);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.map-page__pin--interactive[b-58ka3x9qdi] {
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--chronicis-primary) 40%, transparent 60%);
}

.map-page__pin--interactive:hover[b-58ka3x9qdi] {
    box-shadow: var(--chronicis-glow-secondary);
    filter: brightness(1.15);
}

.map-page__pin--selected[b-58ka3x9qdi] {
    box-shadow: 0 0 0 2px var(--chronicis-secondary), var(--chronicis-glow-secondary);
}

.map-page__pin-name[b-58ka3x9qdi] {
    position: absolute;
    transform: translate(10px, -130%);
    background: color-mix(in srgb, var(--chronicis-background-dark) 94%, var(--chronicis-secondary) 6%);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 30%, transparent 70%);
    border-radius: var(--chronicis-radius-md);
    color: var(--chronicis-text-on-dark);
    font-size: 0.72rem;
    line-height: 1.2;
    padding: 0.1rem 0.35rem;
    max-width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    z-index: 4;
}

.map-page__pins-overlay--create .map-page__pin[b-58ka3x9qdi] {
    pointer-events: none;
}

.map-page__pin-delete-intent[b-58ka3x9qdi] {
    position: absolute;
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 999px;
    transform: translate(10%, -115%);
    background: color-mix(in srgb, var(--chronicis-error) 78%, black 22%);
    color: #fff;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    z-index: 4;
    padding: 0;
}

.map-page__pin-delete-intent--selected[b-58ka3x9qdi] {
    box-shadow: 0 0 0 1px var(--chronicis-background-light);
}

.map-page__pin-delete-confirm[b-58ka3x9qdi] {
    position: absolute;
    transform: translate(12px, -34px);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.45rem;
    border-radius: var(--chronicis-radius-md);
    background: color-mix(in srgb, var(--chronicis-background-dark) 96%, var(--chronicis-secondary) 4%);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 30%, transparent 70%);
    pointer-events: auto;
    z-index: 5;
    font-size: 0.72rem;
    color: var(--chronicis-text-on-dark);
    box-shadow: var(--chronicis-shadow-md);
}

.map-page__pin-delete-confirm-button[b-58ka3x9qdi] {
    border: none;
    border-radius: var(--chronicis-radius-sm);
    background: color-mix(in srgb, var(--chronicis-error) 80%, black 20%);
    color: #fff;
    padding: 0.2rem 0.45rem;
    cursor: pointer;
    font-size: 0.72rem;
    transition: filter var(--chronicis-transition-fast);
}

.map-page__pin-delete-confirm-button:hover[b-58ka3x9qdi] {
    filter: brightness(1.1);
}

.map-page__pin-delete-confirm-button--cancel[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 18%, transparent 82%);
    color: var(--chronicis-text-on-dark);
}

.map-page__pin-delete-confirm-button--cancel:hover[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 28%, transparent 72%);
    filter: none;
}

/* ---- Layers Panel ---- */

.map-page__layers-panel[b-58ka3x9qdi] {
    display: grid;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
    padding: 0.6rem;
    border-radius: var(--chronicis-radius-lg);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 30%, transparent 70%);
    background: var(--chronicis-background-light);
}

.map-page__layer-add-error[b-58ka3x9qdi] {
    color: var(--chronicis-error);
    font-size: 0.74rem;
    line-height: 1.2;
}

.map-page__layer-tree[b-58ka3x9qdi] {
    width: 100%;
}

.map-page__layer-tree .mud-treeview-item[b-58ka3x9qdi] {
    margin: 0 !important;
    padding: 0 !important;
}

.map-page__layer-tree-item[b-58ka3x9qdi] {
    margin: 0 !important;
    padding: 0 !important;
}

.map-page__layer-tree .mud-treeview-item-content[b-58ka3x9qdi] {
    min-height: 0;
    padding: 0 !important;
    width: 100%;
}

.map-page__layer-tree .mud-treeview-item-label[b-58ka3x9qdi] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.map-page__layer-tree .mud-treeview-group[b-58ka3x9qdi] {
    margin-left: 0.35rem;
}

.map-page__layer-row[b-58ka3x9qdi] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.45rem;
    font-size: 0.82rem;
    line-height: 1.2;
    box-sizing: border-box;
    border-radius: var(--chronicis-radius-md);
    padding: 0.2rem 0;
    padding-inline-start: 0.3rem;
    cursor: grab;
    color: var(--chronicis-text-primary);
    transition: background-color var(--chronicis-transition-fast), outline-color var(--chronicis-transition-fast);
    animation: map-page__layer-row-settle-b-58ka3x9qdi 140ms ease-out;
}

.map-page__layer-row--hoverable:not(.layer-row-selected):hover[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 12%, transparent 88%);
}

.map-page__layer-row--dragging[b-58ka3x9qdi] {
    opacity: 0.65;
    cursor: grabbing;
    transition: none;
}

.map-page__layer-row--drop-target[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 14%, transparent 86%);
    outline: 1px dashed color-mix(in srgb, var(--chronicis-secondary) 60%, transparent 40%);
}

.layer-row-selected[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 18%, transparent 82%);
    border-radius: var(--chronicis-radius-md);
}

.map-page__layer-row--enabled .map-page__layer-name[b-58ka3x9qdi] {
    color: var(--chronicis-text-primary);
}

.map-page__layer-row--disabled .map-page__layer-name[b-58ka3x9qdi] {
    color: color-mix(in srgb, var(--chronicis-text-primary) 40%, transparent 60%);
}

.map-page__layer-row--inline-create[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 9%, transparent 91%);
    cursor: default;
}

.map-page__selected-layer-status[b-58ka3x9qdi] {
    margin-top: 0.15rem;
}

.map-page__selected-layer-status strong[b-58ka3x9qdi] {
    color: var(--chronicis-text-primary);
}

.map-page__selected-layer-status--warning[b-58ka3x9qdi] {
    margin-left: 0.35rem;
    font-weight: 600;
    color: var(--mud-palette-warning);
}

.map-page__layer-toggle[b-58ka3x9qdi] {
    margin: 0;
    inline-size: 0.95rem;
    block-size: 0.95rem;
    accent-color: var(--chronicis-secondary);
    cursor: pointer;
}

.map-page__layer-drag-handle[b-58ka3x9qdi] {
    inline-size: 0.7rem;
    text-align: center;
    letter-spacing: -0.05rem;
    color: color-mix(in srgb, var(--chronicis-primary) 45%, transparent 55%);
    user-select: none;
    pointer-events: none;
}

.map-page__layer-name[b-58ka3x9qdi] {
    user-select: none;
}

.map-page__layer-name-button[b-58ka3x9qdi] {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.map-page__layer-name-button:disabled[b-58ka3x9qdi] {
    cursor: default;
}

.map-page__layer-actions[b-58ka3x9qdi] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.map-page__layer-action-button[b-58ka3x9qdi] {
    border: none;
    border-radius: var(--chronicis-radius-sm);
    padding: 0.18rem 0.42rem;
    font-size: 0.7rem;
    line-height: 1.2;
    cursor: pointer;
    color: var(--chronicis-primary);
    background: color-mix(in srgb, var(--chronicis-primary) 12%, transparent 88%);
    transition: background-color var(--chronicis-transition-fast), filter var(--chronicis-transition-fast);
}

.map-page__layer-action-button:hover:not(:disabled)[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-primary) 20%, transparent 80%);
}

.map-page__layer-action-button:disabled[b-58ka3x9qdi] {
    opacity: 0.55;
    cursor: not-allowed;
}

.map-page__layer-action-button--danger[b-58ka3x9qdi] {
    color: #fff;
    background: color-mix(in srgb, var(--chronicis-error) 82%, black 18%);
}

.map-page__layer-action-button--danger:hover:not(:disabled)[b-58ka3x9qdi] {
    filter: brightness(1.1);
}

.map-page__layer-action-button--cancel[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-primary) 8%, transparent 92%);
    color: color-mix(in srgb, var(--chronicis-primary) 70%, transparent 30%);
}

.map-page__layer-create-spacer[b-58ka3x9qdi] {
    inline-size: 0.95rem;
    block-size: 0.95rem;
}

.map-page__layer-create-input[b-58ka3x9qdi] {
    flex: 1 1 auto;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 40%, transparent 60%);
    border-radius: var(--chronicis-radius-md);
    background: var(--chronicis-surface);
    color: var(--chronicis-text-primary);
    padding: 0.24rem 0.38rem;
    font-size: 0.74rem;
    line-height: 1.2;
    outline: none;
}

.map-page__layer-create-input:focus[b-58ka3x9qdi] {
    border-color: var(--chronicis-secondary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--chronicis-secondary) 20%, transparent 80%);
}

.map-page__layer-footer-actions[b-58ka3x9qdi] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.35rem;
}

.map-page__layer-add-root-button[b-58ka3x9qdi] {
    font-size: 0.74rem;
    padding: 0.26rem 0.6rem;
}

.map-page__layer-rename-input[b-58ka3x9qdi] {
    flex: 1 1 auto;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 40%, transparent 60%);
    border-radius: var(--chronicis-radius-md);
    background: var(--chronicis-surface);
    color: var(--chronicis-text-primary);
    padding: 0.24rem 0.38rem;
    font-size: 0.74rem;
    line-height: 1.2;
    outline: none;
}

.map-page__layer-rename-input:focus[b-58ka3x9qdi] {
    border-color: var(--chronicis-secondary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--chronicis-secondary) 20%, transparent 80%);
}

@keyframes map-page__layer-row-settle-b-58ka3x9qdi {
    from { transform: translateY(2px); }
    to   { transform: translateY(0); }
}

/* ---- Create Pin Controls ---- */

.map-page__create-pin-controls[b-58ka3x9qdi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.map-page__polygon-editor[b-58ka3x9qdi] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
    padding: 0.55rem 0.7rem;
    border-radius: var(--chronicis-radius-lg);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 30%, transparent 70%);
    background: color-mix(in srgb, var(--chronicis-background-light) 94%, var(--chronicis-secondary) 6%);
}

.map-page__polygon-editor-title[b-58ka3x9qdi] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--chronicis-text-primary);
}

.map-page__polygon-editor-name[b-58ka3x9qdi] {
    color: var(--chronicis-secondary);
}

.map-page__polygon-editor-status[b-58ka3x9qdi] {
    font-size: 0.72rem;
    color: color-mix(in srgb, var(--chronicis-primary) 72%, transparent 28%);
}

.map-page__polygon-editor-color[b-58ka3x9qdi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.map-page__polygon-editor-name-field[b-58ka3x9qdi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.map-page__polygon-editor-color-label[b-58ka3x9qdi] {
    font-size: 0.72rem;
    color: color-mix(in srgb, var(--chronicis-primary) 68%, transparent 32%);
}

.map-page__polygon-name-input[b-58ka3x9qdi] {
    min-width: 12rem;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 34%, transparent 66%);
    border-radius: var(--chronicis-radius-sm);
    padding: 0.18rem 0.36rem;
    background: color-mix(in srgb, var(--chronicis-background-light) 92%, var(--chronicis-secondary) 8%);
    color: var(--chronicis-text-primary);
    font-size: 0.72rem;
    line-height: 1.2;
}

.map-page__polygon-name-input:disabled[b-58ka3x9qdi] {
    opacity: 0.7;
    cursor: not-allowed;
}

.map-page__polygon-color-select[b-58ka3x9qdi] {
    min-width: 7.4rem;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 34%, transparent 66%);
    border-radius: var(--chronicis-radius-sm);
    padding: 0.18rem 0.36rem;
    background: color-mix(in srgb, var(--chronicis-background-light) 92%, var(--chronicis-secondary) 8%);
    color: var(--chronicis-text-primary);
    font-size: 0.72rem;
    line-height: 1.2;
}

.map-page__polygon-color-select:disabled[b-58ka3x9qdi] {
    opacity: 0.7;
    cursor: not-allowed;
}

.map-page__polygon-editor-actions[b-58ka3x9qdi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    flex-wrap: wrap;
}

.map-page__feature-session-history[b-58ka3x9qdi] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
    padding-top: 0.2rem;
    border-top: 1px solid color-mix(in srgb, var(--chronicis-secondary) 18%, transparent 82%);
}

.map-page__feature-session-history-title[b-58ka3x9qdi] {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--chronicis-text-primary);
}

.map-page__feature-session-history-list[b-58ka3x9qdi] {
    display: grid;
    gap: 0.35rem;
}

.map-page__feature-session-history-item[b-58ka3x9qdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 20%, transparent 80%);
    border-radius: var(--chronicis-radius-md);
    padding: 0.35rem 0.5rem;
    background: color-mix(in srgb, var(--chronicis-background-light) 92%, var(--chronicis-secondary) 8%);
    color: var(--chronicis-text-primary);
    cursor: pointer;
    text-align: left;
}

.map-page__feature-session-history-item:hover[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 12%, transparent 88%);
}

.map-page__feature-session-history-item-title[b-58ka3x9qdi] {
    font-size: 0.74rem;
    font-weight: 600;
}

.map-page__feature-session-history-item-date[b-58ka3x9qdi],
.map-page__feature-session-history-empty[b-58ka3x9qdi],
.map-page__feature-session-history-error[b-58ka3x9qdi] {
    font-size: 0.72rem;
}

.map-page__feature-session-history-item-date[b-58ka3x9qdi] {
    color: color-mix(in srgb, var(--chronicis-primary) 68%, transparent 32%);
    white-space: nowrap;
}

.map-page__feature-session-history-empty[b-58ka3x9qdi] {
    color: color-mix(in srgb, var(--chronicis-primary) 68%, transparent 32%);
}

.map-page__feature-session-history-error[b-58ka3x9qdi] {
    color: var(--chronicis-error);
}

.map-page__polygon-points-overlay[b-58ka3x9qdi] {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.map-page__polygon-vertex[b-58ka3x9qdi],
.map-page__polygon-draft-vertex[b-58ka3x9qdi] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
    color: #111;
    font-size: 1.05rem;
    line-height: 1;
    background: rgb(255 255 255 / 0.96);
    border-radius: 999px;
    box-shadow:
        0 0 0 1px rgb(17 17 17 / 0.14),
        0 0 6px rgb(255 255 255 / 0.75);
}

.map-page__polygon-vertex[b-58ka3x9qdi] {
    font-size: 1.2rem;
    min-width: 1.18rem;
    min-height: 1.18rem;
    pointer-events: auto;
    cursor: grab;
}

.map-page__polygon-vertex--active[b-58ka3x9qdi] {
    transform: translate(-50%, -50%) scale(1.12);
    cursor: grabbing;
}

.map-page__polygon-draft-vertex[b-58ka3x9qdi] {
    font-size: 0.95rem;
    min-width: 0.98rem;
    min-height: 0.98rem;
}

.map-page__polygon-labels-overlay[b-58ka3x9qdi] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.map-page__polygon-label[b-58ka3x9qdi] {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: none;
    color: color-mix(in srgb, var(--chronicis-background-light) 92%, transparent 8%);
    text-shadow:
        0 0 2px color-mix(in srgb, var(--chronicis-background-dark) 78%, transparent 22%),
        0 0 6px color-mix(in srgb, var(--chronicis-background-dark) 52%, transparent 48%);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

/* ---- Create Pin Popup ---- */

.map-page__pin-popup[b-58ka3x9qdi] {
    position: absolute;
    z-index: 6;
    transform: translate(10px, 8px);
    width: min(17rem, calc(100% - 1rem));
    padding: 0.65rem;
    border-radius: var(--chronicis-radius-lg);
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 35%, transparent 65%);
    background: color-mix(in srgb, var(--chronicis-background-dark) 96%, var(--chronicis-secondary) 4%);
    box-shadow: var(--chronicis-shadow-lg), var(--chronicis-glow-secondary);
    pointer-events: auto;
    color: var(--chronicis-text-on-dark);
}

.map-page__pin-popup-title[b-58ka3x9qdi] {
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: var(--chronicis-secondary);
    font-family: var(--chronicis-font-heading);
}

.map-page__pin-popup-label[b-58ka3x9qdi] {
    display: block;
    font-size: 0.7rem;
    color: color-mix(in srgb, var(--chronicis-secondary) 70%, transparent 30%);
    margin: 0.28rem 0 0.2rem;
}

.map-page__pin-popup-input[b-58ka3x9qdi] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 35%, transparent 65%);
    border-radius: var(--chronicis-radius-md);
    background: color-mix(in srgb, var(--chronicis-background-dark) 70%, transparent 30%);
    color: var(--chronicis-text-on-dark);
    padding: 0.32rem 0.46rem;
    font-size: 0.78rem;
    line-height: 1.2;
    outline: none;
    transition: border-color var(--chronicis-transition-fast), box-shadow var(--chronicis-transition-fast);
}

.map-page__pin-popup-input[b-58ka3x9qdi]::placeholder {
    color: color-mix(in srgb, var(--chronicis-secondary) 35%, transparent 65%);
}

.map-page__pin-popup-input:focus[b-58ka3x9qdi] {
    border-color: var(--chronicis-secondary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--chronicis-secondary) 20%, transparent 80%);
}

.map-page__pin-popup-actions[b-58ka3x9qdi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.map-page__pin-popup-button[b-58ka3x9qdi] {
    border: none;
    border-radius: var(--chronicis-radius-md);
    padding: 0.26rem 0.6rem;
    font-size: 0.74rem;
    font-weight: 500;
    cursor: pointer;
    color: var(--chronicis-background-dark);
    background: var(--chronicis-secondary);
    transition: filter var(--chronicis-transition-fast), box-shadow var(--chronicis-transition-fast);
}

.map-page__pin-popup-button:hover:not(:disabled)[b-58ka3x9qdi] {
    filter: brightness(1.1);
    box-shadow: var(--chronicis-glow-secondary);
}

.map-page__pin-popup-button:disabled[b-58ka3x9qdi] {
    cursor: not-allowed;
    opacity: 0.55;
}

.map-page__pin-popup-button--cancel[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 15%, transparent 85%);
    color: var(--chronicis-text-on-dark);
}

.map-page__pin-popup-button--cancel:hover:not(:disabled)[b-58ka3x9qdi] {
    background: color-mix(in srgb, var(--chronicis-secondary) 25%, transparent 75%);
    box-shadow: none;
    filter: none;
}

/* ---- Zoom Control ---- */

.map-page__zoom-control[b-58ka3x9qdi] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    z-index: 7;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 0.35rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--chronicis-secondary) 35%, transparent 65%);
    background: color-mix(in srgb, var(--chronicis-background-dark) 88%, var(--chronicis-secondary) 12%);
    backdrop-filter: blur(4px);
    box-shadow: var(--chronicis-shadow-md);
}

.map-page__zoom-button[b-58ka3x9qdi] {
    width: 1.1rem;
    height: 1.1rem;
    border: none;
    border-radius: 999px;
    background: color-mix(in srgb, var(--chronicis-secondary) 22%, transparent 78%);
    cursor: pointer;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1;
    color: var(--chronicis-text-on-dark);
    font-weight: 700;
    padding: 0;
    transition: background-color var(--chronicis-transition-fast), box-shadow var(--chronicis-transition-fast);
}

.map-page__zoom-button:hover:not(:disabled)[b-58ka3x9qdi] {
    background: var(--chronicis-secondary);
    color: var(--chronicis-background-dark);
    box-shadow: var(--chronicis-glow-secondary);
}

.map-page__zoom-button:disabled[b-58ka3x9qdi] {
    opacity: 0.35;
    cursor: not-allowed;
}

.map-page__zoom-slider[b-58ka3x9qdi] {
    -webkit-appearance: slider-vertical;
    appearance: slider-vertical;
    width: 1rem;
    height: 10.25rem;
    writing-mode: bt-lr;
    accent-color: var(--chronicis-secondary);
}

.map-page__zoom-slider:disabled[b-58ka3x9qdi] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Pages/Maps/MapListing.razor.rz.scp.css */
.maps-detail__header .mud-icon-root[b-96ra2cuvex] {
    color: var(--chronicis-secondary);
}

.maps-create-card[b-96ra2cuvex] {
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, var(--chronicis-secondary) 12%);
    border-color: color-mix(in srgb, var(--chronicis-secondary) 25%, transparent 75%) !important;
}

.maps-basemap-dropzone[b-96ra2cuvex] {
    position: relative;
    border: 1.5px dashed color-mix(in srgb, var(--chronicis-secondary) 40%, transparent 60%);
    border-radius: var(--chronicis-radius-lg);
    min-height: 132px;
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, var(--chronicis-secondary) 6%);
    transition: border-color var(--chronicis-transition-fast), background-color var(--chronicis-transition-fast);
}

.maps-basemap-dropzone:hover[b-96ra2cuvex] {
    border-color: color-mix(in srgb, var(--chronicis-secondary) 72%, transparent 28%);
    background: color-mix(in srgb, var(--mud-palette-surface) 90%, var(--chronicis-secondary) 10%);
}

.maps-basemap-dropzone--dragover[b-96ra2cuvex] {
    border-color: var(--chronicis-secondary);
    background: color-mix(in srgb, var(--mud-palette-surface) 84%, var(--chronicis-secondary) 16%);
    box-shadow: var(--chronicis-glow-secondary);
}

.maps-basemap-dropzone--copy[b-96ra2cuvex],
.maps-basemap-dropzone--copy .maps-basemap-dropzone__label[b-96ra2cuvex] {
    cursor: copy;
}

.maps-basemap-dropzone--disabled[b-96ra2cuvex] {
    opacity: 0.72;
}

.maps-basemap-dropzone[b-96ra2cuvex]  .maps-basemap-dropzone__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.maps-basemap-dropzone__label[b-96ra2cuvex] {
    height: 100%;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    color: var(--chronicis-primary);
}

.maps-basemap-dropzone__label .mud-icon-root[b-96ra2cuvex] {
    color: var(--chronicis-secondary);
    opacity: 0.7;
}

.maps-basemap-dropzone--dragover .maps-basemap-dropzone__label .mud-icon-root[b-96ra2cuvex] {
    opacity: 1;
}

.maps-basemap-dropzone__title[b-96ra2cuvex] {
    font-weight: 600;
    color: var(--chronicis-primary);
}

.maps-scope-card[b-96ra2cuvex] {
    border-color: color-mix(in srgb, var(--chronicis-secondary) 22%, transparent 78%) !important;
}

.maps-scope-title[b-96ra2cuvex] {
    color: var(--chronicis-secondary);
    font-family: var(--chronicis-font-heading);
}

.maps-scope-title .mud-icon-root[b-96ra2cuvex] {
    color: var(--chronicis-secondary);
}

.maps-group-block[b-96ra2cuvex] {
    margin-bottom: 0.9rem;
}

.maps-group-block:last-child[b-96ra2cuvex] {
    margin-bottom: 0;
}

.maps-group-heading[b-96ra2cuvex] {
    font-weight: 600;
    color: var(--chronicis-primary);
}

.maps-arc-heading[b-96ra2cuvex] {
    margin-left: 1.25rem;
    color: var(--mud-palette-text-secondary);
}

.maps-list-row[b-96ra2cuvex] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.42rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--chronicis-secondary) 12%, transparent 88%);
}

.maps-list-row:last-child[b-96ra2cuvex] {
    border-bottom: none;
}

.maps-list-row__main[b-96ra2cuvex] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.maps-list-row__icon[b-96ra2cuvex] {
    color: var(--chronicis-secondary);
    opacity: 0.8;
}

.maps-list-row__delete[b-96ra2cuvex] {
    flex-shrink: 0;
}

.maps-list-row--nested[b-96ra2cuvex] {
    margin-left: 1.25rem;
}

.maps-list-row--deep[b-96ra2cuvex] {
    margin-left: 2.5rem;
}
