/*
Theme Name: Gramia Light Layer
Description: Light-mode overrides for the current Gramia interface.
*/

body.is-light {
    color-scheme: light;
    --bg: #f5f5f5;
    --bg-200: #f0f0f2;
    --bg-300: #e4e4e7;
    --bg-tran: rgba(245, 245, 245, 0.94);
    --white: #111;
    --white-100: #ffffff;
    --white-200: #f4f4f5;
    --white-300: #e4e4e7;
    --white-400: #d4d4d8;
    --white-500: #a1a1aa;
    --white-600: #71717a;
    --white-700: #52525b;
    --white-800: #3f3f46;
    --white-900: #27272a;
    --white-1000: #18181b;
    --surface: #ffffff;
    --surface-2: #f4f4f5;
    --border: #d4d4d8;
    --border-200: #c7c7cc;
    --text: #18181b;
    --muted: #71717a;
    --gray: #e4e4e7;
    --black: #18181b;
    --tran-dark-900: rgba(24, 24, 27, 0.08);
    --shadow-twin: 0 1px 2px rgba(24, 24, 27, 0.06), 0 12px 34px rgba(24, 24, 27, 0.08);
    --blue: #087fe7;
    --red: #dc2626;
    --yellow: #a16207;
    --purple: #6d5bd0;
    --pink: #db2777;
    --green: #4d7c0f;
    --green-pale: #058f72;
    --cyan: #0f766e;
    --orange: #c94f0c;
    --blue-light: rgba(8, 127, 231, 0.1);
    --red-light: rgba(220, 38, 38, 0.1);
    --yellow-light: rgba(161, 98, 7, 0.11);
    --purple-light: rgba(109, 91, 208, 0.11);
    --pink-light: rgba(219, 39, 119, 0.1);
    --green-light: rgba(77, 124, 15, 0.1);
    --green-pale-light: rgba(5, 143, 114, 0.1);
    --cyan-light: rgba(15, 118, 110, 0.1);
    --orange-light: rgba(201, 79, 12, 0.1);
    color: var(--white-1000);
    background: var(--bg);
}

body.is-light textarea,
body.is-light input,
body.is-light select,
body.is-light button {
    color: var(--white-900);
}

body.is-light textarea::placeholder,
body.is-light input::placeholder,
body.is-light .main-prompt-video-gen::placeholder {
    color: var(--white-600);
    opacity: 1;
}

body.is-light ::selection {
    color: #ffffff;
    background: var(--blue);
}

body.is-light :focus-visible {
    outline-color: rgba(8, 127, 231, 0.55);
}

body.is-light .shadow {
    box-shadow: 0 2px 10px rgba(24, 24, 27, 0.1);
}

body.is-light .shadow-100 {
    box-shadow: 0 5px 20px rgba(24, 24, 27, 0.12);
}

body.is-light .shadow-200 {
    box-shadow: 0 10px 30px -5px rgba(24, 24, 27, 0.16);
}

/* Utilities and common controls */
body.is-light .btn-white {
    color: #ffffff;
    background: var(--white-1000) !important;
}

body.is-light .btn-white:hover {
    color: #ffffff;
    background: var(--white-900) !important;
}

body.is-light .btn-black {
    color: var(--white-1000);
    background: #ffffff;
    border-color: var(--white-400);
}

body.is-light .btn-gray,
body.is-light .btn-secondary {
    color: var(--white-900);
    background: var(--white-300);
    border-color: var(--white-400);
}

body.is-light .btn-primary {
    color: var(--white-900);
    border-color: var(--white-400);
}

body.is-light .btn-primary:hover,
body.is-light .btn-secondary:hover,
body.is-light .btn-border-gray:hover,
body.is-light .btn-border-white:hover {
    color: var(--white-1000);
    background: var(--white-200);
    border-color: var(--white-500);
}

body.is-light .btn-border-white,
body.is-light .btn-border-gray {
    color: var(--white-800);
    border-color: var(--white-500);
}

