/*  @import url("https://ecusydprdstacanvas.z8.web.core.windows.net/CanvasQA/dict/canvas-blocks.css"); */
/* Design Blocks End */

/* 
ECU Global CSS

Created: D. Gilogley | 2021.09.24
Updated: D. Gilogley | 2026.10.20
*/

/* Change the display for Dashboard tiles to wrap further & add a minimum height for tiles */
.ic-DashboardCard {min-height: 301px;}
div#DashboardCard_Container h3.ellipsis, .course-list-table td{white-space: normal;}

/* Wrap the Canvas Term[ECU Teaching Period] When within a course to get the full information as opposed to .ellipsis*/
span#section-tabs-header-subtitle.ellipsis{white-space: normal;}

/* hide visibility options for users */
#course_form div.form-row.course-visibility-row {display: none;}

/* - Hide the self enrolment option for all users */
input#course_self_enrollment,input[name="course[self_enrollment]"],label[for="course_self_enrollment"]{display: none;}
#course_form > div > div:nth-child(23) > div:nth-child(2) > div > div:nth-child(1) > label{display: none;}


/*Generally - Hide the people page. It will be redisplayed via JS*/
a.people {display: none;}

/* Add new line spacing to honour the student declaration plain text */
form#submit_online_upload_form label.checkbox div,form#submit_online_text_entry_form label.checkbox div {
    white-space: pre-line;
}
/* Added addtional change for the new assignment submission point */
#content div[data-testid="similarity-pledge"] span{
    white-space: pre-line;
}

/* Disable default email option */
td.email_meta{display: none;}
#default_email_id{display: none;}

/* ============= Begin Gradebook Pills CSS ============= */
/*
 * ECU gradebook hashtag pill bar, v4 styles (2026-10-15)
 * Companion to gradebook-hashtag-pills.js. Every element the script adds has its own ecu- class,
 * and these rules select only those classes, so nothing here touches Canvas's own elements.
 */

/* colour variables; the # button lives outside the panel, so it gets them too */
.ecu-tagpanel, .ecu-tagbar-show {
  --ecu-teal: #26b298;      /* pill fill and panel border: black text on teal = 7.90:1 */
  --ecu-teal-dark: #1f9580; /* pressed: black text 5.67:1 */
  --ecu-black: #000000; --ecu-white: #ffffff;
  --ecu-plum: #b11d75;      /* focus ring and error border: 6.36:1 on white, 5.72:1 on ecru */
  --ecu-ecru: #eff4f2;      /* bar background */
}

/* ---------- Panel ---------- */
.ecu-tagpanel {
  color: var(--ecu-black); background: var(--ecu-white);
  border: 1px solid var(--ecu-teal); border-radius: 8px;
  padding: 16px; margin-bottom: 16px;
}
.ecu-tagpanel ::selection { background: var(--ecu-teal); color: var(--ecu-black); }
.ecu-tagpanel__head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 8px; }
.ecu-tagpanel__title { font-size: 18px; margin: 0; }

/* ---------- Intro (collapsible) ---------- */
/* collapse animates the row height from 1fr to 0fr. visibility switches after the slide so the
   collapsed content leaves the tab order and the accessibility tree, as display: none would */
.ecu-tagpanel__intro {
  display: grid; grid-template-rows: 1fr; margin-bottom: 12px;
  transition: grid-template-rows 200ms cubic-bezier(0.16, 1, 0.3, 1), margin-bottom 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.ecu-tagpanel__intro.is-collapsed {
  grid-template-rows: 0fr; margin-bottom: 0; visibility: hidden;
  transition: grid-template-rows 200ms cubic-bezier(0.16, 1, 0.3, 1), margin-bottom 200ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 200ms;
}
.ecu-tagpanel__intro-inner, .ecu-tagbar__head-inner { min-height: 0; overflow: hidden; }
.ecu-tagpanel__intro-text, .ecu-tagpanel__links { margin: 0; line-height: 1.5; }
.ecu-tagpanel__links { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px 24px; }
.ecu-tagpanel__link:focus-visible { outline: 3px solid var(--ecu-plum); outline-offset: 2px; }

/* ---------- Pill bar ---------- */
.ecu-tagbar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  background: var(--ecu-ecru); padding: 10px 14px; border-radius: 6px;
  font-family: inherit; font-size: 14px; line-height: 1.2;
}
/* heading block takes the bar's first row, so the pills wrap underneath it. It collapses with the
   intro; the -8px margin cancels the bar's row gap so no empty strip is left above the pills */
