@charset "utf-8";
:root.theme-light .moca_grid_toolbar .button,
:root.theme-light .moca_grid_sort_btn,
:root.theme-light .moca_grid_paging button.first,
:root.theme-light .moca_grid_paging button.prev,
:root.theme-light .moca_grid_paging button.next,
:root.theme-light .moca_grid_paging button.last,
:root.theme-light .moca_ipp_btn,
:root.theme-light .btn_cmb,
:root.theme-light .moca_ibn_btn.arrow,
:root.theme-light .moca_grid_body thead th .moca_th_icon,
:root.theme-light .ww_rimg {
filter: brightness(0) invert(0.42);
}
:root.theme-light .moca_grid_toolbar .button { border-color: var(--c-border-dark); }
:root.theme-light .itemTable .filterheader .fr button.moca_ibn_btn.arrow,
:root.theme-light .itemTable .filterheader .fr button.moca_ibn_btn.arrow:hover {
background-color: transparent;
}
:root.theme-light .moca_selectbox select {
background-image:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' stroke='%236b6455' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"),
linear-gradient(var(--c-border), var(--c-border)),
linear-gradient(var(--c-surface), var(--c-surface));
}
:root.theme-light .moca_selectbox select:hover:not(:disabled) {
background-image:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' stroke='%230f766e' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"),
linear-gradient(var(--c-border), var(--c-border)),
linear-gradient(var(--c-surface), var(--c-surface));
}
:root.theme-light .moca_grid_body tbody td .moca_selectbox > input.moca_select {
background-image:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' stroke='%236b6455' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"),
linear-gradient(var(--c-border), var(--c-border)),
linear-gradient(var(--c-surface), var(--c-surface));
}
:root.theme-light .moca_grid_body tbody td .moca_selectbox > input.moca_select:hover {
background-image:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' stroke='%230f766e' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"),
linear-gradient(var(--c-border), var(--c-border)),
linear-gradient(var(--c-surface), var(--c-surface));
}
:root.theme-light .moca_calendar_today { background: var(--c-primary-light) !important; }
:root.theme-light .moca_calendar, :root.theme-light .moca_calendar_fromto { background: var(--c-white); border-color: var(--c-border-dark); }
:root.theme-light .moca_grid_body tbody td input[type="checkbox"],
:root.theme-light .checkboxGroup .moca_checkbox_input {
border-color: var(--c-border-dark);
background-color: #ffffff;
}
:root.theme-light .moca_grid_body tbody td input[type="checkbox"]:checked,
:root.theme-light .checkboxGroup .moca_checkbox_input:checked {
background-color: var(--c-primary);
border-color: var(--c-primary);
}
:root.theme-light .moca_grid_body tbody td input[type="radio"] {
border-color: var(--c-border-dark);
background: #ffffff;
}
:root.theme-light .moca_grid_body tbody td input[type="radio"]:checked {
border-color: var(--c-primary);
background: radial-gradient(circle at center, var(--c-primary) 31%, #ffffff 31%);
}
:root.theme-light :is([data-m-type="radio"], .grid_toolbar_radio) input[type="radio"]:checked {
box-shadow: 0 0 4px rgba(15, 118, 110, 0.35);
}
:root.theme-light .moca_grid_body th[id="H_DEL_CHK"] .moca_checkbox_input,
:root.theme-light .moca_grid_body td[id="DEL_CHK"] input[type="checkbox"] {
border: none;
background-color: var(--c-text-body);
opacity: 0.3;
}
:root.theme-light .moca_grid_body th[id="H_DEL_CHK"] .moca_checkbox_input:hover,
:root.theme-light .moca_grid_body td[id="DEL_CHK"] input[type="checkbox"]:hover {
background-color: var(--c-text-sub);
opacity: 1;
}
:root.theme-light .moca_grid_body th[id="H_DEL_CHK"] .moca_checkbox_input:checked,
:root.theme-light .moca_grid_body td[id="DEL_CHK"] input[type="checkbox"]:checked {
background-color: var(--c-primary);
opacity: 1;
}
:root.theme-light [data-m-type][data-m-required="true"] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
:root.theme-light [data-m-type][data-m-required="true"] select,
:root.theme-light [data-m-type][data-m-required="true"] textarea,
:root.theme-light .moca_grid_body tbody td input.req,
:root.theme-light .moca_grid_body tbody td .moca_selectbox > input.moca_select.req,
:root.theme-light .moca_grid_body tbody td .filterheader.req input.moca_input {
background-color: var(--c-req-bg);
}
:root.theme-light .moca_cell_tooltip {
background: #0f766e;
border-color: #0b5d56;
color: #ffffff;
box-shadow: 0 4px 14px rgba(60,50,30,0.28);
}
:root.theme-light .cke_top { background: var(--c-grid-toolbar) !important; }
:root.theme-light .cke_button:hover,
:root.theme-light .cke_button:focus,
:root.theme-light .cke_button:active {
background: var(--c-bg-hover) !important;
border-color: var(--c-border-dark) !important;
}
:root.theme-light .cke_button_on,
:root.theme-light .cke_button_on:hover {
background: var(--c-primary-light) !important;
border: 1px solid var(--c-primary) !important;
}
:root.theme-light .cke_button_icon { filter: none !important; }
:root.theme-light .cke_button_on .cke_button_icon {
filter: brightness(0) saturate(100%) invert(34%) sepia(58%) saturate(560%) hue-rotate(130deg) !important;
}
:root.theme-light .cke_panel_grouptitle { background: var(--c-grid-toolbar) !important; }
:root.theme-light .avg_c_low, :root.theme-light .player_c_lope { color: var(--c-warning); }
:root.theme-light .ww_fc { background: var(--c-bg); }
:root.theme-light .ww_city_btn { background: var(--c-bg-input); }
:root.theme-light .ww_city_btn:hover { border-color: var(--c-primary); }
:root.theme-light .ww_city_list { background: var(--c-surface); box-shadow: var(--shadow-lg); }
:root.theme-light .wc_nav { background: var(--c-bg); }
:root.theme-light .wc_dow_sun, :root.theme-light .wc_sun .wc_di { color: #d05a52; }
:root.theme-light .wc_dow_sat, :root.theme-light .wc_sat .wc_di { color: #3f74c4; }
:root.theme-light .wc_di:hover { background: var(--c-bg-hover); }
:root.theme-light .wc_today .wc_di { color: #ffffff !important; }
:root.theme-light .widget_edit_bar { background: var(--c-grid-toolbar); }
:root.theme-light .ws_picker { background: var(--c-surface); border-color: var(--c-border-dark); box-shadow: var(--shadow-lg); }
:root.theme-light .wsp_btn { background: var(--c-bg); border-color: var(--c-border); color: var(--c-text-sub); }
:root.theme-light .wsp_btn:hover { background: var(--c-primary-light); border-color: var(--c-primary); color: var(--c-primary); }
:root.theme-light .widget_kpi_icon.purple { background: rgba(124,58,237,0.10); color: #7c3aed; }
:root.theme-light .moca_grid_tooltip { color: #ffffff; }
:root.theme-light .widget_card,
:root.theme-light .widget_edit_bar {
--c-surface:        #f2efe9;
--c-bg:             #e5e0d4;
--c-bg-input:       #ece7dc;
--c-bg-input-focus: #ece7dc;
--c-bg-elevated:    #eae4d8;
--c-bg-hover:       #ddd7c8;
--c-grid-toolbar:   #e8e3d7;
--c-grid-hover:     #ddd7c8;
--c-border:      #ddd5c3;
--c-border-dark: #bfb6a1;
--c-text-sub:   #6b6455;
--c-text-muted: #6b6455;
}
:root.theme-light .widget_card { box-shadow: 0 1px 4px rgba(60,50,30,0.10); }
:root.theme-light .mdi_body:has(> .mdi_panel:not([style*="none"]) .wdash_wrap) { background: #ffffff; }
:root.theme-light .wdash_wrap { background: #ffffff; }
:root.theme-light .header::after { display: none; }
:root.theme-light .header h3 { color: #2c2a24; }
:root.theme-light .header h3 span { color: #6b6455; }
:root.theme-light .header_username { color: #2c2a24; }
:root.theme-light .header_user_icon { background: #f0ebe1; border: none; box-shadow: none; color: #6b6455; }
:root.theme-light .header_logout_btn { border-color: #d6cdbc; color: #2c2a24; background: #fffdf9; }
:root.theme-light .header_logout_btn:hover { border-color: var(--c-primary); color: var(--c-primary); background: var(--c-primary-light); }
:root.theme-light .header_theme_toggle { background: rgba(0,0,0,0.04); border: 1px solid #e7e0d4; }
:root.theme-light .header_theme_toggle .mtg_label { color: #6b6455; }
:root.theme-light .left h3::before { background: #d6cdbc; }
:root.theme-light .left h3.active { background: var(--c-primary-light); }
:root.theme-light .moca_treeview .has-children > .tree-row { color: var(--c-primary); font-weight: 700; }
:root.theme-light .moca_treeview .has-children > .tree-row .tree-toggle { color: var(--c-primary); }
:root.theme-light .moca_treeview .tree-leaf.active { background: #e4f0ee; color: var(--c-primary); font-weight: 700; box-shadow: inset 3px 0 0 var(--c-primary); }
:root.theme-light ::-webkit-scrollbar-thumb { background: #d0c6b3; }
:root.theme-light ::-webkit-scrollbar-thumb:hover { background: #b3aa98; }
:root.theme-light .mob_hamburger_btn:hover { background: rgba(0,0,0,0.05); }
:root.theme-light .moca_table_search { background:var(--c-grid-toolbar); }
:root.theme-light .moca_table_search [data-m-cell="td"] button.btn_search, :root.theme-light .btn_outline, :root.theme-light .btn_search { background:var(--c-primary); border:1px solid var(--c-primary); color:#ffffff; box-shadow:none; }
:root.theme-light .moca_table_search [data-m-cell="td"] button.btn_search:hover, :root.theme-light .btn_outline:hover, :root.theme-light .btn_search:hover { background:var(--c-primary-dark); border-color:var(--c-primary-dark); color:#ffffff; }
:root.theme-light .btn_primary { background:var(--c-primary); border-color:var(--c-primary); color:#ffffff; }
:root.theme-light .btn_primary:hover { background:var(--c-primary-dark); border-color:var(--c-primary-dark); color:#ffffff; filter:none; }
:root.theme-light .btn_danger { background:var(--c-danger); border-color:var(--c-danger); color:#ffffff; }
:root.theme-light .btn_danger:hover { background:#a8463d; border-color:#a8463d; color:#ffffff; filter:none; }
:root.theme-light .btn_success, :root.theme-light .bd_btn_save, :root.theme-light .btn_save, :root.theme-light .moca_btn_confirm { color:#ffffff; }
:root.theme-light .btn_neutral, :root.theme-light .bd_btn_close, :root.theme-light .btn_close { background:var(--c-surface); border:1px solid var(--c-text-sub); color:var(--c-text); }
:root.theme-light .btn_neutral:hover, :root.theme-light .bd_btn_close:hover, :root.theme-light .btn_close:hover { background:var(--c-grid-hover); border-color:var(--c-text-sub); color:var(--c-text); }
:root.theme-light .bd_btn_new { background:transparent; border-color:var(--c-text-sub); color:var(--c-text); }
:root.theme-light .bd_btn_new:hover { background:var(--c-grid-hover); border-color:var(--c-text-sub); color:var(--c-text); }
:root.theme-light .bd_btn_edit { background:transparent; border-color:var(--c-primary); color:var(--c-primary); }
:root.theme-light .bd_btn_edit:hover { background:var(--c-primary-light); border-color:var(--c-primary); color:var(--c-primary); filter:none; }
:root.theme-light .bd_btn_del { background:transparent; border-color:var(--c-danger); color:var(--c-danger); }
:root.theme-light .bd_btn_del:hover { background:rgba(193,85,74,0.12); border-color:var(--c-danger); color:var(--c-danger); filter:none; }
:root.theme-light .bd_btn_cancel { background:transparent; border-color:var(--c-text-sub); color:var(--c-text-sub); }
:root.theme-light .bd_btn_cancel:hover { background:var(--c-grid-hover); border-color:var(--c-text-sub); color:var(--c-text); }
:root.theme-light .mdi_panel > .page_wrap { background:var(--c-surface); border:1px solid var(--c-border); padding:15px; border-radius: var(--radius-lg);}
:root.theme-light .mdi_tabbar { background:#eee8dc; padding:6px 15px;}
:root.theme-light .mdi_tab { background:#f4f0e7; border: 1px solid var(--c-border-dark); border-radius: var(--radius-md);}
:root.theme-light .mdi_tab:hover { background:#f0ebe1; }
:root.theme-light .mdi_tab.active { background:var(--c-surface); border-color: var(--c-border-dark); font-weight:700; }
:root.theme-light .mdi_body { border-color:var(--c-border); }
:root.theme-light .mdi_split_btn, :root.theme-light .mdi_titlehide_btn { border-color:var(--c-border-dark); background:var(--c-surface); }
:root.theme-light .mdi_titlehide_btn::before { background:var(--c-text-sub); }
:root.theme-light .mdi_titlehide_btn:hover { box-shadow:none; border-color:var(--c-primary); }
:root.theme-light .mdi_titlehide_btn:hover::before { background:var(--c-primary); }
:root.theme-light .mdi_split_btn::before { background:var(--c-text-sub); }
:root.theme-light .mdi_split_btn:hover { box-shadow:none; border-color:var(--c-primary); }
:root.theme-light .mdi_split_btn:hover::before { background:var(--c-primary); }
:root.theme-light .mdi_closeall_btn { border-color:var(--c-border-dark); background:var(--c-surface); }
:root.theme-light .mdi_tabnav_btn { border-color:var(--c-border-dark); background:var(--c-surface); }
:root.theme-light .mdi_tabnav_btn::before { border-left-color:var(--c-text-sub); border-bottom-color:var(--c-text-sub); }
:root.theme-light .mdi_tabnav_btn:hover { box-shadow:none; border-color:var(--c-primary); }
:root.theme-light .mdi_tabnav_btn:hover::before { border-left-color:var(--c-primary); border-bottom-color:var(--c-primary); }
:root.theme-light .mdi_tabnav_btn:disabled { border-color:var(--c-border); background:transparent; }
:root.theme-light .moca_tab_btn.active { background:var(--c-surface); border-bottom-color:var(--c-surface); }
:root.theme-light .moca_tab_panel { background:var(--c-surface); }
:root.theme-light .moca_layout_debug_fab.on { color: #ffffff; box-shadow: 0 0 8px rgba(15,118,110,.45); }
:root.theme-light .moca_layout.moca_layout_debug,
:root.theme-light .moca_layout_debug .moca_layout { outline-color: rgba(15,118,110,.55); }
:root.theme-light .moca_layout_debug .moca_layout_pane { outline-color: rgba(15,118,110,.8); background: rgba(15,118,110,.07); }
:root.theme-light .moca_layout_debug .moca_layout_tag { color: #ffffff; box-shadow: 0 2px 8px rgba(15,118,110,.35); }
:root.theme-light .moca_layout_debug .moca_layout_pane::before { color: #0b5d56; background: rgba(255,253,249,.95); border-color: rgba(15,118,110,.5); }
:root.theme-light .moca_layout_debug .moca_layout_tag:hover ~ .moca_layout_pane { outline-color: #0a4f49; }
:root.theme-light .moca_layout_debug .moca_layout_tag:hover ~ .moca_layout_pane::after { background: #ccba99; }