body.is-light .alert-info {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

body.is-light .alert-success {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

body.is-light .alert-warning {
    color: #92400e;
    background: #fffbeb;
    border-color: #fde68a;
}

body.is-light .alert-danger {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

body.is-light .alert-gray {
    color: var(--white-800);
    background: var(--white-200);
    border-color: var(--white-400);
}

body.is-light progress::-webkit-progress-bar {
    background: var(--white-300);
}

body.is-light progress::-webkit-progress-value,
body.is-light progress::-moz-progress-bar {
    background: var(--blue);
}

/* Main navigation and sidebar */
body.is-light .navbar .content-max {
    background: rgba(245, 245, 245, 0.9);
    border-bottom: 1px solid rgba(24, 24, 27, 0.06);
}

body.is-light .sidebar,
body.is-light .mobile-holder,
body.is-light .mobile-holder > .main-sections-list-items,
body.is-light .sidebar > .p-10:first-child {
    background-color: var(--bg);
}

body.is-light .sidebar {
    border-color: var(--white-300);
    scrollbar-color: var(--white-500) transparent;
}

body.is-light .sidebar::-webkit-scrollbar-track {
    background: var(--white-200);
}

body.is-light .sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--white-500), var(--white-400));
    border-color: var(--white-200);
}

body.is-light .sidebar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--white-600), var(--white-500));
}

body.is-light .sidebar .sidebar-last-title,
body.is-light .mobile-holder-header,
body.is-light .orvg-profile-mobile-head {
    background: linear-gradient(to bottom, var(--bg) 35%, transparent);
}

body.is-light .mobile-holder-footer,
body.is-light .sidebarname {
    background: linear-gradient(to top, var(--bg) 35%, transparent);
}

body.is-light .showuserdata-mobile-holder {
    background: linear-gradient(to top, var(--bg) 25%, transparent);
}

body.is-light .showuserdata-sidebar,
body.is-light .sidebar-guest-box {
    color: var(--white-900);
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(24, 24, 27, 0.07);
    box-shadow: 0 10px 30px rgba(24, 24, 27, 0.06);
}

body.is-light .mobile-holder .sidebar-last-title span {
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(24, 24, 27, 0.08);
    box-shadow: 0 10px 24px rgba(24, 24, 27, 0.1);
}

body.is-light .sidebar-recent-item:hover,
body.is-light .sidebar-recent-list a.active,
body.is-light .main-sections-list-items a:hover {
    background: var(--white-200);
}

body.is-light .page-nav-switch-menu,
body.is-light .mobile-page-switch-menu,
body.is-light .sidebar-user-dropdown,
body.is-light .sidebar-chat-more-dropdown,
body.is-light .orvg-chat-dropdown,
body.is-light .orvg-chat-topic-dropdown,
body.is-light .mobile-help-pop {
    color: var(--white-1000);
    background: rgba(255, 255, 255, 0.96);
    border-color: var(--white-300);
    box-shadow: 0 18px 48px rgba(24, 24, 27, 0.14);
}

body.is-light .sidebar-user-dropdown-item:hover,
body.is-light .mobile-help-close,
body.is-light .guest-help-close,
body.is-light .downpop-sheet-close {
    background: var(--white-200);
}

body.is-light .sidebar-chat-file-item {
    color: var(--white-900);
    background: var(--white-100);
    border-color: var(--white-300);
}

/* Profiles and account settings */
body.is-light .profilepop-box,
body.is-light .guest-help-box,
body.is-light .sidebar-chat-files-box,
body.is-light .orvg-pro-modal-box,
body.is-light .orvg-chat-login-box {
    color: var(--white-1000);
    background: var(--white-100);
    border-color: var(--white-300);
    box-shadow: var(--shadow-twin);
}

body.is-light .orvg-profile-theme-options {
    background: var(--white-200);
    border-color: var(--white-300);
}

body.is-light .orvg-profile-form input,
body.is-light .orvg-profile-form textarea,
body.is-light .orvg-profile-form select,
body.is-light .orvg-profile-extra-preset,
body.is-light .orvg-profile-payment-item,
body.is-light .orvg-profile-usage-card,
body.is-light .orvg-profile-pay-summary {
    color: var(--white-900);
    background-color: var(--white-100);
    border-color: var(--white-300);
}

