/* Report Studio & SQL Console - Light Theme (Looker Style) */

/* ========================================
   REPORT STUDIO - LIGHT THEME
   ======================================== */

.report-studio-modal {
    background: rgba(0,0,0,0.4);
}

.report-studio {
    background: #ffffff;
    color: #3c4043;
    box-shadow: 0 24px 80px rgba(0,0,0,0.2);
    font-family: 'Google Sans', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

.report-studio.fullscreen {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    border-radius: 0;
}

/* Header */
.rs-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e8eaed;
    border-radius: 12px 12px 0 0;
}

.report-studio.fullscreen .rs-header {
    border-radius: 0;
}

.rs-title {
    color: #1a73e8;
}

.rs-title svg {
    color: #1a73e8;
}

.rs-badge {
    background: #1a73e8;
    color: #fff;
}

.rs-close {
    color: #5f6368;
}

.rs-close:hover {
    color: #202124;
}

/* Sidebar */
.rs-sidebar {
    background: #f8f9fa;
    border-right: 1px solid #e8eaed;
}

.rs-sidebar-header {
    background: #fff;
    color: #5f6368;
    border-bottom: 1px solid #e8eaed;
}

.rs-sidebar-header .rs-count {
    background: #e8eaed;
    color: #5f6368;
}

.rs-search {
    border-bottom: 1px solid #e8eaed;
}

.rs-search input {
    border: 1px solid #dadce0;
    background: #fff;
    color: #3c4043;
}

.rs-search input:focus {
    border-color: #1a73e8;
    box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
}

.rs-search input::placeholder {
    color: #9aa0a6;
}

/* Table Select */
.rs-table-select select {
    border: 1px solid #dadce0;
    background: #fff;
    color: #3c4043;
}

.rs-table-select select:focus {
    border-color: #1a73e8;
    box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
}

.rs-table-select optgroup {
    background: #f8f9fa;
    color: #1a73e8;
}

.rs-table-select option {
    background: #fff;
    color: #3c4043;
}

/* Fields List */
.rs-field-item {
    border-radius: 8px;
}

.rs-field-item:hover {
    background: #e8f0fe;
}

.rs-field-item.selected {
    background: #e8f0fe;
    border: 1px solid #1a73e8;
}

.rs-field-icon.dimension {
    background: rgba(66, 133, 244, 0.1);
    color: #4285f4;
}

.rs-field-icon.measure {
    background: rgba(52, 168, 83, 0.1);
    color: #34a853;
}

.rs-field-icon.date {
    background: rgba(251, 188, 4, 0.1);
    color: #f9ab00;
}

.rs-field-name {
    color: #3c4043;
}

.rs-field-type {
    color: #9aa0a6;
}

/* Config Panels */
.rs-config {
    background: #e8eaed;
}

.rs-config-panel {
    background: #fff;
}

.rs-config-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e8eaed;
}

.rs-config-title {
    color: #3c4043;
}

.rs-config-title svg {
    color: #5f6368;
}

/* Pills */
.rs-pill {
    background: #e8eaed;
    color: #3c4043;
}

.rs-pill.dimension {
    background: rgba(66, 133, 244, 0.1);
    border: 1px solid rgba(66, 133, 244, 0.3);
    color: #1967d2;
}

.rs-pill.measure {
    background: rgba(52, 168, 83, 0.1);
    border: 1px solid rgba(52, 168, 83, 0.3);
    color: #137333;
}

.rs-pill.filter {
    background: rgba(234, 67, 53, 0.1);
    border: 1px solid rgba(234, 67, 53, 0.3);
    color: #c5221f;
}

.rs-pill.pivot {
    background: rgba(251, 188, 4, 0.1);
    border: 1px solid rgba(251, 188, 4, 0.3);
    color: #b06000;
}

.rs-pill-remove {
    color: #9aa0a6;
}

.rs-pill-remove:hover {
    color: #ea4335;
}

/* Filter Form */
.rs-filter-form {
    background: #f8f9fa;
    border: 1px solid #e8eaed;
}

.rs-filter-row select,
.rs-filter-row input {
    border: 1px solid #dadce0;
    background: #fff;
    color: #3c4043;
}

.rs-filter-row select:focus,
.rs-filter-row input:focus {
    border-color: #1a73e8;
    box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
}

.rs-filter-remove {
    color: #9aa0a6;
}

.rs-filter-remove:hover {
    color: #ea4335;
}

/* Add Button */
.rs-add-btn {
    border: 1px dashed #dadce0;
    color: #5f6368;
}

.rs-add-btn:hover {
    border-color: #1a73e8;
    color: #1a73e8;
    background: rgba(26, 115, 232, 0.04);
}

/* Preview Panel */
.rs-preview-panel {
    background: #fff;
    border-top: 1px solid #e8eaed;
}

.rs-preview-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e8eaed;
}

.rs-preview-title {
    color: #3c4043;
}

.rs-preview-table th {
    background: #f8f9fa;
    color: #1a73e8;
    border-bottom: 2px solid #e8eaed;
}

.rs-preview-table td {
    border-bottom: 1px solid #f1f3f4;
    color: #3c4043;
}

.rs-preview-table tr:hover td {
    background: #f8f9fa;
}

/* Footer */
.rs-footer {
    background: #f8f9fa;
    border-top: 1px solid #e8eaed;
}

.rs-footer-info {
    color: #5f6368;
}

/* Buttons */
.rs-btn-default {
    background: #fff;
    color: #3c4043;
    border: 1px solid #dadce0;
}

.rs-btn-default:hover {
    background: #f8f9fa;
    border-color: #5f6368;
}

