/* =========================================================================
   DST ACADEMY — "THIS MONTH" ASSIGNMENTS WIDGET

   The [dst_month] shortcode's visual shell. Migrated verbatim out of
   Appearance -> Customize -> Additional CSS, 27 Aug 2026.

   WHY THIS LOADS GLOBALLY

   It is a shortcode. A shortcode can be dropped on any page at any time by
   anyone with the editor open, and a template-gated stylesheet would leave
   it unstyled the first time someone does — silently, with no error. So it
   loads everywhere. It is under 2KB.

   WHAT THIS FILE IS NOT

   The loader's original comment claimed this file held a Team Activity
   control spanning five surfaces, with a print rule naming all five in one
   selector list. That block is not in Additional CSS and never was: the
   only @media print on a lesson page belongs to the lesson door, and the
   real Team Activity control styles live in the plugin, in
   dst-academy-member.css. Corrected here so the next person does not go
   looking for a rule that does not exist.

   ON THE CASCADE MOVE

   These rules now print earlier than they did as Additional CSS. Nothing
   here competes with Astra on equal specificity; the two places Astra would
   otherwise reach in — the submit button's background and its focus ring —
   are settled inside this file by .dst-month-submit and its :focus rule,
   which are more specific than Astra's bare `button` selector.
   ====================================================================== */


.dst-month {
	max-width: 340px;
	background: #fff;
	border: 1px solid #e4e6ec;
	border-radius: 12px;
	padding: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

.dst-month-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 18px;
}

.dst-month-name {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	letter-spacing: -0.01em;
}

.dst-month-countdown {
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	color: #0772A7;
	background: #E6EEF7;
	border-radius: 999px;
	padding: 4px 10px;
}

.dst-month-countdown.is-urgent {
	color: #C0392B;
	background: #FBE3DF;
}

.dst-month-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dst-month-task {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dst-month-status {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #c7ccd6;
	background: transparent;
	flex-shrink: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dst-month-status svg {
	opacity: 0;
}

.dst-month-task.is-done .dst-month-status {
	background: #2E9E5B;
	border-color: #2E9E5B;
}

.dst-month-task.is-done .dst-month-status svg {
	opacity: 1;
}

.dst-month-taskbody {
	flex: 1;
	min-width: 0;
}

.dst-month-tasklabel {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.3;
}

.dst-month-by {
	font-size: 12px;
	color: #5a6072;
	margin-top: 2px;
}

.dst-month-submit {
	flex-shrink: 0;
	background: #0772A7;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease;
	outline: none;
	box-shadow: none;
}

.dst-month-submit:hover {
	background: #042C53;
}

.dst-month-submit:focus,
.dst-month-submit:focus-visible {
	outline: none;
	box-shadow: none;
}