body.is-light .orvg-profile-form input:focus,
body.is-light .orvg-profile-form textarea:focus,
body.is-light .orvg-profile-form select:focus {
    background: #ffffff;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px var(--blue-light);
}

body.is-light .orvg-profile-segmented {
    background: var(--white-200);
    border-color: var(--white-300);
}

body.is-light .orvg-profile-choice input:checked + span {
    color: #ffffff;
    background: var(--blue);
}

body.is-light .orvg-profile-tabs .active,
body.is-light .orvg-profile-theme-options .btn.active,
body.is-light .orvg-profile-appearance-row .btn.active {
    color: #ffffff !important;
    background: var(--white-1000) !important;
}

body.is-light .orvg-profile-credit-bar,
body.is-light .orvg-energy-meter {
    background: var(--white-300);
}

body.is-light .orvg-profile-circle {
    background: radial-gradient(circle at center, var(--white-100) 0 58%, transparent 59%), conic-gradient(var(--green-pale) calc(var(--value) * 1%), var(--white-300) 0);
}

body.is-light .orvg-profile-extra-table,
body.is-light .orvg-profile-extra-table th,
body.is-light .orvg-profile-extra-table td {
    border-color: var(--white-300);
}

body.is-light .orvg-profile-extra-table th {
    background: var(--white-200);
}

/* Model selectors and bottom sheets */
body.is-light .downpop-wrap-content,
body.is-light .orvg-compact-sheet,
body.is-light .orvg-compact-menu {
    color: var(--white-1000);
    background: rgba(255, 255, 255, 0.98);
    border-color: var(--white-300) !important;
    box-shadow: 0 18px 54px rgba(24, 24, 27, 0.16);
}

body.is-light .downpop-sheet-head {
    border-color: var(--white-300);
}

body.is-light .downpop-wrap-radio .downpop-wrap-content::-webkit-scrollbar-thumb {
    background: var(--white-400);
}

body.is-light .downpop-wrap-radio .downpop-wrap-content input[type="radio"]:checked + label {
    color: var(--white-1000);
    background: var(--white-300);
}

body.is-light .downpop-wrap-radio .downpop-wrap-content label:hover {
    background: var(--white-200);
}

body.is-light .orvg-model-icon-box {
    background: var(--white-200);
    border: 1px solid var(--white-300);
}

body.is-light .sheet-handle::before {
    background: var(--white-500);
}

body.is-light .orvg-compact-button {
    color: var(--white-900);
    background: rgba(244, 244, 245, 0.9);
    border: 1px solid var(--white-300);
    box-shadow: none;
}

body.is-light .orvg-compact-title,
body.is-light .orvg-compact-menu .orvg-radio-tabs label {
    color: var(--white-600);
}

body.is-light .orvg-compact-value {
    color: var(--white-900);
}

body.is-light .orvg-compact-sheet-head {
    background: linear-gradient(to bottom, var(--white-100) 76%, rgba(255, 255, 255, 0));
}

body.is-light .orvg-compact-sheet .orvg-compact-menu .orvg-radio-tabs label {
    background: var(--white-200);
}

body.is-light .orvg-compact-menu .orvg-radio-tabs input[type="radio"]:checked + label,
body.is-light .orvg-radio-tabs input[type="radio"]:checked + label {
    color: #ffffff;
    background: var(--white-1000);
}

/* Chat */
body.is-light .orvg-chat-app,
body.is-light .orvg-chat-shell,
body.is-light .orvg-chat-messages {
    color: var(--white-1000);
}

body.is-light .orvg-chat-user span {
    color: var(--white-900);
    background: var(--white-300);
}

body.is-light .orvg-chat-intro-card:hover,
body.is-light .orvg-chat-actions .btn-36.is-active,
body.is-light .orvg-chat-dropdown-row:hover,
body.is-light .orvg-chat-topic-dropdown button:hover {
    background: var(--white-200);
}

