.augur-nexus.site-preview,
.augur-nexus.site-preview .window-content {
    color: #f4e6cf;
}

.augur-nexus.site-preview .window-content {
    overflow: hidden;
    padding: 0;
    background: #020711;
}

.site-preview-shell {
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #020711;
    background-size: cover;
    background-position: center;
    color: #f4e6cf;
}

.site-preview-shade {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 34% 48%, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.42) 54%, rgba(0, 0, 0, 0.78)),
        linear-gradient(90deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.3) 56%, rgba(0, 0, 0, 0.74)),
        linear-gradient(0deg, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.48));
    pointer-events: none;
}

.site-preview-stage {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
    box-sizing: border-box;
}

.site-preview-cover {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.connections-board {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    padding: 0;
}

.connections-filter {
    position: relative;
    z-index: 4;
    min-height: 32px;
    display: block;
    padding: 0 8px;
    border: 1px solid var(--nexus-border-strong);
    border-radius: 7px;
    background: var(--nexus-accent-surface);
    color: var(--nexus-accent-bright);
    box-shadow: inset 0 0 0 1px var(--nexus-border-subtle), var(--nexus-focus-ring);
}

.connections-filter i {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    text-align: center;
    pointer-events: none;
}

.connections-filter-icon {
    left: 13px;
}

.connections-filter-chevron {
    right: 13px;
}

.connections-filter select {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0 32px;
    border: 0;
    background: transparent;
    color: #f4e6cf;
    font-size: 12px;
    font-weight: 800;
    appearance: none;
    cursor: pointer;
}

.connections-filter select:focus {
    outline: none;
}

.connections-filter select option {
    background: #080d18;
    color: #f4e6cf;
}

.connections-map {
    position: relative;
    min-height: 0;
    overflow: auto;
    border-radius: 8px;
}

.connections-groups {
    display: grid;
    gap: 8px;
    padding: 1px 1px 8px;
}

.connections-group {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--connection-category-color, #ffffff) 28%, rgba(150, 181, 210, 0.12));
    border-radius: 8px;
    background: color-mix(in srgb, var(--connection-category-color, #ffffff) 6%, rgba(3, 7, 14, 0.48));
    margin: 0;
}

.connections-group.is-player-hidden {
    opacity: 0.58;
    filter: saturate(0.45);
}

.connections-group.is-category-drop-target {
    border-color: color-mix(in srgb, var(--connection-category-color, #ffffff) 72%, #ffffff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--connection-category-color, #ffffff) 34%, transparent), 0 0 18px color-mix(in srgb, var(--connection-category-color, #ffffff) 20%, transparent);
}

.connections-group h4 {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 5px 3px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--connection-category-color, #ffffff) 20%, rgba(0,0,0,0.72));
    color: var(--connection-category-color, #ffffff);
    font-size: 12px;
    line-height: 1;
    text-transform: none;
}

.connections-group-hidden-icon {
    color: rgba(245, 227, 196, 0.78);
    font-size: 10px;
}

.connections-group-order-controls {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.connections-group-order-controls button {
    width: 18px;
    height: 18px;
    min-height: 18px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--connection-category-color, #ffffff) 32%, transparent);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.7);
    color: var(--connection-category-color, #ffffff);
    font-size: 8px;
}

.connections-group-order-controls button:disabled {
    opacity: 0.28;
    pointer-events: none;
}

.connections-group-order-controls button:not(:disabled):hover,
.connections-group-order-controls button:not(:disabled):focus-visible {
    border-color: color-mix(in srgb, var(--connection-category-color, #ffffff) 72%, #ffffff);
    background: color-mix(in srgb, var(--connection-category-color, #ffffff) 18%, rgba(5, 8, 14, 0.8));
}

.connections-card-list {
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
}

.connection-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 26px;
    align-items: stretch;
    min-height: 48px;
    border: 1px solid color-mix(in srgb, var(--connection-category-color, #ffffff) 46%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--connection-category-color, #ffffff) 12%, rgba(5, 10, 18, 0.82));
    box-shadow: 0 0 16px rgba(0,0,0,0.24);
}

.connection-card.missing {
    opacity: 0.62;
    filter: grayscale(0.7);
}

.connection-card.is-player-hidden {
    opacity: 0.58;
    filter: saturate(0.45);
}

.connection-card.is-player-hidden .connection-card-text strong i {
    margin-right: 5px;
    color: rgba(245, 227, 196, 0.78);
    font-size: 10px;
}

.connection-card.draggable {
    cursor: grab;
}

.connection-card.draggable:active {
    cursor: grabbing;
}

.connection-card.is-drop-before {
    outline: 2px solid color-mix(in srgb, var(--connection-category-color, #ffffff) 72%, #ffffff);
    outline-offset: 2px;
}

.connection-card.is-drop-before::before {
    content: "";
    position: absolute;
    inset: -5px auto auto 8px;
    width: calc(100% - 16px);
    height: 2px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--connection-category-color, #ffffff) 84%, #ffffff);
    box-shadow: 0 0 10px color-mix(in srgb, var(--connection-category-color, #ffffff) 54%, transparent);
}

.connection-card-open {
    min-width: 0;
    height: auto;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    min-height: 46px;
    padding: 6px;
    border: 0;
    background: transparent;
    color: #f6efe5;
    text-align: left;
}

.connection-card-image {
    width: 32px;
    height: 32px;
    align-self: start;
    margin-top: 1px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 2px solid color-mix(in srgb, var(--connection-category-color, #ffffff) 72%, #05070d);
    border-radius: 50%;
    background: rgba(0,0,0,0.58);
    overflow: hidden;
}

.connection-card-image img {
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover;
}

.connection-card-image i {
    color: var(--connection-category-color, #ffffff);
    font-size: 18px;
}

.connection-card-text {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.connection-card-text strong,
.connection-card-text em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connection-card-text strong {
    font-size: 13px;
}

.connection-card-text em {
    color: rgba(244, 230, 207, 0.72);
    font-size: 11px;
    font-style: normal;
}

.connection-card-text small {
    color: rgba(244, 230, 207, 0.56);
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
}

.connection-card-resource-flows {
    display: grid;
    gap: 3px;
    margin-top: 2px;
}

.connection-card-resource-flow-row {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.connection-card-resource-flow-label {
    min-width: 51px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: rgba(244, 230, 207, .68);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.connection-card-resource-flow-label i {
    color: var(--connection-category-color, #c99a45);
    font-size: 8px;
}

.connection-card-resource {
    width: 24px;
    height: 24px;
    display: grid;
    flex: 0 0 24px;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--connection-category-color, #c99a45) 60%, transparent);
    border-radius: 5px;
    background: rgba(3, 7, 10, .86);
}

.connection-card-resource img {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}

.connection-card-resource > i {
    color: rgba(244, 230, 207, .76);
    font-size: 11px;
}

.connection-card-actions {
    width: 22px;
    height: 22px;
    min-height: 22px;
    align-self: start;
    margin-top: 7px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: rgba(244, 230, 207, 0.76);
}

.connection-card-actions:hover,
.connection-card-actions:focus-visible {
    background: rgba(255,255,255,0.1);
    outline: none;
}

.connections-empty {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    border: 1px dashed rgba(150, 181, 210, 0.34);
    border-radius: 8px;
    background: rgba(3, 7, 14, 0.36);
    color: rgba(244, 230, 207, 0.72);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.connections-board.is-drop-target .connections-map,
.connections-board:has(.connections-map.is-drop-target) .connections-map {
    outline: 1px solid rgba(240, 184, 76, 0.72);
    outline-offset: 6px;
}

.connection-category-dialog {
    display: grid;
    gap: 10px;
}

.connection-category-dialog label,
.connection-category-picker h3 {
    margin: 0;
    color: #d8c5a7;
    font-size: 12px;
    font-weight: 800;
}

.connection-category-dialog input,
.connection-category-picker input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.connection-category-picker {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 0;
}

.connection-category-search {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid rgba(150, 181, 210, 0.22);
    border-radius: 7px;
    background: rgba(7, 13, 24, 0.78);
}

.connection-category-search i {
    color: #d8c5a7;
    text-align: center;
}

.connection-category-search input {
    border: 0;
    background: transparent;
    color: #f4e6cf;
    min-height: 32px;
    padding: 0;
}

.connection-category-list {
    min-height: 0;
    max-height: 340px;
    display: grid;
    align-content: start;
    gap: 7px;
    overflow-y: auto;
    padding-right: 4px;
}

.connection-category-row {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
}

.connection-category-row-main,
.connection-category-new {
    min-height: 34px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--connection-category-color, #f0b84c) 48%, rgba(150, 181, 210, 0.18));
    border-radius: 7px;
    background: color-mix(in srgb, var(--connection-category-color, #f0b84c) 9%, rgba(7, 13, 24, 0.86));
    color: #f4e6cf;
    text-align: left;
}

.connection-category-row-main i,
.connection-category-new i {
    color: var(--connection-category-color, #f0b84c);
}

.connection-category-row-main span,
.connection-category-new span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
}

.connection-category-row-main strong {
    color: #f0c84c;
    font-size: 10px;
    text-transform: none;
}

.connection-category-row-main.active {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--connection-category-color, #f0b84c) 56%, transparent);
}

.connection-category-row-actions {
    width: 34px;
    min-height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(150, 181, 210, 0.24);
    border-radius: 7px;
    background: rgba(7, 13, 24, 0.78);
    color: #f4e6cf;
}

.connection-category-row-actions:hover,
.connection-category-row-actions:focus-visible {
    border-color: rgba(240, 184, 76, 0.44);
    color: #f0c84c;
    outline: none;
}

.connection-category-inline-menu {
    position: absolute;
    z-index: 20;
    min-width: 150px;
    display: grid;
    gap: 4px;
    padding: 6px;
    border: 1px solid rgba(240, 200, 76, 0.35);
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(20, 20, 28, 0.98), rgba(7, 9, 17, 0.98));
    box-shadow: 0 12px 24px rgba(0,0,0,0.44);
}

.connection-category-inline-menu button {
    min-height: 28px;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 5px 7px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #ead8b5;
    font-size: 11px;
    font-weight: 800;
    text-align: left;
}

.connection-category-inline-menu button:hover,
.connection-category-inline-menu button:focus-visible {
    background: rgba(240, 200, 76, 0.16);
    color: #fff2c8;
    outline: none;
}

.connection-category-inline-menu button i {
    color: #f0c84c;
    text-align: center;
}

.connection-category-inline-menu button.danger {
    color: #ffb6a8;
}

.connection-category-inline-menu button.danger i {
    color: #ffb6a8;
}

.connection-category-new {
    --connection-category-color: #f0b84c;
    grid-template-columns: 20px minmax(0, 1fr);
}

.connection-category-icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(34px, 1fr));
    gap: 6px;
}

.connection-category-icon-option {
    min-height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(150, 181, 210, 0.24);
    border-radius: 7px;
    background: rgba(7, 13, 24, 0.78);
    color: #f4e6cf;
}

.connection-category-icon-option.active {
    border-color: #f0b84c;
    color: #f0c84c;
    box-shadow: inset 0 0 0 1px rgba(240, 184, 76, 0.24);
}

.connection-category-color-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.connection-category-color-option {
    width: 32px;
    aspect-ratio: 1;
    min-height: 24px;
    flex: 0 0 32px;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 999px;
    background: var(--connection-category-color);
}

.connection-category-color-option.active {
    box-shadow: 0 0 0 2px #f0b84c;
}

.connection-category-color-row input[type="color"] {
    width: 42px;
    flex: 0 0 42px;
    min-height: 30px;
    padding: 2px;
}

.site-cover-picker-dialog .window-content {
    height: 100%;
    padding: 12px;
    background: #111720;
    color: #f4e6cf;
}

.site-cover-picker {
    height: 100%;
    overflow: auto;
}

.site-cover-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    padding: 8px;
}

.site-cover-item {
    min-width: 0;
    min-height: 132px;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    padding: 0;
    border: 2px solid rgba(150, 181, 210, 0.18);
    border-radius: 8px;
    background: rgba(3, 7, 14, 0.74);
    color: #f4e6cf;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.site-cover-item:hover,
.site-cover-item:focus-visible {
    border-color: rgba(240, 184, 76, 0.62);
    box-shadow: 0 8px 18px rgba(0,0,0,0.34);
    outline: none;
    transform: translateY(-1px);
}

.site-cover-item.active {
    border-color: #f0b84c;
    box-shadow: 0 0 0 1px rgba(240, 184, 76, 0.28), 0 0 18px rgba(240, 184, 76, 0.22);
}

.site-cover-thumb {
    width: 100%;
    height: 100%;
    min-height: 128px;
    display: grid;
    place-items: center;
    background: #03070e;
    overflow: hidden;
}

.site-cover-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

.site-cover-item.custom {
    background:
        linear-gradient(135deg, rgba(240, 184, 76, 0.12), rgba(85, 189, 236, 0.08)),
        rgba(3, 7, 14, 0.74);
}

.site-cover-custom-content {
    height: 100%;
    min-height: 128px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 16px;
}

.site-cover-custom-content i {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(240, 184, 76, 0.32);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.32);
    color: rgba(244, 230, 207, 0.78);
    font-size: 26px;
}

.site-cover-item:hover .site-cover-custom-content i,
.site-cover-item:focus-visible .site-cover-custom-content i,
.site-cover-item.active .site-cover-custom-content i {
    color: #f0c84c;
    border-color: rgba(240, 184, 76, 0.72);
}

.site-cover-thumb.custom-preview {
    width: 86px;
    min-height: 54px;
    height: 54px;
    border: 1px solid rgba(240, 184, 76, 0.42);
    border-radius: 6px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.28);
}

.site-cover-name {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f4e6cf;
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-preview-cover-title {
    position: absolute;
    left: 34px;
    right: 64px;
    top: 28px;
    z-index: 1;
    display: grid;
    gap: 6px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.9);
}

.site-preview-cover-title h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-preview-cover-title p {
    margin: 0;
    color: #f4e6cf;
    font-size: 13px;
    font-weight: 800;
}

.site-preview-dossier {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(87, 179, 255, 0.44);
    border-radius: 8px;
    background: rgba(3, 9, 18, 0.86);
}

.site-preview-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255,255,255,0.8);
}

.site-preview-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 16px color-mix(in srgb, var(--site-color, #f0c84c) 42%, transparent);
    color: var(--site-color, #f0c84c);
}

.site-preview-icon img {
    max-width: 46px;
    max-height: 46px;
    filter: drop-shadow(0 0 5px var(--site-color, #f0c84c));
}

.site-preview-title {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 3px;
}

.site-preview-title h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.06;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.site-preview-subtitle-row {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.site-preview-subtitle-row p {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cbb28f;
    font-size: 12px;
    font-weight: 700;
}

.site-preview-icon-action {
    width: 26px;
    height: 24px;
    padding: 0;
    flex: 0 0 26px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 6px;
    background: rgba(7, 9, 17, 0.86);
    color: #f4e6cf;
    font-size: 11px;
}

.site-preview-tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.site-preview-tabs button {
    min-height: 32px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 7px;
    background: rgba(44, 38, 49, 0.9);
    color: #e5d4bd;
    font-weight: 800;
}

.site-preview-tabs button.active {
    border-color: #ff6e4a;
    box-shadow: inset 0 0 0 1px rgba(255, 110, 74, 0.35);
}

.site-preview-section {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.site-preview-section h3 {
    margin: 0 0 10px;
    color: #f0c84c;
    font-size: 16px;
    text-transform: none;
}

.place-ownership-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 52px;
    margin: 0 0 10px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--nexus-accent-primary, #f0c84c) 42%, rgba(255,255,255,0.14));
    border-radius: 3px;
    background: color-mix(in srgb, var(--nexus-accent-primary, #f0c84c) 8%, rgba(6, 10, 16, 0.88));
    color: #f4e6cf;
    text-align: left;
    box-shadow: none;
}

.place-ownership-card:hover,
.place-ownership-card:focus-visible {
    border-color: var(--nexus-accent-bright, #f0c84c);
    background: color-mix(in srgb, var(--nexus-accent-primary, #f0c84c) 14%, rgba(6, 10, 16, 0.9));
    box-shadow: var(--nexus-focus-ring, none);
    outline: none;
}

.place-ownership-image {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: var(--nexus-accent-bright, #f0c84c);
}

.place-ownership-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.place-ownership-card > span:nth-child(2) {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.place-ownership-card em,
.place-ownership-card strong,
.place-ownership-card small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.place-ownership-card em {
    color: var(--nexus-accent-bright, #f0c84c);
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

.place-ownership-card strong {
    font-size: 13px;
    line-height: 1.05;
}

.place-ownership-card small {
    color: #bfa888;
    font-size: 9px;
}

.place-ownership-card b {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 5px;
    border: 1px solid color-mix(in srgb, var(--nexus-accent-primary, #f0c84c) 46%, transparent);
    border-radius: 2px;
    color: var(--nexus-accent-bright, #f0c84c);
    font-size: 9px;
    white-space: nowrap;
}

.site-preview-connection-summary {
    margin-top: 18px;
}

.site-preview-connection-summary .site-preview-table div.total {
    margin-top: 4px;
    background: rgba(240, 184, 76, 0.09);
}

.site-preview-table {
    display: grid;
    gap: 3px;
}

.site-preview-table div {
    display: grid;
    grid-template-columns: minmax(110px, 0.45fr) minmax(0, 1fr);
    gap: 10px;
    min-height: 28px;
    align-items: center;
    padding: 0 8px;
    background: rgba(255,255,255,0.06);
}

.site-preview-table span {
    color: #cbb28f;
    font-size: 12px;
    font-weight: 800;
}

.site-preview-table strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-preview-journal-content {
    color: #ead8b5;
}

.site-preview-empty {
    padding: 16px;
    border: 1px dashed rgba(255,255,255,0.14);
    border-radius: 8px;
    color: #bfa888;
    text-align: center;
}

.site-preview-footer {
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.site-preview-open,
.site-preview-secondary {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid rgba(87, 179, 255, 0.72);
    border-radius: 8px;
    background: rgba(9, 39, 55, 0.9);
    color: #eef9ff;
    font-weight: 800;
}

.site-preview-open {
    width: 100%;
}

.site-preview-open.is-unavailable {
    cursor: not-allowed;
    opacity: 0.55;
    border-color: rgba(190, 170, 140, 0.36);
    background: rgba(18, 19, 24, 0.86);
    color: rgba(244, 228, 193, 0.7);
}

.nexus-info-dialog p {
    margin: 0 0 10px;
}

.nexus-info-dialog p:last-child {
    margin-bottom: 0;
}

.nexus-player-open-dialog p {
    margin: 0 0 12px;
    color: rgba(244, 228, 193, 0.86);
    line-height: 1.35;
}

.nexus-player-open-options {
    display: grid;
    gap: 8px;
}

.nexus-player-open-option {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 8px;
    align-items: start;
    padding: 10px;
    border: 1px solid rgba(255, 190, 80, 0.28);
    border-radius: 6px;
    background: rgba(10, 12, 18, 0.72);
    cursor: pointer;
}

.nexus-player-open-option strong,
.nexus-player-open-option small {
    display: block;
}

.nexus-player-open-option small {
    margin-top: 3px;
    color: rgba(244, 228, 193, 0.68);
    line-height: 1.3;
}

.augur-nexus.player-visibility-info .window-content {
    color: #f4e6cf;
    background: linear-gradient(180deg, rgba(22, 18, 30, 0.98), rgba(8, 8, 14, 0.98));
}

.nexus-player-info-panel {
    padding: 12px;
    font-size: 13px;
    line-height: 1.4;
}

.nexus-player-info-panel h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(240, 200, 76, 0.28);
    color: #f5d47a;
    font-size: 17px;
}

.nexus-player-info-panel > p {
    margin: 0 0 12px;
    color: rgba(244, 228, 193, 0.88);
}

.nexus-player-info-rows {
    display: grid;
    gap: 8px;
}

.nexus-player-info-rows section {
    padding: 8px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 6px;
    background: rgba(8, 10, 18, 0.62);
}

.nexus-player-info-rows strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #f4e6cf;
}

.nexus-player-info-rows p {
    margin: 4px 0 0;
    color: rgba(244, 228, 193, 0.78);
}

.nexus-player-info-note {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding: 9px;
    border-left: 3px solid rgba(240, 200, 76, 0.82);
    border-radius: 4px;
    background: rgba(240, 200, 76, 0.1);
    color: rgba(244, 228, 193, 0.9);
}

.site-preview-secondary {
    margin-top: 10px;
    width: 100%;
}

.nexus-entity-actor-link-form {
    display: grid;
    gap: 12px;
    color: #f5f7fb;
}

.nexus-entity-actor-link-summary,
.nexus-entity-actor-drop-zone {
    display: grid;
    grid-template-columns: 64px 1fr;
    align-items: center;
    gap: 12px;
}

.nexus-entity-actor-link-summary img,
.nexus-entity-actor-drop-zone img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border: 1px solid #38bdf8;
    background: rgba(3, 14, 22, 0.9);
}

.nexus-entity-actor-link-summary h3 {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 20px;
}

.nexus-entity-actor-link-summary p {
    margin: 0;
    color: #c8d3dd;
    line-height: 1.35;
}

.nexus-entity-actor-drop-zone {
    min-height: 86px;
    padding: 12px;
    border: 1px dashed rgba(56, 189, 248, 0.75);
    background: rgba(1, 11, 18, 0.86);
}

.nexus-entity-actor-drop-zone.is-drop-target {
    border-color: #facc15;
    box-shadow: inset 0 0 0 1px rgba(250, 204, 21, 0.6);
}

.nexus-entity-actor-drop-zone strong,
.nexus-entity-actor-drop-zone span {
    display: block;
}

.nexus-entity-actor-drop-zone strong {
    color: #ffffff;
    font-size: 15px;
}

.nexus-entity-actor-drop-zone span {
    color: #9fb6c7;
    font-size: 12px;
    text-transform: none;
}

.nexus-entity-actor-link-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid rgba(56, 189, 248, 0.4);
    background: rgba(8, 26, 38, 0.82);
    color: #d9edf8;
}

@media (max-width: 860px) {
    .site-preview-stage {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(260px, 0.8fr) minmax(320px, 1fr);
    }

    .site-preview-dossier {
        overflow: hidden;
    }
}
