/* console.css - Desktop App Look for Order Console */

.console-container {
    /* Variables moved to local scope */
    --app-bg: #d0e4f2;
    --panel-bg: #e6f1f9;
    --border-color: #a0c0d8;
    --header-bg: #b9d1ea;
    --highlight-blue: #3388cc;
    --text-color: #000;

    /* Body styles moved here */
    background-color: var(--app-bg);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);

    /* Container styles */
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Window Header */
.console-container .console-header {
    background: linear-gradient(to bottom, #f0f8ff 0%, #b9d1ea 100%);
    padding: 5px 10px;
    border: 1px solid #7a9bb0;
    border-radius: 4px 4px 0 0;
    color: #000;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.console-container .window-controls i {
    color: #d9534f; /* Fake close button color */
    cursor: pointer;
}

/* Main Grid Layout */
.console-container .console-grid-layout {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}

.console-container .data-grid-container {
    flex-grow: 1;
    background-color: #fff;
    border: 1px solid #7a9bb0;
    height: 400px;
    overflow-y: auto;
    overflow-x: auto;
}

.console-container .console-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.console-container .console-table thead th {
    background-color: #f0f0f0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #7a9bb0;
    padding: 4px 8px;
    text-align: left;
    font-weight: normal;
    position: sticky;
    top: 0;
}

/* Checksheet Generation Dialog - Full Screen Style */
.console-container .production-dialog {
    border: 1px solid #708090;
    background: linear-gradient(to bottom, #f0f4fa, #dce4f2);
    width: 100%; /* Full width as requested */
    min-height: 500px; /* Give it some height for full screen feel */
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 12px;
    padding: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.console-container .dialog-header {
    background: linear-gradient(to bottom, #eef5fb, #dbebfc);
    padding: 8px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #1e395b;
    border-bottom: 1px solid #a0c0d8;
    margin-bottom: 8px;
}
.console-container .dialog-body {
    padding: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.console-container .date-row {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* More spacing for full screen */
}
.console-container .date-row label { 
    margin-right: 10px; 
    color: #000;
}
.console-container .label-to {
    margin-left: 10px;
    margin-right: 10px;
}

.console-container .date-input { 
    width: 150px; /* Larger inputs */
    padding: 4px; 
    border: 1px solid #7f9db9; 
    font-size: 12px;
    border-radius: 0 !important; /* Force square corners */
}

/* Visually disabled input */
.console-container .date-input:disabled,
.console-container .disabled-input {
    background-color: #e0e0e0;
    color: #888;
    border-color: #ccc;
    cursor: not-allowed;
}

.console-container .main-content {
    display: flex;
    gap: 20px; /* More gap */
    flex: 1; /* Fill remaining vertical space */
    min-height: 300px;
}

.console-container .report-select-container {
    flex: 0 0 250px; /* Wider sidebar */
    display: flex;
    flex-direction: column;
}
.console-container .report-label {
    margin-bottom: 5px;
    font-weight: normal;
}
.console-container .report-select-box {
    border: 1px solid #d0d0bf;
    background: #fff;
    padding: 10px;
    flex: 1;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05);
}
.console-container .report-option {
    margin-top: 5px;
}

.console-container .branch-list-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.console-container .branch-header {
    padding: 4px 8px;
    background: linear-gradient(to bottom, #fff, #f0f0f0);
    border: 1px solid #7f9db9;
    border-bottom: none;
    font-weight: normal;
    color: #333;
}
.console-container .branch-list {
    border: 1px solid #7f9db9;
    background: #fff;
    flex: 1; /* Fill height */
    overflow-y: auto;
}
.console-container .branch-list select {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 12px;
    padding: 5px;
    border-radius: unset !important;
}

.console-container .dialog-footer {
    display: flex;
    justify-content: flex-end; /* Align buttons to right */
    gap: 6px;
    margin-top: 8px;
    padding-top: 5px;
    border-top: 1px solid #dce4f2; /* Subtle separator */
}

/* Windows-style large icon buttons */
.console-container .btn-icon-large {
    width: 36px;
    height: 36px;
    border: 1px solid #707070;
    background: linear-gradient(to bottom, #f2f2f2, #dcdcdc);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: inset 1px 1px 0px #fff; /* Highlight */
}
.console-container .btn-icon-large:hover {
    background: linear-gradient(to bottom, #eaf6fd, #d9f0fc);
    border-color: #3c7fb1;
    box-shadow: inset 1px 1px 0px #fff, 0px 0px 3px #3c7fb1;
}
.console-container .btn-icon-large:active {
    background: linear-gradient(to bottom, #d9f0fc, #eaf6fd);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
}
.console-container .btn-icon-large i {
    filter: drop-shadow(1px 1px 0px #fff); /* Emboss effect */
}
.console-container .console-table tbody td {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 4px 8px;
    cursor: default;
}

.console-container .console-table tbody tr:hover {
    background-color: #eef7ff;
}

.console-container .console-table tbody tr.selected {
    background-color: #cce8ff;
}

/* Side Action Buttons */
.console-container .side-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 50px;
}

.console-container .btn-console-icon {
    width: 48px;
    height: 48px;
    border: 1px solid #7a9bb0;
    background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.console-container .btn-console-icon:active {
    background: #ccc;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
}

/* Controls / Filter Area */
.console-container .controls-area {
    margin-top: 10px;
    font-size: 14px;
}

.console-container .filter-group {
    margin-bottom: 15px;
}

.console-container .radio-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.console-container .console-select, 
.console-container .console-input {
    padding: 2px 5px;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin-left: 10px;
    min-width: 200px;
}

.console-container .console-action-input {
    padding: 4px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-left: 0; /* Align with label */
    min-width: 180px;
    background-color: #fcf8e3; /* Light yellow background */
}

/* Bottom Action Panels */
.console-container .bottom-panels {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.console-container .action-panel {
    border: 1px solid #7a9bb0;
    padding: 10px;
    background-color: #f5fafd;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.console-container .action-panel-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.console-container .btn-pdf-large {
    font-size: 32px;
    color: #444;
    border: 1px solid #999;
    padding: 2px 8px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

/* Helpers */
.console-container .hidden { display: none; }
.console-container .text-label { margin-right: 5px; }

/* Status Badges adaptation */
.console-container .status-badge {
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 11px;
}
.console-container .status-printed { background-color: #dff0d8; color: #3c763d; border: 1px solid #d6e9c6; }
.console-container .status-unprinted { background-color: #fcf8e3; color: #8a6d3b; border: 1px solid #faebcc; }