.tt-dashboard-module{
	display:grid;
	gap:1rem;
}

.tt-kpi-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
	gap:.9rem;
}

@media (max-width: 575.98px) {
	.tt-kpi-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.tt-kpi-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.tt-kpi-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.tt-kpi-card{
	border:1px solid rgba(13,110,253,.12);
	border-radius:1rem;
	background:#fff;
	box-shadow:0 .4rem 1rem rgba(17,24,39,.08);
	padding:1rem;
	overflow:hidden;
	position:relative;
}

.tt-kpi-card::before{
	content:"";
	position:absolute;
	inset:0;
	opacity:.16;
	pointer-events:none;
}

.tt-kpi-card[data-theme="info"]::before{
	background:linear-gradient(120deg,#0d6efd 0%,#4ea8ff 100%);
}

.tt-kpi-card[data-theme="warning"]::before{
	background:linear-gradient(120deg,#fd7e14 0%,#ffb347 100%);
}

.tt-kpi-card[data-theme="campaign"]::before{
	background:linear-gradient(120deg,#198754 0%,#6f42c1 100%);
}

.tt-kpi-card[data-theme="dark"]::before{
	background:linear-gradient(120deg,#3a3f45 0%,#6c757d 100%);
}

.tt-kpi-label{
	font-size:.78rem;
	font-weight:600;
	letter-spacing:.01em;
	color:#4b5563;
	margin-bottom:.2rem;
	position:relative;
}

.tt-kpi-value{
	font-size:1.35rem;
	font-weight:700;
	color:#111827;
	position:relative;
}

.tt-kpi-meta{
	font-size:.76rem;
	color:#6b7280;
	margin-top:.2rem;
	position:relative;
}

.tt-ann-stack{
	display:grid;
	gap:.75rem;
}

.tt-ann-card{
	border-radius:1rem;
	padding:.95rem;
	border:1px solid rgba(15,23,42,.1);
	background:#fff;
	box-shadow:0 .4rem 1rem rgba(15,23,42,.08);
	animation:tt-ann-fade .26s ease both;
}

.tt-ann-card-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:.5rem;
	margin-bottom:.55rem;
}

.tt-ann-title{
	font-size:1rem;
	font-weight:700;
	color:#0f172a;
	margin:0;
}

.tt-ann-summary{
	font-size:.88rem;
	color:#5b6472;
	margin:0;
}

.tt-ann-actions{
	display:flex;
	gap:.5rem;
	margin-top:.8rem;
}

.tt-ann-type-info{
	background:#e9f2ff;
	color:#0d6efd;
}

.tt-ann-type-warning{
	background:#fff1e6;
	color:#d96b08;
}

.tt-ann-type-campaign{
	background:linear-gradient(120deg,#ebf9f0 0%,#f2ebff 100%);
	color:#215f3f;
}

.tt-ann-type-system{
	background:#ebedf0;
	color:#343a40;
}

.tt-ann-pin{
	display:inline-flex;
	align-items:center;
	gap:.25rem;
	font-size:.72rem;
	padding:.2rem .45rem;
	border-radius:999px;
	background:#111827;
	color:#fff;
}

.tt-ann-empty{
	border:1px dashed #d0d7e3;
	border-radius:1rem;
	padding:1.15rem;
	font-size:.85rem;
	color:#6b7280;
	background:#fff;
	text-align:center;
}

.tt-admin-ann-card{
	background:linear-gradient(180deg,#fff,#fcfdff);
	box-shadow:0 .25rem .75rem rgba(15,23,42,.06);
}

@keyframes tt-ann-fade{
	from{opacity:0;transform:translateY(8px);}
	to{opacity:1;transform:translateY(0);}
}

@media (max-width:575.98px){
	.tt-kpi-grid{
		grid-template-columns:1fr;
	}
}