body.is-light .orvg-chat-form {
    color: var(--white-1000);
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--white-300);
    box-shadow: 0 10px 36px rgba(24, 24, 27, 0.1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.is-light .orvg-chat-form textarea {
    color: var(--white-1000);
}

body.is-light .orvg-chat-floating-copy {
    color: var(--white-900);
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: var(--white-300) !important;
    box-shadow: 0 8px 22px rgba(24, 24, 27, 0.12);
}

body.is-light .orvg-chat-floating-copy.is-copied {
    color: var(--green-pale);
    background: #ecfdf5 !important;
}

body.is-light .orvg-chat-table-wrap {
    background: #ffffff;
    border-color: var(--white-300);
}

body.is-light .orvg-chat-table-wrap th,
body.is-light .orvg-chat-table-wrap td {
    border-color: var(--white-300);
}

body.is-light .orvg-chat-table-wrap th {
    color: var(--white-900);
    background: var(--white-200);
}

body.is-light .orvg-chat-error-card .btn-white {
    color: #ffffff;
}

/* Imagine, galleries and generated media */
body.is-light .imagine form {
    color: var(--white-1000);
    background: rgba(255, 255, 255, 0.94);
    border-color: var(--white-300);
    box-shadow: 0 -14px 44px rgba(24, 24, 27, 0.12);
}

body.is-light .imagine-card {
    color: var(--white-1000);
    background: linear-gradient(120deg, #eeeeef 0%, #ffffff 48%, #e8e8ea 100%);
}

body.is-light .imagine-mode-tabs a.active,
body.is-light .imagine-mode-tabs label.active {
    color: #ffffff;
    background: var(--white-1000);
}

body.is-light .imagine .orvg-upload-preview-card,
body.is-light .imagine .orvg-upload-previews .form-upload-60 {
    color: var(--white-800);
    background: var(--white-200);
    border-color: var(--white-500);
}

body.is-light .imagine .orvg-imagine-cost-chip {
    color: var(--white-900);
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid var(--white-300);
}

body.is-light .imagine #orvg-result,
body.is-light .imagine #orvg-image-result {
    color: var(--white-1000);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--white-300);
    box-shadow: 0 18px 60px rgba(24, 24, 27, 0.14);
}

body.is-light .orvg-imagine-loading {
    background-color: var(--white-200);
}

body.is-light .orvg-imagine-loading::after {
    background: var(--white-500);
}

body.is-light .orvg-imagine-spinner {
    border-color: var(--white-400);
    border-top-color: var(--white-900);
}

body.is-light .imagine .close-result-box,
body.is-light .orvg-imagine-output-actions a svg,
body.is-light .orvg-imagine-output-actions button svg {
    color: var(--white-900);
    background: var(--white-200);
    border-color: var(--white-300);
}

body.is-light .imagine-item-pop-panel,
body.is-light .template-modal {
    color: var(--white-1000);
    background: rgba(255, 255, 255, 0.97);
    border-color: var(--white-300);
    box-shadow: 0 -24px 60px rgba(24, 24, 27, 0.18);
}

body.is-light .imagine-item-pop-close,
body.is-light .template-modal-close {
    color: var(--white-900);
    background: var(--white-200);
}

body.is-light .imagine-item-pop-panel textarea {
    color: var(--white-900);
}

body.is-light .history-modal-btns {
    border-color: var(--white-300);
    background: linear-gradient(to bottom, transparent, var(--white-100));
}

body.is-light .orvg-history-filters .btn {
    color: var(--white-800) !important;
}

body.is-light .orvg-history-filters .btn.active {
    color: #ffffff !important;
    background: var(--white-1000) !important;
}

body.is-light #orvg-image-status,
body.is-light #orvg-status {
    color: var(--white-900);
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--white-300);
    box-shadow: 0 8px 30px rgba(24, 24, 27, 0.12);
}

body.is-light .orvg-image-status-success {
    color: #166534;
    background: #f0fdf4 !important;
}

/* Pricing, payments and apps */
body.is-light .pricing-plan-card {
    color: var(--white-1000) !important;
    background: #ffffff;
    border-color: var(--white-300);
    box-shadow: 0 12px 36px rgba(24, 24, 27, 0.07);
}

