/* =============================================
			   BRIEFING E PLANO DE AÇÃO — Estilos Compartilhados
			   ============================================= */

			/* Variáveis (herdadas do tema) */
			:root {
				--dash-primary: #1E3A8A;
				--dash-primary-light: #3B5BA5;
				--dash-primary-dark: #152C6E;
				--dash-bg: #010409;
				--dash-surface: #1a1d23;
				--dash-border: #2d3139;
				--dash-divider: #2d3139;
				--dash-surface-hover: #22262e;
				--dash-text: #e5e7eb;
				--dash-text-strong: #f3f4f6;
				--dash-text-muted: #9ca3af;
				--dash-success: #10B981;
				--dash-warning: #F59E0B;
				--dash-danger: #EF4444;
				--dash-info: #3B82F6;
				--dash-gray: #6B7280;
				--dash-spacing-xs: 0.25rem;
				--dash-spacing-sm: 0.5rem;
				--dash-spacing-md: 1rem;
				--dash-spacing-lg: 1.5rem;
				--dash-spacing-xl: 2rem;
				--dash-border-radius: 0.5rem;
				--dash-border-radius-sm: 0.25rem;
				--dash-border-radius-lg: 0.75rem;
				--dash-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
				--dash-box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
			}

			/* Reset local (apenas para os containers) */
			.briefing-container,
			.plano-container {
				all: initial;
				display: block;
				font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
				background-color: var(--dash-bg);
				color: var(--dash-text);
				line-height: 1.6;
				padding: var(--dash-spacing-lg);
				max-width: 1200px;
				margin: 0 auto;
			}
			.briefing-container *,
			.plano-container * {
				box-sizing: border-box;
			}

			/* Títulos */
			.briefing-container h1,
			.briefing-container h2,
			.briefing-container h3,
			.plano-container h1,
			.plano-container h2,
			.plano-container h3 {
				color: var(--dash-text-strong);
				font-weight: 700;
				margin: 0 0 var(--dash-spacing-sm) 0;
			}
			.briefing-container h1,
			.plano-container h1 {
				font-size: 2rem;
				background: linear-gradient(135deg, var(--dash-primary-light), #8b5cf6);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				background-clip: text;
				margin-bottom: var(--dash-spacing-md);
			}
			.briefing-container h2,
			.plano-container h2 {
				font-size: 1.5rem;
				border-bottom: 1px solid var(--dash-divider);
				padding-bottom: var(--dash-spacing-sm);
				margin-top: var(--dash-spacing-lg);
				margin-bottom: var(--dash-spacing-md);
			}
			.briefing-container h3,
			.plano-container h3 {
				font-size: 1.125rem;
				color: var(--dash-primary-light);
				margin-bottom: var(--dash-spacing-sm);
			}

			/* Cards */
			.card {
				background: var(--dash-surface);
				border: 1px solid var(--dash-border);
				border-radius: var(--dash-border-radius-lg);
				padding: var(--dash-spacing-lg);
				margin-bottom: var(--dash-spacing-lg);
				box-shadow: var(--dash-box-shadow);
				transition: border-color 0.2s;
			}
			.card:hover {
				border-color: var(--dash-border);
			}

			.card-header {
				display: flex;
				align-items: center;
				gap: var(--dash-spacing-sm);
				margin-bottom: var(--dash-spacing-md);
				padding-bottom: var(--dash-spacing-sm);
				border-bottom: 1px solid var(--dash-divider);
			}
			.card-header i {
				color: var(--dash-primary-light);
				font-size: 1.25rem;
			}
			.card-header h3 {
				margin: 0;
				font-size: 1.125rem;
				color: var(--dash-text-strong);
			}

			/* Grid de informações */
			.info-grid {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
				gap: var(--dash-spacing-md);
			}
			.info-item {
				display: flex;
				flex-direction: column;
				gap: 2px;
			}
			.info-item .label {
				font-size: 0.75rem;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				color: var(--dash-text-muted);
				font-weight: 600;
			}
			.info-item .value {
				font-size: 0.95rem;
				color: var(--dash-text-strong);
				word-break: break-word;
			}
			.info-item .value.multi {
				display: flex;
				flex-wrap: wrap;
				gap: 4px;
			}
			.info-item .value .tag {
				background: rgba(59, 91, 165, 0.15);
				color: var(--dash-primary-light);
				padding: 0.15rem 0.5rem;
				border-radius: 12px;
				font-size: 0.8rem;
				font-weight: 500;
			}

			/* Texto corrido */
			.text-block {
				color: var(--dash-text);
				font-size: 0.95rem;
				line-height: 1.7;
				white-space: pre-wrap;
			}

			/* Botões (para o Plano de Ação) */
			.btn-group {
				display: flex;
				flex-wrap: wrap;
				gap: var(--dash-spacing-sm);
				margin-top: var(--dash-spacing-md);
			}
			.btn {
				display: inline-flex;
				align-items: center;
				gap: var(--dash-spacing-sm);
				padding: 0.6rem 1.2rem;
				border-radius: var(--dash-border-radius);
				font-size: 0.9rem;
				font-weight: 600;
				font-family: inherit;
				border: none;
				cursor: pointer;
				transition: all 0.25s ease;
				text-decoration: none;
				color: #fff;
				background: var(--dash-primary);
			}
			.btn:hover {
				transform: translateY(-2px);
				box-shadow: var(--dash-box-shadow-hover);
			}
			.btn-success {
				background: var(--dash-success);
			}
			.btn-success:hover {
				background: #059669;
			}
			.btn-warning {
				background: var(--dash-warning);
				color: #1a1d23;
			}
			.btn-warning:hover {
				background: #d97706;
			}
			.btn-danger {
				background: var(--dash-danger);
			}
			.btn-danger:hover {
				background: #dc2626;
			}
			.btn-outline {
				background: transparent;
				border: 1px solid var(--dash-border);
				color: var(--dash-text);
			}
			.btn-outline:hover {
				background: var(--dash-surface-hover);
				border-color: var(--dash-primary-light);
				color: var(--dash-text-strong);
			}
			.btn-sm {
				padding: 0.35rem 0.8rem;
				font-size: 0.8rem;
			}

			/* Responsividade */
			@media (max-width: 768px) {
				.briefing-container,
				.plano-container {
					padding: var(--dash-spacing-md);
				}
				.briefing-container h1,
				.plano-container h1 {
					font-size: 1.5rem;
				}
				.info-grid {
					grid-template-columns: 1fr;
				}
				.btn-group {
					flex-direction: column;
					align-items: stretch;
				}
				.btn {
					justify-content: center;
				}
			}