/* Rubric: red selected descriptors + white text (editor AND read-only history) */
table.rb.markable {
  --sbx-config-color-active: #c80850;
}
 
/* White text on the selected cell — works in both views */
table.rb.markable td.rb-selected,
table.rb.markable td.rb-selected * {
  color: #ffffff !important;
}
 
/* Keep the mark box dark-on-white so the number stays readable */
table.rb.markable td.rb-selected select,
table.rb.markable td.rb-selected option,
table.rb.markable td.rb-selected input {
  color: #000000 !important;
}
/* 1. Rubric: red selected cells instead of yellow */
table.rb.markable { --sbx-config-color-active: #c80850; }
 
/* 2. Rubric: white descriptor text (editor AND read-only history) */
table.rb.markable td.rb-selected,
table.rb.markable td.rb-selected * { color: #ffffff !important; }
table.rb.markable td.rb-selected select,
table.rb.markable td.rb-selected option,
table.rb.markable td.rb-selected input { color: #000000 !important; }
 
/* 3. Course/assessment title-bar tags: blend into the teal header (no yellow).
   Dropdown buttons (Project, Quiz, etc.) stay yellow. */
.small-12.island .component-titlebar.meta a.sbx-button--has-icon {
  background-color: transparent !important;
  color: #ffffff !important;
}
.small-12.island .component-titlebar.meta a.sbx-button--has-icon * {
  color: #ffffff !important;
}
.small-12.island .sbx-button--has-icon {
background-color: #ffd200 !important;
color: #0d5257 !important;
}
p.component-titlebar meta .sbx-button--has-icon {
background-color: #0d5257 !important;
color: #FFFFFF !important;
}
.small-12.island .sbx-button--has-icon svg,
.sbx-button--has-icon i {
color: #0d5257 !important;
fill: #0d5257 !important;
}



:root {
            --sbx-config-container-corner-radius: var(--sbx-border-radius-m);
            --sbx-config-field-corner-radius: var(--sbx-border-radius-m);
            --sbx-config-container-drop-shadow: var(--sbx-shadow-m);
                --sbx-config-color-body-background-r: 255;
        --sbx-config-color-body-background-g: 255;
        --sbx-config-color-body-background-b: 255;
        --sbx-config-color-body-background-h: 0;
        --sbx-config-color-body-background-s: 0%;
        --sbx-config-color-body-background-l: 100%;
        --sbx-config-color-body-background-a: 1;
        --sbx-config-color-body-background:   hsla(
            var(--sbx-config-color-body-background-h),
            var(--sbx-config-color-body-background-s),
            var(--sbx-config-color-body-background-l),
            var(--sbx-config-color-body-background-a)
        );
            --sbx-config-color-body-background-contrast-r: 0;
        --sbx-config-color-body-background-contrast-g: 0;
        --sbx-config-color-body-background-contrast-b: 0;
        --sbx-config-color-body-background-contrast-h: 0;
        --sbx-config-color-body-background-contrast-s: 0%;
        --sbx-config-color-body-background-contrast-l: 0%;
        --sbx-config-color-body-background-contrast-a: 1;
        --sbx-config-color-body-background-contrast:   hsla(
            var(--sbx-config-color-body-background-contrast-h),
            var(--sbx-config-color-body-background-contrast-s),
            var(--sbx-config-color-body-background-contrast-l),
            var(--sbx-config-color-body-background-contrast-a)
        );
            --sbx-config-color-accent-r: 13;
        --sbx-config-color-accent-g: 82;
        --sbx-config-color-accent-b: 87;
        --sbx-config-color-accent-h: 184.1;
        --sbx-config-color-accent-s: 74%;
        --sbx-config-color-accent-l: 19.6%;
        --sbx-config-color-accent-a: 1;
        --sbx-config-color-accent:   hsla(
            var(--sbx-config-color-accent-h),
            var(--sbx-config-color-accent-s),
            var(--sbx-config-color-accent-l),
            var(--sbx-config-color-accent-a)
        );
            --sbx-config-color-accent-contrast-r: 255;
        --sbx-config-color-accent-contrast-g: 255;
        --sbx-config-color-accent-contrast-b: 255;
        --sbx-config-color-accent-contrast-h: 0;
        --sbx-config-color-accent-contrast-s: 0%;
        --sbx-config-color-accent-contrast-l: 100%;
        --sbx-config-color-accent-contrast-a: 1;
        --sbx-config-color-accent-contrast:   hsla(
            var(--sbx-config-color-accent-contrast-h),
            var(--sbx-config-color-accent-contrast-s),
            var(--sbx-config-color-accent-contrast-l),
            var(--sbx-config-color-accent-contrast-a)
        );
            --sbx-config-color-accent-text-r: 255;
        --sbx-config-color-accent-text-g: 255;
        --sbx-config-color-accent-text-b: 255;
        --sbx-config-color-accent-text-h: 0;
        --sbx-config-color-accent-text-s: 0%;
        --sbx-config-color-accent-text-l: 100%;
        --sbx-config-color-accent-text-a: 1;
        --sbx-config-color-accent-text:   hsla(
            var(--sbx-config-color-accent-text-h),
            var(--sbx-config-color-accent-text-s),
            var(--sbx-config-color-accent-text-l),
            var(--sbx-config-color-accent-text-a)
        );
            --sbx-config-color-accent-text-contrast-r: 0;
        --sbx-config-color-accent-text-contrast-g: 0;
        --sbx-config-color-accent-text-contrast-b: 0;
        --sbx-config-color-accent-text-contrast-h: 0;
        --sbx-config-color-accent-text-contrast-s: 0%;
        --sbx-config-color-accent-text-contrast-l: 0%;
        --sbx-config-color-accent-text-contrast-a: 1;
        --sbx-config-color-accent-text-contrast:   hsla(
            var(--sbx-config-color-accent-text-contrast-h),
            var(--sbx-config-color-accent-text-contrast-s),
            var(--sbx-config-color-accent-text-contrast-l),
            var(--sbx-config-color-accent-text-contrast-a)
        );
            --sbx-config-color-active-r: 255;
        --sbx-config-color-active-g: 210;
        --sbx-config-color-active-b: 0;
        --sbx-config-color-active-h: 49.4;
        --sbx-config-color-active-s: 100%;
        --sbx-config-color-active-l: 50%;
        --sbx-config-color-active-a: 1;
        --sbx-config-color-active:   hsla(
            var(--sbx-config-color-active-h),
            var(--sbx-config-color-active-s),
            var(--sbx-config-color-active-l),
            var(--sbx-config-color-active-a)
        );
            --sbx-config-color-active-contrast-r: 0;
        --sbx-config-color-active-contrast-g: 0;
        --sbx-config-color-active-contrast-b: 0;
        --sbx-config-color-active-contrast-h: 0;
        --sbx-config-color-active-contrast-s: 0%;
        --sbx-config-color-active-contrast-l: 0%;
        --sbx-config-color-active-contrast-a: 1;
        --sbx-config-color-active-contrast:   hsla(
            var(--sbx-config-color-active-contrast-h),
            var(--sbx-config-color-active-contrast-s),
            var(--sbx-config-color-active-contrast-l),
            var(--sbx-config-color-active-contrast-a)
        );
            --sbx-config-color-menu-background-r: 210;
        --sbx-config-color-menu-background-g: 204;
        --sbx-config-color-menu-background-b: 198;
        --sbx-config-color-menu-background-h: 30;
        --sbx-config-color-menu-background-s: 11.8%;
        --sbx-config-color-menu-background-l: 80%;
        --sbx-config-color-menu-background-a: 1;
        --sbx-config-color-menu-background:   hsla(
            var(--sbx-config-color-menu-background-h),
            var(--sbx-config-color-menu-background-s),
            var(--sbx-config-color-menu-background-l),
            var(--sbx-config-color-menu-background-a)
        );
            --sbx-config-color-menu-background-contrast-r: 0;
        --sbx-config-color-menu-background-contrast-g: 0;
        --sbx-config-color-menu-background-contrast-b: 0;
        --sbx-config-color-menu-background-contrast-h: 0;
        --sbx-config-color-menu-background-contrast-s: 0%;
        --sbx-config-color-menu-background-contrast-l: 0%;
        --sbx-config-color-menu-background-contrast-a: 1;
        --sbx-config-color-menu-background-contrast:   hsla(
            var(--sbx-config-color-menu-background-contrast-h),
            var(--sbx-config-color-menu-background-contrast-s),
            var(--sbx-config-color-menu-background-contrast-l),
            var(--sbx-config-color-menu-background-contrast-a)
        );
            --sbx-config-color-menu-foreground-r: 13;
        --sbx-config-color-menu-foreground-g: 82;
        --sbx-config-color-menu-foreground-b: 87;
        --sbx-config-color-menu-foreground-h: 184.1;
        --sbx-config-color-menu-foreground-s: 74%;
        --sbx-config-color-menu-foreground-l: 19.6%;
        --sbx-config-color-menu-foreground-a: 1;
        --sbx-config-color-menu-foreground:   hsla(
            var(--sbx-config-color-menu-foreground-h),
            var(--sbx-config-color-menu-foreground-s),
            var(--sbx-config-color-menu-foreground-l),
            var(--sbx-config-color-menu-foreground-a)
        );
            --sbx-config-color-menu-foreground-contrast-r: 255;
        --sbx-config-color-menu-foreground-contrast-g: 255;
        --sbx-config-color-menu-foreground-contrast-b: 255;
        --sbx-config-color-menu-foreground-contrast-h: 0;
        --sbx-config-color-menu-foreground-contrast-s: 0%;
        --sbx-config-color-menu-foreground-contrast-l: 100%;
        --sbx-config-color-menu-foreground-contrast-a: 1;
        --sbx-config-color-menu-foreground-contrast:   hsla(
            var(--sbx-config-color-menu-foreground-contrast-h),
            var(--sbx-config-color-menu-foreground-contrast-s),
            var(--sbx-config-color-menu-foreground-contrast-l),
            var(--sbx-config-color-menu-foreground-contrast-a)
        );
            --sbx-config-color-menu-hover-r: 255;
        --sbx-config-color-menu-hover-g: 210;
        --sbx-config-color-menu-hover-b: 0;
        --sbx-config-color-menu-hover-h: 49.4;
        --sbx-config-color-menu-hover-s: 100%;
        --sbx-config-color-menu-hover-l: 50%;
        --sbx-config-color-menu-hover-a: 1;
        --sbx-config-color-menu-hover:   hsla(
            var(--sbx-config-color-menu-hover-h),
            var(--sbx-config-color-menu-hover-s),
            var(--sbx-config-color-menu-hover-l),
            var(--sbx-config-color-menu-hover-a)
        );
            --sbx-config-color-menu-hover-contrast-r: 0;
        --sbx-config-color-menu-hover-contrast-g: 0;
        --sbx-config-color-menu-hover-contrast-b: 0;
        --sbx-config-color-menu-hover-contrast-h: 0;
        --sbx-config-color-menu-hover-contrast-s: 0%;
        --sbx-config-color-menu-hover-contrast-l: 0%;
        --sbx-config-color-menu-hover-contrast-a: 1;
        --sbx-config-color-menu-hover-contrast:   hsla(
            var(--sbx-config-color-menu-hover-contrast-h),
            var(--sbx-config-color-menu-hover-contrast-s),
            var(--sbx-config-color-menu-hover-contrast-l),
            var(--sbx-config-color-menu-hover-contrast-a)
        );
            --sbx-config-color-component-heading-background-r: 13;
        --sbx-config-color-component-heading-background-g: 82;
        --sbx-config-color-component-heading-background-b: 87;
        --sbx-config-color-component-heading-background-h: 184.1;
        --sbx-config-color-component-heading-background-s: 74%;
        --sbx-config-color-component-heading-background-l: 19.6%;
        --sbx-config-color-component-heading-background-a: 1;
        --sbx-config-color-component-heading-background:   hsla(
            var(--sbx-config-color-component-heading-background-h),
            var(--sbx-config-color-component-heading-background-s),
            var(--sbx-config-color-component-heading-background-l),
            var(--sbx-config-color-component-heading-background-a)
        );
            --sbx-config-color-component-heading-background-contrast-r: 255;
        --sbx-config-color-component-heading-background-contrast-g: 255;
        --sbx-config-color-component-heading-background-contrast-b: 255;
        --sbx-config-color-component-heading-background-contrast-h: 0;
        --sbx-config-color-component-heading-background-contrast-s: 0%;
        --sbx-config-color-component-heading-background-contrast-l: 100%;
        --sbx-config-color-component-heading-background-contrast-a: 1;
        --sbx-config-color-component-heading-background-contrast:   hsla(
            var(--sbx-config-color-component-heading-background-contrast-h),
            var(--sbx-config-color-component-heading-background-contrast-s),
            var(--sbx-config-color-component-heading-background-contrast-l),
            var(--sbx-config-color-component-heading-background-contrast-a)
        );
            --sbx-config-color-component-heading-text-r: 255;
        --sbx-config-color-component-heading-text-g: 255;
        --sbx-config-color-component-heading-text-b: 255;
        --sbx-config-color-component-heading-text-h: 0;
        --sbx-config-color-component-heading-text-s: 0%;
        --sbx-config-color-component-heading-text-l: 100%;
        --sbx-config-color-component-heading-text-a: 1;
        --sbx-config-color-component-heading-text:   hsla(
            var(--sbx-config-color-component-heading-text-h),
            var(--sbx-config-color-component-heading-text-s),
            var(--sbx-config-color-component-heading-text-l),
            var(--sbx-config-color-component-heading-text-a)
        );
            --sbx-config-color-component-heading-text-contrast-r: 0;
        --sbx-config-color-component-heading-text-contrast-g: 0;
        --sbx-config-color-component-heading-text-contrast-b: 0;
        --sbx-config-color-component-heading-text-contrast-h: 0;
        --sbx-config-color-component-heading-text-contrast-s: 0%;
        --sbx-config-color-component-heading-text-contrast-l: 0%;
        --sbx-config-color-component-heading-text-contrast-a: 1;
        --sbx-config-color-component-heading-text-contrast:   hsla(
            var(--sbx-config-color-component-heading-text-contrast-h),
            var(--sbx-config-color-component-heading-text-contrast-s),
            var(--sbx-config-color-component-heading-text-contrast-l),
            var(--sbx-config-color-component-heading-text-contrast-a)
        );
            --sbx-config-login-form-background-r: 13;
        --sbx-config-login-form-background-g: 82;
        --sbx-config-login-form-background-b: 87;
        --sbx-config-login-form-background-h: 184.1;
        --sbx-config-login-form-background-s: 74%;
        --sbx-config-login-form-background-l: 19.6%;
        --sbx-config-login-form-background-a: 1;
        --sbx-config-login-form-background:   hsla(
            var(--sbx-config-login-form-background-h),
            var(--sbx-config-login-form-background-s),
            var(--sbx-config-login-form-background-l),
            var(--sbx-config-login-form-background-a)
        );
            --sbx-config-login-form-background-contrast-r: 255;
        --sbx-config-login-form-background-contrast-g: 255;
        --sbx-config-login-form-background-contrast-b: 255;
        --sbx-config-login-form-background-contrast-h: 0;
        --sbx-config-login-form-background-contrast-s: 0%;
        --sbx-config-login-form-background-contrast-l: 100%;
        --sbx-config-login-form-background-contrast-a: 1;
        --sbx-config-login-form-background-contrast:   hsla(
            var(--sbx-config-login-form-background-contrast-h),
            var(--sbx-config-login-form-background-contrast-s),
            var(--sbx-config-login-form-background-contrast-l),
            var(--sbx-config-login-form-background-contrast-a)
        );
            --sbx-config-login-form-foreground-r: 255;
        --sbx-config-login-form-foreground-g: 255;
        --sbx-config-login-form-foreground-b: 255;
        --sbx-config-login-form-foreground-h: 0;
        --sbx-config-login-form-foreground-s: 0%;
        --sbx-config-login-form-foreground-l: 100%;
        --sbx-config-login-form-foreground-a: 1;
        --sbx-config-login-form-foreground:   hsla(
            var(--sbx-config-login-form-foreground-h),
            var(--sbx-config-login-form-foreground-s),
            var(--sbx-config-login-form-foreground-l),
            var(--sbx-config-login-form-foreground-a)
        );
            --sbx-config-login-form-foreground-contrast-r: 0;
        --sbx-config-login-form-foreground-contrast-g: 0;
        --sbx-config-login-form-foreground-contrast-b: 0;
        --sbx-config-login-form-foreground-contrast-h: 0;
        --sbx-config-login-form-foreground-contrast-s: 0%;
        --sbx-config-login-form-foreground-contrast-l: 0%;
        --sbx-config-login-form-foreground-contrast-a: 1;
        --sbx-config-login-form-foreground-contrast:   hsla(
            var(--sbx-config-login-form-foreground-contrast-h),
            var(--sbx-config-login-form-foreground-contrast-s),
            var(--sbx-config-login-form-foreground-contrast-l),
            var(--sbx-config-login-form-foreground-contrast-a)
        );
    }