/* ===================================================================
   Clockwork.Automaton — App-Specific Styles
   Shared CWE styles are provided by Clockwork.Design RCL CSS layers.
   =================================================================== */

/* --- Monaco Editor Integration --- */
.editor-container {
    width: 100%;
    height: 100%;
}

#code-editor {
    width: 100%;
    height: 100%;
}

/* --- Monaco editor focus glow --- */
#code-editor:focus-within {
    box-shadow: inset 0 0 0 1px var(--cwe-accent-dim);
}

/* --- Log Viewer --- */
.log-container {
    font-family: var(--font-mono);
    font-size: 0.85rem;
    line-height: 1.6;
}

.log-entry {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
    align-items: flex-start;
    animation: fadeSlideIn var(--cwe-transition-fast) both;
}

/* --- Page Enter Animation --- */
.page-enter {
    animation: pageEnter var(--cwe-transition-med) both;
}

/* --- Result panel layout helpers (global to avoid scoping issues) --- */
.results-panel-fill {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.results-panel-fill > * {
    flex: 1;
    min-height: 0;
}

.results-panel-scroll {
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}