/* Existing settings styles */
.stream-overlay-settings .drop-zone {
    border: 2px dashed var(--color-border-light-2);
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-light-1);
    transition: background 0.2s, border-color 0.2s;
}

.stream-overlay-settings .drop-zone.drag-over {
    background: var(--color-bg-light-2);
    border-color: var(--color-border-highlight);
}

.stream-overlay-settings .actor-data {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.stream-overlay-settings .actor-name {
    flex: 1;
    text-align: left;
    font-weight: bold;
}

.stream-overlay-settings .placeholder {
    color: var(--color-text-light-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

/* Stream View Layout */
body.dh-stream-overlay-active {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent !important;
    /* Allow OBS to key out background if needed */
}

#stream-overlay-wrapper {
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    padding: 10px;
    gap: 10px;
}

/* Panels */
.stream-panel {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#stream-chat-container {
    flex: 0 0 320px;
    min-width: 300px;
}

#stream-combat-container {
    flex: 0 0 300px;
    min-width: 250px;
    /* Hidden by default in JS if not active, or we can transition it */
    transition: flex-basis 0.3s ease, padding 0.3s ease;
}

#stream-actor-container {
    flex: 1;
    min-width: 500px;
    background: rgba(255, 0, 0, 0.2);
    /* DEBUG RED TINT */
    border: 2px solid red;
    /* DEBUG BORDER */
    position: relative;
    /* Sheet usually has its own background */
}

/* Inner adjustments */
#chat-log,
.chat-log {
    flex: 1;
    overflow-y: scroll;
    padding: 5px;
    padding-right: 20px;
    /* Space for scrollbar */
    background: transparent !important;
    margin: 0;
    border: none;
    list-style: none;
    /* remove bullets */
}

/* Ensure messages wrap correctly */
.chat-log .message {
    margin: 5px 0;
    padding: 8px;
    background: rgba(0, 0, 0, 0.5);
    /* semi-transparent background for readability */
    border-radius: 5px;
    color: white;
    word-wrap: break-word;
    word-break: break-word;
    /* Ensure long words don't overflow */
    max-width: 100%;
}

/* Override window-app styles for embedded content */
#stream-overlay-wrapper .window-app {
    box-shadow: none !important;
    background: rgba(30, 30, 30, 0.9) !important;
    /* Unified dark theme backing */
    margin: 0 !important;
}

#stream-actor-container .window-content {
    background: rgba(255, 255, 255, 0.95);
    /* Ensure legibility */
    border-radius: 8px;
    height: 100%;
}

/* Combat tracker specific */
#combat-tracker {
    height: 100%;
    margin: 0;
}

#combat-tracker .combatant {
    line-height: 2em;
}