/*
 * Arhiv testov – prikaz in bot
 *
 * Stili so namenoma zapisani z !important na tistih lastnostih, ki jih teme
 * (Elementor, Blocksy ...) najpogosteje povozijo – barve in oblika gumbov,
 * razmiki kartic. Brez tega se gumbi na strani obarvajo po temi.
 */

.at-archive {
	--at-accent: #1f6feb;
	--at-accent-dark: #1a5fd0;
	--at-border: #e2e5ea;
	--at-muted: #667085;
	--at-bg: #ffffff;
	--at-text: #1d2939;
	--at-radius: 12px;
	font-size: 16px;
}

.at-archive * {
	box-sizing: border-box;
}

.at-archive__title {
	margin: 0 0 1rem !important;
}

/* ------------------------------------------------------------- filtri */

.at-archive .at-filters {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: 1.25rem;
}

.at-archive .at-filter {
	padding: .55rem .75rem !important;
	border: 1px solid var(--at-border) !important;
	border-radius: 8px !important;
	background: var(--at-bg) !important;
	color: var(--at-text) !important;
	font-size: .95rem !important;
	line-height: 1.3 !important;
	min-width: 10rem;
	height: auto !important;
	flex: 0 1 auto;
}

.at-archive .at-filter--search {
	flex: 1 1 16rem;
}

/* ----------------------------------------------------------- kartice */

.at-archive .at-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1rem;
}

.at-archive .at-card {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.1rem !important;
	margin: 0 !important;
	border: 1px solid var(--at-border) !important;
	border-radius: var(--at-radius) !important;
	background: var(--at-bg) !important;
	color: var(--at-text) !important;
	transition: box-shadow .15s ease, transform .15s ease;
}

/*
 * Filtriranje skriva kartice z atributom [hidden]. Ker ima pravilo zgoraj
 * "display: flex !important" (zaradi tem, ki prepisujejo stile), moramo
 * skrivanje zapisati prav tako z !important -- sicer filtri navidez ne delajo.
 */
.at-archive .at-card[hidden],
.at-archive .at-grid > [hidden],
.at-archive .at-no-results[hidden] {
	display: none !important;
}

.at-archive .at-card:hover {
	box-shadow: 0 6px 20px rgba(16, 24, 40, .08);
	transform: translateY(-1px);
}

/* ------------------------------------------- kosek in potrditev brisanja */

.at-archive .at-card {
	position: relative !important;
}

.at-archive .at-kos,
.at-archive button.at-kos {
	position: absolute !important;
	top: .5rem !important;
	right: .5rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	background: none !important;
	background-image: none !important;
	color: #9aa2b1 !important;
	box-shadow: none !important;
	cursor: pointer;
	opacity: .6;
	transition: opacity .15s ease, color .15s ease, border-color .15s ease;
}

.at-archive .at-card:hover .at-kos {
	opacity: 1;
}

.at-archive .at-kos:hover,
.at-archive button.at-kos:hover {
	border-color: #fecaca !important;
	background: #fef2f2 !important;
	color: #dc2626 !important;
}

.at-archive .at-potrditev {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .3rem !important;
	padding: .9rem !important;
	border-radius: var(--at-radius) !important;
	background: #fff !important;
	text-align: center !important;
}

.at-archive .at-potrditev p {
	margin: 0 !important;
}

.at-archive .at-potrditev__vprasanje {
	color: #1d2939 !important;
	font-size: .92rem !important;
	font-weight: 600 !important;
}

.at-archive .at-potrditev__ime {
	color: #475467 !important;
	font-size: .85rem !important;
	word-break: break-word !important;
}

.at-archive .at-potrditev__opomba {
	color: #b42318 !important;
	font-size: .78rem !important;
}

.at-archive .at-potrditev__gumbi {
	display: flex !important;
	gap: .4rem !important;
	margin-top: .4rem !important;
}

.at-archive .at-potrditev__da,
.at-archive .at-potrditev__ne {
	padding: .35rem .8rem !important;
	border-radius: 8px !important;
	font-size: .85rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	cursor: pointer;
}

.at-archive .at-potrditev__da {
	border: 1px solid #b91c1c !important;
	background-color: #dc2626 !important;
	background-image: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%) !important;
	color: #fff !important;
}

.at-archive .at-potrditev__ne {
	border: 1px solid #c3c8d2 !important;
	background: #fff !important;
	background-image: none !important;
	color: #344054 !important;
}

