/* Green skin */
:root {
    --st-accent:                 #198754;
    --st-grid-active-bg:         var(--st-accent);
    --st-grid-active-text:       var(--st-accent-text);
    --st-accent-hover:           #d1e7dd;
    --st-bg-ribbon:              #e8f5e9;
    --st-bg-toolbar:             #d4edda;
    --st-bg-footer:              #146c43;
    --st-grid-header-bg:         #b7dfbf;
    --st-grid-header-text:       #1a4a2a;
    --st-grid-alt-row-bg:        #d4edda;
    --st-grid-hover-bg:          #86efac;
    --st-grid-col1-bg:           #b7dfbf;
    --st-grid-border:            #28a745;
    --st-ts-cell-bg:             #d4edda;
    --st-ts-cell-bg-alt:         #b7dfbf;
    --st-ts-cell-bg-sel:         #86efac;
    --st-tab-bg:                 #4a7a5a;
    --st-tab-hover-bg:           #2d5c3c;
    --st-tab-active-bg:          #1a4a2a;
    --st-tab-text:               #ffffff;
    --st-tab-border:             #28a745;
    --st-gantt-bar-bg:           #86efac;
    --st-gantt-summary-bg:       #f97316;
    --st-gantt-summary-triangle: #ea580c;
    --st-gantt-percent-bg:       #14532d;
    --st-gantt-milestone-color:  #15803d;
    --st-gantt-milestone-bg:     #fef08a;
    --st-gantt-scale-border:     #b7dfbf;
    --st-gantt-gridline:         #b7dfbf;
    --st-gantt-drag-bg:          #198754;
    --st-gantt-link-color:       #198754;
    --st-dock-header-bg:         #1a4a2a;
    --st-dock-text:              #ffffff;
    --st-dock-border:            #28a745;
    --st-dock-pane-bg:           whitesmoke;
    --st-dock-splitter:          #198754;
    --st-dock-active-tab:        #0f2f1a;
    --st-ai-bubble-you-bg:       #00469f;
    --st-ai-bubble-ai-bg:        #1a4a2a;
    --st-ai-bubble-app-bg:       #4a5a50;
}

.ribbonbutton, .ribbonbuttonsmall { color: #1a4a2a !important; }

.ui-tabs .ui-tabs-nav                                      { background: #4a7a5a !important; border: none !important; }
.ui-tabs .ui-tabs-tab                                      { background: #4a7a5a !important; border: 1px solid transparent !important; border-bottom: none !important; }
.ui-tabs .ui-tabs-anchor                                   { color: #ffffff !important; }
.ui-tabs .ui-tabs-tab.ui-state-hover                       { background: #2d5c3c !important; }
.ui-tabs .ui-tabs-tab.ui-state-active                      { background: #1a4a2a !important; border: 1px solid #28a745 !important; border-bottom: none !important; margin-top: 1px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.ui-tabs .ui-tabs-tab.ui-state-active .ui-tabs-anchor      { color: #ffffff !important; }
.ui-tabs .ui-tabs-panel                                    { background: whitesmoke !important; color: #212529 !important; border: none !important; }