.rs-btn-primary {
    background: #1a73e8;
    color: #fff;
    border: none;
}

.rs-btn-primary:hover {
    background: #1557b0;
}

.rs-btn-success {
    background: #34a853;
    color: #fff;
    border: none;
}

.rs-btn-success:hover {
    background: #1e8e3e;
}

/* Loading */
.rs-loading {
    color: #5f6368;
}

.rs-spinner {
    border-color: #e8eaed;
    border-top-color: #1a73e8;
}

/* Edit Banner */
.rs-edit-banner {
    background: rgba(251, 188, 4, 0.1);
    border: 1px solid rgba(251, 188, 4, 0.3);
    color: #b06000;
}

.rs-edit-banner strong {
    color: #3c4043;
}

/* Empty State */
.rs-empty-state {
    color: #9aa0a6;
}

/* Date Format Select */
.rs-date-format {
    background: #f8f9fa;
    border: 1px solid #dadce0;
    color: #3c4043;
}

/* Config Modal */
.ag-config-modal {
    background: rgba(0,0,0,0.4);
}

.ag-config-modal-content {
    background: #fff;
    box-shadow: 0 24px 80px rgba(0,0,0,0.2);
}

.ag-config-modal-header {
    border-bottom: 1px solid #e8eaed;
}

.ag-config-modal-header h3 {
    color: #3c4043;
}

.ag-config-close {
    color: #5f6368;
}

.ag-config-close:hover {
    color: #202124;
}

.ag-config-modal-body {
    background: #f8f9fa;
}

.ag-config-modal-body pre {
    color: #3c4043;
    font-family: 'Roboto Mono', 'SF Mono', monospace;
}

.ag-config-modal-footer {
    border-top: 1px solid #e8eaed;
}

/* Scrollbar */
.rs-sidebar::-webkit-scrollbar-track,
.rs-config-body::-webkit-scrollbar-track,
.rs-preview-body::-webkit-scrollbar-track,
.rs-fields-list::-webkit-scrollbar-track {
    background: #f8f9fa;
}

.rs-sidebar::-webkit-scrollbar-thumb,
.rs-config-body::-webkit-scrollbar-thumb,
.rs-preview-body::-webkit-scrollbar-thumb,
.rs-fields-list::-webkit-scrollbar-thumb {
    background: #dadce0;
}

.rs-sidebar::-webkit-scrollbar-thumb:hover,
.rs-config-body::-webkit-scrollbar-thumb:hover,
.rs-preview-body::-webkit-scrollbar-thumb:hover,
.rs-fields-list::-webkit-scrollbar-thumb:hover {
    background: #bdc1c6;
}


/* ========================================
   SQL CONSOLE - LIGHT THEME
   ======================================== */

.sql-console-modal {
    background: rgba(0,0,0,0.4);
}

.sql-console {
    background: #ffffff;
    color: #3c4043;
    box-shadow: 0 24px 80px rgba(0,0,0,0.2);
    font-family: 'Google Sans', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

.sql-console-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e8eaed;
}

.sql-console-title {
    color: #1a73e8;
}

.sql-console-badge {
    background: #fbbc04;
    color: #202124;
}

.sql-console-close {
    color: #5f6368;
}

.sql-console-close:hover {
    color: #202124;
}

.sql-console-sidebar {
    background: #f8f9fa;
    border-right: 1px solid #e8eaed;
}

.sql-sidebar-header {
    color: #5f6368;
    border-bottom: 1px solid #e8eaed;
}

.sql-sidebar-search input {
    border: 1px solid #dadce0;
    background: #fff;
    color: #3c4043;
}

.sql-sidebar-search input:focus {
    border-color: #1a73e8;
}

.sql-tables-list {
    background: #fff;
}

.sql-table-item {
    color: #3c4043;
    border-bottom: 1px solid #f1f3f4;
}

.sql-table-item:hover {
    background: #e8f0fe;
}

.sql-editor-toolbar {
    background: #f8f9fa;
    border-bottom: 1px solid #e8eaed;
}

.sql-btn {
    background: #fff;
    color: #3c4043;
    border: 1px solid #dadce0;
}

.sql-btn:hover {
    background: #f8f9fa;
}

.sql-btn-primary {
    background: #1a73e8;
    color: #fff;
    border: none;
}

.sql-btn-primary:hover {
    background: #1557b0;
}

.sql-editor {
    background: #fff;
    color: #3c4043;
    border: none;
    font-family: 'Roboto Mono', 'SF Mono', monospace;
}

.sql-editor::placeholder {
    color: #9aa0a6;
}

.sql-results-toolbar {
    background: #f8f9fa;
    border-top: 1px solid #e8eaed;
    border-bottom: 1px solid #e8eaed;
}

.sql-results-info {
    color: #5f6368;
}

.sql-results-container {
    background: #fff;
}

.sql-results-table th {
    background: #f8f9fa;
    color: #1a73e8;
    border-bottom: 2px solid #e8eaed;
}

.sql-results-table td {
    border-bottom: 1px solid #f1f3f4;
    color: #3c4043;
}

.sql-results-table tr:hover td {
    background: #f8f9fa;
}

.sql-console-footer {
    background: #f8f9fa;
    border-top: 1px solid #e8eaed;
}

.sql-history span {
    color: #5f6368;
}

.sql-history-item {
    background: #fff;
    border: 1px solid #dadce0;
    color: #3c4043;
}

.sql-history-item:hover {
    background: #e8f0fe;
    border-color: #1a73e8;
}

/* Add Google Sans font */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600&family=Roboto+Mono:wght@400;500&display=swap');