body.is-light .pricing-plan-card.is-current {
    background: linear-gradient(180deg, rgba(109, 91, 208, 0.1), #ffffff);
}

body.is-light .pricing-current-badge {
    color: #ffffff;
}

body.is-light .pricing-current-line,
body.is-light .pricing-active-strip,
body.is-light .pricing-usage-tabs {
    color: var(--white-900);
    background: #ffffff;
    border-color: var(--white-300);
}

body.is-light .pricing-extra-credit-box {
    color: var(--white-1000);
    border-color: var(--white-300);
    background-color: #ffffff;
    box-shadow: inset 0 30px 38px rgba(24, 24, 27, 0.035), 0 12px 34px rgba(24, 24, 27, 0.07);
}

body.is-light .pricing-extra-bg-1 {
    background-image: radial-gradient(#f8eefa, #ffffff 45%);
}

body.is-light .pricing-extra-bg-2 {
    background-image: radial-gradient(#edf7eb, #ffffff 45%);
}

body.is-light .ai-icons-marquee::before {
    background: linear-gradient(to right, var(--bg), transparent);
}

body.is-light .ai-icons-marquee::after {
    background: linear-gradient(to left, var(--bg), transparent);
}

body.is-light .pricing-usage-tab-buttons button.active {
    color: #ffffff;
    background: var(--white-1000) !important;
}

body.is-light .pu-presets button {
    color: var(--white-700);
    background: var(--white-100);
    border-color: var(--white-400) !important;
}

body.is-light .pu-presets button.active {
    color: var(--white-1000);
    background: var(--white-300);
    border-color: var(--white-600) !important;
}

body.is-light .apps-page {
    color: var(--white-1000);
    background: var(--bg);
}

body.is-light .apps-top-glass {
    background: linear-gradient(to bottom, var(--bg), transparent);
    box-shadow: 0 18px 45px rgba(24, 24, 27, 0.07);
}

body.is-light .apps-hero,
body.is-light .apps-model-item,
body.is-light .apps-model-icon,
body.is-light .apps-model-section-icon {
    background-color: #ffffff;
    border-color: var(--white-300);
    box-shadow: 0 12px 34px rgba(24, 24, 27, 0.07);
}

/* Mobile-only light surfaces */
@media (max-width: 980px) {
    body.is-light .sidebar {
        background: linear-gradient(to bottom, rgba(245, 245, 245, 0.98), rgba(245, 245, 245, 0));
    }

    body.is-light .sidebar-bg-blur {
        background: rgba(245, 245, 245, 0.7);
    }

    body.is-light .main-sections-list {
        color: var(--white-900);
        background: rgba(255, 255, 255, 0.92);
        border: 1px solid var(--white-300);
        box-shadow: 0 10px 24px rgba(24, 24, 27, 0.12);
    }

    body.is-light .downpop-wrap-content,
    body.is-light .imagine form > .flex.pb-10 .downpop-wrap-content,
    body.is-light .orvg-compact-sheet {
        background: rgba(255, 255, 255, 0.98);
        border-color: var(--white-300) !important;
        box-shadow: 0 -24px 70px rgba(24, 24, 27, 0.16);
    }
}

/* Mobile login */
body.is-light .mol-form input {
    color: var(--white-900) !important;
    background: #ffffff;
    border-color: var(--white-400);
}

body.is-light .mol-form input:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px var(--blue-light);
}

body.is-light .mol-form button.second {
    color: var(--white-800) !important;
    background: var(--white-200) !important;
}

body.is-light .mol-form button.second.disabled,
body.is-light .mol-form button.second:disabled {
    color: var(--white-600) !important;
}

body.is-light .energyflow::before {
    background: rgba(255, 255, 255, 0.98);
}

/* Media overlays intentionally stay dark for image and video contrast. */
body.is-light .orvg-progress-placeholder,
body.is-light .orvg-generation-problem,
body.is-light .orvg-image-lightbox-box,
body.is-light .orvg-image-lightbox-close,
body.is-light .imagine .orvg-upload-preview-card button,
body.is-light .imagine .orvg-upload-percent {
    color: #ffffff;
}
body.is-light .loader-icons .icon-6 {
    box-shadow: none !important
}