.ecu-tagbar__head {
  flex-basis: 100%; margin-bottom: 2px;
  display: grid; grid-template-rows: 1fr;
  transition: grid-template-rows 200ms cubic-bezier(0.16, 1, 0.3, 1), margin-bottom 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.ecu-tagbar__head.is-collapsed {
  grid-template-rows: 0fr; margin-bottom: -8px; visibility: hidden;
  transition: grid-template-rows 200ms cubic-bezier(0.16, 1, 0.3, 1), margin-bottom 200ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 200ms;
}
.ecu-tagbar__title { font-size: 16px; line-height: 1.2; margin: 0; }
.ecu-tagbar__sub { margin: 2px 0 0; }

/* ---------- Buttons: shared reset ---------- */
.ecu-tagbar__pill, .ecu-tagbar__clear, .ecu-tagpanel__toggle, .ecu-tagpanel__hide, .ecu-tagbar-show {
  /* Canvas styles plain buttons, so pin every property the buttons rely on */
  -webkit-appearance: none; appearance: none; margin: 0; box-shadow: none; text-shadow: none;
  font: inherit; font-weight: bold; line-height: 1.2; letter-spacing: normal; text-transform: none;
  cursor: pointer; color: var(--ecu-black);
  border: 2px solid transparent; border-radius: 999px;
  padding: 6px 14px; min-height: 32px;
}
.ecu-tagbar__pill:focus-visible, .ecu-tagbar__clear:focus-visible, .ecu-tagpanel__toggle:focus-visible,
.ecu-tagpanel__hide:focus-visible, .ecu-tagbar-show:focus-visible { outline: 3px solid var(--ecu-plum); outline-offset: 2px; }

/* ---------- Pills ---------- */
.ecu-tagbar__pill {
  background: var(--ecu-teal);
  display: inline-grid; place-items: center;
  transition: background-color 160ms cubic-bezier(0.16, 1, 0.3, 1), color 160ms cubic-bezier(0.16, 1, 0.3, 1);
}
/* plain, ticked and failed labels share one grid cell, so a pill never changes width */
.ecu-tagbar__text, .ecu-tagbar__on, .ecu-tagbar__fail { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.ecu-tagbar__on, .ecu-tagbar__fail { visibility: hidden; }
.ecu-tagbar__on-icon { width: 14px; height: 14px; flex: none; }
.ecu-tagbar__pill:hover, .ecu-tagbar__clear:hover { border-color: var(--ecu-black); }
.ecu-tagbar__pill:not([aria-pressed="true"]):active { background: var(--ecu-teal-dark); }
.ecu-tagbar__pill[aria-pressed="true"] { color: var(--ecu-white); background: var(--ecu-black); }
.ecu-tagbar__pill[aria-pressed="true"]:hover { border-color: var(--ecu-teal); }
.ecu-tagbar__pill[aria-pressed="true"] .ecu-tagbar__text { visibility: hidden; }
.ecu-tagbar__pill[aria-pressed="true"] .ecu-tagbar__on { visibility: visible; }
.ecu-tagbar__pill.is-failed { color: var(--ecu-black); background: var(--ecu-white); border-color: var(--ecu-plum); }
.ecu-tagbar__pill.is-failed .ecu-tagbar__text, .ecu-tagbar__pill.is-failed .ecu-tagbar__on { visibility: hidden; }
.ecu-tagbar__pill.is-failed .ecu-tagbar__fail { visibility: visible; }

/* ---------- Clear and status ---------- */
.ecu-tagbar__clear { background: var(--ecu-white); border-color: var(--ecu-black); font-weight: normal; }
.ecu-tagbar__clear[aria-disabled="true"] { cursor: default; opacity: 0.5; }
.ecu-tagbar__clear[aria-disabled="true"]:hover { border-color: var(--ecu-black); }
/* status always gets its own line, and keeps its height when empty so the bar doesn't jump on first copy */
.ecu-tagbar__status { flex-basis: 100%; min-height: 1.2em; }

/* ---------- Instructions button ---------- */
/* the label stays fixed and aria-expanded carries the state, per the disclosure pattern */
.ecu-tagpanel__toggle {
  background: var(--ecu-white); border-color: var(--ecu-black); font-size: 14px; font-weight: normal;
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; min-height: 28px;
}
.ecu-tagpanel__toggle:hover { background: var(--ecu-ecru); }
.ecu-tagpanel__toggle-icon { width: 12px; height: 12px; flex: none; transition: transform 160ms cubic-bezier(0.16, 1, 0.3, 1); }
.ecu-tagpanel__toggle[aria-expanded="false"] .ecu-tagpanel__toggle-icon { transform: rotate(-90deg); }

/* ---------- Hide (×) and show (#) buttons ---------- */
/* hide is pushed to the panel's top right corner */
.ecu-tagpanel__hide {
  margin-left: auto; background: var(--ecu-white);
  display: inline-grid; place-items: center; padding: 0; width: 32px; height: 32px;
}
.ecu-tagpanel__hide-icon { width: 14px; height: 14px; }
.ecu-tagpanel__hide:hover { border-color: var(--ecu-black); }
/* show is a teal # pill beside the Gradebook menu while the panel is hidden */
.ecu-tagbar-show {
  background: var(--ecu-teal); font-size: 16px;
  display: inline-grid; place-items: center; align-self: center;
  padding: 0; width: 32px; height: 32px; margin-left: 8px;
}
.ecu-tagbar-show[hidden] { display: none; }
.ecu-tagbar-show:hover { border-color: var(--ecu-black); }

/* ---------- User preferences ---------- */
@media (prefers-reduced-motion: reduce) {
  .ecu-tagbar__pill, .ecu-tagpanel__toggle-icon, .ecu-tagpanel__intro, .ecu-tagpanel__intro.is-collapsed,
  .ecu-tagbar__head, .ecu-tagbar__head.is-collapsed { transition: none; }
}
@media (forced-colors: active) {
  .ecu-tagpanel, .ecu-tagbar__pill, .ecu-tagbar__clear, .ecu-tagpanel__toggle, .ecu-tagpanel__hide, .ecu-tagbar-show { border-color: ButtonText; }
}

/* ============= End Gradebook Pills CSS ============= */