html, body {
    height: 100%;
/*    font-size: 16px;*/
    padding: 0;
    margin: 0;
}


:root {
    --tapu-accent: #ff7a18;
    --tapu-text: rgba(255,255,255,.92);
    --tapu-muted: rgba(255,255,255,.62);
    --tapu-card-bg1: rgba(255,255,255,.05);
    --tapu-card-bg2: rgba(255,255,255,.035);
    --tapu-card-border: rgba(255,255,255,.12);
    --tapu-field-bg1: rgba(255,255,255,.05);
    --tapu-field-bg2: rgba(255,255,255,.03);
    --tapu-field-border: rgba(255,255,255,.12);
    --tapu-divider: rgba(255,255,255,.10);
    --tapu-focus-ring: rgba(255,122,24,.16);
}


.report-busy-root.busy {
    filter: blur(3px);
    pointer-events: none;
    user-select: none;
}

.report-busy-overlay {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,0.35);
    z-index: 9999;
}

.report-busy-card {
    padding: 24px 28px;
    border-radius: 16px;
    display: grid;
    justify-items: center;
    gap: 6px;
    min-width: 320px;
}

.esri-ui-top-right {
    top: 56px!important;
}

.tkgm-context-menu .mud-list {
    padding: 6px;
}

.tkgm-context-menu-item {
    margin: 2px 0;
    border-radius: 6px;
    background-color: #f97316 !important;
    color: #ffffff !important;
}

.tkgm-context-menu-item:hover,
.tkgm-context-menu-item:focus-visible {
    background-color: #ea580c !important;
}

.tkgm-context-menu-item .mud-icon-root,
.tkgm-context-menu-item .mud-list-item-icon,
.tkgm-context-menu-item .mud-list-item-text,
.tkgm-context-menu-item .mud-typography {
    color: #ffffff !important;
}