.at-archive .at-potrditev__da[disabled],
.at-archive .at-potrditev__ne[disabled] {
	opacity: .6;
	cursor: default;
}

@media (prefers-color-scheme: dark) {
	.at-archive .at-potrditev {
		background: #101828 !important;
	}

	.at-archive .at-potrditev__vprasanje {
		color: #f2f4f7 !important;
	}

	.at-archive .at-potrditev__ime {
		color: #d0d5dd !important;
	}

	.at-archive .at-potrditev__ne {
		background: #1f2430 !important;
		border-color: #475467 !important;
		color: #e4e7ec !important;
	}
}

.at-archive .at-card__head {
	min-width: 0;
}

.at-archive .at-card__title {
	margin: 0 0 .25rem !important;
	padding: 0 !important;
	font-size: 1.05rem !important;
	line-height: 1.35 !important;
	color: var(--at-text) !important;
}

.at-archive .at-card__meta {
	margin: 0 !important;
	color: var(--at-muted) !important;
	font-size: .85rem !important;
}

.at-archive .at-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}

/* ------------------------------------------------------------- gumbi */

.at-archive .at-btn,
.at-archive a.at-btn,
.at-archive button.at-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	padding: .45rem .8rem !important;
	border: 1px solid #c3c8d2 !important;
	border-radius: 8px !important;
	background-color: #f3f4f6 !important;
	background-image: linear-gradient(180deg, #fdfdfe 0%, #e9ebef 100%) !important;
	color: var(--at-text) !important;
	font-family: inherit !important;
	font-size: .875rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

.at-archive .at-btn:hover,
.at-archive a.at-btn:hover,
.at-archive button.at-btn:hover {
	background-image: linear-gradient(180deg, #f4f5f7 0%, #dfe2e8 100%) !important;
	border-color: #aab1bd !important;
	color: var(--at-text) !important;
}

/*
 * "Odpri PDF": samo obroba v barvi levega roba kartice (privzeto modra,
 * pri preverjanju in nalogah jo prepiseta pravila nize).
 */
.at-archive .at-btn--primary,
.at-archive a.at-btn--primary,
.at-archive button.at-btn--primary {
	background-color: transparent !important;
	background-image: none !important;
	border-color: #1f6feb !important;
	color: #1f6feb !important;
}

.at-archive .at-btn--primary:hover,
.at-archive a.at-btn--primary:hover,
.at-archive button.at-btn--primary:hover {
	background-color: rgba(31, 111, 235, .08) !important;
	background-image: none !important;
	border-color: #1a5fd0 !important;
	color: #1a5fd0 !important;
}

/* "Pomoc pri resevanju z MatBotom": poudarjen gumb kartice. */
.at-archive .at-btn--bot,
.at-archive button.at-btn--bot {
	gap: .35rem !important;
	background-color: #1f6feb !important;
	background-image: linear-gradient(180deg, #3b82f6 0%, #1a5fd0 100%) !important;
	border-color: #1a5fd0 !important;
	color: #fff !important;
}

.at-archive .at-btn--bot:hover,
.at-archive button.at-btn--bot:hover {
	background-image: linear-gradient(180deg, #2b74ef 0%, #14509f 100%) !important;
	border-color: #14509f !important;
	color: #fff !important;
}

.at-archive .at-btn__ikona {
	display: inline-flex !important;
	align-items: center !important;
	margin-right: .1rem !important;
}

.at-archive .at-btn__ikona svg {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
}

.at-archive .at-empty,
.at-archive .at-no-results,
.at-archive .at-bot-hint {
	color: var(--at-muted) !important;
	font-size: .9rem;
}

/* --------------------------------- obvestilo o prijavi (nad razredi) */

.at-archive .at-obvestilo {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: .75rem !important;
	margin: 0 0 1rem !important;
	padding: .7rem .9rem !important;
	border: 1px solid #e4e6ea !important;
	border-left: 4px solid #dc2626 !important;
	border-radius: 6px !important;
	background: #f3f4f6 !important;
}

.at-archive .at-obvestilo__besedilo {
	flex: 1 1 16rem !important;
	margin: 0 !important;
	color: #374151 !important;
	font-size: .9rem !important;
	line-height: 1.45 !important;
}

.at-archive .at-obvestilo__gumb,
.at-archive a.at-obvestilo__gumb {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	padding: .4rem .8rem !important;
	border: 1px solid #b91c1c !important;
	border-radius: 8px !important;
	background-color: #dc2626 !important;
	background-image: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%) !important;
	color: #fff !important;
	font-size: .85rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.at-archive .at-obvestilo__gumb:hover,
.at-archive a.at-obvestilo__gumb:hover {
	background-image: linear-gradient(180deg, #dc2626 0%, #991b1b 100%) !important;
	border-color: #991b1b !important;
	color: #fff !important;
}

@media (prefers-color-scheme: dark) {
	.at-archive .at-obvestilo {
		border-color: #374151 !important;
		background: #1f2430 !important;
	}

	.at-archive .at-obvestilo__besedilo {
		color: #d1d5db !important;
	}
}

/* ------------------------------------------------ predal / razdeljeni pogled */

body.at-drawer-open {
	overflow: hidden;
}

.at-drawer {
	position: fixed;
	inset: 0;
	z-index: 100000;
	font-size: 16px;
	color: #1d2939;
}

.at-drawer[hidden] {
	display: none !important;
}

.at-drawer *,
.at-drawer *::before,
.at-drawer *::after {
	box-sizing: border-box;
}

.at-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(16, 24, 40, .5);
}

.at-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	display: flex;
	flex-direction: column;
	width: min(480px, 100%);
	background: #fff;
	box-shadow: -8px 0 30px rgba(16, 24, 40, .18);
	overflow: hidden;
}

/* Sirok zaslon in PDF na voljo: naloga levo, bot desno. */
.at-drawer--split .at-drawer__panel {
	inset: 2vh 2vw;
	width: auto;
	border-radius: 14px;
}

.at-drawer__head {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .8rem 1rem;
	border-bottom: 1px solid #e2e5ea;
	font-weight: 600;
	flex: 0 0 auto;
}

.at-drawer__title {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.at-drawer__open {
	flex: 0 0 auto;
	font-size: .85rem !important;
	font-weight: 500 !important;
	color: #1f6feb !important;
	text-decoration: underline !important;
}

.at-drawer__open[hidden] {
	display: none !important;
}

.at-drawer__close {
	flex: 0 0 auto;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: #667085 !important;
	font-size: 1.7rem !important;
	line-height: 1 !important;
	cursor: pointer;
}

.at-drawer__body {
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
}

.at-drawer__doc {
	flex: 1 1 auto;
	min-width: 0;
	border-right: 1px solid #e2e5ea;
	background: #f2f4f7;
}

.at-drawer__doc[hidden] {
	display: none !important;
}

.at-drawer__frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.at-drawer__chat {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
}

.at-drawer--split .at-drawer__chat {
	flex: 0 0 clamp(340px, 34vw, 480px);
}

.at-drawer__log {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.at-msg {
	max-width: 92%;
	padding: .6rem .85rem;
	border-radius: 12px;
	font-size: .95rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.at-msg p {
	margin: 0 0 .5rem !important;
}

.at-msg p:last-child {
	margin-bottom: 0 !important;
}

.at-msg pre {
	margin: .5rem 0;
	padding: .6rem;
	background: rgba(0, 0, 0, .06);
	border-radius: 8px;
	overflow-x: auto;
	font-size: .85rem;
}

.at-msg--user {
	align-self: flex-end;
	background: #1f6feb !important;
	color: #fff !important;
}

.at-msg--assistant {
	align-self: flex-start;
	background: #f2f4f7 !important;
	color: #1d2939 !important;
}

.at-msg--pending {
	opacity: .6;
	font-style: italic;
}

/* ------------------------------------------------------ predogled formule */

/*
 * Majhno prikazno okno nad vnosno vrstico: dijak sproti vidi, kako bo
 * njegova formula izpisana.
 */
.at-drawer__preview {
	flex: 0 0 auto;
	position: relative;
	margin: .5rem .75rem .25rem;
	padding: 1.1rem .75rem .6rem;
	border: 1px solid #d7dbe2;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 1px 3px rgba(16, 24, 40, .05);
	color: #1d2939;
	font-size: .95rem;
}

.at-drawer__preview-label {
	position: absolute;
	top: -.6rem;
	left: .6rem;
	padding: 0 .35rem;
	background: #fff;
	color: #667085;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.at-drawer__preview-body {
	max-height: 9rem;
	overflow: auto;
	line-height: 1.5;
	word-break: break-word;
}

.at-drawer__preview-empty {
	color: #98a2b3;
	font-size: .85rem;
	font-style: italic;
}

@media (prefers-color-scheme: dark) {
	.at-drawer__preview {
		border-color: #344054;
		background: #101828;
		color: #e4e7ec;
	}

	.at-drawer__preview-label {
		background: #101828;
	}
}

.at-drawer__preview[hidden] {
	display: none !important;
}

/* ------------------------------------------------------- vrstica za formule */

.at-palette {
	flex: 0 0 auto;
	border-top: 1px solid #e2e5ea;
	background: #fafbfc;
	padding: .5rem .75rem;
	max-height: 40vh;
	overflow-y: auto;
}

.at-palette[hidden] {
	display: none !important;
}

.at-palette__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: .5rem;
}

.at-palette__tab {
	padding: .2rem .55rem !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	background: none !important;
	color: #667085 !important;
	font-size: .78rem !important;
	line-height: 1.4 !important;
	cursor: pointer;
}

.at-palette__tab.is-active {
	background: #fff !important;
	border-color: #d0d5dd !important;
	color: #1d2939 !important;
	font-weight: 600 !important;
}

.at-palette__keys {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(3.4rem, 1fr));
	gap: .3rem;
}

.at-key {
	min-width: 0 !important;
	padding: .4rem .2rem !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-size: .95rem !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	cursor: pointer;
}

.at-key:hover {
	background: #eef2ff !important;
	border-color: #1f6feb !important;
}

/* -------------------------------------------------------------- vnos */

.at-drawer__form {
	display: flex;
	gap: .5rem;
	align-items: stretch;
	padding: .75rem 1rem 1rem;
	border-top: 1px solid #e2e5ea;
	flex: 0 0 auto;
}

.at-drawer__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: .55rem .7rem !important;
	border: 1px solid #e2e5ea !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-family: inherit !important;
	font-size: .95rem !important;
	line-height: 1.4 !important;
	resize: none;
}

.at-sigma {
	flex: 0 0 auto;
	width: 2.5rem;
	padding: 0 !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-size: 1.15rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer;
}

.at-sigma.is-active {
	background: #1f6feb !important;
	border-color: #1f6feb !important;
	color: #fff !important;
}

/* Gumb Poslji – tema ga rada pobarva vase, zato je tu izrecno moder. */
.at-drawer .at-send,
.at-drawer button.at-send {
	flex: 0 0 auto;
	padding: .55rem 1.1rem !important;
	border: 1px solid #1f6feb !important;
	border-radius: 8px !important;
	background: #1f6feb !important;
	background-image: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: .9rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

.at-drawer .at-send:hover,
.at-drawer button.at-send:hover {
	background: #1a5fd0 !important;
	border-color: #1a5fd0 !important;
	color: #fff !important;
}

.at-drawer .at-send:disabled {
	opacity: .6;
	cursor: default;
}

@media (max-width: 899px) {
	.at-drawer__panel {
		width: 100%;
	}

	.at-drawer__doc {
		display: none !important;
	}
}

/* ------------------------------------------------ narekovanje vprasanja */

.at-mic {
	flex: 0 0 auto;
	width: 2.5rem;
	padding: 0 !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-size: 1.05rem !important;
	line-height: 1 !important;
	cursor: pointer;
}

.at-mic:hover {
	background: #eef2ff !important;
	border-color: #1f6feb !important;
}

.at-mic.is-active {
	background: #d92d20 !important;
	border-color: #d92d20 !important;
	color: #fff !important;
	animation: at-mic-utrip 1.2s ease-in-out infinite;
}

@keyframes at-mic-utrip {
	0%, 100% { box-shadow: 0 0 0 0 rgba(217, 45, 32, .45); }
	50%      { box-shadow: 0 0 0 .35rem rgba(217, 45, 32, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.at-mic.is-active { animation: none; }
}

/* ------------------------------------------------------ prilozena slika */

.at-attach {
	flex: 0 0 auto;
	width: 2.5rem;
	padding: 0 !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-size: 1.05rem !important;
	line-height: 1 !important;
	cursor: pointer;
}

.at-attach:hover {
	background: #eef2ff !important;
	border-color: #1f6feb !important;
}

.at-attachment {
	position: relative;
	flex: 0 0 auto;
	padding: .6rem 1rem;
	border-top: 1px solid #e2e5ea;
	background: #fafbfc;
}

.at-attachment[hidden] {
	display: none !important;
}

.at-attachment__img {
	display: block;
	max-height: 6rem;
	max-width: 100%;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
}

.at-attachment__drop {
	position: absolute;
	top: .35rem;
	left: .35rem;
	width: 1.6rem;
	height: 1.6rem;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(16, 24, 40, .7) !important;
	color: #fff !important;
	font-size: 1.05rem !important;
	line-height: 1 !important;
	cursor: pointer;
}

.at-msg__img {
	display: block;
	max-width: 100%;
	max-height: 16rem;
	margin-bottom: .5rem;
	border-radius: 8px;
}

/* ----------------------------------------------- dijakov postopek */

.at-drawer__doc {
	display: flex;
	flex-direction: column;
}

.at-drawer__frame {
	flex: 1 1 auto;
	min-height: 0;
}

.at-work {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	height: 42%;
	min-height: 8rem;
	border-top: 1px solid #e2e5ea;
	background: #fff;
}

.at-work__head {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .45rem .75rem;
	border-bottom: 1px solid #e2e5ea;
	background: #fafbfc;
	font-size: .85rem;
	font-weight: 600;
	color: #1d2939;
}

.at-work__title {
	flex: 1 1 auto;
}

.at-work__saved {
	font-weight: 400;
	font-size: .78rem;
	color: #667085;
}

.at-work__saved[hidden] {
	display: none !important;
}

.at-work__check,
.at-work__download {
	flex: 0 0 auto;
	padding: .3rem .7rem !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-family: inherit !important;
	font-size: .8rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	cursor: pointer;
}

.at-work__check {
	background: #1f6feb !important;
	border-color: #1f6feb !important;
	color: #fff !important;
}

.at-work__check:hover {
	background: #1a5fd0 !important;
	border-color: #1a5fd0 !important;
}

.at-work__download:hover {
	background: #eef0f4 !important;
}

.at-work__input {
	flex: 1 1 auto;
	width: 100%;
	padding: .75rem !important;
	border: 0 !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-family: inherit !important;
	font-size: .95rem !important;
	line-height: 1.6 !important;
	resize: none;
	outline: none;
}

/* Gumb za preklop je smiseln samo na ozkih zaslonih. */
.at-drawer__toggle {
	display: none;
	flex: 0 0 auto;
	padding: .3rem .7rem !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #1d2939 !important;
	font-family: inherit !important;
	font-size: .8rem !important;
	font-weight: 600 !important;
	cursor: pointer;
}

@media (max-width: 899px) {
	.at-drawer__toggle {
		display: inline-block;
	}

	/* Privzeto pogovor; z gumbom se pokaze postopek. */
	.at-drawer--work .at-drawer__doc {
		display: flex !important;
	}

	.at-drawer--work .at-drawer__frame {
		display: none;
	}

	.at-drawer--work .at-work {
		height: auto;
		flex: 1 1 auto;
		border-top: 0;
	}

	.at-drawer--work .at-drawer__chat {
		display: none;
	}
}

/* --------------------------------------------- test proti preverjanju */

.at-archive .at-card__badge {
	display: inline-block;
	margin: 0 0 .4rem !important;
	padding: .12rem .5rem !important;
	border-radius: 999px !important;
	background: #eef2ff !important;
	color: #3538cd !important;
	font-size: .7rem !important;
	font-weight: 700 !important;
	letter-spacing: .03em;
	text-transform: uppercase;
	line-height: 1.5 !important;
}

/* Test: modra. */
.at-archive .at-card--test {
	border-left: 4px solid #1f6feb !important;
}

/* Preverjanje: zelena, da se v mreži takoj loči. */
.at-archive .at-card--preverjanje {
	border-left: 4px solid #059669 !important;
	background: #f4fbf8 !important;
}

.at-archive .at-card--preverjanje .at-card__badge {
	background: #d1fae5 !important;
	color: #065f46 !important;
}

.at-archive .at-card--preverjanje .at-btn--primary {
	border-color: #059669 !important;
	color: #047857 !important;
}

.at-archive .at-card--preverjanje .at-btn--primary:hover {
	background-color: rgba(5, 150, 105, .09) !important;
	border-color: #047857 !important;
	color: #035f45 !important;
}

.at-archive .at-card--preverjanje .at-btn--bot {
	background-color: #059669 !important;
	background-image: linear-gradient(180deg, #10b981 0%, #047857 100%) !important;
	border-color: #047857 !important;
}

.at-archive .at-card--preverjanje .at-btn--bot:hover {
	background-image: linear-gradient(180deg, #059669 0%, #035f45 100%) !important;
	border-color: #035f45 !important;
}

/* Naloge (seznam nalog): oranzna. */
.at-archive .at-card--naloge {
	border-left: 4px solid #ea580c !important;
	background: #fff8f2 !important;
}

.at-archive .at-card--naloge .at-card__badge {
	background: #ffedd5 !important;
	color: #9a3412 !important;
}

.at-archive .at-card--naloge .at-btn--primary {
	border-color: #ea580c !important;
	color: #c2410c !important;
}

.at-archive .at-card--naloge .at-btn--primary:hover {
	background-color: rgba(234, 88, 12, .09) !important;
	border-color: #c2410c !important;
	color: #9a3412 !important;
}

.at-archive .at-card--naloge .at-btn--bot {
	background-color: #ea580c !important;
	background-image: linear-gradient(180deg, #f97316 0%, #c2410c 100%) !important;
	border-color: #c2410c !important;
}

.at-archive .at-card--naloge .at-btn--bot:hover {
	background-image: linear-gradient(180deg, #ea580c 0%, #9a3412 100%) !important;
	border-color: #9a3412 !important;
}

@media (prefers-color-scheme: dark) {
	.at-archive .at-card--preverjanje {
		background: #0f201a !important;
	}

	.at-archive .at-card--naloge {
		background: #211308 !important;
	}
}


/* ------------------------------------------- skrite naloge (urednik) */

/*
 * Skrito nalogo vidi samo urednik -- zatemnjeno in s crtkano obrobo,
 * da se v mrezi takoj loci od objavljenih. Dijaki je sploh ne dobijo.
 */
.at-archive .at-card--skrita {
	opacity: .5;
	border-style: dashed !important;
	background-image: repeating-linear-gradient(
		45deg,
		rgba(107, 114, 128, .06) 0,
		rgba(107, 114, 128, .06) 8px,
		transparent 8px,
		transparent 16px
	) !important;
}

.at-archive .at-card--skrita:hover {
	opacity: 1;
	transform: none;
}

.at-archive .at-card__skrito {
	margin-left: .4rem !important;
	padding: 0 .3rem !important;
	border-radius: 3px !important;
	background: #4b5563 !important;
	color: #fff !important;
	font-size: .65rem !important;
}

.at-archive .at-card__skrito[hidden] {
	display: none !important;
}

.at-archive .at-btn--skrij,
.at-archive button.at-btn--skrij {
	margin-left: auto !important;
	border-style: dashed !important;
	background: transparent !important;
	background-image: none !important;
	color: #6b7280 !important;
	font-size: .78rem !important;
}

.at-archive .at-btn--skrij:hover,
.at-archive button.at-btn--skrij:hover {
	border-style: solid !important;
	color: #111827 !important;
}

.at-archive .at-btn--skrij[disabled] {
	opacity: .6;
	cursor: default;
}


/* -------------------------------------------------- izbira razredov */

.at-archive .at-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: .75rem;
}

.at-archive .at-chip,
.at-archive button.at-chip {
	padding: .4rem .9rem !important;
	border: 1px solid #c3c8d2 !important;
	border-radius: 999px !important;
	background-color: #f3f4f6 !important;
	background-image: linear-gradient(180deg, #fdfdfe 0%, #e9ebef 100%) !important;
	color: #344054 !important;
	font-family: inherit !important;
	font-size: .85rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	box-shadow: none !important;
	cursor: pointer;
}

.at-archive .at-chip:hover,
.at-archive button.at-chip:hover {
	background-image: linear-gradient(180deg, #f4f5f7 0%, #dfe2e8 100%) !important;
	border-color: #aab1bd !important;
}

.at-archive .at-chip.is-active,
.at-archive button.at-chip.is-active {
	background-color: #344054 !important;
	background-image: linear-gradient(180deg, #4b5565 0%, #2b3441 100%) !important;
	border-color: #2b3441 !important;
	color: #fff !important;
}