/* content-sha256: c4401bf4b4a40cf4bedfa316f53092bf4134635d1581f2294c7f8ed0fe46c052 */
/* smarteam-ds.css GENERADO — no editar a mano. Ejecutar ./build.sh */
/* generated-at: 2026-07-28T06:10:22Z */

/* ========== BEGIN 00-tokens.css ========== */
/* Smarteam Global CSS CE — tokens + fundacion */
:root {
	/* Primario (escala alrededor de #696cff Sneat) */
	--smarteam-primary-50: #eef2ff;
	--smarteam-primary-100: #e0e7ff;
	--smarteam-primary-200: #c7d2fe;
	--smarteam-primary-300: #a5b4fc;
	--smarteam-primary-400: #818cf8;
	--smarteam-primary-500: #696cff;
	--smarteam-primary-600: #5f61e6;
	--smarteam-primary-700: #4e51d4;
	--smarteam-primary-800: #3f42c4;
	--smarteam-primary-900: #312e81;
	--smarteam-primary: var(--smarteam-primary-500);
	--smarteam-primary-hover: var(--smarteam-primary-600);
	--smarteam-primary-active: var(--smarteam-primary-700);
	--smarteam-on-primary: #ffffff;

	--smarteam-success: #15803d;
	--smarteam-warning: #a16207;
	--smarteam-danger: #b91c1c;
	--smarteam-info: #0369a1;

	--smarteam-page-bg: #f5f5f9;
	--smarteam-card-bg: #ffffff;
	--smarteam-surface-muted: #f1f5f9;
	--smarteam-surface-hover: #f8fafc;
	--smarteam-surface-selected: #eef2ff;

	--smarteam-text-main: #0f172a;
	--smarteam-text-secondary: #334155;
	--smarteam-text-muted: #566a7f;
	--smarteam-text-disabled: #94a3b8;

	--smarteam-border: #e7e9ed;
	--smarteam-border-strong: #cbd5e1;
	--smarteam-border-focus: var(--smarteam-primary-500);

	--smarteam-status-success-bg: #dcfce7;
	--smarteam-status-success-text: #166534;
	--smarteam-status-warning-bg: #fef3c7;
	--smarteam-status-warning-text: #854d0e;
	--smarteam-status-danger-bg: #fee2e2;
	--smarteam-status-danger-text: #991b1b;
	--smarteam-status-info-bg: #e0f2fe;
	--smarteam-status-info-text: #075985;
	--smarteam-status-neutral-bg: #f1f5f9;
	--smarteam-status-neutral-text: #334155;

	--smarteam-radius-sm: 4px;
	--smarteam-radius: 0.5rem;
	--smarteam-radius-lg: 12px;
	--smarteam-shadow: 0 0.25rem 1rem rgba(47, 43, 61, 0.08);
	--smarteam-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
	--smarteam-focus-ring: 0 0 0 3px rgba(105, 108, 255, 0.3);
	--smarteam-transition-fast: 120ms ease;

	--smarteam-sidenav-width: 72px;
	--smarteam-control-height-md: 40px;
	--smarteam-space-2: 0.5rem;
	--smarteam-space-3: 0.75rem;
	--smarteam-space-4: 1rem;

	/* Area de portlets: mas aire arriba y derecha, menos a la izquierda (sidenav + padding) */
	--smarteam-portlet-col-pad-top: 1.5rem;
	--smarteam-portlet-col-pad-right: 1.75rem;
	--smarteam-portlet-col-pad-left: 0;
	--smarteam-portlet-col-pad-bottom: 0.75rem;
	/* Tablas DataTables: densidad tipo lista compacta */
	--smarteam-dt-cell-py: 0.3rem;
	--smarteam-dt-cell-px: 0.5rem;
	--smarteam-dt-footer-pad-x: 0.75rem;
	--smarteam-dt-footer-pad-y: 0.5rem;
	/* Sangria horizontal unica titulo + filtros + tabla (mantenedores x_panel) */
	--smarteam-list-pad-x: 15px;

	--smarteam-space-1: 0.25rem;
	--smarteam-space-5: 1.25rem;
	--smarteam-space-6: 1.5rem;
	--smarteam-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--smarteam-font-size-sm: 0.8125rem;
	--smarteam-font-size-md: 0.875rem;
	--smarteam-font-size-lg: 1rem;
	--smarteam-z-dropdown: 1000;
	--smarteam-z-modal: 1060;
	--smarteam-z-modal-backdrop: 1055;
	--smarteam-control-height-sm: 32px;
	--smarteam-control-height-xs: 28px;
}

/* ---------- Temas cliente (variables CX) ---------- */
/* Activar: class en body, p.ej. smarteam-theme-client-a */
body.smarteam-theme-client-a .smarteam-app {
	--smarteam-primary-50: #ecfdf5;
	--smarteam-primary-100: #d1fae5;
	--smarteam-primary-200: #a7f3d0;
	--smarteam-primary-300: #6ee7b7;
	--smarteam-primary-400: #34d399;
	--smarteam-primary-500: #059669;
	--smarteam-primary-600: #047857;
	--smarteam-primary-700: #065f46;
	--smarteam-primary-800: #064e3b;
	--smarteam-primary-900: #022c22;
	--smarteam-primary: var(--smarteam-primary-500);
	--smarteam-primary-hover: var(--smarteam-primary-600);
	--smarteam-primary-active: var(--smarteam-primary-700);
	--smarteam-border-focus: var(--smarteam-primary-500);
	--smarteam-surface-selected: #ecfdf5;
	--smarteam-focus-ring: 0 0 0 3px rgba(5, 150, 105, 0.3);
}

body.smarteam-theme-client-b .smarteam-app {
	--smarteam-primary-50: #fff7ed;
	--smarteam-primary-100: #ffedd5;
	--smarteam-primary-200: #fed7aa;
	--smarteam-primary-300: #fdba74;
	--smarteam-primary-400: #fb923c;
	--smarteam-primary-500: #ea580c;
	--smarteam-primary-600: #c2410c;
	--smarteam-primary-700: #9a3412;
	--smarteam-primary-800: #7c2d12;
	--smarteam-primary-900: #431407;
	--smarteam-primary: var(--smarteam-primary-500);
	--smarteam-primary-hover: var(--smarteam-primary-600);
	--smarteam-primary-active: var(--smarteam-primary-700);
	--smarteam-border-focus: var(--smarteam-primary-500);
	--smarteam-surface-selected: #fff7ed;
	--smarteam-focus-ring: 0 0 0 3px rgba(234, 88, 12, 0.3);
}



/**
 * Design System Smarteam — fundacion autosuficiente (API HTML sin clases BS).
 * Comentarios en espanol sin tildes.
 * Prefijo: smarteam-btn / smarteam-input / smarteam-l-* / smarteam-u-*
 */
/* ========== END 00-tokens.css ========== */

/* ========== BEGIN 10-foundation.css ========== */
/* ---------- Botones (sin .btn) ---------- */
.smarteam-app .smarteam-btn,
.smarteam-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0.45rem 0.9rem;
	min-height: var(--smarteam-control-height-md, 40px);
	border: 1px solid transparent;
	border-radius: 0.375rem;
	background: var(--smarteam-surface-muted, #f1f5f9);
	color: var(--smarteam-text-main, #0f172a);
	font-family: inherit;
	font-size: var(--smarteam-font-size-md);
	font-weight: 500;
	line-height: 1.25;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
	text-shadow: none;
	vertical-align: middle;
	white-space: nowrap;
	box-sizing: border-box;
	transition: background-color var(--smarteam-transition-fast, 120ms ease),
		border-color var(--smarteam-transition-fast, 120ms ease),
		color var(--smarteam-transition-fast, 120ms ease);
}

.smarteam-app .smarteam-btn:hover,
.smarteam-app .smarteam-btn:focus,
.smarteam-btn:hover,
.smarteam-btn:focus {
	text-decoration: none;
	outline: none;
}

.smarteam-app .smarteam-btn:focus-visible,
.smarteam-btn:focus-visible {
	box-shadow: var(--smarteam-focus-ring, 0 0 0 3px rgba(105, 108, 255, 0.3));
}

.smarteam-app .smarteam-btn:disabled,
.smarteam-app .smarteam-btn.is-disabled,
.smarteam-btn:disabled,
.smarteam-btn.is-disabled {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

.smarteam-app .smarteam-btn--primary,
.smarteam-btn--primary {
	background-color: var(--smarteam-primary, #696cff);
	border-color: var(--smarteam-primary-hover, #5f61e6);
	color: var(--smarteam-on-primary, #fff);
	box-shadow: var(--smarteam-shadow-sm);
}

.smarteam-app .smarteam-btn--primary:hover,
.smarteam-app .smarteam-btn--primary:focus,
.smarteam-btn--primary:hover,
.smarteam-btn--primary:focus {
	background-color: var(--smarteam-primary-hover, #5f61e6);
	border-color: var(--smarteam-primary-active, #4e51d4);
	color: var(--smarteam-on-primary, #fff);
}

.smarteam-app .smarteam-btn--secondary,
.smarteam-btn--secondary {
	background-color: #fff;
	border-color: var(--smarteam-border, #e7e9ed);
	color: var(--smarteam-text-muted, #566a7f);
}

.smarteam-app .smarteam-btn--secondary:hover,
.smarteam-app .smarteam-btn--secondary:focus,
.smarteam-btn--secondary:hover,
.smarteam-btn--secondary:focus {
	background-color: var(--smarteam-page-bg, #f5f5f9);
	border-color: #d0d5dd;
	color: #384551;
}

.smarteam-app .smarteam-btn--danger,
.smarteam-btn--danger {
	background-color: var(--smarteam-danger, #b91c1c);
	border-color: #991b1b;
	color: #fff;
}

.smarteam-app .smarteam-btn--danger:hover,
.smarteam-app .smarteam-btn--danger:focus,
.smarteam-btn--danger:hover,
.smarteam-btn--danger:focus {
	background-color: #991b1b;
	border-color: #7f1d1d;
	color: #fff;
}

.smarteam-app .smarteam-btn--success,
.smarteam-btn--success {
	background-color: var(--smarteam-success, #15803d);
	border-color: #166534;
	color: #fff;
}

.smarteam-app .smarteam-btn--info,
.smarteam-btn--info {
	background-color: var(--smarteam-info, #0369a1);
	border-color: #075985;
	color: #fff;
}

.smarteam-app .smarteam-btn--link,
.smarteam-btn--link {
	background: transparent;
	border-color: transparent;
	color: var(--smarteam-primary, #696cff);
	box-shadow: none;
	min-height: auto;
	padding: 0.15rem 0.25rem;
}

/* Outlines */
.smarteam-app .smarteam-btn--outline,
.smarteam-app .smarteam-btn--outline-dark,
.smarteam-btn--outline,
.smarteam-btn--outline-dark {
	background: #fff;
	border-color: var(--smarteam-border, #e7e9ed);
	color: var(--smarteam-text-muted, #566a7f);
}

.smarteam-app .smarteam-btn--outline-primary,
.smarteam-btn--outline-primary {
	background: #fff;
	border-color: var(--smarteam-primary, #696cff);
	color: var(--smarteam-primary, #696cff);
}

.smarteam-app .smarteam-btn--outline-primary:hover,
.smarteam-btn--outline-primary:hover {
	background-color: rgba(105, 108, 255, 0.08);
	color: #5f61e6;
}

.smarteam-app .smarteam-btn--outline-success,
.smarteam-btn--outline-success {
	background: #fff;
	border-color: #26b99a;
	color: #1c9f85;
}

.smarteam-app .smarteam-btn--outline-info,
.smarteam-btn--outline-info {
	background: #fff;
	border-color: var(--smarteam-info, #0369a1);
	color: var(--smarteam-info, #0369a1);
}

.smarteam-app .smarteam-btn--outline-warning,
.smarteam-btn--outline-warning {
	background: #fff;
	border-color: var(--smarteam-warning, #a16207);
	color: var(--smarteam-warning, #a16207);
}

.smarteam-app .smarteam-btn--outline-danger,
.smarteam-btn--outline-danger {
	background: #fff;
	border-color: var(--smarteam-danger, #b91c1c);
	color: var(--smarteam-danger, #b91c1c);
}

.smarteam-app .smarteam-btn--sm,
.smarteam-btn--sm {
	min-height: var(--smarteam-control-height-sm);
	padding: 0.25rem 0.5rem;
	font-size: var(--smarteam-font-size-sm);
	line-height: 1.4;
}

.smarteam-app .smarteam-btn--xs,
.smarteam-btn--xs {
	min-height: 32px;
	height: 32px;
	padding: 0 0.55rem;
	font-size: 0.75rem;
	line-height: 1;
}

/* Compat: outlines legacy sin .btn */
.smarteam-app .smarteam-btn--outline,
.smarteam-app .smarteam-btn--outline-primary,
.smarteam-app .smarteam-btn--outline-success,
.smarteam-app .smarteam-btn--outline-info,
.smarteam-app .smarteam-btn--outline-warning,
.smarteam-app .smarteam-btn--outline-danger,
.smarteam-app .smarteam-btn--outline-dark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0.45rem 0.9rem;
	min-height: var(--smarteam-control-height-md, 40px);
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: 0.375rem;
	background: #fff;
	font-weight: 500;
	cursor: pointer;
	box-sizing: border-box;
}

.smarteam-app .smarteam-btn--outline-primary { border-color: var(--smarteam-primary); color: var(--smarteam-primary); }
.smarteam-app .smarteam-btn--outline-success { border-color: #26b99a; color: #1c9f85; }
.smarteam-app .smarteam-btn--outline-info { border-color: var(--smarteam-info); color: var(--smarteam-info); }
.smarteam-app .smarteam-btn--outline-warning { border-color: var(--smarteam-warning); color: var(--smarteam-warning); }
.smarteam-app .smarteam-btn--outline-danger { border-color: var(--smarteam-danger); color: var(--smarteam-danger); }
.smarteam-app .smarteam-btn--outline-dark { color: var(--smarteam-text-muted); }

/* ---------- Campos ---------- */
.smarteam-app .smarteam-field {
	margin-bottom: var(--smarteam-space-3, 0.75rem);
}

.smarteam-app .smarteam-field > label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--smarteam-text-muted, #566a7f);
}

.smarteam-app .smarteam-input,
.smarteam-app .smarteam-select,
.smarteam-app .smarteam-textarea,
.smarteam-input,
.smarteam-select,
.smarteam-textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: var(--smarteam-control-height-md, 40px);
	padding: 0.45rem 0.75rem;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	background-color: #f3f4f6;
	color: var(--smarteam-text-main, #0f172a);
	font-size: var(--smarteam-font-size-md);
	line-height: 1.4;
	box-shadow: none;
	box-sizing: border-box;
}

.smarteam-app .smarteam-textarea,
.smarteam-textarea {
	min-height: 88px;
	resize: vertical;
}

.smarteam-app .smarteam-input:focus,
.smarteam-app .smarteam-select:focus,
.smarteam-app .smarteam-textarea:focus,
.smarteam-input:focus,
.smarteam-select:focus,
.smarteam-textarea:focus {
	outline: none;
	border-color: var(--smarteam-border-focus, var(--smarteam-primary));
	box-shadow: var(--smarteam-focus-ring);
	background-color: #fff;
}
/* ========== END 10-foundation.css ========== */

/* ========== BEGIN 20-layout.css ========== */
/* ---------- Layout (global + scoped .smarteam-app) ---------- */
.smarteam-app .smarteam-l-row,
.smarteam-l-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
	box-sizing: border-box;
}

.smarteam-app .smarteam-l-col,
.smarteam-l-col {
	flex: 1 1 0%;
	max-width: 100%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	box-sizing: border-box;
}

.smarteam-app .smarteam-l-col--12,
.smarteam-l-col--12 { flex: 0 0 100%; max-width: 100%; }
.smarteam-app .smarteam-l-col--8,
.smarteam-l-col--8 { flex: 0 0 66.666%; max-width: 66.666%; }
.smarteam-app .smarteam-l-col--6,
.smarteam-l-col--6 { flex: 0 0 50%; max-width: 50%; }
.smarteam-app .smarteam-l-col--5,
.smarteam-l-col--5 { flex: 0 0 41.666%; max-width: 41.666%; }
.smarteam-app .smarteam-l-col--4,
.smarteam-l-col--4 { flex: 0 0 33.333%; max-width: 33.333%; }
.smarteam-app .smarteam-l-col--3,
.smarteam-l-col--3 { flex: 0 0 25%; max-width: 25%; }
.smarteam-app .smarteam-l-col--1,
.smarteam-l-col--1 { flex: 0 0 8.333%; max-width: 8.333%; }
.smarteam-app .smarteam-l-col--7,
.smarteam-l-col--7 { flex: 0 0 58.333%; max-width: 58.333%; }
.smarteam-app .smarteam-l-col--2,
.smarteam-l-col--2 { flex: 0 0 16.666%; max-width: 16.666%; }

@media (max-width: 767px) {
	.smarteam-app .smarteam-l-col--6,
	.smarteam-app .smarteam-l-col--5,
	.smarteam-app .smarteam-l-col--4,
	.smarteam-app .smarteam-l-col--3,
	.smarteam-app .smarteam-l-col--2,
	.smarteam-app .smarteam-l-col--8,
	.smarteam-l-col--6,
	.smarteam-l-col--5,
	.smarteam-l-col--4,
	.smarteam-l-col--3,
	.smarteam-l-col--2,
	.smarteam-l-col--8 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* ---------- Botones: warning / block ---------- */
.smarteam-app .smarteam-btn--warning,
.smarteam-btn--warning {
	background-color: var(--smarteam-warning, #a16207);
	border-color: #854d0e;
	color: #fff;
}

.smarteam-app .smarteam-btn--warning:hover,
.smarteam-app .smarteam-btn--warning:focus,
.smarteam-btn--warning:hover,
.smarteam-btn--warning:focus {
	background-color: #854d0e;
	border-color: #713f12;
	color: #fff;
}

.smarteam-app .smarteam-btn--block,
.smarteam-btn--block {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.smarteam-app .smarteam-btn-group,
.smarteam-btn-group {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	position: relative;
}

.smarteam-list-group {
	list-style: none;
	margin: 0;
	padding: 0;
}

.smarteam-panel-heading {
	cursor: pointer;
}

.smarteam-panel-collapse {
	display: none;
}

.smarteam-panel-body {
	padding: 0.75rem 1rem;
}
/* ========== END 20-layout.css ========== */

/* ========== BEGIN 30-components.css ========== */
/* ---------- Alertas ---------- */
.smarteam-alert {
	padding: 0.75rem 1rem;
	margin: 0.75rem 0;
	border: 1px solid transparent;
	border-radius: var(--smarteam-radius, 6px);
	font-size: var(--smarteam-font-size-sm, 0.875rem);
	line-height: 1.4;
}

.smarteam-alert--warning {
	background-color: #fffbeb;
	border-color: #fcd34d;
	color: #92400e;
}

.smarteam-alert--info {
	background-color: #eff6ff;
	border-color: #93c5fd;
	color: #1e40af;
}

.smarteam-alert--danger {
	background-color: #fef2f2;
	border-color: #fecaca;
	color: #991b1b;
}

.smarteam-alert--success {
	background-color: #f0fdf4;
	border-color: #86efac;
	color: #166534;
}

/* ---------- Tabla wrap ---------- */
.smarteam-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.smarteam-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.smarteam-table th,
.smarteam-table td {
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid #e1e4e8;
	text-align: left;
	vertical-align: middle;
}

.smarteam-table thead th {
	font-weight: 600;
	color: var(--smarteam-text, #333);
	background: #f6f8fa;
}


.smarteam-table--bordered {
	border: 1px solid var(--smarteam-border, #e7e9ed);
}
.smarteam-table--bordered th,
.smarteam-table--bordered td {
	border: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-table--striped tbody tr:nth-child(even) {
	background-color: #f8f9fa;
}

.smarteam-table-tareas {
	width: 100%;
	border-collapse: collapse;
}

/* ---------- Utilidades minimas ---------- */
.smarteam-u-hidden { display: none !important; }
.smarteam-u-flex { display: flex !important; }
.smarteam-u-flex-column { flex-direction: column !important; }
.smarteam-u-items-center { align-items: center !important; }
.smarteam-u-justify-between { justify-content: space-between !important; }
.smarteam-u-justify-center { justify-content: center !important; }
.smarteam-u-text-right { text-align: right !important; }
.smarteam-u-text-muted { color: var(--smarteam-text-muted, #566a7f) !important; }
.smarteam-u-list-unstyled {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.smarteam-u-text-success { color: var(--smarteam-success, #15803d) !important; }
.smarteam-u-width-full { width: 100% !important; }
.smarteam-u-gap-2 { gap: var(--smarteam-space-2, 0.5rem) !important; }
.smarteam-u-nowrap { white-space: nowrap !important; }

/* ---------- Accordion requerimiento (lista proyecto) ---------- */
.smarteam-req-accordion-item__headrow {
	align-items: center;
	margin: 0;
}

.smarteam-req-accordion-item__main {
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: nowrap;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.smarteam-req-accordion-item__title-wrap {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.smarteam-req-accordion-item__toggle {
	color: #666;
	font-size: 14px;
	margin-right: 8px;
	transition: transform 0.3s ease;
	cursor: pointer;
}

.smarteam-req-accordion-item__info {
	color: #3498DB;
	font-size: 18px;
	margin-right: 8px;
	cursor: pointer;
}

.smarteam-req-accordion-item__title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	display: inline-block;
	cursor: pointer;
}

.smarteam-req-accordion-item__meta {
	margin-top: 5px;
	font-size: 13px;
	color: #666;
	width: 50%;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}

.smarteam-req-accordion-item__meta-sep {
	margin: 0 5px;
}

.smarteam-req-accordion-item__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.smarteam-req-accordion-item__members {
	display: flex;
	align-items: center;
	gap: 5px;
}

.smarteam-req-accordion-item__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #ddd;
	margin-right: 3px;
	object-fit: cover;
}

.smarteam-req-estado-pill {
	min-width: 80px;
}

.smarteam-req-accordion-item__panel {
	display: none;
}

.smarteam-badge-count {
	display: inline-block;
	margin-left: 8px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 11px;
	cursor: pointer;
}

.menu-requerimiento {
	position: relative;
}

.menu-requerimiento > .custom-menu-trigger {
	min-width: 28px;
	padding: 4px 8px;
}

.menu-requerimiento > .custom-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 9999;
	background: #fff;
	border: 1px solid #ddd;
	padding: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	min-width: 150px;
}

.menu-requerimiento.is-open > .custom-menu {
	display: block !important;
}

.smarteam-table-wrap--mt {
	margin-top: 15px;
}

.smarteam-alert--mt {
	margin-top: 15px;
}

.smarteam-empty-hint {
	padding: 15px;
	font-style: italic;
}

.smarteam-table-tareas__check {
	width: 40px;
	text-align: center;
}

.smarteam-table-tareas__date,
.smarteam-table-tareas__num {
	text-align: center;
	white-space: nowrap;
}

.smarteam-table-tareas__actions {
	text-align: right;
	width: 200px;
}

.smarteam-table-tareas__actions-cell {
	white-space: nowrap;
	min-width: 160px;
}

.smarteam-tarea-done-icon {
	font-size: 18px;
	cursor: default;
}

.tarea-checkbox-custom {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid #26B99A;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
	background-color: transparent;
}

.smarteam-tarea-responsable {
	display: inline-block;
	margin-right: 5px;
}

.smarteam-btn-group-tareas {
	display: flex;
	flex-wrap: nowrap;
	gap: 2px;
	justify-content: center;
}

/* ---------- Utilidades oleada DS (style= -> clases) ---------- */
.smarteam-u-sr-only {
	position: absolute !important;
	left: -9999px !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
}
.smarteam-u-float-right { float: right !important; }
.smarteam-u-font-bold { font-weight: 700 !important; }
.smarteam-u-mb-2 { margin-bottom: 10px !important; }
.smarteam-u-mb-3 { margin-bottom: 15px !important; }
.smarteam-u-mt-0 { margin-top: 0 !important; }
.smarteam-u-m-0 { margin: 0 !important; }
.smarteam-u-p-0 { padding: 0 !important; }
.smarteam-u-ox-hidden { overflow-x: hidden !important; }
.smarteam-u-color-white { color: #fff !important; }
.smarteam-u-inline-flex {
	display: inline-flex !important;
	align-items: center;
}
.smarteam-u-flex-wrap { flex-wrap: wrap !important; }
.smarteam-u-gap-3 { gap: 10px !important; }
.smarteam-u-min-h-32 { min-height: 32px !important; }
.smarteam-u-shrink-0 { flex-shrink: 0 !important; }
.smarteam-u-flex-1 { flex: 1 1 auto !important; min-width: 0; }
.smarteam-u-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.smarteam-u-max-h-scroll {
	max-height: 530px;
	overflow-y: auto;
}
.smarteam-u-vh-70 { height: 70vh; }
.smarteam-u-max-h-70vh {
	max-height: 70vh;
	overflow: auto;
}
.smarteam-u-p-xl { padding: 40px !important; }

.smarteam-input--surface,
.smarteam-select--surface,
.smarteam-input-group-text--surface {
	background-color: #fff;
}
.smarteam-field {
	margin-bottom: 1rem;
}
.smarteam-input-group {
	display: flex;
	align-items: stretch;
	width: 100%;
	margin-bottom: 15px;
}
.smarteam-input-group__prepend,
.smarteam-input-group__append {
	display: flex;
}
.smarteam-input-group__text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	padding: 0 12px;
	border: 1px solid var(--smarteam-border, #dfe5ef);
	border-right: 0;
	border-radius: var(--smarteam-radius-sm, 6px) 0 0 var(--smarteam-radius-sm, 6px);
	background: #fff;
	color: var(--smarteam-text-muted, #566a7f);
}
.smarteam-input-group .smarteam-input,
.smarteam-input-group .smarteam-select {
	flex: 1 1 auto;
	min-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.smarteam-avatar--sm {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
}
.smarteam-radio-label,
.sn-prioridad-label {
	margin-right: 16px;
	margin-bottom: 6px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.smarteam-radio-label--tipo {
	margin-right: 20px;
	margin-bottom: 0;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.smarteam-radio-label input[type="radio"],
.sn-prioridad-label input[type="radio"] {
	margin: 0 8px 0 0;
}
.sn-prioridad-radios {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	min-height: 32px;
}

/* Loader overlay proyecto: bajo el modal DS (10600) para no tapar clicks */
.smarteam-proyecto-loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	z-index: 10500;
	pointer-events: none;
	cursor: progress;
}
.smarteam-proyecto-loader-overlay.is-visible {
	display: flex !important;
	pointer-events: auto;
}
.smarteam-proyecto-loader-overlay .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
}
.smarteam-proyecto-loader-overlay .fa-spinner {
	color: #fff;
}
.smarteam-proyecto-loader-text {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	padding: 0 10px;
}

/* Comentarios (lista generada JS) */
.smarteam-comentario-item {
	list-style: none;
	background: #fff;
	border: 1px solid #e1e4e8;
	border-radius: 8px;
	margin-bottom: 15px;
	padding: 15px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.smarteam-comentario-encabezado {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f0f2f5;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.smarteam-comentario-usuario {
	font-weight: 700;
	color: #1c4c71;
	font-size: 14px;
}
.smarteam-comentario-fecha {
	margin-left: 12px;
	font-size: 12px;
	color: #6a737d;
}
.smarteam-comentario-texto {
	padding-left: 5px;
	font-size: 14px;
	line-height: 1.5;
	color: #24292e;
	word-wrap: break-word;
}
.smarteam-btn--danger-link {
	color: #d9534f;
	text-decoration: none;
}
.smarteam-btn--danger-link .fa {
	font-size: 16px;
}

/* Documentos / preview */
.smarteam-docs-lista {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.smarteam-documento-item {
	margin: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.smarteam-documento-preview {
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
}
.smarteam-documento-preview--static {
	cursor: default;
}
.smarteam-documento-preview img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.smarteam-documento-preview__fallback {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.smarteam-documento-preview__fallback.is-visible {
	display: flex;
}
.smarteam-documento-item__body {
	padding: 15px;
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.smarteam-documento-item__meta {
	flex: 1;
	min-width: 0;
}
.smarteam-documento-item__title {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.smarteam-documento-item__folder {
	font-size: 12px;
}
.smarteam-documento-item__actions {
	margin-left: 15px;
	flex-shrink: 0;
}
.smarteam-docs-empty-icon {
	margin-bottom: 10px;
}
.smarteam-preview-img-wrap {
	max-height: 70vh;
	overflow: auto;
	text-align: center;
}
.smarteam-preview-img-wrap img {
	max-width: 100%;
	height: auto;
}
.smarteam-preview-iframe-wrap {
	height: 70vh;
}
.smarteam-preview-iframe-wrap iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.smarteam-preview-empty {
	text-align: center;
	padding: 40px;
}
.smarteam-preview-empty .fa {
	margin-bottom: 20px;
}
.smarteam-responsable-line {
	margin: 0;
}
.smarteam-responsable-line span {
	display: inline-block;
}

/* ---------- Calendario / genericos style migration ---------- */
.smarteam-is-hidden { display: none !important; }
.smarteam-label { color: #333; }
.smarteam-req-mark { color: red; }
.smarteam-col-flush { padding-left: 0; padding-right: 0; }
.smarteam-col-flush-left { padding-left: 0; }
.smarteam-col-flush-right { padding-right: 0; }
.smarteam-input--surface-full {
	background-color: #fff;
	width: 100%;
}
.smarteam-textarea--surface {
	background-color: #fff;
	resize: none;
}
.smarteam-u-mr-1 { margin-right: 5px !important; }
.smarteam-u-ml-1 { margin-left: 5px !important; }
.smarteam-link-btn-icon {
	background: none;
	border: none;
	color: red;
	cursor: pointer;
}
.smarteam-comment-li {
	margin-bottom: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.smarteam-cal-loading,
.smarteam-cal-empty {
	text-align: center;
}
.smarteam-cal-empty-state {
	text-align: center;
	padding: 30px;
	color: #777;
}
.smarteam-cal-empty-state .fa {
	font-size: 40px;
	color: #ccc;
	margin-bottom: 15px;
}
.smarteam-cal-empty-state p {
	font-size: 14px;
}
.smarteam-btn--icon-link {
	padding: 0 5px;
	color: #1c4c71;
}
.smarteam-url-link {
	color: blue;
	font-weight: 700;
}
.smarteam-comment-list {
	margin: 0;
	padding-left: 20px;
}
.smarteam-docs-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.smarteam-cal-doc-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px;
	background: #fff;
	min-width: 200px;
	max-width: 250px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.smarteam-cal-doc-preview {
	width: 100%;
	height: 150px;
	overflow: hidden;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 4px;
}
.smarteam-cal-doc-preview--static { cursor: default; }
.smarteam-cal-doc-preview img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.smarteam-cal-doc-preview__fallback {
	display: none;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.smarteam-cal-doc-preview__fallback.is-visible { display: flex; }
.smarteam-cal-doc-meta { margin-bottom: 10px; }
.smarteam-cal-doc-meta strong {
	display: block;
	margin-bottom: 5px;
	word-break: break-word;
}
.smarteam-cal-doc-meta small { color: #666; }
.smarteam-cal-doc-actions {
	display: flex;
	gap: 5px;
}
.smarteam-preview-modal-dialog { max-width: 90%; }
.smarteam-preview-modal-header,
.smarteam-preview-modal-footer {
	background: #f8f9fa;
}
.smarteam-preview-modal-header { border-bottom: 1px solid #dee2e6; }
.smarteam-preview-modal-footer { border-top: 1px solid #dee2e6; }
.smarteam-preview-modal-title { font-weight: 600; }
.smarteam-preview-modal-body {
	padding: 20px;
	max-height: 80vh;
	overflow-y: auto;
}
.smarteam-preview-close { margin-top: -2px; }
.smarteam-preview-img-box {
	text-align: center;
	background: #f5f5f5;
	padding: 20px;
	border-radius: 4px;
}
.smarteam-preview-img-box img {
	max-width: 100%;
	max-height: 70vh;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.smarteam-preview-pdf-box {
	width: 100%;
	height: 70vh;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
}
.smarteam-preview-pdf-box iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.smarteam-preview-unsupported {
	text-align: center;
	padding: 40px;
	background: #f5f5f5;
	border-radius: 4px;
}
.smarteam-preview-unsupported p { margin-top: 20px; color: #666; }
.smarteam-preview-unsupported .ext { color: #999; font-size: 12px; }
.smarteam-preview-dl { margin-top: 15px; text-align: center; }

/* ---------- Listados / tablas / progress ---------- */
.smarteam-progress-fill {
	width: var(--smarteam-progress, 0%);
	height: 100%;
}
.smarteam-th-w-5 { width: 5%; }
.smarteam-th-w-8 { width: 8%; }
.smarteam-th-w-10 { width: 10%; }
.smarteam-th-w-15 { width: 15%; }
.smarteam-th-w-20 { width: 20%; }
.smarteam-th-w-50px { width: 50px; text-align: center; }
.smarteam-th-w-120 { width: 120px; }
.smarteam-iframe-full {
	width: 100%;
	border: none;
}
.smarteam-u-width-100 { width: 100% !important; }
.smarteam-u-pt-2 { padding-top: 8px !important; }
.smarteam-u-mt-3 { margin-top: 15px !important; }
.smarteam-u-mt-2 { margin-top: 10px !important; }
.smarteam-u-font-normal { font-weight: 400 !important; }
.smarteam-u-text-left { text-align: left !important; }
.smarteam-u-mb-1 { margin-bottom: 8px !important; }
.smarteam-u-mb-0 { margin-bottom: 0 !important; }
.smarteam-hint-muted {
	margin: 8px 0 0;
	color: #999;
	font-size: 12px;
}
.smarteam-hint-secondary {
	margin: 0;
	color: #666;
}
.smarteam-hint-stack {
	margin: 0 0 10px;
}
.smarteam-pad-block {
	padding: 25px 10px;
}
.smarteam-actions-row {
	display: flex;
	gap: 3px;
	justify-content: flex-end;
	align-items: center;
}
.smarteam-chips-row {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}
.smarteam-u-cursor-pointer { cursor: pointer !important; }
.smarteam-u-inline-block { display: inline-block !important; }
.smarteam-pill-min {
	min-width: 80px;
}
.smarteam-estado-pill-dyn {
	min-width: 80px;
}

.smarteam-btn-icon-sq {
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0 !important;
	font-size: 0.875rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.smarteam-badge-xs {
	font-size: 0.6rem;
	min-width: 30px;
}
.smarteam-th-w-1 { width: 1%; }
.smarteam-th-w-6 { width: 6%; }
.smarteam-th-w-9 { width: 9%; }
.smarteam-th-w-14 { width: 14%; }
.smarteam-fab-help {
	position: fixed;
	bottom: 20px;
	right: 60px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #696cff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	cursor: pointer;
}
.smarteam-u-pr-1 { padding-right: 4px !important; }
.smarteam-u-gap-1 { gap: 4px !important; }
.smarteam-u-gap-2b { gap: 8px !important; }
.smarteam-u-shrink-mt {
	flex-shrink: 0;
	margin-top: 2px;
}
.smarteam-comment-count-pill {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	font-size: 11px;
	background: #3498DB;
	color: #fff;
}
.smarteam-avatar-bordered {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--smarteam-avatar-bdr, #ddd);
}
.smarteam-list-comment-card {
	background: #fff;
	border: 1px solid #e1e4e8;
	border-radius: 8px;
	margin-bottom: 15px;
	padding: 15px;
}
.smarteam-list-comment-head {
	border-bottom: 1px solid #f0f2f5;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.smarteam-list-comment-kicker {
	font-size: 11px;
	text-transform: uppercase;
	color: #1c4c71;
	font-weight: 700;
}
.smarteam-list-comment-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.smarteam-list-comment-muted { color: #666; }
.smarteam-list-comment-user {
	font-weight: 700;
	color: #333;
}
.smarteam-list-comment-date {
	margin-left: 10px;
	font-size: 12px;
	color: #888;
}
.smarteam-list-comment-body {
	color: #444;
	font-size: 14px;
	line-height: 1.4;
}
.smarteam-pre-box {
	white-space: pre-wrap;
	background: #f7f7f7;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #eee;
}
.smarteam-th-plain {
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}
.smarteam-is-hidden-mt {
	display: none;
	margin-top: 20px;
}
.smarteam-is-hidden-mt-sm {
	display: none;
	margin-top: 10px;
}
.smarteam-u-resize-none { resize: none !important; }
.smarteam-progress-zero { width: 0%; }
.smarteam-link-block {
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #333;
}
.smarteam-check-overlay-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 12px;
	pointer-events: none;
}
.smarteam-ficha-modal-body {
	min-height: min(70vh, calc(92vh - 11rem));
	height: min(70vh, calc(92vh - 11rem));
}
.smarteam-ficha-modal-dialog {
	max-height: min(70vh, calc(92vh - 11rem));
	box-shadow: 0 4px 14px rgba(0,0,0,.08);
	border: 1px solid rgba(226,232,240,.95);
}
.smarteam-accent-primary { color: #696cff; }

.smarteam-fab-nuevo {
	position: fixed;
	bottom: 20px;
	right: 60px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #26b99a;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	border: none;
	cursor: pointer;
}
.smarteam-form-nueva-tarea-row {
	display: flex;
	margin-top: 15px;
}
.smarteam-ficha-img {
	max-height: min(70vh, calc(92vh - 11rem));
	box-shadow: 0 4px 14px rgba(0,0,0,.08);
	border: 1px solid rgba(226,232,240,.95);
}
.smarteam-detalle-inline {
	margin-top: 6px;
	color: #333;
}
.smarteam-badge-warn-hidden {
	font-size: 0.6rem;
	min-width: 30px;
	display: none;
	background-color: #ffc107;
	border-color: #ffc107;
}
.smarteam-col-mb-left {
	margin-bottom: 10px;
	text-align: left;
}
.smarteam-u-ml-auto { margin-left: auto !important; }
.smarteam-list-comment-card--left { text-align: left; }
.smarteam-estado-pill--preventa { background-color: #5bc0de; border-color: #46b8da; color: #fff; }

.smarteam-l-col--offset-1 { margin-left: 8.333%; }
/* ========== END 30-components.css ========== */

/* ========== BEGIN components/quick-task-bar.css ========== */
/* Barra rapida reutilizable del modulo Proyecto. */
.smarteam-app .smarteam-quick-task-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: auto;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  border-bottom: 0;
  box-sizing: border-box;
}
.smarteam-app .smarteam-quick-task-bar__inner {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.smarteam-app .smarteam-quick-task-bar__panel,
.smarteam-app .smarteam-quick-task-bar__content {
  width: 100%;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}
.smarteam-app .smarteam-quick-task-bar__panel {
  background: var(--smarteam-surface, #ffffff) !important;
  border: 1px solid var(--smarteam-border, #e7e9ed) !important;
  border-radius: var(--smarteam-radius-lg, 0.75rem) !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  overflow: hidden;
}
.smarteam-app .smarteam-quick-task-bar__content {
  padding: 0.75rem 0.9rem !important;
}
.smarteam-app .smarteam-quick-task-bar__layout {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) auto;
  align-items: center;
  gap: 10px 14px;
  margin: 0;
  padding: 10px 0 12px;
}
.smarteam-app .smarteam-quick-task-bar__project,
.smarteam-app .smarteam-quick-task-bar__mode {
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  margin: 0;
  padding: 0;
}
.smarteam-app .smarteam-quick-task-bar__project-label,
.smarteam-app .smarteam-quick-task-bar__project-control,
.smarteam-app .smarteam-quick-task-bar__mode-action,
.smarteam-app .smarteam-quick-task-bar__mode-control,
.smarteam-app .smarteam-quick-task-bar__mode-hours {
  margin: 0;
  padding: 0;
}
.smarteam-app .smarteam-quick-task-bar__project-label {
  flex: 0 0 auto;
  text-align: right;
}
.smarteam-app .smarteam-quick-task-bar__project-control,
.smarteam-app .smarteam-quick-task-bar__mode-control {
  flex: 1 1 auto;
  min-width: 180px;
}
.smarteam-app .smarteam-quick-task-bar__mode-hours {
  flex: 0 0 5.5rem;
}
.smarteam-app .smarteam-quick-task-bar__mode-action {
  flex: 0 0 auto;
}
.smarteam-app .smarteam-quick-task-bar .custom-input-text {
  width: 100%;
  min-height: 34px;
  border: 1px solid var(--smarteam-border, #e7e9ed);
  border-radius: var(--smarteam-radius, 8px);
  background: #fff;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .smarteam-app .smarteam-quick-task-bar__layout { grid-template-columns: 1fr; }
  .smarteam-app .smarteam-quick-task-bar__mode { justify-content: flex-end; }
}
@media (max-width: 575px) {
  .smarteam-app .smarteam-quick-task-bar { margin-left: 0; margin-right: 0; }
  .smarteam-app .smarteam-quick-task-bar__project,
  .smarteam-app .smarteam-quick-task-bar__mode { flex-wrap: wrap; }
  .smarteam-app .smarteam-quick-task-bar__project-control,
  .smarteam-app .smarteam-quick-task-bar__mode-control { min-width: 100%; }
}
/* ========== END components/quick-task-bar.css ========== */

/* ========== BEGIN components/detail-header.css ========== */
/* Encabezado de detalle y KPIs. */
.smarteam-app .smarteam-detail-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 0 14px;
}
.smarteam-app .smarteam-detail-header__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.smarteam-app .smarteam-detail-header__title-block { min-width: 0; flex: 1 1 auto; }
.smarteam-app .smarteam-detail-header__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.smarteam-app .smarteam-detail-header__title { margin: 0; line-height: 1.25; }
.smarteam-app .smarteam-detail-header__stats,
.iit-gestor-proyecto .smarteam-detail-header__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 8px;
}
.smarteam-app .smarteam-stat-chip {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-areas: "icon label" "icon value";
  align-items: center;
  column-gap: 7px;
  row-gap: 0;
  min-height: 42px;
  padding: 6px 11px;
  margin: 0;
  flex-wrap: nowrap;
}
.smarteam-app .smarteam-stat-chip__icon { grid-area: icon; }
.smarteam-app .smarteam-stat-chip__label { grid-area: label; line-height: 1.1; }
.smarteam-app .smarteam-stat-chip__value { grid-area: value; line-height: 1.15; }
@media (max-width: 767px) {
  .smarteam-app .smarteam-detail-header__main { flex-direction: column; }
  .smarteam-app .smarteam-detail-header__stats { width: 100%; }
}
/* ========== END components/detail-header.css ========== */

/* ========== BEGIN components/detail-layout.css ========== */
/* Layout principal del detalle. No mezclar con grid Bootstrap ni width97. */
.smarteam-app .smarteam-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.smarteam-app .smarteam-detail-layout__main,
.smarteam-app .smarteam-detail-layout__aside {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  padding: 0 !important;
  margin: 0;
  box-sizing: border-box;
}
.smarteam-app .smarteam-detail-layout__aside {
  position: sticky;
  top: 16px;
  align-self: start;
}
.smarteam-app .smarteam-detail-layout__aside > .smarteam-sidebar-proyecto {
  width: 100%;
  min-width: 0;
}
@media (max-width: 1199px) {
  .smarteam-app .smarteam-detail-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}
@media (max-width: 991px) {
  .smarteam-app .smarteam-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .smarteam-app .smarteam-detail-layout__aside {
    position: static;
  }
}
/* ========== END components/detail-layout.css ========== */

/* ========== BEGIN components/requirement-list.css ========== */
/* Card y filas de requerimientos. */
.smarteam-app .smarteam-req-datatable-card { overflow: hidden; }
.smarteam-app .smarteam-req-datatable-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
}
.smarteam-app .smarteam-req-datatable-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
/* Filtros del portlet Requerimientos (no detalle proyecto .iit-gestor-proyecto) */
.smarteam-app .smarteam-req-datatable-card:not(.iit-gestor-proyecto) .smarteam-req-datatable-card__filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(130px, .75fr);
  align-items: end;
  gap: 12px 14px;
}
.smarteam-app .smarteam-req-datatable-card:not(.iit-gestor-proyecto) .smarteam-req-filter-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.smarteam-app .smarteam-req-datatable-card:not(.iit-gestor-proyecto) .smarteam-req-filter-field__btn {
  width: 100%;
  min-height: 34px;
}
.smarteam-app .smarteam-req-accordion-item__main { gap: 12px; }
.smarteam-app .smarteam-req-accordion-item__meta { min-width: 360px; }
.smarteam-app .smarteam-req-accordion-item__actions { flex: 0 0 auto; }
@media (max-width: 1100px) {
  .smarteam-app .smarteam-req-datatable-card:not(.iit-gestor-proyecto) .smarteam-req-datatable-card__filters {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}
@media (max-width: 767px) {
  .smarteam-app .smarteam-req-datatable-card__head { align-items: flex-start; flex-direction: column; }
  .smarteam-app .smarteam-req-datatable-card:not(.iit-gestor-proyecto) .smarteam-req-datatable-card__filters {
    grid-template-columns: 1fr;
  }
  .smarteam-app .smarteam-req-accordion-item__main { align-items: flex-start; flex-direction: column; }
  .smarteam-app .smarteam-req-accordion-item__meta { width: 100%; min-width: 0; }
}

.smarteam-app .smarteam-project-title-link {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--smarteam-text-main, #0f172a);
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
}
.smarteam-app .smarteam-project-title-link:hover,
.smarteam-app .smarteam-project-title-link:focus-visible {
  color: var(--smarteam-primary, #696cff);
  text-decoration: underline;
}
.smarteam-app .smarteam-project-title-link__date {
  margin-top: 2px;
  color: var(--smarteam-text-muted, #566a7f);
  font-size: 0.75rem;
}
/* ========== END components/requirement-list.css ========== */

/* ========== BEGIN components/requirement-portlet.css ========== */
/* Portlet requerimientos: listado igual DOM que mantenedores (sin .smarteam-req en x_panel) */
.smarteam-req-modal {
	--sr-primary: #696cff;
	--sr-primary-hover: #5f61e6;
	--sr-border: #e7e9ed;
	--sr-heading: #384551;
}

#tabla-requerimientos {
	--sr-heading: #384551;
	--sr-border: #e7e9ed;
	--sr-bg-soft: #f5f5f9;
}

#tabla-requerimientos {
	margin-bottom: 0 !important;
}

#tabla-requerimientos thead th {
	background: var(--sr-bg-soft) !important;
	color: var(--sr-heading) !important;
	font-weight: 600 !important;
	font-size: 0.8125rem !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-bottom: 1px solid var(--sr-border) !important;
	vertical-align: middle !important;
}

#tabla-requerimientos tbody td {
	vertical-align: middle !important;
	font-size: 0.875rem;
	line-height: 1.25;
}

#tabla-requerimientos tbody tr:hover td {
	background-color: rgba(105, 108, 255, 0.04) !important;
}

#tabla-requerimientos td.smarteam-req-col-desc {
	max-width: 280px;
	vertical-align: top !important;
}

#tabla-requerimientos.table-bordered,
#tabla-requerimientos.table-bordered > thead > tr > th,
#tabla-requerimientos.table-bordered > tbody > tr > td,
#tabla-requerimientos.table-bordered > tfoot > tr > td {
	border: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

#tabla-requerimientos.table-striped > tbody > tr {
	border-bottom: 1px solid rgba(67, 89, 113, 0.08);
}

#tabla-requerimientos.table-striped > tbody > tr:last-child {
	border-bottom: 0;
}

#tabla-requerimientos .smarteam-req-desc-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
}

/* Fila acciones DataTables */
#tabla-requerimientos .smarteam-req-actions-cell {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	white-space: nowrap;
}

#tabla-requerimientos .smarteam-req-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	padding: 0 !important;
	font-size: 0.875rem;
	line-height: 1;
	border-radius: 0.375rem;
}

#tabla-requerimientos .smarteam-req-icon-btn .fa {
	line-height: 1;
	vertical-align: middle;
}

#tabla-requerimientos td.smarteam-req-col-acciones {
	vertical-align: middle !important;
	white-space: nowrap;
	width: 1%;
}

#tabla-requerimientos .btn-primary {
	background-color: var(--sr-primary, #696cff);
	border-color: var(--sr-primary, #696cff);
}

#req-sin-proyecto.alert-sr-info {
	--sr-heading: #384551;
	--sr-radius: 0.5rem;
	background: rgba(105, 108, 255, 0.08);
	border: 1px solid rgba(105, 108, 255, 0.25);
	color: var(--sr-heading);
	border-radius: var(--sr-radius);
}

/* Select2 solo filtro proyecto (ids unicos por pagina) */
#req-proyecto-filtro + span.select2-container .select2-selection--single {
	min-height: 38px;
	border-radius: 0.375rem;
	border-color: #d9dee3;
}

#req-proyecto-filtro + span.select2-container.select2-container--focus .select2-selection--single {
	border-color: #696cff;
	box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.2);
}

#req-proyecto-filtro + span.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
	padding-left: 12px;
	color: #384551;
}

#req-proyecto-filtro + span.select2-container .select2-selection--single .select2-selection__arrow {
	height: 36px;
}

.smarteam-req-modal .modal-content {
	border: none;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 2rem rgba(47, 43, 61, 0.15);
	overflow: hidden;
}

.smarteam-req-modal .modal-header {
	border-bottom: 1px solid var(--sr-border);
	padding: 1.25rem 1.5rem;
	background: #fff;
}

.smarteam-req-modal .modal-title {
	font-weight: 600;
	color: var(--sr-heading);
	font-size: 1.125rem;
}

.smarteam-req-modal .modal-body {
	padding: 1.25rem 1.5rem 1.5rem;
}

.smarteam-req-modal .modal-footer {
	border-top: 1px solid var(--sr-border);
	padding: 1rem 1.5rem;
	background: #fafbfd;
}

.smarteam-req-modal .form-group {
	margin-bottom: 1rem;
}

.smarteam-req-modal .control-label {
	font-weight: 600;
	color: var(--sr-heading);
	font-size: 0.8125rem;
}

.smarteam-req-modal .form-control {
	border-radius: 0.375rem;
	border-color: #d9dee3;
	box-shadow: none;
}

.smarteam-req-modal .form-control:focus {
	border-color: var(--sr-primary);
	box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.2);
}

.smarteam-req-modal .smarteam-req-section-label {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #a1acb8;
	margin: 1rem 0 0.75rem;
	padding-bottom: 0.35rem;
	border-bottom: 1px dashed var(--sr-border);
}

.smarteam-req-modal .btn-sr-primary {
	background-color: var(--sr-primary);
	border-color: var(--sr-primary);
	color: #fff;
	font-weight: 500;
	padding: 0.45rem 1.25rem;
	border-radius: 0.375rem;
}

.smarteam-req-modal .btn-sr-primary:hover {
	background-color: var(--sr-primary-hover);
	border-color: var(--sr-primary-hover);
	color: #fff;
}

.smarteam-req-modal .select2-container--default .select2-selection--single {
	min-height: 38px;
	border-radius: 0.375rem;
	border-color: #d9dee3;
}

.smarteam-req-modal .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--sr-primary);
	box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.2);
}

.smarteam-req-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
	padding-left: 12px;
	color: var(--sr-heading);
}

.smarteam-req-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;
}
/* ========== END components/requirement-portlet.css ========== */

/* ========== BEGIN components/project-sidebar.css ========== */
/* Panel lateral de informacion de proyecto. */
.smarteam-app .smarteam-sidebar-proyecto {
  border-radius: var(--smarteam-radius-lg, 12px);
  overflow: hidden;
}
.smarteam-app .smarteam-sidebar-proyecto__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}
.smarteam-app .smarteam-sidebar-proyecto__facts { display: grid; gap: 0; }
.smarteam-app .smarteam-sidebar-proyecto .smarteam-dp-fila {
  display: grid;
  grid-template-columns: 32px minmax(105px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 8px;
}
.smarteam-app .smarteam-sidebar-proyecto .smarteam-dp-fila p { margin: 0; }
.smarteam-app .smarteam-sidebar-proyecto .smarteam-dp-fila p:not(.titulo-detalle) {
  text-align: right;
  overflow-wrap: anywhere;
}
@media (max-width: 991px) {
  .smarteam-app .smarteam-sidebar-proyecto .smarteam-dp-fila {
    grid-template-columns: 32px minmax(110px, .7fr) minmax(0, 1.3fr);
  }
}
/* ========== END components/project-sidebar.css ========== */

/* ========== BEGIN components/project-documents.css ========== */
/* Vista de documentos del proyecto: tarjeta propia, sin Gentella x_panel. */
.smarteam-documents-card {
  position: relative;
  width: 100%;
  margin-bottom: var(--smarteam-space-3, 0.75rem);
  padding: var(--smarteam-space-3, 0.75rem);
  background: var(--smarteam-card-bg, #fff);
  border: 1px solid var(--smarteam-border, #e7e9ed);
  border-radius: var(--smarteam-radius, 8px);
  box-sizing: border-box;
}

.smarteam-documents-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--smarteam-space-3, 0.75rem);
  padding: 0.25rem 0.25rem 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-documents-card__header h2 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.smarteam-documents-card__content {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.smarteam-ficha-practicante {
  min-width: 0;
  padding-top: 0.5rem;
}

.smarteam-ficha-estudios {
  min-width: 0;
}
/* ========== END components/project-documents.css ========== */

/* ========== BEGIN components/maintainer.css ========== */
/* Maintainer: shell reusable para mantenedores CRUD. */
.smarteam-app .smarteam-maintainer {
	background: var(--smarteam-surface, #fff);
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius-lg, 0.75rem);
	box-shadow: none;
	overflow: hidden;
}

.smarteam-app .smarteam-page-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--smarteam-space-3, 0.75rem) var(--smarteam-space-4, 1rem);
	padding: var(--smarteam-space-4, 1rem);
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-page-header__title {
	margin: 0;
	color: var(--smarteam-text, #1f2937);
	font-size: 1.25rem;
	font-weight: 600;
}

.smarteam-app .smarteam-page-header__subtitle {
	margin: 0.2rem 0 0;
	color: var(--smarteam-text-muted, #6b7280);
	font-size: 0.8125rem;
}

.smarteam-app .smarteam-page-header__actions {
	display: flex;
	align-items: center;
	gap: var(--smarteam-space-2, 0.5rem);
	margin-left: auto;
}

.smarteam-app .smarteam-maintainer__content {
	padding: var(--smarteam-space-4, 1rem);
}

.smarteam-app .smarteam-maintainer__filter-card {
	margin-bottom: var(--smarteam-space-4, 1rem);
	padding: 0 0 var(--smarteam-space-4, 1rem);
	border: 0;
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: 0;
	background: transparent;
}

.smarteam-app .smarteam-maintainer__filters {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--smarteam-space-3, 0.75rem) var(--smarteam-space-4, 1rem);
	width: 100%;
}

.smarteam-app .smarteam-maintainer__filters--compact {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 48rem;
}

.smarteam-app .smarteam-maintainer__filters--single {
	grid-template-columns: minmax(16rem, 32rem);
}

.smarteam-app .smarteam-maintainer__filters .smarteam-field {
	margin-bottom: 0;
	min-width: 0;
}

.smarteam-app .smarteam-maintainer__filter-card .smarteam-input,
.smarteam-app .smarteam-maintainer__filter-card .smarteam-select {
	background-color: #ffffff;
}

.smarteam-app .smarteam-maintainer__stack {
	display: grid;
	gap: var(--smarteam-space-4, 1rem);
}

.smarteam-app .smarteam-table-card {
	overflow-x: auto;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	background: var(--smarteam-surface, #fff);
}

.smarteam-app .smarteam-table-card .dataTables_wrapper {
	width: 100%;
}

.smarteam-app .smarteam-table-card table.dataTable {
	width: 100% !important;
}

.smarteam-app .smarteam-data-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.smarteam-app .smarteam-data-table th,
.smarteam-app .smarteam-data-table td {
	padding: 0.7rem 0.75rem;
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
	border-left: 0;
	border-right: 0;
	text-align: left;
	vertical-align: middle;
}

.smarteam-app .smarteam-data-table th {
	color: var(--smarteam-text-muted, #6b7280);
	background: var(--smarteam-surface-muted, #f8fafc);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.smarteam-app .smarteam-data-table tbody tr:last-child td {
	border-bottom: 0;
}

.smarteam-app .smarteam-table-card table.table-bordered,
.smarteam-app .smarteam-table-card table.table-bordered > thead > tr > th,
.smarteam-app .smarteam-table-card table.table-bordered > tbody > tr > td,
.smarteam-app .smarteam-table-card table.table-bordered > tfoot > tr > td {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-bottom-color: var(--smarteam-border, #e7e9ed) !important;
}

.smarteam-app .smarteam-table-card table.table-bordered > tbody > tr:last-child > td {
	border-bottom: 0 !important;
}

.smarteam-app .smarteam-table__col--id {
	width: 4rem;
}

.smarteam-app .smarteam-table__col--status {
	width: 8rem;
}

.smarteam-app .smarteam-table__col--actions {
	width: 10rem;
}

.smarteam-app .smarteam-dt-toolbar,
.smarteam-app .smarteam-dt-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--smarteam-space-2, 0.5rem);
	margin-bottom: var(--smarteam-space-2, 0.5rem);
}

.smarteam-app .smarteam-dt-footer {
	margin-top: var(--smarteam-space-3, 0.75rem);
	margin-bottom: 0;
}

.smarteam-app .smarteam-inline-control {
	display: flex;
	align-items: center;
	gap: var(--smarteam-space-2, 0.5rem);
	width: 100%;
}

.smarteam-app .smarteam-inline-control .smarteam-select {
	flex: 1 1 auto;
	min-width: 0;
}

/* Modal de usuarios: selector y alta de rol en una sola fila. */
.smarteam-app #modal-usuario .smarteam-inline-control {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 32px;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}

.smarteam-app #modal-usuario .smarteam-inline-control .smarteam-select {
	width: 100%;
	min-width: 0;
}

.smarteam-app #modal-usuario #btnAgregarRol {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	line-height: 1;
}

/* Grilla compacta de roles asignados. */
.smarteam-app #modal-usuario #tabla-roles {
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	overflow: hidden;
}

.smarteam-app #modal-usuario #tabla-roles th,
.smarteam-app #modal-usuario #tabla-roles td {
	padding: 0.55rem 0.75rem;
	vertical-align: middle;
}

.smarteam-app #modal-usuario #tabla-roles th:last-child,
.smarteam-app #modal-usuario #tabla-roles td:last-child {
	width: 4.5rem;
	text-align: center;
}

.smarteam-app #modal-usuario #tabla-roles tbody tr:nth-child(even) {
	background: var(--smarteam-surface-hover, #f8fafc);
}

.smarteam-app #modal-usuario #tabla-roles tbody tr:hover {
	background: var(--smarteam-surface-selected, #eef2ff);
}

.smarteam-app #modal-usuario #tabla-roles .smarteam-dt-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
}

/* El modal se mueve a body; estas reglas deben vivir fuera de .smarteam-app. */
#modal-usuario .smarteam-inline-control {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 32px;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}

#modal-usuario .smarteam-inline-control .smarteam-select {
	width: 100%;
	min-width: 0;
}

#modal-usuario #btnAgregarRol {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	line-height: 1;
}

#modal-usuario #tabla-roles {
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	overflow: hidden;
}

#modal-usuario #tabla-roles th,
#modal-usuario #tabla-roles td {
	padding: 0.55rem 0.75rem;
	vertical-align: middle;
}

#modal-usuario #tabla-roles th:last-child,
#modal-usuario #tabla-roles td:last-child {
	width: 4.5rem;
	text-align: center;
}

#modal-usuario #tabla-roles tbody tr:nth-child(even) {
	background: var(--smarteam-surface-hover, #f8fafc);
}

#modal-usuario #tabla-roles tbody tr:hover {
	background: var(--smarteam-surface-selected, #eef2ff);
}

#modal-usuario #tabla-roles .smarteam-dt-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
}

/* Toolbar DataTables de Usuarios: misma escala que el paginador del footer. */
#table-usuarios_wrapper > .row:first-child {
	padding: 0.65rem 0.75rem 0.25rem;
	margin: 0;
	box-sizing: border-box;
}

#table-usuarios_wrapper .dataTables_length,
#table-usuarios_wrapper .dataTables_length label {
	font-size: 0.8125rem;
	line-height: 1.25;
}

#table-usuarios_wrapper .dataTables_length {
	margin-top: 0;
	margin-bottom: 0.25rem;
}

.smarteam-app .smarteam-import-section {
	margin-top: var(--smarteam-space-4, 1rem);
}

.smarteam-app .smarteam-section-title {
	margin: 0 0 var(--smarteam-space-2, 0.5rem);
	color: var(--smarteam-text, #1f2937);
	font-size: 1rem;
	font-weight: 600;
}

.smarteam-app .smarteam-progress {
	width: 100%;
	height: 1.25rem;
	overflow: hidden;
	border-radius: var(--smarteam-radius, 0.5rem);
	background: var(--smarteam-surface-muted, #f8fafc);
	border: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-progress__bar {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: var(--smarteam-primary, #2563eb);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	transition: width 0.2s ease;
}

.smarteam-app .smarteam-progress__bar--success {
	background: var(--smarteam-success, #15803d);
}

.smarteam-app .smarteam-progress__bar--warning {
	background: var(--smarteam-warning, #f59e0b);
}

.smarteam-app .smarteam-row--success td {
	background: #f0fdf4;
}

.smarteam-app .smarteam-row--warning td {
	background: #fffbeb;
}

.smarteam-app .smarteam-row--danger td {
	background: #fef2f2;
}

.smarteam-app .smarteam-is-initially-hidden {
	display: none;
}

.smarteam-app .smarteam-ficha-detail__item {
	min-width: min(100%, 18rem);
	padding: var(--smarteam-space-2, 0.5rem);
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-ficha-detail {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--smarteam-space-3, 0.75rem);
}

.smarteam-app .smarteam-checkbox {
	display: inline-flex;
	align-items: center;
	gap: var(--smarteam-space-2, 0.5rem);
	color: var(--smarteam-text, #1f2937);
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
}

.smarteam-app .smarteam-checkbox input {
	margin: 0;
}

.modal.smarteam-modal,
.modal.smarteam-modal .modal-dialog,
.modal.smarteam-modal .modal-content,
.modal.smarteam-modal .modal-body {
	pointer-events: auto;
}

.modal.smarteam-modal .smarteam-checkbox {
	display: inline-flex;
	align-items: center;
	gap: var(--smarteam-space-2, 0.5rem);
	color: var(--smarteam-text, #1f2937);
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
}

.modal.smarteam-modal .smarteam-checkbox input {
	margin: 0;
}

.modal.smarteam-modal .smarteam-modal__grid--maintainer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--smarteam-space-4, 1rem);
	margin-left: 0;
	margin-right: 0;
}

.modal.smarteam-modal .smarteam-modal__grid--usuario {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--smarteam-space-3, 0.75rem) var(--smarteam-space-4, 1rem);
	margin-left: 0;
	margin-right: 0;
}

.modal.smarteam-modal .smarteam-modal__grid--maintainer .smarteam-modal__field {
	min-width: 0;
}

.modal.smarteam-modal .smarteam-modal__grid--usuario .smarteam-modal__field {
	min-width: 0;
}

.modal.smarteam-modal .smarteam-modal__stack--usuario {
	display: flex;
	flex-direction: column;
	gap: var(--smarteam-space-3, 0.75rem);
}

.modal.smarteam-modal .smarteam-modal__field--full,
.modal.smarteam-modal .smarteam-modal__section {
	grid-column: 1 / -1;
}

@media (max-width: 991px) {
	.smarteam-app .smarteam-maintainer__filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.smarteam-app .smarteam-page-header__actions,
	.smarteam-app .smarteam-page-header__actions .smarteam-btn {
		width: 100%;
	}

	.smarteam-app .smarteam-maintainer__filters,
	.modal.smarteam-modal .smarteam-modal__grid--maintainer {
		grid-template-columns: 1fr;
	}

	.modal.smarteam-modal .smarteam-modal__grid--usuario {
		grid-template-columns: 1fr;
	}
}
/* ========== END components/maintainer.css ========== */

/* ========== BEGIN components/calendar-matrix.css ========== */
/* Componente: matriz de celdas Calendario (extraido de 58-calendario) */
/* Columnas solo para export Excel: fuera del layout (sin huecos en la matriz).
 * El export lee textContent (no innerText) para incluir celdas display:none. */
.cal-col-export-only {
  display: none !important;
}

/* Umbrales de horas (antes inline backgroundColor).
 * Tambien reafirmados en 58-calendario.css tras el zebra. */
.tabla-horas-td.cal-umbral-alto,
.cal-umbral-alto {
  background-color: #ffcc00;
}
.tabla-horas-td.cal-umbral-ok,
.cal-umbral-ok {
  background-color: rgb(40 167 69 / 28%);
}
.tabla-horas-td.cal-umbral-ok-feriado,
.cal-umbral-ok-feriado {
  background-color: rgb(162 40 167 / 28%);
}
.tabla-horas-td.cal-umbral-bajo,
.cal-umbral-bajo {
  background-color: #fffae3;
}

table td.ausencia-td {
  background-color: rgba(220, 53, 69, 0.4);
  color: #721c24;
  font-weight: bold;
}

/* Combinacion hours-high + ausencia = 50% verde, 50% rojo */
table td.ausencia-td.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(220, 53, 69, 0.4) 50%);
  color: #721c24;
  font-weight: bold;
}

/* Permiso: dia completo amarillo pastel (no usar rojo de ausencia) */
table td.permiso-td {
  background-color: rgba(255, 241, 184, 0.92);
  color: #7d6608;
  font-weight: bold;
}

table td.permiso-td.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(255, 228, 140, 0.88) 50%);
  color: #7d6608;
  font-weight: bold;
}

table td.vacacion-td {
  background-color: rgba(0, 123, 255, 0.4);
  color: #004085;
  font-weight: bold;
}

/* Combinacion hours-high + vacacion = 50% verde, 50% azul */
table td.vacacion-td.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(0, 123, 255, 0.4) 50%);
  color: #004085;
  font-weight: bold;
}

/* Combinaciones tarea + ausencia/permiso/vacacion - ya tienen gradiente 50-50 */
.tarea-ausencia {
  background: linear-gradient(to right, #d4edda 50%, rgba(220, 53, 69, 0.4) 50%);
}

.tarea-ausencia.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(220, 53, 69, 0.4) 50%);
}

.tarea-permiso {
  background: linear-gradient(to right, #d4edda 50%, rgba(255, 228, 140, 0.88) 50%);
}

.tarea-permiso.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(255, 228, 140, 0.88) 50%);
}

.tarea-vacacion {
  background: linear-gradient(to right, #d4edda 50%, rgba(0, 123, 255, 0.4) 50%);
}

.tarea-vacacion.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(0, 123, 255, 0.4) 50%);
}

.tarea-gestion {
  background: linear-gradient(to right, #d4edda 50%, #d0e9ff 50%);
}

/* Combinaciones multiples - ya tienen gradientes */
.ausencia-permiso {
  background: linear-gradient(to right, rgba(220, 53, 69, 0.4) 50%, rgba(255, 140, 0, 0.4) 50%);
}

.ausencia-permiso.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(220, 53, 69, 0.4) 33.33%, rgba(220, 53, 69, 0.4) 66.66%, rgba(255, 140, 0, 0.4) 66.66%);
}

.ausencia-vacacion {
  background: linear-gradient(to right, rgba(220, 53, 69, 0.4) 50%, rgba(0, 123, 255, 0.4) 50%);
}

.ausencia-vacacion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(220, 53, 69, 0.4) 33.33%, rgba(220, 53, 69, 0.4) 66.66%, rgba(0, 123, 255, 0.4) 66.66%);
}

.ausencia-gestion {
  background: linear-gradient(to right, rgba(220, 53, 69, 0.4) 50%, #d0e9ff 50%);
}

.ausencia-gestion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(220, 53, 69, 0.4) 33.33%, rgba(220, 53, 69, 0.4) 66.66%, #d0e9ff 66.66%);
}

.permiso-vacacion {
  background: linear-gradient(to right, rgba(255, 140, 0, 0.4) 50%, rgba(0, 123, 255, 0.4) 50%);
}

.permiso-vacacion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(255, 140, 0, 0.4) 33.33%, rgba(255, 140, 0, 0.4) 66.66%, rgba(0, 123, 255, 0.4) 66.66%);
}

.permiso-gestion {
  background: linear-gradient(to right, rgba(255, 140, 0, 0.4) 50%, #d0e9ff 50%);
}

.permiso-gestion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(255, 140, 0, 0.4) 33.33%, rgba(255, 140, 0, 0.4) 66.66%, #d0e9ff 66.66%);
}

.vacacion-gestion {
  background: linear-gradient(to right, rgba(0, 123, 255, 0.4) 50%, #d0e9ff 50%);
}

.vacacion-gestion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(0, 123, 255, 0.4) 33.33%, rgba(0, 123, 255, 0.4) 66.66%, #d0e9ff 66.66%);
}

/* CALENDARIO SOLO */

table td.cal-ausencia-td {
  background-color: rgba(220, 53, 69, 0.45);
  color: #721c24;
  font-weight: bold;
}

table td.cal-ausencia-td.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(220, 53, 69, 0.45) 50%);
  color: #721c24;
  font-weight: bold;
}

table td.cal-permiso-td {
  background-color: rgba(255, 140, 0, 0.45);
  color: #8b4513;
  font-weight: bold;
}

table td.cal-permiso-td.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(255, 140, 0, 0.45) 50%);
  color: #8b4513;
  font-weight: bold;
}

table td.cal-vacacion-td {
  background-color: rgba(0, 123, 255, 0.4);
  color: #004085;
  font-weight: bold;
}

table td.cal-vacacion-td.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(0, 123, 255, 0.4) 50%);
  color: #004085;
  font-weight: bold;
}

table td.cal-gestion-td {
  background: #d4edda;
  background-image: none;
  color: #155724;
  font-weight: bold;
}

table td.cal-gestion-td.hours-high {
  background: #d4edda;
  background-image: none;
  color: #155724;
  font-weight: bold;
}

/* Combinaciones tarea + tipo (gestion siempre verde) */
.cal-tarea-ausencia,
.cal-tarea-ausencia.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(220, 53, 69, 0.45) 50%);
}

.cal-tarea-permiso,
.cal-tarea-permiso.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(255, 228, 140, 0.88) 50%);
}

.cal-tarea-vacacion,
.cal-tarea-vacacion.hours-high {
  background: linear-gradient(to right, #d4edda 50%, rgba(0, 123, 255, 0.4) 50%);
}

.cal-tarea-gestion,
.cal-tarea-gestion.hours-high {
  background: #d4edda;
  background-image: none;
}

/* Combinaciones de 3 tipos (solo calendario) */
.cal-tarea-ausencia-permiso,
.cal-tarea-ausencia-permiso.hours-high {
  background: linear-gradient(to right,
    #d4edda 33.33%,
    rgba(220, 53, 69, 0.45) 33.33%,
    rgba(220, 53, 69, 0.45) 66.66%,
    rgba(255, 140, 0, 0.45) 66.66%
  ) !important;
}

.cal-tarea-ausencia-vacacion,
.cal-tarea-ausencia-vacacion.hours-high {
  background: linear-gradient(to right,
    #d4edda 33.33%,
    rgba(220, 53, 69, 0.45) 33.33%,
    rgba(220, 53, 69, 0.45) 66.66%,
    rgba(0, 123, 255, 0.4) 66.66%
  ) !important;
}

.cal-tarea-permiso-vacacion,
.cal-tarea-permiso-vacacion.hours-high {
  background: linear-gradient(to right,
    #d4edda 33.33%,
    rgba(255, 140, 0, 0.45) 33.33%,
    rgba(255, 140, 0, 0.45) 66.66%,
    rgba(0, 123, 255, 0.4) 66.66%
  ) !important;
}

.cal-ausencia-permiso {
  background: linear-gradient(to right, rgba(220, 53, 69, 0.45) 50%, rgba(255, 140, 0, 0.45) 50%);
}
.cal-ausencia-permiso.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(220, 53, 69, 0.45) 33.33%, rgba(220, 53, 69, 0.45) 66.66%, rgba(255, 140, 0, 0.45) 66.66%);
}

.cal-ausencia-vacacion {
  background: linear-gradient(to right, rgba(220, 53, 69, 0.45) 50%, rgba(0, 123, 255, 0.4) 50%);
}
.cal-ausencia-vacacion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(220, 53, 69, 0.45) 33.33%, rgba(220, 53, 69, 0.45) 66.66%, rgba(0, 123, 255, 0.4) 66.66%);
}

.cal-ausencia-gestion {
  background: linear-gradient(to right, rgba(220, 53, 69, 0.45) 50%, #d4edda 50%);
}
.cal-ausencia-gestion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(220, 53, 69, 0.45) 33.33%, rgba(220, 53, 69, 0.45) 66.66%, #d4edda 66.66%);
}

.cal-permiso-vacacion {
  background: linear-gradient(to right, rgba(255, 140, 0, 0.45) 50%, rgba(0, 123, 255, 0.4) 50%);
}
.cal-permiso-vacacion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(255, 140, 0, 0.45) 33.33%, rgba(255, 140, 0, 0.45) 66.66%, rgba(0, 123, 255, 0.4) 66.66%);
}

.cal-permiso-gestion {
  background: linear-gradient(to right, rgba(255, 140, 0, 0.45) 50%, #d4edda 50%);
}
.cal-permiso-gestion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(255, 140, 0, 0.45) 33.33%, rgba(255, 140, 0, 0.45) 66.66%, #d4edda 66.66%);
}

.cal-vacacion-gestion {
  background: linear-gradient(to right, rgba(0, 123, 255, 0.4) 50%, #d4edda 50%);
}
.cal-vacacion-gestion.hours-high {
  background: linear-gradient(to right, #d4edda 33.33%, rgba(0, 123, 255, 0.4) 33.33%, rgba(0, 123, 255, 0.4) 66.66%, #d4edda 66.66%);
}

.modal-feriado {
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-feriado-contenido {
  background-color: #fff;
  margin: 5% auto;
  padding: 25px 30px;
  border-radius: 10px;
  width: 450px;
  position: relative;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  font-family: Arial, sans-serif;
}

.modal-feriado-contenido h2 {
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--cal-heading);
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal-feriado-contenido label {
  display: block;
  font-weight: bold;
  margin-top: 15px;
  color: #333;
}

.input-feriado {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 12px 14px;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.lista-feriados {
  max-height: 150px;
  overflow-y: auto;
  padding-left: 20px;
  margin: 10px 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #fafafa;
  font-size: 14px;
}

.modal-feriado-footer {
  text-align: right;
  margin-top: 20px;
}

.btn-feriado {
  padding: 8px 15px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
}

.btn-feriado.guardar {
  background-color: var(--cal-primary);
  color: #fff;
}

.btn-feriado.guardar:hover {
  background-color: var(--cal-primary-hover);
}

.btn-feriado.cancelar {
  background-color: #ccc;
  color: #333;
  margin-left: 10px;
}




    /* Colores condicionales */
.hours-0 { background-color: #ffcccc; }
.hours-low { background-color: #fff3b0; }

/* -------------------- */
/* Responsive calendario */
/* -------------------- */

@media (max-width: 991px) {
  .boton-custom {
    padding: 0.4rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.375rem;
  }

  .tabla-horas-td {
    padding: 0.3rem 0.35rem;
    font-size: 0.75rem;
    min-width: 40px;
  }

  .tabla-horas-thead {
    font-size: 12px;
  }

  .nombre-celda {
    min-width: 150px;
  }

  #zona-inferior,
  .zona-flex {
    flex-direction: column;
    align-items: stretch;
  }

  .box-tareas,
  .box-comentarios,
  .box-documentos {
    width: 100%;
    min-width: 0;
  }

  /* Modal feriado en pantallas chicas */
  .modal-feriado-contenido {
    width: calc(100% - 24px);
    margin: 12px auto;
    padding: 18px 16px;
  }
}

@media (max-width: 575px) {
  .calendario-toolbar {
    gap: 8px;
  }

  .calendario-mes-actual {
    width: 100%;
    margin: 0;
    order: -1;
    text-align: center;
  }

  .boton-custom {
    width: 100%;
    text-align: center;
  }
}

/* Loader y paneles (antes inline en view.jsp) */
.calendario-loader {
  text-align: center;
  padding: 1.25rem;
}

.cal-spinner-icon {
  color: var(--cal-primary);
}

.cal-loader-text {
  margin-top: 0.5rem;
  color: var(--cal-muted);
}

.cal-contenedor-tabla {
  overflow-x: auto;
  width: 100%;
  position: relative;
  display: block;
}

.cal-zona-inferior {
  margin-top: 1.75rem;
}

.cal-panel-tareas-inner {
  background-color: var(--cal-bg);
  border: 1px solid var(--cal-border);
  border-radius: var(--cal-radius);
  padding: 1.25rem;
  box-shadow: var(--cal-shadow-sm);
}

.cal-titulo-tareas-dia {
  text-align: center;
  color: var(--cal-heading);
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}

/* ========== END components/calendar-matrix.css ========== */

/* ========== BEGIN components/ficha-utilities.css ========== */
/* Utilidades Ficha (ex Tailwind) scoped .smarteam-app — sin !important */
.smarteam-app .bg-white { background-color: #ffffff; }
.smarteam-app .bg-gray-50 { background-color: #fcfcfd; }
.smarteam-app .bg-gray-100 { background-color: #fafafb; }
.smarteam-app .bg-blue-50 { background-color: #f6f7fb; }
.smarteam-app .bg-blue-100 { background-color: #eef2ff; }
.smarteam-app .bg-blue-600 { background-color: #696cff; }
.smarteam-app .bg-blue-700 { background-color: #5f61e6; }
.smarteam-app .bg-yellow-50 { background-color: #fff8f0; }
.smarteam-app .bg-yellow-100 { background-color: #fff1d6; }
.smarteam-app .bg-black\/60 { background-color: rgba(0, 0, 0, 0.6); }

.smarteam-app .text-gray-500 { color: #a1acb8; }
.smarteam-app .text-gray-600 { color: #697a8d; }
.smarteam-app .text-gray-700 { color: #566a7f; }
.smarteam-app .text-gray-800 { color: #34495e; }
.smarteam-app .text-gray-900 { color: #2c3e50; }

.smarteam-app .text-blue-500 { color: #696cff; }
.smarteam-app .text-blue-600 { color: #696cff; }
.smarteam-app .text-blue-700 { color: #5f61e6; }
.smarteam-app .text-blue-800 { color: #5f61e6; }
.smarteam-app .text-blue-900 { color: #566a7f; }
.smarteam-app .text-red-600 { color: #e74c3c; }
.smarteam-app .text-green-800 { color: #27ae60; }
.smarteam-app .text-red-800 { color: #c0392b; }

.smarteam-app .font-sans { font-family: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif; }
.smarteam-app .font-medium { font-weight: 500; }
.smarteam-app .font-semibold { font-weight: 600; }
.smarteam-app .font-bold { font-weight: 700; }
.smarteam-app .text-xs { font-size: 12px; }
.smarteam-app .text-sm { font-size: 13px; }
.smarteam-app .text-base { font-size: 14px; }
.smarteam-app .text-lg { font-size: 16px; }
.smarteam-app .text-xl { font-size: 17px; }
.smarteam-app .text-2xl { font-size: 20px; }
.smarteam-app .text-3xl { font-size: 22px; }

.smarteam-app .rounded { border-radius: 6px; }
.smarteam-app .rounded-md { border-radius: 6px; }
.smarteam-app .rounded-lg { border-radius: 8px; }
.smarteam-app .rounded-xl { border-radius: 10px; }
.smarteam-app .rounded-full { border-radius: 9999px; }
.smarteam-app .shadow-sm { box-shadow: 0 1px 3px rgba(67, 89, 113, 0.08); }
.smarteam-app .shadow-lg { box-shadow: 0 10px 30px rgba(67, 89, 113, 0.12); }

.smarteam-app .border { border-width: 1px; border-style: solid; border-color: rgba(67, 89, 113, 0.1); }
.smarteam-app .border-b { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(67, 89, 113, 0.08); }
.smarteam-app .border-t { border-top-width: 1px; border-top-style: solid; border-top-color: rgba(67, 89, 113, 0.08); }
.smarteam-app .border-gray-100 { border-color: rgba(67, 89, 113, 0.1); }
.smarteam-app .border-gray-300 { border-color: rgba(67, 89, 113, 0.18); }
.smarteam-app .border-yellow-200 { border-color: rgba(245, 159, 0, 0.25); }

.smarteam-app .p-3 { padding: 12px; }
.smarteam-app .p-4 { padding: 16px; }
.smarteam-app .p-6 { padding: 24px; }
.smarteam-app .px-4 { padding-left: 16px; padding-right: 16px; }
.smarteam-app .px-6 { padding-left: 24px; padding-right: 24px; }
.smarteam-app .py-1 { padding-top: 4px; padding-bottom: 4px; }
.smarteam-app .py-2 { padding-top: 8px; padding-bottom: 8px; }
.smarteam-app .py-3 { padding-top: 12px; padding-bottom: 12px; }
.smarteam-app .py-4 { padding-top: 16px; padding-bottom: 16px; }
.smarteam-app .mb-4 { margin-bottom: 16px; }
.smarteam-app .mb-6 { margin-bottom: 24px; }
.smarteam-app .mb-8 { margin-bottom: 32px; }
.smarteam-app .mt-1 { margin-top: 4px; }
.smarteam-app .mt-2 { margin-top: 8px; }
.smarteam-app .mt-8 { margin-top: 32px; }
.smarteam-app .pt-2 { padding-top: 8px; }
.smarteam-app .pb-2 { padding-bottom: 8px; }

.smarteam-app .w-full { width: 100%; }
.smarteam-app .max-w-none { max-width: none; }

.smarteam-app .flex { display: flex; }
.smarteam-app .items-center { align-items: center; }
.smarteam-app .items-end { align-items: flex-end; }
.smarteam-app .justify-between { justify-content: space-between; }
.smarteam-app .justify-end { justify-content: flex-end; }
.smarteam-app .gap-2 { gap: 8px; }
.smarteam-app .gap-3 { gap: 12px; }
.smarteam-app .gap-4 { gap: 16px; }

.smarteam-app .grid { display: grid; }
.smarteam-app .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.smarteam-app .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.smarteam-app .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.smarteam-app @media (min-width: 768px) {
.smarteam-app .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.smarteam-app .md\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.smarteam-app .md\\:col-span-4 { grid-column: span 4 / span 4; }
.smarteam-app .md\\:col-span-1 { grid-column: span 1 / span 1; }
}

/* Inputs y botones para alinearlos al look del sitio */
.smarteam-app .focus\\:ring-blue-500:focus { outline: none; box-shadow: 0 0 0 3px rgba(105, 108, 255, 0.2); }
.smarteam-app .focus\\:border-blue-500:focus { border-color: rgba(105, 108, 255, 0.55); }
.smarteam-app .hover\\:bg-blue-700:hover { background-color: #5f61e6; }
.smarteam-app .hover\\:bg-gray-50:hover { background-color: #f6f7fb; }
.smarteam-app .hover\\:bg-gray-100:hover { background-color: #f3f4f6; }
.smarteam-app .hover\\:underline:hover { text-decoration: underline; }
.smarteam-app .transition { transition: all 0.2s ease; }

/* Utilidades faltantes usadas en el markup */
.smarteam-app .block { display: block; }
.smarteam-app .overflow-x-auto { overflow-x: auto; }
.smarteam-app .text-left { text-align: left; }
.smarteam-app .text-center { text-align: center; }
.smarteam-app .uppercase { text-transform: uppercase; }
.smarteam-app .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.smarteam-app .mr-2 { margin-right: 8px; }
.smarteam-app .min-w-full { min-width: 100%; }
.smarteam-app .px-2\\.5 { padding-left: 10px; padding-right: 10px; }
.smarteam-app .py-0\\.5 { padding-top: 2px; padding-bottom: 2px; }

/* Grid responsivo: en pantallas chicas, apilar en 1 columna aunque sea grid-cols-4 */
@media (max-width: 767.98px) {
  .smarteam-app .grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
/* ficha-antecedentes-wrap: owner en 54-ficha.css */
/* ========== END components/ficha-utilities.css ========== */

/* ========== BEGIN 40-shell.css ========== */
/* ========== APP SHELL (ui + detalle + features) ========== */
/* ========== SCOPE DUAL main-content/content/smarteam-app ========== */
/* Selectores #main-content duplicados a #content y .smarteam-app donde aplica */
/* REBUILD 2026-07-24: regenerado desde f451586 smarteam-ui.css + detalle hist proyecto.css */
/* Dualize seguro: no parte selectores por comas dentro de comentarios */
/* SSOT runtime: Client Extension. No cargar en *Portlet.java. */

@media (min-width: 992px) {

.smarteam-sidenav-container {
		left: 0;
	}

body:has(.smarteam-sidenav-container) #main-content,
body:has(.smarteam-sidenav-container) #content {
		/* Estrategia unica: reservar el ancho del sidenav con margen, sin padding extra. */
		padding-left: 0;
		min-height: 100vh;
		box-sizing: border-box;
	}

body:has(.smarteam-sidenav-container) #main-content #content {
		margin-left: 0;
	}

#main-content .portlet-layout,
#content .portlet-layout,
.smarteam-app .portlet-layout,
#main-content .portlet-column-content,
#content .portlet-column-content,
.smarteam-app .portlet-column-content {
	background-color: var(--smarteam-page-bg) !important;
}

#main-content .portlet-column,
#content .portlet-column,
.smarteam-app .portlet-column {
	padding-top: var(--smarteam-portlet-col-pad-top);
	padding-right: var(--smarteam-portlet-col-pad-right);
	padding-bottom: var(--smarteam-portlet-col-pad-bottom);
	padding-left: var(--smarteam-portlet-col-pad-left);
	box-sizing: border-box;
}

#main-content .portlet .container,
#content .portlet .container,
.smarteam-app .container {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

#main-content .portlet .portlet-content,
#content .portlet .portlet-content,
.smarteam-app .portlet-content {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	margin-bottom: 0;
}

#main-content .portlet .portlet-content-container,
#content .portlet .portlet-content-container,
.smarteam-app .portlet-content-container {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#main-content .portlet .x_title,
#content .portlet .x_title,
.smarteam-app .x_title {
	border-bottom: 1px solid var(--smarteam-border);
	padding-bottom: 0.5rem;
	margin-bottom: 0.75rem;
	/* Sangria unificada con filtro/tabla */
	padding-left: var(--smarteam-list-pad-x);
	padding-right: var(--smarteam-list-pad-x);
	box-sizing: border-box;
}

#main-content .portlet .x_title.smarteam-page-header,
#content .portlet .x_title.smarteam-page-header,
.smarteam-app .x_title.smarteam-page-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
}

#main-content .portlet .x_title.smarteam-page-header .smarteam-page-header__actions,
#content .portlet .x_title.smarteam-page-header .smarteam-page-header__actions,
.smarteam-app .x_title.smarteam-page-header .smarteam-page-header__actions {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

#main-content .portlet .x_title.smarteam-page-header h2,
#content .portlet .x_title.smarteam-page-header h2,
.smarteam-app .x_title.smarteam-page-header h2 {
	margin-top: 0;
	margin-bottom: 0;
	flex: 1 1 auto;
	min-width: 0;
}

#main-content .portlet .x_title h2,
#content .portlet .x_title h2,
.smarteam-app .x_title h2 {
	float: none;
	width: auto;
	max-width: none;
}

#main-content .portlet .btn.smarteam-btn--outline,
#content .portlet .btn.smarteam-btn--outline,
.smarteam-app .btn.smarteam-btn--outline {
	background-color: #fff;
	border: 1px solid var(--smarteam-border);
	color: var(--smarteam-text-muted);
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline:hover,
#content .portlet .btn.smarteam-btn--outline:hover,
.smarteam-app .btn.smarteam-btn--outline:hover,
#main-content .portlet .btn.smarteam-btn--outline:focus,
#content .portlet .btn.smarteam-btn--outline:focus,
.smarteam-app .btn.smarteam-btn--outline:focus {
	background-color: var(--smarteam-page-bg);
	border-color: #d0d5dd;
	color: #384551;
}

#main-content .portlet .btn.smarteam-btn--outline-primary,
#content .portlet .btn.smarteam-btn--outline-primary,
.smarteam-app .btn.smarteam-btn--outline-primary {
	background-color: #fff;
	border: 1px solid var(--smarteam-primary);
	color: var(--smarteam-primary);
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline-primary:hover,
#content .portlet .btn.smarteam-btn--outline-primary:hover,
.smarteam-app .btn.smarteam-btn--outline-primary:hover,
#main-content .portlet .btn.smarteam-btn--outline-primary:focus,
#content .portlet .btn.smarteam-btn--outline-primary:focus,
.smarteam-app .btn.smarteam-btn--outline-primary:focus {
	background-color: rgba(105, 108, 255, 0.08);
	border-color: var(--smarteam-primary);
	color: #5f61e6;
}

#main-content .portlet .btn.smarteam-btn--outline-success,
#content .portlet .btn.smarteam-btn--outline-success,
.smarteam-app .btn.smarteam-btn--outline-success {
	background-color: #fff;
	border: 1px solid #26b99a;
	color: #1c9f85;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline-success:hover,
#content .portlet .btn.smarteam-btn--outline-success:hover,
.smarteam-app .btn.smarteam-btn--outline-success:hover,
#main-content .portlet .btn.smarteam-btn--outline-success:focus,
#content .portlet .btn.smarteam-btn--outline-success:focus,
.smarteam-app .btn.smarteam-btn--outline-success:focus {
	background-color: rgba(38, 185, 154, 0.1);
	border-color: #26b99a;
	color: #148f75;
}

#main-content .portlet .btn.smarteam-btn--outline-info,
#content .portlet .btn.smarteam-btn--outline-info,
.smarteam-app .btn.smarteam-btn--outline-info {
	background-color: #fff;
	border: 1px solid #3498db;
	color: #2980b9;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline-info:hover,
#content .portlet .btn.smarteam-btn--outline-info:hover,
.smarteam-app .btn.smarteam-btn--outline-info:hover,
#main-content .portlet .btn.smarteam-btn--outline-info:focus,
#content .portlet .btn.smarteam-btn--outline-info:focus,
.smarteam-app .btn.smarteam-btn--outline-info:focus {
	background-color: rgba(52, 152, 219, 0.1);
	border-color: #3498db;
	color: #21618c;
}

#main-content .portlet .btn.smarteam-btn--outline-warning,
#content .portlet .btn.smarteam-btn--outline-warning,
.smarteam-app .btn.smarteam-btn--outline-warning {
	background-color: #fff;
	border: 1px solid #f39c12;
	color: #d68910;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline-warning:hover,
#content .portlet .btn.smarteam-btn--outline-warning:hover,
.smarteam-app .btn.smarteam-btn--outline-warning:hover,
#main-content .portlet .btn.smarteam-btn--outline-warning:focus,
#content .portlet .btn.smarteam-btn--outline-warning:focus,
.smarteam-app .btn.smarteam-btn--outline-warning:focus {
	background-color: rgba(243, 156, 18, 0.12);
	border-color: #f39c12;
	color: #b9770e;
}

#main-content .portlet .btn.smarteam-btn--outline-danger,
#content .portlet .btn.smarteam-btn--outline-danger,
.smarteam-app .btn.smarteam-btn--outline-danger {
	background-color: #fff;
	border: 1px solid #e74c3c;
	color: #c0392b;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline-danger:hover,
#content .portlet .btn.smarteam-btn--outline-danger:hover,
.smarteam-app .btn.smarteam-btn--outline-danger:hover,
#main-content .portlet .btn.smarteam-btn--outline-danger:focus,
#content .portlet .btn.smarteam-btn--outline-danger:focus,
.smarteam-app .btn.smarteam-btn--outline-danger:focus {
	background-color: rgba(231, 76, 60, 0.1);
	border-color: #e74c3c;
	color: #a93226;
}

#main-content .portlet .btn.smarteam-btn--outline-dark,
#content .portlet .btn.smarteam-btn--outline-dark,
.smarteam-app .btn.smarteam-btn--outline-dark {
	background-color: #fff;
	border: 1px solid #8592a3;
	color: #566a7f;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	text-shadow: none;
}

#main-content .portlet .btn.smarteam-btn--outline-dark:hover,
#content .portlet .btn.smarteam-btn--outline-dark:hover,
.smarteam-app .btn.smarteam-btn--outline-dark:hover,
#main-content .portlet .btn.smarteam-btn--outline-dark:focus,
#content .portlet .btn.smarteam-btn--outline-dark:focus,
.smarteam-app .btn.smarteam-btn--outline-dark:focus {
	background-color: var(--smarteam-page-bg);
	border-color: #697a8d;
	color: #384551;
}

#main-content .portlet .smarteam-stat-chip,
#content .portlet .smarteam-stat-chip,
.smarteam-app .smarteam-stat-chip {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 0.375rem;
	font-size: 13px;
	font-weight: 500;
	background: #fff;
	border: 1px solid var(--smarteam-border);
	color: var(--smarteam-text-muted);
	margin: 4px 8px 4px 0;
	box-shadow: 0 1px 2px rgba(47, 43, 61, 0.06);
	transition: background-color 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

#main-content .portlet .smarteam-stat-chip:hover,
#content .portlet .smarteam-stat-chip:hover,
.smarteam-app .smarteam-stat-chip:hover {
	background: var(--smarteam-page-bg);
	box-shadow: 0 2px 6px rgba(47, 43, 61, 0.08);
}

#main-content .portlet .smarteam-stat-chip .smarteam-stat-chip__icon,
#content .portlet .smarteam-stat-chip .smarteam-stat-chip__icon,
.smarteam-app .smarteam-stat-chip .smarteam-stat-chip__icon {
	font-size: 15px;
	line-height: 1;
	opacity: 0.95;
}

#main-content .portlet .smarteam-stat-chip .smarteam-stat-chip__label,
#content .portlet .smarteam-stat-chip .smarteam-stat-chip__label,
.smarteam-app .smarteam-stat-chip .smarteam-stat-chip__label {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.04em;
}

#main-content .portlet .smarteam-stat-chip .smarteam-stat-chip__value,
#content .portlet .smarteam-stat-chip .smarteam-stat-chip__value,
.smarteam-app .smarteam-stat-chip .smarteam-stat-chip__value {
	font-weight: 700;
	font-size: 14px;
}

#main-content .portlet .smarteam-stat-chip.smarteam-stat-chip--tone,
#content .portlet .smarteam-stat-chip.smarteam-stat-chip--tone,
.smarteam-app .smarteam-stat-chip.smarteam-stat-chip--tone {
	border-color: var(--chip-bdr, var(--smarteam-primary));
	color: var(--chip-fg, var(--smarteam-primary));
	background: #fff;
}

#main-content .portlet .smarteam-stat-chip.smarteam-stat-chip--tone:hover,
#content .portlet .smarteam-stat-chip.smarteam-stat-chip--tone:hover,
.smarteam-app .smarteam-stat-chip.smarteam-stat-chip--tone:hover {
	background: var(--smarteam-page-bg);
}

#main-content .portlet .smarteam-req-estado-pill.btn,
#content .portlet .smarteam-req-estado-pill.btn,
.smarteam-app .smarteam-req-estado-pill.btn {
	background: #fff;
	font-weight: 600;
	border-radius: 0.375rem;
	box-shadow: none;
}

#main-content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-success,
#content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-success,
.smarteam-app .smarteam-req-estado-pill.smarteam-btn--outline-success {
	border-width: 1px;
	border-style: solid;
}

#main-content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-warning,
#content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-warning,
.smarteam-app .smarteam-req-estado-pill.smarteam-btn--outline-warning {
	border-width: 1px;
	border-style: solid;
}

#main-content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-danger,
#content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-danger,
.smarteam-app .smarteam-req-estado-pill.smarteam-btn--outline-danger {
	border-width: 1px;
	border-style: solid;
}

#main-content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-primary,
#content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-primary,
.smarteam-app .smarteam-req-estado-pill.smarteam-btn--outline-primary {
	border-width: 1px;
	border-style: solid;
}

#main-content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-dark,
#content .portlet .smarteam-req-estado-pill.smarteam-btn--outline-dark,
.smarteam-app .smarteam-req-estado-pill.smarteam-btn--outline-dark {
	border-width: 1px;
	border-style: solid;
}

#main-content .dataTables_wrapper,
#content .dataTables_wrapper,
.smarteam-app .dataTables_wrapper {
	padding-top: 0.25rem;
}

#main-content .dataTables_wrapper > .row,
#content .dataTables_wrapper > .row,
.smarteam-app .dataTables_wrapper > .row {
	margin-left: 0;
	margin-right: 0;
}

#main-content .dataTables_wrapper > .row:first-child > [class*='col-'],
#content .dataTables_wrapper > .row:first-child > [class*='col-'],
.smarteam-app .dataTables_wrapper > .row:first-child > [class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}

#main-content .dataTables_wrapper > .row:first-child,
#content .dataTables_wrapper > .row:first-child,
.smarteam-app .dataTables_wrapper > .row:first-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}

#main-content .dataTables_wrapper .dataTables_length,
#content .dataTables_wrapper .dataTables_length,
.smarteam-app .dataTables_wrapper .dataTables_length,
#main-content .dataTables_wrapper .dataTables_filter,
#content .dataTables_wrapper .dataTables_filter,
.smarteam-app .dataTables_wrapper .dataTables_filter {
	float: none !important;
	width: auto;
	flex: 0 1 auto;
	min-height: 32px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 0.35rem !important;
	margin-bottom: 0.35rem !important;
}

#main-content .dataTables_wrapper .dataTables_length label,
#content .dataTables_wrapper .dataTables_length label,
.smarteam-app .dataTables_wrapper .dataTables_length label {
	margin-bottom: 0;
	font-weight: 500;
	color: #384551;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.8125rem;
}

#main-content .dataTables_wrapper .dataTables_length select,
#content .dataTables_wrapper .dataTables_length select,
.smarteam-app .dataTables_wrapper .dataTables_length select {
	display: inline-block;
	width: auto !important;
	min-width: 3.5rem;
	height: 32px;
	min-height: 32px;
	padding: 0.25rem 1.5rem 0.25rem 0.5rem;
	margin: 0 0.2rem;
	border: 1px solid var(--smarteam-border);
	border-radius: 0.375rem;
	background-color: #fff;
	color: #384551;
	font-size: 0.8125rem;
	line-height: 1.25;
	vertical-align: middle;
}

#main-content .dataTables_wrapper > .row:last-child,
#content .dataTables_wrapper > .row:last-child,
.smarteam-app .dataTables_wrapper > .row:last-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: var(--smarteam-dt-footer-pad-y) var(--smarteam-dt-footer-pad-x)
		calc(var(--smarteam-dt-footer-pad-y) + 0.15rem);
	margin-top: 0.35rem;
	margin-left: 0;
	margin-right: 0;
	border-top: 1px solid var(--smarteam-border);
	box-sizing: border-box;
}

#main-content .dataTables_wrapper .dataTables_info,
#content .dataTables_wrapper .dataTables_info,
.smarteam-app .dataTables_wrapper .dataTables_info {
	float: none !important;
	padding: 0.15rem 0 !important;
	margin: 0 !important;
	font-size: 0.8125rem;
	color: var(--smarteam-text-muted);
	flex: 1 1 auto;
	min-width: 0;
}

#main-content .dataTables_wrapper .dataTables_paginate,
#content .dataTables_wrapper .dataTables_paginate,
.smarteam-app .dataTables_wrapper .dataTables_paginate {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: right;
	flex: 0 1 auto;
}

#main-content .dataTables_wrapper .dataTables_paginate .pagination,
#content .dataTables_wrapper .dataTables_paginate .pagination,
.smarteam-app .dataTables_wrapper .dataTables_paginate .pagination {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-content .dataTables_wrapper .pagination > li > a,
#content .dataTables_wrapper .pagination > li > a,
.smarteam-app .dataTables_wrapper .pagination > li > a,
#main-content .dataTables_wrapper .pagination > li > span,
#content .dataTables_wrapper .pagination > li > span,
.smarteam-app .dataTables_wrapper .pagination > li > span {
	display: inline-block;
	min-width: 2rem;
	padding: 0.3rem 0.55rem;
	margin: 0;
	border: 1px solid var(--smarteam-border);
	border-radius: 0.375rem;
	background: #fff;
	color: #384551;
	font-size: 0.8125rem;
	line-height: 1.2;
	text-align: center;
}

#main-content .dataTables_wrapper .pagination > li > a:hover,
#content .dataTables_wrapper .pagination > li > a:hover,
.smarteam-app .dataTables_wrapper .pagination > li > a:hover {
	background: var(--smarteam-page-bg);
	border-color: #d0d5dd;
	color: var(--smarteam-primary);
}

#main-content .dataTables_wrapper .pagination > .active > a,
#content .dataTables_wrapper .pagination > .active > a,
.smarteam-app .dataTables_wrapper .pagination > .active > a,
#main-content .dataTables_wrapper .pagination > .active > span,
#content .dataTables_wrapper .pagination > .active > span,
.smarteam-app .dataTables_wrapper .pagination > .active > span {
	background-color: var(--smarteam-primary);
	border-color: var(--smarteam-primary);
	color: #fff;
}

#main-content .dataTables_wrapper .pagination > .disabled > a,
#content .dataTables_wrapper .pagination > .disabled > a,
.smarteam-app .dataTables_wrapper .pagination > .disabled > a,
#main-content .dataTables_wrapper .pagination > .disabled > span,
#content .dataTables_wrapper .pagination > .disabled > span,
.smarteam-app .dataTables_wrapper .pagination > .disabled > span {
	opacity: 0.45;
	cursor: not-allowed;
}

#main-content table.dataTable.table thead > tr > th,
#content table.dataTable.table thead > tr > th,
.smarteam-app table.dataTable.table thead > tr > th,
#main-content table.dataTable.table tbody > tr > td,
#content table.dataTable.table tbody > tr > td,
.smarteam-app table.dataTable.table tbody > tr > td,
#main-content table.table.dataTable thead > tr > th,
#content table.table.dataTable thead > tr > th,
.smarteam-app table.table.dataTable thead > tr > th,
#main-content table.table.dataTable tbody > tr > td,
#content table.table.dataTable tbody > tr > td,
.smarteam-app table.table.dataTable tbody > tr > td {
	height: auto !important;
	min-height: 0 !important;
}

#main-content table.dataTable .btn.smarteam-dt-icon-btn,
#content table.dataTable .btn.smarteam-dt-icon-btn,
.smarteam-app table.dataTable .btn.smarteam-dt-icon-btn,
#main-content .dataTables_wrapper table .btn.smarteam-dt-icon-btn,
#content .dataTables_wrapper table .btn.smarteam-dt-icon-btn,
.smarteam-app .dataTables_wrapper table .btn.smarteam-dt-icon-btn {
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0 !important;
	font-size: 0.875rem;
	line-height: 1;
}

#main-content .smarteam-filter-toolbar,
#content .smarteam-filter-toolbar,
.smarteam-app .smarteam-filter-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin-bottom: 0.75rem;
}

#main-content .smarteam-filter-toolbar__fields,
#content .smarteam-filter-toolbar__fields,
.smarteam-app .smarteam-filter-toolbar__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	flex: 1 1 auto;
	min-width: 0;
}

#main-content .smarteam-project-progress,
#content .smarteam-project-progress,
.smarteam-app .smarteam-project-progress {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 120px;
	max-width: 220px;
	flex-wrap: nowrap;
}

#main-content .smarteam-project-progress .progress,
#content .smarteam-project-progress .progress,
.smarteam-app .smarteam-project-progress .progress {
	flex: 1 1 auto;
	min-width: 48px;
	height: 10px;
	margin: 0;
	background-color: #f0f0f0;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: none;
}

#main-content .smarteam-project-progress .progress-bar,
#content .smarteam-project-progress .progress-bar,
.smarteam-app .smarteam-project-progress .progress-bar {
	background-color: var(--smarteam-primary);
	height: 100%;
	transition: width 0.3s ease;
}

#main-content .smarteam-project-progress__pct,
#content .smarteam-project-progress__pct,
.smarteam-app .smarteam-project-progress__pct {
	font-size: 0.75rem;
	color: var(--smarteam-text-muted);
	white-space: nowrap;
	flex: 0 0 auto;
	line-height: 1.2;
}

.smarteam-app {
	color: var(--smarteam-text-main);
	font-size: 0.875rem;
	line-height: 1.5;
}

.smarteam-app a:focus-visible,
.smarteam-app button:focus-visible,
.smarteam-app .btn:focus-visible,
.smarteam-app .smarteam-input:focus-visible,
.smarteam-app .smarteam-select:focus-visible,
.smarteam-app select:focus-visible {
	outline: none;
	box-shadow: var(--smarteam-focus-ring);
}

.smarteam-app .smarteam-filter-card {
	background: var(--smarteam-surface-muted);
	border: 1px solid var(--smarteam-border);
	border-radius: var(--smarteam-radius);
	padding: var(--smarteam-space-3) var(--smarteam-space-4);
	margin-bottom: var(--smarteam-space-3);
}

#main-content .smarteam-filter-card .smarteam-input,
#main-content .smarteam-filter-card .smarteam-select,
#main-content .smarteam-filter-toolbar .smarteam-input,
#main-content .smarteam-filter-toolbar .smarteam-select,
#content .smarteam-filter-card .smarteam-input,
#content .smarteam-filter-card .smarteam-select,
#content .smarteam-filter-toolbar .smarteam-input,
#content .smarteam-filter-toolbar .smarteam-select,
.smarteam-app .smarteam-filter-card .smarteam-input,
.smarteam-app .smarteam-filter-card .smarteam-select,
.smarteam-app .smarteam-filter-toolbar .smarteam-input,
.smarteam-app .smarteam-filter-toolbar .smarteam-select {
	background-color: #ffffff;
}

.smarteam-app .smarteam-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.3;
	border: 1px solid transparent;
	white-space: nowrap;
}

.smarteam-app .smarteam-badge--success {
	background: var(--smarteam-status-success-bg);
	color: var(--smarteam-status-success-text);
	border-color: #86efac;
}

.smarteam-app .smarteam-badge--warning {
	background: var(--smarteam-status-warning-bg);
	color: var(--smarteam-status-warning-text);
	border-color: #fcd34d;
}

.smarteam-app .smarteam-badge--danger {
	background: var(--smarteam-status-danger-bg);
	color: var(--smarteam-status-danger-text);
	border-color: #fca5a5;
}

.smarteam-app .smarteam-badge--info {
	background: var(--smarteam-status-info-bg);
	color: var(--smarteam-status-info-text);
	border-color: #7dd3fc;
}

.smarteam-app .smarteam-badge--neutral {
	background: var(--smarteam-status-neutral-bg);
	color: var(--smarteam-status-neutral-text);
	border-color: var(--smarteam-border-strong);
}

.smarteam-app .smarteam-badge--primary {
	background: var(--smarteam-primary-50);
	color: var(--smarteam-primary-800);
	border-color: var(--smarteam-primary-200);
}

.smarteam-app .nuevoItem.circle.first_circle {
	background-color: var(--smarteam-primary) !important;
	box-shadow: var(--smarteam-shadow-sm) !important;
}

.smarteam-app .nuevoItem.circle.first_circle:hover,
.smarteam-app .nuevoItem.circle.first_circle:focus {
	background-color: var(--smarteam-primary-hover) !important;
}

#main-content .portlet .x_title.smarteam-page-header .smarteam-page-header__subtitle,
#content .portlet .x_title.smarteam-page-header .smarteam-page-header__subtitle,
.smarteam-app .x_title.smarteam-page-header .smarteam-page-header__subtitle {
	margin: 0.15rem 0 0;
	font-size: 0.8125rem;
	color: var(--smarteam-text-muted);
	font-weight: 400;
}

.smarteam-app .smarteam-switch-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-height: var(--smarteam-control-height-md);
	padding-top: 0.15rem;
}

.smarteam-app .smarteam-switch-row__label {
	font-size: 0.8125rem;
	color: var(--smarteam-text-secondary);
}

.smarteam-app .smarteam-switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	vertical-align: middle;
	margin: 0;
}

.smarteam-app .smarteam-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.smarteam-app .smarteam-switch__slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: var(--smarteam-transition-fast);
	border-radius: 34px;
}

.smarteam-app .smarteam-switch__slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: var(--smarteam-transition-fast);
	border-radius: 50%;
}

.smarteam-app .smarteam-switch input:checked + .smarteam-switch__slider {
	background-color: var(--smarteam-primary);
}

.smarteam-app .smarteam-switch input:checked + .smarteam-switch__slider:before {
	transform: translateX(20px);
}

.smarteam-app .smarteam-switch input:focus-visible + .smarteam-switch__slider {
	box-shadow: var(--smarteam-focus-ring);
}

.smarteam-app .smarteam-detail-header {
	display: flex;
	flex-direction: column;
	gap: var(--smarteam-space-3);
	border-bottom: 1px solid var(--smarteam-border);
	padding-bottom: var(--smarteam-space-3);
	margin-bottom: var(--smarteam-space-3);
}

.smarteam-app .smarteam-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.8125rem;
	color: var(--smarteam-text-muted);
}

.smarteam-app .smarteam-breadcrumb a {
	color: var(--smarteam-primary);
	font-weight: 500;
}

.smarteam-app .smarteam-breadcrumb__sep {
	color: var(--smarteam-border-strong);
}

.smarteam-app .smarteam-breadcrumb__current {
	color: var(--smarteam-text-secondary);
	font-weight: 600;
	max-width: 28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.smarteam-app .smarteam-detail-header__main {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--smarteam-space-3) var(--smarteam-space-4);
}

.smarteam-app .smarteam-detail-header__title-block {
	flex: 1 1 16rem;
	min-width: 0;
}

.smarteam-app .smarteam-detail-header__title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0.5rem;
}

.smarteam-app .smarteam-detail-header__title {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--smarteam-text-main);
	line-height: 1.25;
}

.smarteam-app .smarteam-detail-header__stats {
	display: flex;
	align-items: center;
	gap: 0.5rem 0.75rem;
	flex-wrap: wrap;
}

.smarteam-app .smarteam-detail-header .cabezera-proyecto {
	flex-direction: row;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-top: 0;
}

.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__filters.smarteam-filter-card {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.75rem 1rem;
}

.smarteam-app .smarteam-row-actions {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.35rem;
}

.smarteam-app .smarteam-empty-hint {
	margin-bottom: var(--smarteam-space-3);
	border-radius: var(--smarteam-radius);
	border-color: var(--smarteam-primary-200);
	background: var(--smarteam-primary-50);
	color: var(--smarteam-primary-800);
}

.smarteam-app .smarteam-login-shell .cp-login-box {
	border-radius: var(--smarteam-radius);
	box-shadow: var(--smarteam-shadow);
}

.smarteam-app .smarteam-login-shell .cp-login-btn-submit {
	background-color: var(--smarteam-primary);
	border-color: var(--smarteam-primary);
}

.smarteam-app .smarteam-login-shell .cp-login-btn-submit:hover,
.smarteam-app .smarteam-login-shell .cp-login-btn-submit:focus {
	background-color: var(--smarteam-primary-hover);
	border-color: var(--smarteam-primary-hover);
}

.smarteam-app .smarteam-login-shell .cp-login-link {
	color: var(--smarteam-primary);
}

.smarteam-app .card-encabezado-ficha .x_title.smarteam-page-header {
	margin-bottom: var(--smarteam-space-3, 1rem);
	border-bottom: 1px solid var(--smarteam-border);
}

:root {
	--smarteam-modal-width-sm: 440px;
	--smarteam-modal-width-md: 640px;
	--smarteam-modal-width-lg: 800px;
	--smarteam-modal-max-height: 90vh;
	--smarteam-modal-padding-x: 1.5rem;
	--smarteam-modal-padding-y: 1.25rem;
	--smarteam-modal-radius: 12px;
	--smarteam-modal-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
	--smarteam-modal-backdrop: rgba(15, 23, 42, 0.48);
	--smarteam-modal-z: 1060;
	--smarteam-modal-backdrop-z: 1055;
}

.modal.smarteam-modal {
	z-index: var(--smarteam-modal-z);
}

body > .modal-backdrop {
	z-index: var(--smarteam-modal-backdrop-z);
	background-color: #0f172a;
	opacity: 0.48;
}

.modal.smarteam-modal .modal-dialog {
	margin: 1.5rem auto;
	width: auto;
	max-width: var(--smarteam-modal-width-md);
}

.modal.smarteam-modal.smarteam-modal-sm .modal-dialog,
.modal.smarteam-modal .modal-dialog.smarteam-modal-sm {
	max-width: var(--smarteam-modal-width-sm);
	width: 92%;
}

.modal.smarteam-modal.smarteam-modal-md .modal-dialog,
.modal.smarteam-modal .modal-dialog.smarteam-modal-md {
	max-width: var(--smarteam-modal-width-md);
	width: 92%;
}

.modal.smarteam-modal.smarteam-modal-lg .modal-dialog,
.modal.smarteam-modal .modal-dialog.smarteam-modal-lg,
.modal.smarteam-modal .modal-dialog.modal-lg {
	max-width: var(--smarteam-modal-width-lg);
	width: 92%;
}

.modal.smarteam-modal .modal-content {
	border: none;
	border-radius: var(--smarteam-modal-radius);
	box-shadow: var(--smarteam-modal-shadow);
	overflow: hidden;
	max-height: var(--smarteam-modal-max-height);
	display: flex;
	flex-direction: column;
}

.modal.smarteam-modal .modal-header,
.modal.smarteam-modal .smarteam-modal__header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: 0.75rem;
	padding: 1rem var(--smarteam-modal-padding-x);
	border-bottom: 1px solid var(--smarteam-border);
	/* Header plano (sin degradado), igual a referencia DS */
	background: #fff;
	color: var(--smarteam-text-main, #0f172a);
}

.modal.smarteam-modal .smarteam-modal__heading {
	flex: 1;
	min-width: 0;
	order: 2;
}

.modal.smarteam-modal .modal-title,
.modal.smarteam-modal .smarteam-modal__title {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--smarteam-text-main, #0f172a);
	line-height: 1.3;
	order: 2;
	flex: 1;
}

.modal.smarteam-modal .smarteam-modal__description {
	margin: 0.25rem 0 0;
	font-size: 0.8125rem;
	color: var(--smarteam-text-muted);
	font-weight: 500;
}

.modal.smarteam-modal .smarteam-modal__close,
.modal.smarteam-modal .modal-header .close,
.modal.smarteam-modal .smarteam-modal__header .close {
	float: none;
	position: static;
	margin: 0;
	opacity: 1 !important;
	order: 1;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 8px;
	background: #ff4867;
	color: #fff;
	text-shadow: none;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
}

.modal.smarteam-modal .smarteam-modal__close:hover,
.modal.smarteam-modal .modal-header .close:hover,
.modal.smarteam-modal .smarteam-modal__header .close:hover {
	background: #e83e5a;
	color: #fff;
	opacity: 1 !important;
}

.modal.smarteam-modal .smarteam-modal__close span,
.modal.smarteam-modal .modal-header .close span {
	color: #fff;
}

.modal.smarteam-modal .modal-body,
.modal.smarteam-modal .smarteam-modal__body {
	padding: var(--smarteam-modal-padding-y) var(--smarteam-modal-padding-x);
	overflow-y: auto;
	flex: 1 1 auto;
	max-height: calc(var(--smarteam-modal-max-height) - 140px);
}

.modal.smarteam-modal .modal-footer,
.modal.smarteam-modal .smarteam-modal__footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem var(--smarteam-modal-padding-x);
	border-top: 1px solid var(--smarteam-border);
	background: var(--smarteam-surface-muted, #f1f5f9);
}

.modal.smarteam-modal .modal-footer .btn,
.modal.smarteam-modal .smarteam-modal__footer .btn {
	min-height: 38px;
	padding: 0.45rem 1.1rem;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 0.5rem;
}

.modal.smarteam-modal .modal-footer .btn + .btn {
	margin-left: 0;
}

.smarteam-modal .smarteam-modal__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: 1rem;
	margin: 0;
}

.smarteam-modal .smarteam-modal__field {
	grid-column: 1 / -1;
	min-width: 0;
}

.smarteam-modal .smarteam-modal__field--half {
	grid-column: span 6;
}

.smarteam-modal .smarteam-modal__field--third {
	grid-column: span 4;
}

.modal.smarteam-modal .smarteam-modal__field {
	margin-bottom: 1rem;
}

@media (max-width: 767px) {
	.smarteam-modal .smarteam-modal__field--half,
	.smarteam-modal .smarteam-modal__field--third {
		grid-column: 1 / -1;
	}
}

.modal.smarteam-modal .smarteam-modal__field label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--smarteam-text-muted);
	margin-bottom: 0.35rem;
}

.modal.smarteam-modal .smarteam-modal__field .smarteam-input,
.modal.smarteam-modal .smarteam-modal__field .smarteam-select,
.modal.smarteam-modal .smarteam-modal__field select,
.modal.smarteam-modal .smarteam-modal__field textarea {
	width: 100%;
	border: 1px solid var(--smarteam-border, #e2e8f0);
	border-radius: 0.5rem;
	box-shadow: none;
	min-height: 40px;
	font-size: 0.875rem;
	color: var(--smarteam-text-secondary, #334155);
	background-color: #f3f4f6;
}

.modal.smarteam-modal .smarteam-modal__field .smarteam-input:focus,
.modal.smarteam-modal .smarteam-modal__field .smarteam-select:focus,
.modal.smarteam-modal .smarteam-modal__field select:focus,
.modal.smarteam-modal .smarteam-modal__field textarea:focus {
	border-color: var(--smarteam-primary);
	box-shadow: var(--smarteam-focus-ring);
	background-color: #fff;
}

.modal.smarteam-modal .smarteam-modal__field .select2-container .select2-selection--single {
	min-height: 40px;
	border-radius: 0.5rem;
	border-color: var(--smarteam-border, #e2e8f0);
	background-color: #f3f4f6;
}

.modal.smarteam-modal .smarteam-modal__field-row {
	display: flex;
	align-items: flex-end;
	gap: 0.5rem;
}

.modal.smarteam-modal .smarteam-modal__field-row .smarteam-modal__field {
	flex: 1;
	min-width: 0;
	margin-bottom: 1rem;
}

.modal.smarteam-modal .smarteam-modal__field-action {
	flex-shrink: 0;
	margin-bottom: 1rem;
}

.modal.smarteam-modal .smarteam-modal__field-action .btn {
	min-width: 40px;
	min-height: 40px;
	padding: 0.45rem 0.75rem;
	border-radius: 0.5rem;
}

.modal.smarteam-modal .smarteam-modal__member-list {
	max-height: 250px;
	overflow-y: auto;
	margin: 0.5rem 0 0;
	padding: 0.5rem 0 0;
	border-top: 1px solid var(--smarteam-border, #e2e8f0);
	list-style: none;
}

.modal.smarteam-modal .smarteam-modal__member-list .msg_list > li,
.modal.smarteam-modal .smarteam-modal__member-list > li {
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--smarteam-border, #e2e8f0);
}

.modal.smarteam-modal .smarteam-modal__member-list .smarteam-btn--danger {
	border-radius: 0.375rem;
	min-width: 32px;
	min-height: 32px;
}

.modal.smarteam-modal .modal-footer .smarteam-btn--secondary,
.modal.smarteam-modal .smarteam-modal__footer .smarteam-btn--secondary {
	background: transparent;
	border-color: transparent;
	color: var(--smarteam-text-secondary, #334155);
	box-shadow: none;
}

.modal.smarteam-modal .modal-footer .smarteam-btn--secondary:hover,
.modal.smarteam-modal .smarteam-modal__footer .smarteam-btn--secondary:hover {
	background: rgba(15, 23, 42, 0.05);
	border-color: transparent;
}

.modal.smarteam-modal.smarteam-modal-confirm .modal-body {
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.modal.smarteam-modal.smarteam-modal-confirm .modal-footer {
	justify-content: flex-end;
}

.modal.bl-modal.smarteam-modal {
	z-index: var(--smarteam-modal-z);
}

@media (max-width: 767px) {

.modal.smarteam-modal .modal-dialog {
		width: 96%;
		max-width: none;
		margin: 0.75rem auto;
	}

.modal.smarteam-modal .modal-body {
		max-height: calc(100vh - 160px);
	}

}

/* ========== MANTENEDORES CLIENTES / USUARIOS ========== */
.smarteam-app .smarteam-maintainer-page .smarteam-page-header__actions .smarteam-btn {
	min-height: 34px;
}
/* ========== END 40-shell.css ========== */

/* ========== BEGIN 50-proyecto-lista.css ========== */
/* === migrado desde theme-custom.css === */
/* Estilos personalizados del theme boostrap3-gent-iit-ce-theme */

/* Panel Toolbox */
.aui .panel_toolbox {
  float: right;
  min-width: 70px;
}

.aui .panel_toolbox > li {
  float: left;
  cursor: pointer;
}

.aui .panel_toolbox > li > a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px;
}

.aui .panel_toolbox > li > a:hover {
  background: #F5F7FA;
}

/* X Panel, X Title, X Content */
.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease;
}

.x_title {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 5px 6px;
  margin-bottom: 10px;
}

.x_title .filter {
  width: 40%;
  float: right;
}

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.x_title h2 small {
  margin-left: 10px;
}

.x_title span {
  color: #BDBDBD;
}

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px;
}

.x_content h4 {
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1270px) and (min-width: 192px) {
  .aui .x_title h2 small {
    display: none;
  }
}

@media (max-width: 1200px) {
  .aui .x_title h2 {
    width: 62%;
    font-size: 17px;
  }
}

/* Form Controls Personalizados */
.form-control {
  border-radius: 0;
  width: 100%;
}

.form-horizontal .control-label {
  padding-top: 8px;
}

.form-control:focus {
  border-color: #CCD0D7;
  box-shadow: none;
}

.form-control-feedback {
  margin-top: 8px;
  height: 23px;
  color: #bbb;
  line-height: 24px;
  font-size: 15px;
}

.form-control-feedback.left {
  border-right: 1px solid #ccc;
  left: 13px;
}

.form-control-feedback.right {
  border-left: 1px solid #ccc;
  right: 13px;
}

.form-control.has-feedback-left {
  padding-left: 45px;
}

.form-control.has-feedback-right {
  padding-right: 45px;
}

.form-group {
  margin-bottom: 5px;
}

@media(min-width: 768px) {
  .aui .form-control {
    margin-bottom: 0;
    height: 28px;
  }
}

@media(max-width: 768px) {
  .aui .input-group-addon, .aui .input-group-btn, .aui .input-group .form-control {
    margin-top: 5px !important;
    height: 28px;
  }
}

/* Input Search Round */
.input-search-round {
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Colores */
.green {
  color: #1ABB9C;
}

.aero {
  color: #9CC2CB;
}

.red {
  color: #E74C3C;
}

.blue {
  color: #3498DB;
}

.purple {
  color: #9B59B6;
}

.dark {
  color: #34495E;
}

.border-blue {
  border-color: #3498DB;
}

.border-purple {
  border-color: #9B59B6;
}

.border-green {
  border-color: #1ABB9C;
}

.border-aero {
  border-color: #9CC2CB;
}

.border-red {
  border-color: #E74C3C;
}

.border-dark {
  border-color: #34495E;
}

/* Project Detail */
.project_detail p {
  margin-bottom: 10px;
}

.project_detail p.title {
  font-weight: bold;
  margin-bottom: 0;
}

/* Buttons Personalizados */
.btn {
  border-radius: 3px;
}

a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {
  color: #fff;
}

.btn-success {
  background: #26B99A;
  border: 1px solid #169F85;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  background: #169F85;
}

.btn-dark {
  color: #E9EDEF;
  background-color: #4B5F71;
  border-color: #364B5F;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
  color: #FFFFFF;
  background-color: #394D5F;
  border-color: #394D5F;
}

.btn-round {
  border-radius: 30px;
}

/* Daterangepicker Personalizado */
.aui .daterangepicker .ranges li {
  color: #73879C;
}

.aui .daterangepicker .ranges li.active, .aui .daterangepicker .ranges li:hover {
  background: #536A7F;
  border: 1px solid #536A7F;
  color: #fff;
}

.aui .daterangepicker .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  box-shadow: none !important;
}

.aui .daterangepicker .input-mini.active {
  border: 1px solid #ccc;
}

.aui .daterangepicker select.monthselect, .aui .daterangepicker select.yearselect, .aui .daterangepicker select.hourselect, .aui .daterangepicker select.minuteselect, .aui .daterangepicker select.secondselect, .aui .daterangepicker select.ampmselect {
  font-size: 12px;
  padding: 1px;
  margin: 0;
  cursor: default;
  height: 30px;
  border: 1px solid #ADB2B5;
  line-height: 30px;
  border-radius: 0px;
}

.aui .daterangepicker select.monthselect {
  margin-right: 2%;
}

.aui .daterangepicker td.in-range {
  background: #E4E7EA;
  color: #73879C;
}

.aui .daterangepicker td.active, .aui .daterangepicker td.active:hover {
  background-color: #536A7F;
  color: #fff;
}

.aui .daterangepicker th.available:hover {
  background: #eee;
  color: #34495E;
}

.aui .daterangepicker:before, .aui .daterangepicker:after {
  content: none;
}

.aui .daterangepicker .calendar.single {
  margin: 0 0 4px 0;
}

.aui .daterangepicker .calendar.single .calendar-table {
  width: 224px;
  padding: 0 0 4px 0;
}

.aui .daterangepicker .calendar.single .calendar-table thead tr:first-child th {
  padding: 8px 5px;
}

.aui .daterangepicker .calendar.single .calendar-table thead th {
  border-radius: 0;
}

.aui .daterangepicker.picker_1 {
  color: #fff;
  background: #34495E;
}

.aui .daterangepicker.picker_1 .calendar-table {
  background: #34495E;
}

.aui .daterangepicker.picker_1 .calendar-table thead tr {
  background: #213345;
}

.aui .daterangepicker.picker_1 .calendar-table thead tr:first-child {
  background: #1ABB9C;
}

.aui .daterangepicker.picker_1 .calendar-table td.off {
  background: #34495E;
  color: #999;
}

.aui .daterangepicker.picker_1 .calendar-table td.available:hover {
  color: #34495E;
}

.aui .daterangepicker.picker_2 .calendar-table thead tr {
  color: #1ABB9C;
}

.aui .daterangepicker.picker_2 .calendar-table thead tr:first-child {
  color: #73879C;
}

.aui .daterangepicker.picker_3 .calendar-table thead tr:first-child {
  color: #fff;
  background: #1ABB9C;
}

.aui .daterangepicker.picker_4 .calendar-table thead tr:first-child {
  color: #fff;
  background: #34495E;
}

.aui .daterangepicker.picker_4 .calendar-table td, .aui .daterangepicker.picker_4 .calendar-table td.off {
  background: #ECF0F1;
  border: 1px solid #fff;
  border-radius: 0;
}

.aui .daterangepicker.picker_4 .calendar-table td.active {
  background: #34495E;
}

.aui .daterangepicker.ltr .left .daterangepicker_input, .aui .daterangepicker .daterangepicker_input {
  display: none;
}

.aui .calendar-exibit .show-calendar.picker_1, .aui .calendar-exibit .show-calendar.picker_2, .aui .calendar-exibit .show-calendar.picker_3, .aui .calendar-exibit .show-calendar.picker_4 {
  background: transparent;
  border: none;
}

.aui .calendar.left.single {
  border: 1px #cdcfd9 solid;
}

@media(max-width: 564px) {
  .aui .calendar.left.single {
    border: none;
  }
}

/* Select2 Personalizado */
.aui .select2-container {
  max-width: 100%;
}

/* Accordion */
.accordion .panel {
  margin-bottom: 0;
  border: 0;
}

.accordion .panel-heading {
  padding: 0;
  border-bottom: 0;
}

.accordion .panel:hover {
  background: #F2F5F7;
}

/* Line 30 */
.aui .line_30 {
  line-height: 30px;
}

/* Custom Classes */
.aui .x_content {
  /*margin-left: -10px;*/
}

.aui ul, .aui ol {
  margin: 0;
  padding: 0;
}

/* Container Mis Tareas */
.container-mis-tareas {
  padding: 15px;
}

/* IIT Gestor Proyecto */
.iit-gestor-proyecto {
  /* Estilos específicos si los hay */
}

/* Info Proyecto, Edit Proyecto, View Comment */
.info-proyecto, .edit-proyecto, .view-comment-requerimiento, .view-comment-tarea {
  /* Estilos específicos si los hay */
}

/* Collapse Link */
.collapse-link {
  cursor: pointer;
}

/* Avatar */
.avatar img {
  border-radius: 50%;
  max-width: 45px;
}

/* Progress Bar */
.aui .progress-bar-dark {
  background-color: #34495e;
}

.aui .progress-bar-gray {
  background-color: #bdc3c7;
}

.aui .progress-bar-info {
  background-color: #3498db;
}

.aui .progress-bar-success {
  background-color: #26b99a;
}

.aui .progress-bar {
  width: 100%;
  float: none;
}

/* Responsive */
@media(max-width: 767px) {
  .aui body {
    padding-left: 0px;
    padding-right: 0px;
  }

  .aui .nav_menu {
    position: relative !important;
    margin-bottom: 0;
    float: none;
  }
}

/* Paginacion DataTables: ver /css/smarteam-ui.css (#main-content) */

/* === migrado desde main.css (gentella/listados) === */
/*** button select form nuevo proyecto ****/
#responsableproyecto{
	text-align: start;
	min-width: 200px;
}

#clienteproyecto{
	text-align: start;
	min-width: 200px;
}

#responsableproyecto .caret{
	margin-top: 5%;
    float: right;
}

#clienteproyecto .caret{
	margin-top: 5%;
    float: right;
}


.dropdown-menu{
    margin-top: -5px !important;
    margin-left: 4% !important;

}

.datos-faltantes{
	border: 1px solid #ce5454 !important;
	box-shadow: 0 0 4px -2px #ce5454 !important;
    position: relative !important;
    left: 0 !important;
    -moz-animation: .7s 1 shake linear !important;
    -webkit-animation: .7s 1 shake linear !important;
    animation: .7s 1 shake linear !important;
}

.editar-proyectos{
	width: 220px;
    height: 30px;
}
.editar-proyectos-area{
    height: 90px;
    min-width: 220px;
}

.list-comment{
    background: #ffffff;
}

.box-inline{
    display: -webkit-inline-box;
}

.ajs-input{
	margin-bottom: 0!important;
    height: 28px!important;
}

.form-control-text-area{
	height: auto!important;
	width: 100%;
}

.info-comment{

    font-size: 15px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 6px;
/*     position: absolute; */
    right: 2px;
    top: 8px;
    cursor:pointer;
}

.numer-com {
/*     display: inline-block; */
    min-width: 10px;
    padding: 3px 7px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top: 6px solid #3498db;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	pointer-events: none;
	z-index: 1;
}

.x_content {
	position: relative;
	z-index: 10;
}

.x_content .form-group {
	position: relative;
	z-index: 100;
}

.x_content .form-control,
.x_content select,
.x_content input[type="text"],
.x_content input[type="search"],
.x_content input#nombre-proyecto-filtro,
.x_content select#cliente-filtro,
.x_content select#estado-filtro,
.x_content select#responsable-filtro,
.x_content select#miembro-filtro {
	position: relative !important;
	z-index: 100 !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	user-select: auto !important;
}

#loader-proyectos:not(.loader) {
	display: none !important;
	pointer-events: none !important;
	z-index: -1 !important;
}

#loader-proyectos.loader {
	pointer-events: none !important;
	z-index: 1 !important;
}

.col-md-12:has(#loader-proyectos) {
	position: relative;
	z-index: 1;
}

.x_panel > .x_content {
	position: relative;
	z-index: 100;
}


/* Legacy: el margin-bottom 40px desalineaba avatares/acciones en detalle.
   La fila de req usa flex/grid con align-items:center; no necesita este hack. */
.add-miembro-req{
	margin-bottom: 0;
}

.edit-title{
	padding-top: 5px;
}

.modal-mensaje-requerimiento{
	background: #fff;
	border: 1px solid #e6e9ed;
	opacity: 1;
	padding: 10px 17px;
}
.modal-mensaje-requerimiento > .comentario{
   width: 100%;
   border-top: 1px solid #eee;
   line-height: 30px;
   padding: 0 10px;
   background-color: #f9f9f9 ;
}



@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media (max-width: 767px) and (min-width: 268px) {
	.comentarios-req{
		width: 100%;
	}
}


.shows-hours > .calendar > .daterangepicker_input{
	display: block !important;
}

.accordion > div > .row> div:hover{
	background-color: #3786bd;
	color: #fff;
}

/* ELIMINA BOTTOM CLASE ACCORDION BOOTSTRAP */
.accordion{
	margin-bottom: 0 !important;
}

.accordion > .panel {
	margin-bottom: 0 !important;
}


.accordion > div > .row> div > div > .btn-group{
	visibility: hidden;
	opacity: 0;
  	transition: visibility 0s, opacity 0.5s linear;
  	 -webkit-transition: visibility 0s, opacity 0.5s linear;
 }

.accordion > div > .row> div:hover > div > .btn-group{
  	visibility: visible;
  	opacity: 1;
}

ul.sortable > li> div > div > .btn-group,
.table-tareas tbody tr .botonera-tarea .btn-group{
	visibility: hidden;
	opacity: 0;
  	transition: visibility 0s, opacity 0.5s linear;
  	 -webkit-transition: visibility 0s, opacity 0.5s linear;
 }

 ul.sortable > li:hover> div > div > .btn-group,
 .table-tareas tbody tr:hover .botonera-tarea .btn-group{
	visibility: visible;
  	opacity: 1;
 }

 .accordion > div > .row> div > .proyect_status{
 	float:none;
 	transition-duration:0.75s;
 	 -webkit-transition-duration:0.75s;
 }

 .accordion > div > .row> div:hover >.proyect_status{
  	float: none;
  	transform: translateX(-60px);
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
}

.modal > .modal-dialog > .modal-content > .modal-body{
	min-height: 80px;
}

#modal-asignar-Proyecto > div > div > .modal-body{
	overflow-y: hidden;
}

@media (max-width: 992px){
 	 .accordion > div > .row> div > .proyect_status_{
 		float:none;
 		transition-property: none;
		-webkit-transition-property: none;
 	}

	.accordion > div > .row> div:hover >.proyect_status_{
  		float: none;
  		-ms-transition-property: none;
		-webkit-transition-property: none;
		transition-property: none;
		-o-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}

	ul.sortable > li> div > div > .btn-group,
	.table-tareas tbody tr .botonera-tarea .btn-group{
		visibility: visible;
		opacity: 1;
 	}
}

.collapse.show {
  visibility: visible;
}

.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: 100%;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.miembro-inactivo{
	opacity: 0.2;
}
/**BARRA DE TAREAS RAPIDAS*/
.aui .select2-container{
	width: 340px;
}

.nowrap{
	white-space: nowrap
}
.formulario-nueva-tarea {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border: 1px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.formulario-nueva-tarea:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-color: #3498DB;
}

.formulario-nueva-tarea .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}

/* Bootstrap grid usa floats en .col-*. Para layout en fila con flex, los desactivamos aqui */
.formulario-nueva-tarea .row > [class*="col-"] {
  float: none !important;
  min-width: 0;
}

@media (min-width: 992px) {
  .formulario-nueva-tarea .row {
    flex-wrap: nowrap;
  }

  /* En desktop mantenemos el bloque de botones alineado a la derecha en la misma fila */
  .formulario-nueva-tarea .row > [class*="col-"]:last-child {
    flex: 0 0 auto;
    margin-left: auto;
  }
}

.formulario-nueva-tarea .form-control {
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 13px;
  transition: all 0.2s ease;
}

.formulario-nueva-tarea .form-control:focus {
  border-color: #3498DB;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
  outline: none;
}

.formulario-nueva-tarea .btn-xs {
  min-width: auto;
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 4px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.formulario-nueva-tarea .btn-primary {
  background-color: #3498DB;
  border-color: #3498DB;
  color: #fff;
}

.formulario-nueva-tarea .btn-primary:hover {
  background-color: #2980B9;
  border-color: #2980B9;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(52, 152, 219, 0.3);
}

.formulario-nueva-tarea .btn-danger {
  background-color: #E74C3C;
  border-color: #E74C3C;
  color: #fff;
}

.formulario-nueva-tarea .btn-danger:hover {
  background-color: #C0392B;
  border-color: #C0392B;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(231, 76, 60, 0.3);
}

@media (max-width: 768px) {
  .formulario-nueva-tarea .row > div {
    margin-bottom: 10px;
  }

  .formulario-nueva-tarea .row > div:last-child {
    margin-bottom: 0;
    justify-content: flex-start !important;
  }
}
.fondo-btn{
    background: #4f7faf;;
}
.fondo-btn > button{
	margin: 3px;
	border: white solid 1px !important;
}
#tituloReq-Comentarios{
	font-size: 15px;
    font-weight: bold;
    color: #1abb9c;
    float: left;
}
#tituloTarea-Comentarios{
	font-size: 15px;
    font-weight: bold;
    color: #1abb9c;
    float: left;
}
.comentario-encabezado {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 2px;
}

.nombre {
  font-weight: bold;
  color: #333;
}

.comentario-texto {
  font-size: 13px;
  color: #444;
  word-break: break-word;
}

.comentario-texto a {
  color: blue;
  font-weight: bold;
  text-decoration: none;
}

.botonera-tarea {
  width: 13%!important;
}
.btn-group.fondo-btn:hover .custom-menu {
  display: block !important;
}

.table-tareas {
  margin-bottom: 0;
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: none;
}

/* Si por alguna razon quedan clases bootstrap, forzamos que no aparezcan bordes duros */
.table.table-bordered.table-tareas,
.table.table-hover.table-tareas,
.table.table-bordered.table-hover.table-tareas {
  border: none !important;
}

.table.table-bordered.table-tareas > thead > tr > th,
.table.table-bordered.table-tareas > tbody > tr > td,
.table.table-bordered.table-tareas > tfoot > tr > td {
  border: none !important;
}

.table-tareas thead {
  background-color: transparent;
}

.table-tareas thead th {
  border-bottom: 1px solid #e9ecef;
  border-top: none;
  padding: 8px 8px;
  font-weight: 600;
  font-size: 11px;
  color: #6c757d;
  vertical-align: middle;
  text-align: left;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.table-tareas tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s ease;
  margin-bottom: 4px;
  border-radius: 0;
}

.table-tareas tbody tr:hover {
  background-color: #f8f9fa;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.table-tareas tbody tr.tarea-cerrada {
  background-color: #f0f8f0;
}

.table-tareas tbody tr.tarea-cerrada:hover {
  background-color: #e8f5e8;
  box-shadow: 0 2px 4px rgba(38, 185, 154, 0.1);
}

.table-tareas tbody tr.tarea-en-ejecucion {
  background-color: #fff9e6;
}

.table-tareas tbody tr.tarea-en-ejecucion:hover {
  background-color: #fff5d6;
  box-shadow: 0 2px 4px rgba(243, 156, 18, 0.1);
}

.table-tareas tbody tr.tarea-pausada {
  background-color: #fff5e6;
}

.table-tareas tbody tr.tarea-pausada:hover {
  background-color: #ffeed6;
  box-shadow: 0 2px 4px rgba(230, 126, 34, 0.1);
}

.table-tareas tbody td {
  padding: 10px 8px;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  font-size: 13px;
  color: #555;
}

.table-tareas tbody td.nombre-tarea {
  font-weight: 500;
  color: #212529;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: 12px;
}

/* Estilo tipo "Mis Tareas": nombre en una linea con ellipsis */
.table-tareas tbody td.nombre-tarea span,
.table-tareas tbody td.nombre-tarea #tarea-nombre {
  display: block;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 520px;
}

.table-tareas tbody td.nombre-tarea::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: linear-gradient(90deg, #3498DB, #2980B9);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0 4px 4px 0;
}

.table-tareas tbody tr:hover td.nombre-tarea {
  color: #2980B9;
  font-weight: 600;
  padding-left: 16px;
}

.table-tareas tbody tr:hover td.nombre-tarea::before {
  width: 3px;
}

.table-tareas tbody td.responsable-tarea {
  color: #666;
}

.table-tareas tbody td .btn-asignar-responsable {
  margin-left: 5px;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.2;
  background-color: #3498DB;
  border: none;
  color: #fff;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.table-tareas tbody td .btn-asignar-responsable:hover {
  background-color: #2980B9;
  transform: scale(1.1);
}

.table-tareas tbody td .fa-check-circle {
  color: #26B99A;
  font-size: 18px;
  transition: all 0.2s ease;
}

.table-tareas tbody tr:hover td .fa-check-circle {
  transform: scale(1.15);
}

.table-tareas tbody td .tarea-checkbox {
  margin: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.tarea-checkbox-custom {
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.2s ease;
  vertical-align: middle;
}

.tarea-checkbox-custom:hover {
  border-color: #1e9d85;
  background-color: #26B99A;
  transform: scale(1.1);
}

.tarea-checkbox-custom:hover i {
  color: white;
  opacity: 1;
}

.table-tareas .botonera-tarea {
  text-align: right;
}

.table-tareas .botonera-tarea .btn-group {
  display: flex;
  gap: 2px;
  justify-content: flex-end;
}

.table-tareas .botonera-tarea .btn {
  min-width: 32px;
  height: 32px;
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  transition: all 0.2s ease;
  margin: 0 2px;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.table-tareas .botonera-tarea .btn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.3s, height 0.3s;
}

.table-tareas .botonera-tarea .btn:hover:before {
  width: 300px;
  height: 300px;
}

.table-tareas .botonera-tarea .btn:hover {
  opacity: 0.95;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.table-tareas .botonera-tarea .btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.table-tareas .botonera-tarea .btn-primary {
  background-color: #3498DB;
  color: #fff;
}

.table-tareas .botonera-tarea .btn-primary:hover {
  background-color: #2980B9;
}

.table-tareas .botonera-tarea .btn-success {
  background-color: #26B99A;
  color: #fff;
}

.table-tareas .botonera-tarea .btn-success:hover {
  background-color: #169F85;
}

.table-tareas .botonera-tarea .btn-warning {
  background-color: #F39C12;
  color: #fff;
}

.table-tareas .botonera-tarea .btn-warning:hover {
  background-color: #E67E22;
}

.table-tareas .botonera-tarea .btn-info {
  background-color: #5BC0DE;
  color: #fff;
}

.table-tareas .botonera-tarea .btn-info:hover {
  background-color: #46B8DA;
}

.table-tareas .botonera-tarea .btn-danger {
  background-color: #E74C3C;
  color: #fff;
}

.table-tareas .botonera-tarea .btn-danger:hover {
  background-color: #C0392B;
}

.table-tareas .botonera-tarea .btn-default {
  background-color: #95a5a6;
  color: #fff;
}

.table-tareas .botonera-tarea .btn-default:hover {
  background-color: #7f8c8d;
}

.table-tareas .botonera-tarea .btn i {
  font-size: 12px;
}

/* Sidebar Proyecto (info / comentarios / archivos) */
#infoProyect {
  position: relative;
}

#infoProyect .panel {
  border: 1px solid #e6eef5;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  overflow: hidden;
  background: #fff;
}

#infoProyect .x_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #eef2f6;
  background: #f8f9fa;
}

#infoProyect .x_title h2,
#infoProyect .x_title p {
  margin: 0;
  font-weight: 600;
  color: #2a3f54;
  line-height: 1.2;
}

#infoProyect .x_title .btn {
  float: none !important;
  margin-left: 6px;
}

#infoProyect .panel-body {
  padding: 12px;
}

/* Neutraliza grid bootstrap mal anidado dentro del sidebar */
#infoProyect [class*="col-"] {
  float: none !important;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* En paneles de comentarios SI necesitamos layout en columnas (titulo + boton guardar) */
#infoProyect .view-comment-tarea .project_detail,
#infoProyect .view-comment-requerimiento .project_detail {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#infoProyect .view-comment-tarea .project_detail > [class*="col-"],
#infoProyect .view-comment-requerimiento .project_detail > [class*="col-"] {
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Primera fila: label izquierda / boton derecha */
#infoProyect .view-comment-tarea .project_detail > .col-md-7,
#infoProyect .view-comment-requerimiento .project_detail > .col-md-7 {
  flex: 1 1 200px;
}

#infoProyect .view-comment-tarea .project_detail > .col-md-5,
#infoProyect .view-comment-requerimiento .project_detail > .col-md-5 {
  flex: 0 0 auto;
  margin-left: auto;
}

/* Filas completas */
#infoProyect .view-comment-tarea .project_detail > .col-md-12,
#infoProyect .view-comment-requerimiento .project_detail > .col-md-12 {
  flex: 1 1 100%;
}

#infoProyect .view-comment-tarea .project_detail .btn,
#infoProyect .view-comment-requerimiento .project_detail .btn {
  float: none !important;
}

#infoProyect .project_detail {
  margin-top: 10px;
}

#infoProyect .detalle-proyecto {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px dashed #eef2f6;
}

#infoProyect .detalle-proyecto:last-child {
  border-bottom: none;
}

#infoProyect .detalle-proyecto .titulo-detalle {
  margin: 0;
  font-size: 12px;
  color: #6c757d;
  white-space: nowrap;
}

#infoProyect .detalle-proyecto p:not(.titulo-detalle) {
  margin: 0;
  font-size: 13px;
  color: #344054;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#infoProyect textarea.form-control-text-area {
  width: 100%;
  min-height: 110px;
  resize: vertical;
}

#infoProyect ul.list-comment {
  margin: 10px 0 0;
  padding: 0;
}

@media (max-width: 991px) {
  #infoProyect {
    margin-top: 16px;
  }
}

@media (max-width: 768px) {
  .table-tareas {
    font-size: 12px;
  }

  .table-tareas thead th,
  .table-tareas tbody td {
    padding: 8px 4px;
  }

  .table-tareas .botonera-tarea {
    white-space: normal;
  }

  .table-tareas .botonera-tarea .btn {
    padding: 2px 4px;
    font-size: 10px;
  }

  .table-tareas tbody td.nombre-tarea span,
  .table-tareas tbody td.nombre-tarea #tarea-nombre {
    max-width: 240px;
  }
}

/* Estilos para requerimientos */
.requerimiento-item {
  transition: background-color 0.2s ease;
}

.requerimiento-item:hover {
  background-color: #f9f9f9;
}

.requerimiento-item h4 {
  font-weight: 600;
  color: #333;
  margin: 0;
}

.requerimiento-item .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #ddd;
  object-fit: cover;
}

.requerimiento-item .add-miembro-req {
  width: 24px;
  height: 24px;
  padding: 0;
  line-height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.requerimiento-item .add-miembro-req i {
  font-size: 11px;
}

.requerimiento-item .custom-menu {
  margin-top: 5px;
}

.requerimiento-item .custom-menu .btn {
  margin-bottom: 3px;
  text-align: left;
}

.requerimiento-item .custom-menu .btn:last-child {
  margin-bottom: 0;
}

/* Menu open: owner en 30-components.css (.menu-requerimiento.is-open > .custom-menu) */

.panel-lista-tareas-container {
  border-top: 1px solid #e8e8e8;
  margin-top: 10px;
  padding-top: 15px;
}

/* Mejoras adicionales para requerimientos */
.requerimiento-item {
  margin-bottom: 0;
}

.requerimiento-item:last-child {
  border-bottom: none;
}

.requerimiento-item .fa-info-circle {
  color: #3498DB;
  font-size: 18px;
}

.requerimiento-item .numer-com.bg-blue {
  background-color: #3498DB;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  margin-left: 8px;
}

.requerimiento-item .btn-success {
  background-color: #26B99A;
  border-color: #169F85;
  color: #fff;
}

.requerimiento-item .btn-success:hover {
  background-color: #169F85;
  border-color: #169F85;
}

/* Estilos para tabla de proyectos - diseño compacto y moderno */
#table-proyectos {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 0;
  border: none;
  background-color: transparent;
}

#table-proyectos thead th {
  background-color: transparent;
  border-bottom: 1px solid #e9ecef;
  border-top: none;
  padding: 8px 8px;
  font-weight: 600;
  color: #6c757d;
  vertical-align: middle;
  text-align: left;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 11px;
}

#table-proyectos thead th.smarteam-proyecto-col--comments {
  width: 50px;
  text-align: center;
}

#table-proyectos thead th.smarteam-proyecto-col--progress {
  width: 15%;
}

#table-proyectos thead th.smarteam-proyecto-col--actions {
  width: 120px;
}

#table-proyectos tbody td {
  padding: 10px 8px;
  vertical-align: middle;
  border: none;
  background-color: transparent;
}

#table-proyectos tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s ease;
  margin-bottom: 4px;
  border-radius: 0;
}

#table-proyectos tbody tr:hover {
  background-color: #f8f9fa;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

#table-proyectos.table-striped > tbody > tr:nth-of-type(odd),
#table-proyectos.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}

#table-proyectos.table-bordered {
  border: none;
}

#table-proyectos.table-bordered > thead > tr > th,
#table-proyectos.table-bordered > tbody > tr > td {
  border: none;
}

#table-proyectos tbody tr:last-child {
  border-bottom: 1px solid #f0f0f0;
}

#table-proyectos .info-comment {
  position: relative;
  display: inline-block;
}

.smarteam-proyecto-bar-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.smarteam-proyecto-confirm-copy {
  margin: 0;
}

.smarteam-proyecto-fab {
  position: fixed;
  right: 60px;
  bottom: 20px;
  z-index: 1000;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background-color: #26b99a;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.smarteam-proyecto-fab:hover,
.smarteam-proyecto-fab:focus {
  background-color: #1f9d85;
  color: #fff;
}

#table-proyectos .numer-com.bg-blue {
  background-color: #3498DB;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

#table-proyectos .numer-com.bg-blue:hover {
  background-color: #2980B9;
  transform: scale(1.1);
}

/* Progreso de proyecto: estilos en smarteam-ui.css (.smarteam-project-progress) */

#table-proyectos .btn-xs {
  min-width: 32px;
  height: 32px;
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  transition: all 0.2s ease;
  margin: 0 2px;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

#table-proyectos .btn-xs:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.3s, height 0.3s;
}

#table-proyectos .btn-xs:hover:before {
  width: 300px;
  height: 300px;
}

#table-proyectos .btn-xs:hover {
  opacity: 0.95;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

#table-proyectos .btn-xs:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* DataTables: reglas globales en /css/smarteam-ui.css */

/* Mejoras adicionales para tabla de proyectos */
#table-proyectos tbody tr {
  transition: background-color 0.2s ease;
}

#table-proyectos .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #ddd;
  transition: all 0.2s ease;
  margin-right: -6px;
}

#table-proyectos .avatar:hover {
  transform: scale(1.15);
  z-index: 10;
  position: relative;
  border-color: #3498DB;
}

#table-proyectos .user-img-responsable {
  border-color: #E74C3C;
}

#table-proyectos .user-img-jefeproyecto {
  border-color: #3498DB;
}

#table-proyectos .btn-danger {
  background-color: #E74C3C;
  border: none;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

#table-proyectos .btn-danger:hover {
  background-color: #C0392B;
}

#table-proyectos .btn-primary {
  background-color: #3498DB;
  border: none;
  color: #fff;
  font-weight: 500;
}

#table-proyectos .btn-primary:hover {
  background-color: #2980B9;
}

#table-proyectos .btn-info {
  background-color: #5BC0DE;
  border: none;
  color: #fff;
  font-weight: 500;
}

#table-proyectos .btn-info:hover {
  background-color: #46B8DA;
}

#table-proyectos .btn-success {
  background-color: #26B99A;
  border: none;
  color: #fff;
}

#table-proyectos .btn-success:hover {
  background-color: #169F85;
}

#table-proyectos .btn-warning {
  background-color: #F39C12;
  border: none;
  color: #fff;
}

#table-proyectos .btn-warning:hover {
  background-color: #E67E22;
}

/* Estilos adicionales para mejorar la apariencia */
#table-proyectos .column-proyecto-nombre {
  min-width: 200px;
  position: relative;
  padding: 12px 16px;
  margin: -12px -16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  display: block;
  width: calc(100% + 32px);
}

#table-proyectos .column-proyecto-nombre::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(52, 152, 219, 0.2), rgba(41, 128, 185, 0.15));
  opacity: 0;
  border-radius: 8px;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 0;
}

#table-proyectos .column-proyecto-nombre::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background: linear-gradient(90deg, #3498DB, #2980B9, #1ABC9C);
  border-radius: 0 0 8px 8px;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

#table-proyectos .column-proyecto-nombre:hover {
  background: linear-gradient(135deg, rgba(52, 152, 219, 0.25), rgba(41, 128, 185, 0.2));
  box-shadow: 0 6px 16px rgba(52, 152, 219, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateX(8px) translateY(-2px);
}

#table-proyectos .column-proyecto-nombre:hover::before {
  opacity: 1;
}

#table-proyectos .column-proyecto-nombre:hover::after {
  width: 100%;
}

#table-proyectos .column-proyecto-nombre > div:first-child {
  font-weight: 500;
  font-size: 13px;
  color: #212529;
  margin-bottom: 3px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.4;
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  pointer-events: none;
}

#table-proyectos .column-proyecto-nombre > div:first-child::before {
  content: '→';
  opacity: 0;
  transform: translateX(-20px) scale(0.7);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  color: #3498DB;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
}

#table-proyectos .column-proyecto-nombre:hover > div:first-child {
  color: #2980B9;
  font-weight: 600;
  text-shadow: 0 1px 3px rgba(41, 128, 185, 0.15);
}

#table-proyectos .column-proyecto-nombre:hover > div:first-child::before {
  opacity: 1;
  transform: translateX(0) scale(1);
}

#table-proyectos .column-proyecto-nombre > div:last-child {
  font-size: 11px;
  color: #6c757d;
  font-weight: 400;
  line-height: 1.3;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 2;
  pointer-events: none;
}

#table-proyectos .column-proyecto-nombre:hover > div:last-child {
  color: #7f8c8d;
  transform: translateX(8px);
}

#table-proyectos tbody td:first-child {
  text-align: center;
}

#table-proyectos tbody td:last-child {
  text-align: right;
}

/* ============================================
   ESTILOS COMUNES (movidos del theme)
   ============================================ */

/* iCheck personalizado */
.icheckbox_flat-green,
.iradio_flat-green {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url("https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/flat/green.png") no-repeat;
	border: none;
	cursor: pointer;
}

.icheckbox_flat-green {
	background-position: 0 0;
}

.icheckbox_flat-green.checked {
	background-position: -22px 0;
}

.icheckbox_flat-green.disabled {
	background-position: -44px 0;
	cursor: default;
}

.icheckbox_flat-green.checked.disabled {
	background-position: -66px 0;
}

.iradio_flat-green {
	background-position: -88px 0;
}

.iradio_flat-green.checked {
	background-position: -110px 0;
}

.iradio_flat-green.disabled {
	background-position: -132px 0;
	cursor: default;
}

.iradio_flat-green.checked.disabled {
	background-position: -154px 0;
}

/* Estilos para collapse-link */
.collapse-link {
	cursor: pointer;
	transition: transform 0.3s ease;
}

.collapse-link.collapsed i.fa-chevron-up:before {
	content: "\f078";
}

.collapse-link:not(.collapsed) i.fa-chevron-up:before {
	content: "\f077";
}

/* Estilos para user-profile-icon */
.user-profile-icon {
	margin-right: 8px;
	width: 16px;
	text-align: center;
	color: #73879C;
}

/* Estilos para text-success, text-danger, etc. */
.text-success {
	color: #26B99A;
}

.text-danger {
	color: #E74C3C;
}

.text-info {
	color: #3498DB;
}

.text-warning {
	color: #F39C12;
}

/* Estilos para badges y numeros */
.bg-blue {
	background-color: #3498DB;
	color: #fff;
}

.bg-green {
	background-color: #26B99A;
	color: #fff;
}

.bg-red {
	background-color: #E74C3C;
	color: #fff;
}

/* Estilos para m-top-xs */
.m-top-xs {
	margin-top: 5px;
}

/* Estilos para required */
.required {
	color: #E74C3C;
}

/* Estilos para input-validar */
.input-validar.error {
	border-color: #E74C3C;
	box-shadow: 0 0 4px rgba(231, 76, 60, 0.3) !important;
}

.input-validar.valid {
	border-color: #26B99A;
	box-shadow: 0 0 4px rgba(38, 185, 154, 0.3) !important;
}

/* Container max-width */
@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1660px;
	}
}

/* Loader overlay global: z-index bajo modal DS (10600); sin clicks si no visible */
#smarteam-proyecto-loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	z-index: 10500;
	pointer-events: none;
	cursor: progress;
}

/* JS usa is-visible; .visible se mantiene como alias legacy */
#smarteam-proyecto-loader-overlay.is-visible,
#smarteam-proyecto-loader-overlay.visible {
	display: flex !important;
	pointer-events: auto;
}

#smarteam-proyecto-loader-overlay .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
}

#smarteam-proyecto-loader-overlay #smarteam-proyecto-loader-text {
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	padding: 0 10px;
}

#smarteam-proyecto-loader-overlay .smarteam-proyecto-loader-text {
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	padding: 0 10px;
}

#smarteam-proyecto-loader-overlay i {
	color: #ffffff;
}
.smarteam-app .smarteam-project-list-card {
}

.smarteam-app .smarteam-project-list-card .smarteam-maintainer__filters {
	grid-template-columns: minmax(14rem, 1.2fr) minmax(12rem, 1fr) minmax(10rem, 0.8fr) minmax(12rem, 1fr) minmax(12rem, 1fr) minmax(10rem, 0.75fr);
}

.smarteam-app .smarteam-project-list-card .smarteam-table-card {
	overflow-x: auto;
}

.smarteam-app #table-proyectos {
	border-collapse: collapse;
	border-spacing: 0;
	background: var(--smarteam-surface, #fff);
}

.smarteam-app #table-proyectos thead th {
	background: var(--smarteam-surface-muted, #f8fafc);
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
	border-left: 0;
	color: var(--smarteam-text-muted, #6b7280);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	padding: 0.7rem 0.75rem;
	text-transform: uppercase;
}

.smarteam-app #table-proyectos tbody td {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
	border-left: 0;
	padding: 0.7rem 0.75rem;
	vertical-align: middle;
}

.smarteam-app #table-proyectos tbody tr,
.smarteam-app #table-proyectos tbody tr:hover {
	background: transparent;
	box-shadow: none;
	border-bottom: 0;
	transform: none;
}

.smarteam-app #table-proyectos tbody tr:last-child td {
	border-bottom: 0;
}

.smarteam-app #table-proyectos .column-proyecto-nombre,
.smarteam-app #table-proyectos .column-proyecto-nombre:hover {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
	transform: none;
	width: auto;
	border-radius: 0;
}

.smarteam-app #table-proyectos .column-proyecto-nombre::before,
.smarteam-app #table-proyectos .column-proyecto-nombre::after,
.smarteam-app #table-proyectos .column-proyecto-nombre > div:first-child::before {
	display: none;
}

.smarteam-app #table-proyectos .column-proyecto-nombre > div:first-child,
.smarteam-app #table-proyectos .column-proyecto-nombre:hover > div:first-child {
	color: var(--smarteam-text, #1f2937);
	font-size: 0.875rem;
	font-weight: 600;
	text-shadow: none;
}

.smarteam-app #table-proyectos .column-proyecto-nombre > div:last-child,
.smarteam-app #table-proyectos .column-proyecto-nombre:hover > div:last-child {
	color: var(--smarteam-text-muted, #6b7280);
	transform: none;
}

.smarteam-app #table-proyectos .btn-xs:hover {
	box-shadow: none;
	transform: none;
}

.smarteam-app #table-proyectos .btn-xs:before {
	display: none;
}

@media (max-width: 1200px) {
	.smarteam-app .smarteam-project-list-card .smarteam-maintainer__filters {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.smarteam-app .smarteam-project-list-card .smarteam-maintainer__filters {
		grid-template-columns: 1fr;
	}
}
/* ========== END 50-proyecto-lista.css ========== */

/* ========== BEGIN 51-proyecto-detalle.css ========== */
/* ========== DETALLE PROYECTO (ex proyecto.css) ========== */

#infoProyect .info-proyecto.smarteam-sidebar-proyecto,
.smarteam-app .info-proyecto.smarteam-sidebar-proyecto,
.smarteam-app #infoProyect .info-proyecto.smarteam-sidebar-proyecto {
	border: none;
	border-radius: 12px;
	box-shadow: 0 0.25rem 1.125rem rgba(67, 89, 113, 0.12);
	background: #fff;
	margin-bottom: 0;
	overflow: hidden;
}

#infoProyect .smarteam-sidebar-proyecto__body,
.smarteam-app .smarteam-sidebar-proyecto__body,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__body {
	padding: 0 1.25rem 1.25rem;
	border: none;
	background: transparent;
}

#infoProyect .smarteam-sidebar-proyecto__header,
.smarteam-app .smarteam-sidebar-proyecto__header,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 1.25rem 1.25rem 1rem;
	border-bottom: 1px solid rgba(67, 89, 113, 0.08);
	background: linear-gradient(180deg, rgba(105, 108, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
}

#infoProyect .smarteam-sidebar-proyecto__title,
.smarteam-app .smarteam-sidebar-proyecto__title,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__title {
	margin: 0 0 4px 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: #233446;
	letter-spacing: -0.02em;
}

#infoProyect .smarteam-sidebar-proyecto__kicker,
.smarteam-app .smarteam-sidebar-proyecto__kicker,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__kicker {
	margin: 0;
	font-size: 0.8rem;
	color: #8592a3;
	font-weight: 500;
}

#infoProyect .smarteam-sidebar-proyecto__toolbar,
.smarteam-app .smarteam-sidebar-proyecto__toolbar,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__toolbar {
	display: flex;
	flex-shrink: 0;
	gap: 8px;
	align-items: center;
}

#infoProyect .smarteam-sidebar-proyecto__btn,
.smarteam-app .smarteam-sidebar-proyecto__btn,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn {
	border: none;
	border-radius: 8px;
	min-width: 38px;
	height: 36px;
	padding: 0 12px;
	font-size: 14px;
	cursor: pointer;
	transition: box-shadow 0.15s ease, transform 0.1s ease, background 0.15s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#infoProyect .smarteam-sidebar-proyecto__btn--primary,
.smarteam-app .smarteam-sidebar-proyecto__btn--primary,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn--primary {
	background: #696cff;
	color: #fff;
	box-shadow: 0 2px 6px rgba(105, 108, 255, 0.35);
}

#infoProyect .smarteam-sidebar-proyecto__btn--primary:hover,
.smarteam-app .smarteam-sidebar-proyecto__btn--primary:hover,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn--primary:hover {
	background: #5f62e6;
	box-shadow: 0 4px 12px rgba(105, 108, 255, 0.4);
}

#infoProyect .smarteam-sidebar-proyecto__btn--ghost,
.smarteam-app .smarteam-sidebar-proyecto__btn--ghost,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn--ghost {
	background: rgba(255, 72, 97, 0.1);
	color: #ff4867;
}

#infoProyect .smarteam-sidebar-proyecto__btn--ghost:hover,
.smarteam-app .smarteam-sidebar-proyecto__btn--ghost:hover,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn--ghost:hover {
	background: rgba(255, 72, 97, 0.18);
}

#infoProyect .smarteam-sidebar-proyecto__btn--icon,
.smarteam-app .smarteam-sidebar-proyecto__btn--icon,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn--icon {
	min-width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 8px;
	background: rgba(105, 108, 255, 0.12);
	color: #696cff;
	box-shadow: none;
}

#infoProyect .smarteam-sidebar-proyecto__btn--icon:hover,
.smarteam-app .smarteam-sidebar-proyecto__btn--icon:hover,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__btn--icon:hover {
	background: rgba(105, 108, 255, 0.22);
}

#infoProyect .smarteam-sidebar-proyecto__miembros,
.smarteam-app .smarteam-sidebar-proyecto__miembros,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembros {
	padding: 14px 1.25rem;
	border-bottom: 1px solid rgba(67, 89, 113, 0.08);
}

#infoProyect .smarteam-sidebar-proyecto__miembros-bar,
.smarteam-app .smarteam-sidebar-proyecto__miembros-bar,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembros-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

#infoProyect .smarteam-sidebar-proyecto__miembros-titulo,
.smarteam-app .smarteam-sidebar-proyecto__miembros-titulo,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembros-titulo {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #566a7f;
}

#infoProyect .smarteam-sidebar-proyecto__miembros-titulo .fa,
.smarteam-app .smarteam-sidebar-proyecto__miembros-titulo .fa,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembros-titulo .fa {
	margin-right: 6px;
	color: #696cff;
	opacity: 0.9;
}

#infoProyect .smarteam-sidebar-proyecto__lista-miembros,
.smarteam-app .smarteam-sidebar-proyecto__lista-miembros,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__lista-miembros {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	padding: 4px 0 0 0;
	min-height: 8px;
}

#infoProyect .smarteam-sidebar-proyecto__lista-miembros > li,
.smarteam-app .smarteam-sidebar-proyecto__lista-miembros > li,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__lista-miembros > li {
	margin: 0;
	vertical-align: middle;
}

#infoProyect .smarteam-sidebar-proyecto__miembro,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembro {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	min-width: 0;
}

#infoProyect .smarteam-sidebar-proyecto__miembro-avatar,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembro-avatar {
	width: 2rem;
	height: 2rem;
	flex: 0 0 2rem;
	object-fit: cover;
	border: 1px solid var(--smarteam-border, #d9dee3);
	border-radius: 999px;
	background: #f5f7fb;
}

#infoProyect .smarteam-sidebar-proyecto__miembro-meta,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembro-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.2;
}

#infoProyect .smarteam-sidebar-proyecto__miembro-nombre,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembro-nombre {
	overflow: hidden;
	color: var(--smarteam-text, #233446);
	font-size: 0.8125rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#infoProyect .smarteam-sidebar-proyecto__miembro-rol,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__miembro-rol {
	overflow: hidden;
	color: var(--smarteam-text-muted, #697a8d);
	font-size: 0.75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#infoProyect .smarteam-sidebar-proyecto__nombre,
.smarteam-app .smarteam-sidebar-proyecto__nombre,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__nombre {
	margin: 1rem 0 0.35rem;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	color: #233446;
	letter-spacing: -0.02em;
}

#infoProyect .smarteam-sidebar-proyecto__descripcion,
.smarteam-app .smarteam-sidebar-proyecto__descripcion,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__descripcion {
	margin: 0 0 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #8592a3;
	text-align: left;
}

#infoProyect .smarteam-sidebar-proyecto__facts,
.smarteam-app .smarteam-sidebar-proyecto__facts,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto__facts {
	margin-top: 0.75rem;
	padding-top: 0.5rem;
	border-top: 1px solid rgba(67, 89, 113, 0.08);
}

#infoProyect .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila,
.smarteam-app .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
	border-bottom: none;
	padding: 0;
	min-height: 44px;
}

#infoProyect .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila .titulo-detalle,
.smarteam-app .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila .titulo-detalle,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila .titulo-detalle {
	white-space: normal;
}

#infoProyect .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila p:not(.titulo-detalle),
.smarteam-app .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila p:not(.titulo-detalle),
.smarteam-app #infoProyect .smarteam-sidebar-proyecto .detalle-proyecto.smarteam-dp-fila p:not(.titulo-detalle) {
	overflow: visible;
	text-overflow: unset;
}

#infoProyect .smarteam-sidebar-proyecto .smarteam-dp-fila,
.smarteam-app .smarteam-sidebar-proyecto .smarteam-dp-fila,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto .smarteam-dp-fila {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid rgba(67, 89, 113, 0.06);
	margin: 0;
}

#infoProyect .smarteam-sidebar-proyecto .smarteam-dp-fila:last-child,
.smarteam-app .smarteam-sidebar-proyecto .smarteam-dp-fila:last-child,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto .smarteam-dp-fila:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#infoProyect .smarteam-dp-fila__icon,
.smarteam-app .smarteam-dp-fila__icon,
.smarteam-app #infoProyect .smarteam-dp-fila__icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(105, 108, 255, 0.1);
	color: #696cff;
	font-size: 15px;
	align-self: center;
}

#infoProyect .smarteam-dp-fila__texto,
.smarteam-app .smarteam-dp-fila__texto,
.smarteam-app #infoProyect .smarteam-dp-fila__texto {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 10px;
}

#infoProyect .smarteam-dp-fila__label,
.smarteam-app .smarteam-dp-fila__label,
.smarteam-app #infoProyect .smarteam-dp-fila__label {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #a1acb8;
	line-height: 1.3;
	flex: 0 1 auto;
	max-width: 48%;
}

#infoProyect .smarteam-dp-fila__value,
.smarteam-app .smarteam-dp-fila__value,
.smarteam-app #infoProyect .smarteam-dp-fila__value {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: #566a7f;
	word-break: break-word;
	line-height: 1.35;
	text-align: right;
	flex: 1 1 0;
	min-width: 6rem;
}

#infoProyect .smarteam-dp-fila__value--badge,
.smarteam-app .smarteam-dp-fila__value--badge,
.smarteam-app #infoProyect .smarteam-dp-fila__value--badge {
	display: inline-block;
	margin-top: 0;
	padding: 0.32em 0.75em;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 999px;
	line-height: 1.25;
	text-align: center;
	flex: 0 0 auto;
}

#infoProyect .smarteam-dp-fila__value--estado,
.smarteam-app .smarteam-dp-fila__value--estado,
.smarteam-app #infoProyect .smarteam-dp-fila__value--estado {
	background: #e7e7ff;
	color: #696cff;
}

#infoProyect .smarteam-dp-fila__value--fase,
.smarteam-app .smarteam-dp-fila__value--fase,
.smarteam-app #infoProyect .smarteam-dp-fila__value--fase {
	background: #e3f8f1;
	color: #26b99a;
}

#infoProyect .smarteam-dp-fila__value:empty::after,
.smarteam-app .smarteam-dp-fila__value:empty::after,
.smarteam-app #infoProyect .smarteam-dp-fila__value:empty::after {
	content: "—";
	font-weight: 500;
	color: #c7cdd4;
}

#infoProyect .edit-proyecto.smarteam-sidebar-proyecto,
.smarteam-app .edit-proyecto.smarteam-sidebar-proyecto,
.smarteam-app #infoProyect .edit-proyecto.smarteam-sidebar-proyecto,
#infoProyect .smarteam-sidebar-proyecto--edit,
.smarteam-app .smarteam-sidebar-proyecto--edit,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit {
	border: none;
	border-radius: 12px;
	box-shadow: 0 0.25rem 1.125rem rgba(67, 89, 113, 0.12);
	background: #fff;
	margin-bottom: 0;
	overflow: hidden;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit {
	padding: 0 0 0.75rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit .smarteam-dp-fila__label,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit .smarteam-dp-fila__label,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit .smarteam-dp-fila__label {
	display: block;
	max-width: none;
	margin-bottom: 0.35rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__nombre-input,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__nombre-input,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__nombre-input {
	font-size: 1.05rem;
	font-weight: 700;
	color: #233446;
	margin-bottom: 0.85rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__descrip-input,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__descrip-input,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__descrip-input {
	font-size: 0.875rem;
	font-weight: 500;
	color: #566a7f;
	min-height: 4.5rem;
	resize: vertical;
	margin-bottom: 0.25rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit {
	align-items: flex-start;
	min-height: auto;
	padding: 12px 0;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__icon,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__icon,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__icon {
	margin-top: 1.35rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__texto,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__texto,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__texto {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0.35rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__label,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__label,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__label {
	max-width: none;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control,
#infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos,
.smarteam-app .smarteam-sidebar-proyecto--edit .editar-proyectos,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos,
#infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos-area,
.smarteam-app .smarteam-sidebar-proyecto--edit .editar-proyectos-area,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos-area,
#infoProyect .smarteam-sidebar-proyecto--edit select.smarteam-dp-fila__control,
.smarteam-app .smarteam-sidebar-proyecto--edit select.smarteam-dp-fila__control,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit select.smarteam-dp-fila__control {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: 0.5rem;
	box-shadow: none;
	background: #fff;
	color: #566a7f;
	font-size: 0.875rem;
	font-weight: 600;
	min-height: 38px;
	padding: 0.4rem 0.65rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control:focus,
.smarteam-app .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control:focus,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control:focus,
#infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos:focus,
.smarteam-app .smarteam-sidebar-proyecto--edit .editar-proyectos:focus,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos:focus,
#infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos-area:focus,
.smarteam-app .smarteam-sidebar-proyecto--edit .editar-proyectos-area:focus,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos-area:focus {
	border-color: var(--smarteam-primary, #696cff);
	outline: none;
	box-shadow: 0 0 0 3px rgba(105, 108, 255, 0.2);
}

#infoProyect .smarteam-sidebar-proyecto--edit .select2-container,
.smarteam-app .smarteam-sidebar-proyecto--edit .select2-container,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .select2-container {
	width: 100%;
}

#infoProyect .smarteam-sidebar-proyecto--edit .select2-container .select2-selection--single,
.smarteam-app .smarteam-sidebar-proyecto--edit .select2-container .select2-selection--single,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .select2-container .select2-selection--single {
	min-height: 38px;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: 0.5rem;
}

#infoProyect .smarteam-sidebar-proyecto--edit .datos-faltantes,
.smarteam-app .smarteam-sidebar-proyecto--edit .datos-faltantes,
.smarteam-app #infoProyect .smarteam-sidebar-proyecto--edit .datos-faltantes {
	border-color: #ff4867;
	box-shadow: 0 0 0 2px rgba(255, 72, 97, 0.15) !important;
}

.iit-gestor-proyecto .smarteam-req-datatable-card,
.smarteam-app .smarteam-req-datatable-card,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0.25rem 1.125rem rgba(67, 89, 113, 0.1);
	border: 1px solid rgba(67, 89, 113, 0.08);
	overflow: hidden;
	margin-bottom: 1rem;
}

.iit-gestor-proyecto .smarteam-req-accordion-item,
.smarteam-app .smarteam-req-accordion-item,
.smarteam-app .iit-gestor-proyecto .smarteam-req-accordion-item {
	border-bottom: 1px solid rgba(67, 89, 113, 0.08);
	padding: 0.75rem 0;
	background: #fff;
}

.iit-gestor-proyecto .smarteam-req-accordion-item:last-child,
.smarteam-app .smarteam-req-accordion-item:last-child,
.smarteam-app .iit-gestor-proyecto .smarteam-req-accordion-item:last-child {
	border-bottom: none;
}

.iit-gestor-proyecto .smarteam-req-accordion-item__headrow,
.smarteam-app .smarteam-req-accordion-item__headrow,
.smarteam-app .iit-gestor-proyecto .smarteam-req-accordion-item__headrow {
	align-items: center;
	margin-left: 0;
	margin-right: 0;
}

.iit-gestor-proyecto .smarteam-req-accordion-item__panel,
.smarteam-app .smarteam-req-accordion-item__panel,
.smarteam-app .iit-gestor-proyecto .smarteam-req-accordion-item__panel {
	margin-top: 12px;
	padding: 16px;
	background: rgba(67, 89, 113, 0.03);
	border-radius: 10px;
	border: 1px solid rgba(67, 89, 113, 0.08);
}

.iit-gestor-proyecto .smarteam-form-nueva-tarea,
.smarteam-app .smarteam-form-nueva-tarea,
.smarteam-app .iit-gestor-proyecto .smarteam-form-nueva-tarea {
	background: #fff;
	border: 1px solid rgba(67, 89, 113, 0.1);
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 16px;
	box-shadow: 0 1px 4px rgba(67, 89, 113, 0.06);
}

.iit-gestor-proyecto .smarteam-ntarea-inline__hint,
.smarteam-app .smarteam-ntarea-inline__hint,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__hint {
	margin-bottom: 10px;
	line-height: 1.35;
}

.iit-gestor-proyecto select.smarteam-ntarea-field__control,
.smarteam-app select.smarteam-ntarea-field__control,
.smarteam-app .iit-gestor-proyecto select.smarteam-ntarea-field__control {
	height: 36px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.iit-gestor-proyecto .smarteam-ntarea-hh-pair,
.smarteam-app .smarteam-ntarea-hh-pair,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-hh-pair {
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: center;
}

.iit-gestor-proyecto .smarteam-ntarea-btn,
.smarteam-app .smarteam-ntarea-btn,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 36px;
	padding: 0 14px;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 8px;
	border: 1px solid transparent;
	box-shadow: none;
	white-space: nowrap;
}

.iit-gestor-proyecto .smarteam-ntarea-btn .fa,
.smarteam-app .smarteam-ntarea-btn .fa,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-btn .fa {
	font-size: 13px;
}

.iit-gestor-proyecto .smarteam-ntarea-btn--add,
.smarteam-app .smarteam-ntarea-btn--add,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-btn--add {
	background: #696cff;
	color: #fff;
	border-color: #696cff;
}

.iit-gestor-proyecto .smarteam-ntarea-btn--add:hover,
.smarteam-app .smarteam-ntarea-btn--add:hover,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-btn--add:hover {
	background: #5f62e6;
	border-color: #5f62e6;
	color: #fff;
}

.iit-gestor-proyecto .smarteam-ntarea-btn--clear,
.smarteam-app .smarteam-ntarea-btn--clear,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-btn--clear {
	background: #fff4f5;
	color: #d97706;
	border-color: rgba(255, 72, 97, 0.25);
}

.iit-gestor-proyecto .smarteam-ntarea-btn--clear:hover,
.smarteam-app .smarteam-ntarea-btn--clear:hover,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-btn--clear:hover {
	background: #ffe8ea;
	border-color: rgba(255, 72, 97, 0.45);
	color: #b45309;
}

@media (max-width: 991px) {

.iit-gestor-proyecto .smarteam-ntarea-inline__actions,
.smarteam-app .smarteam-ntarea-inline__actions,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__actions {
		margin-left: 0;
		width: 100%;
		justify-content: flex-end;
	}

}

.iit-gestor-proyecto .smarteam-table-tareas,
.smarteam-app .smarteam-table-tareas,
.smarteam-app .iit-gestor-proyecto .smarteam-table-tareas {
	margin-bottom: 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(67, 89, 113, 0.1);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	font-size: 0.8125rem;
}

.iit-gestor-proyecto .smarteam-table-tareas thead th,
.smarteam-app .smarteam-table-tareas thead th,
.smarteam-app .iit-gestor-proyecto .smarteam-table-tareas thead th {
	background: rgba(105, 108, 255, 0.08);
	color: #566a7f;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-bottom: 1px solid rgba(67, 89, 113, 0.12);
	padding: 12px 10px;
	vertical-align: middle;
}

.iit-gestor-proyecto .smarteam-table-tareas tbody td,
.smarteam-app .smarteam-table-tareas tbody td,
.smarteam-app .iit-gestor-proyecto .smarteam-table-tareas tbody td {
	padding: 10px;
	vertical-align: middle;
	border-top: 1px solid rgba(67, 89, 113, 0.06);
}

.iit-gestor-proyecto .smarteam-table-tareas tbody tr:hover td,
.smarteam-app .smarteam-table-tareas tbody tr:hover td,
.smarteam-app .iit-gestor-proyecto .smarteam-table-tareas tbody tr:hover td {
	background: rgba(105, 108, 255, 0.04);
}

.iit-gestor-proyecto .smarteam-table-tareas .hh-estimada span,
.smarteam-app .smarteam-table-tareas .hh-estimada span,
.smarteam-app .iit-gestor-proyecto .smarteam-table-tareas .hh-estimada span,
.iit-gestor-proyecto .smarteam-table-tareas .hh-real span,
.smarteam-app .smarteam-table-tareas .hh-real span,
.smarteam-app .iit-gestor-proyecto .smarteam-table-tareas .hh-real span {
	font-variant-numeric: tabular-nums;
}

@media (max-width: 767px) {

.iit-gestor-proyecto .smarteam-req-datatable-card__head,
.smarteam-app .smarteam-req-datatable-card__head,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__head {
		flex-direction: column;
		align-items: stretch;
	}

.iit-gestor-proyecto .smarteam-req-datatable-card__actions,
.smarteam-app .smarteam-req-datatable-card__actions,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__actions {
		justify-content: flex-start;
	}

}


/* ========== RECOVERY ALIASES detalle (BS retirado del markup) ========== */
#barra-tareas-rapida .automaticaBar .smarteam-btn,
#barra-tareas-rapida .manualBar .smarteam-btn,
.smarteam-app #barra-tareas-rapida .automaticaBar .smarteam-btn,
.smarteam-app #barra-tareas-rapida .manualBar .smarteam-btn {
	min-width: 34px;
	height: 34px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.smarteam-app .smarteam-req-estado-pill,
#main-content .portlet .smarteam-req-estado-pill,
#content .portlet .smarteam-req-estado-pill {
	background: #fff;
	font-weight: 600;
	border-radius: 0.375rem;
	box-shadow: none;
}
.smarteam-app .btn-accion-proyecto.smarteam-btn,
#main-content .portlet .btn-accion-proyecto.smarteam-btn,
#content .portlet .btn-accion-proyecto.smarteam-btn {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
}
/* ========== DETALLE EXTRAS (markup actual post-hist) ========== */
.iit-gestor-proyecto .smarteam-req-datatable-card__head,
.smarteam-app .smarteam-req-datatable-card__head,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem 1.25rem;
	padding: 1.25rem 1.25rem 1rem;
	border-bottom: 1px solid rgba(67, 89, 113, 0.08);
}
.iit-gestor-proyecto .smarteam-req-datatable-card__title,
.smarteam-app .smarteam-req-datatable-card__title,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__title {
	margin: 0 0 0.25rem 0;
	font-size: 1.125rem;
	font-weight: 700;
	color: #233446;
	letter-spacing: -0.02em;
}
.iit-gestor-proyecto .smarteam-req-datatable-card__subtitle,
.smarteam-app .smarteam-req-datatable-card__subtitle,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__subtitle {
	margin: 0;
	font-size: 0.8125rem;
	color: #8592a3;
	font-weight: 500;
	line-height: 1.4;
}
.iit-gestor-proyecto .smarteam-req-datatable-card__actions,
.smarteam-app .smarteam-req-datatable-card__actions,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.iit-gestor-proyecto .smarteam-req-dt-btn,
.smarteam-app .smarteam-req-dt-btn,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn {
	border-radius: 8px;
	font-weight: 600;
	padding: 8px 14px;
	min-height: 34px;
	box-shadow: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.iit-gestor-proyecto .smarteam-req-dt-btn--success,
.smarteam-app .smarteam-req-dt-btn--success,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn--success {
	background: #26b99a;
	border: 1px solid #26b99a !important;
	color: #fff;
}
.iit-gestor-proyecto .smarteam-req-dt-btn--success:hover,
.smarteam-app .smarteam-req-dt-btn--success:hover,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn--success:hover {
	background: #20a589;
	border-color: #20a589;
	color: #fff;
}
.iit-gestor-proyecto .smarteam-req-dt-btn--primary,
.smarteam-app .smarteam-req-dt-btn--primary,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn--primary {
	background: #696cff;
	border: 1px solid #696cff !important;
	color: #fff;
}
.iit-gestor-proyecto .smarteam-req-dt-btn--primary:hover,
.smarteam-app .smarteam-req-dt-btn--primary:hover,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn--primary:hover {
	background: #5f62e6;
	border-color: #5f62e6;
	color: #fff;
}
.iit-gestor-proyecto .smarteam-req-dt-btn--outline,
.smarteam-app .smarteam-req-dt-btn--outline,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn--outline {
	background: #fff;
	border: 1px solid rgba(67, 89, 113, 0.16) !important;
	color: #566a7f;
}
.iit-gestor-proyecto .smarteam-req-dt-btn--outline:hover,
.smarteam-app .smarteam-req-dt-btn--outline:hover,
.smarteam-app .iit-gestor-proyecto .smarteam-req-dt-btn--outline:hover {
	border-color: #696cff;
	color: #696cff;
	background: rgba(105, 108, 255, 0.06);
}
.iit-gestor-proyecto .smarteam-req-filter-field--actions,
.smarteam-app .smarteam-req-filter-field--actions,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field--actions {
	justify-content: flex-end;
}
.iit-gestor-proyecto .smarteam-req-filter-field__label,
.smarteam-app .smarteam-req-filter-field__label,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field__label {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #a1acb8;
	margin: 0;
}
.iit-gestor-proyecto .smarteam-req-filter-field__label--placeholder,
.smarteam-app .smarteam-req-filter-field__label--placeholder,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field__label--placeholder {
	visibility: hidden;
	min-height: 1em;
}
.iit-gestor-proyecto .smarteam-req-filter-field__control:focus,
.smarteam-app .smarteam-req-filter-field__control:focus,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field__control:focus {
	border-color: #696cff;
	box-shadow: 0 0 0 3px rgba(105, 108, 255, 0.15) !important;
}
.iit-gestor-proyecto .smarteam-req-filter-field__btn,
.smarteam-app .smarteam-req-filter-field__btn,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field__btn {
	width: 100%;
}
.iit-gestor-proyecto .smarteam-req-datatable-card__body,
.smarteam-app .smarteam-req-datatable-card__body,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__body {
	padding: 0 1.25rem 1.25rem;
}
.iit-gestor-proyecto .smarteam-req-datatable-card__lista,
.smarteam-app .smarteam-req-datatable-card__lista,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__lista {
	max-height: 75vh;
	overflow-y: auto;
	padding-top: 4px;
}
.iit-gestor-proyecto .smarteam-ntarea-inline__cod-proy,
.smarteam-app .smarteam-ntarea-inline__cod-proy,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__cod-proy {
	font-size: 0.75rem;
	color: #8592a3;
}
.iit-gestor-proyecto .smarteam-ntarea-inline__alert,
.smarteam-app .smarteam-ntarea-inline__alert,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__alert {
	color: #ff4867;
	font-weight: 600;
}
.iit-gestor-proyecto .smarteam-ntarea-inline__hint-auto,
.smarteam-app .smarteam-ntarea-inline__hint-auto,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__hint-auto {
	color: #696cff;
	font-weight: 600;
	font-size: 0.72rem;
}
.iit-gestor-proyecto .smarteam-ntarea-inline__row,
.smarteam-app .smarteam-ntarea-inline__row,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	width: 100%;
}
.iit-gestor-proyecto .smarteam-ntarea-field,
.smarteam-app .smarteam-ntarea-field,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}
.iit-gestor-proyecto .smarteam-ntarea-field--cod,
.smarteam-app .smarteam-ntarea-field--cod,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field--cod {
	flex: 0 0 6.5rem;
	max-width: 100%;
}
.iit-gestor-proyecto .smarteam-ntarea-field--nombre,
.smarteam-app .smarteam-ntarea-field--nombre,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field--nombre {
	flex: 2 1 140px;
	min-width: 120px;
}
.iit-gestor-proyecto .smarteam-ntarea-field--resp,
.smarteam-app .smarteam-ntarea-field--resp,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field--resp {
	flex: 1 1 128px;
	min-width: 108px;
}
.iit-gestor-proyecto .smarteam-ntarea-field--fecha,
.smarteam-app .smarteam-ntarea-field--fecha,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field--fecha {
	flex: 0 1 168px;
	min-width: 140px;
}
.iit-gestor-proyecto .smarteam-ntarea-field--hh,
.smarteam-app .smarteam-ntarea-field--hh,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field--hh {
	flex: 0 0 6.25rem;
}
.iit-gestor-proyecto .smarteam-ntarea-field__control,
.smarteam-app .smarteam-ntarea-field__control,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field__control {
	width: 100%;
	height: 36px;
	padding: 6px 10px;
	font-size: 0.8125rem;
	border-radius: 8px;
	border: 1px solid rgba(67, 89, 113, 0.16) !important;
	box-shadow: none;
	line-height: 1.25;
}
.iit-gestor-proyecto .smarteam-ntarea-field__control:focus,
.smarteam-app .smarteam-ntarea-field__control:focus,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field__control:focus {
	border-color: #696cff;
	box-shadow: 0 0 0 2px rgba(105, 108, 255, 0.12) !important;
}
.iit-gestor-proyecto .smarteam-ntarea-field__control--hh,
.smarteam-app .smarteam-ntarea-field__control--hh,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-field__control--hh {
	flex: 1 1 0 !important;
	min-width: 0;
	width: auto;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.iit-gestor-proyecto .smarteam-ntarea-inline__actions,
.smarteam-app .smarteam-ntarea-inline__actions,
.smarteam-app .iit-gestor-proyecto .smarteam-ntarea-inline__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	margin-left: auto;
}




/* === migrado desde proyecto.css (restante portlet) === */
/* Estilos especificos del modulo Proyecto */

/* Comentarios (Proyecto) */
.iit-gestor-proyecto #infoProyect .smarteam-comment-side-panel__entries {
	margin: 0;
	padding: 0;
	list-style: none;
}

.iit-gestor-proyecto #infoProyect .comentario-item {
	list-style: none;
	background: #fff;
	border: 1px solid #e6eef5;
	border-radius: 8px;
	padding: 10px 12px;
	margin: 10px 0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.iit-gestor-proyecto #infoProyect .comentario-item .comentario-encabezado {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: baseline;
	margin-bottom: 6px;
}

.iit-gestor-proyecto #infoProyect .comentario-item .comentario-usuario {
	font-weight: 600;
	color: #2a3f54;
	font-size: 12px;
}

.iit-gestor-proyecto #infoProyect .comentario-item .comentario-fecha {
	color: #6c757d;
	font-size: 11px;
	white-space: nowrap;
}

.iit-gestor-proyecto #infoProyect .comentario-item .comentario-texto {
	color: #344054;
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
}

#barra-tareas-rapida .custom-input-text {
	height: 34px;
	border: 1px solid #d0d7de;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 13px;
	box-shadow: none;
}

#barra-tareas-rapida .custom-input-text:focus {
	border-color: #3498DB;
	box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.12);
	outline: none;
}

#barra-tareas-rapida .custom-input-btn {
	height: 34px;
	padding: 6px 16px;
	border-radius: 8px;
	border: 1px solid #d0d7de;
	background: #fff;
	font-weight: 600;
}

#barra-tareas-rapida #nombreProyectoBar {
	white-space: nowrap;
}

#barra-tareas-rapida #nombreTareaBar {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

#barra-tareas-rapida .automaticaBar,
#barra-tareas-rapida .manualBar {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
}

#barra-tareas-rapida #hhEstimada-Bar,
#barra-tareas-rapida #hhFinal-Bar {
	width: 90px;
	text-align: center;
	font-variant-numeric: tabular-nums;

}
.cabecera-proyecto {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.btn-centrado{
	display: flex;
	width: 24px;
	height: 24px;
	padding: 0;
	line-height: 24px;
	border-radius: 50%;
	align-items: center;
	justify-content: space-evenly;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.modal-footer .btn-xs {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.5;
}
.modal-footer .btn + .btn {
    margin-left: 10px;
}

@media (max-width: 991px) {
	#barra-tareas-rapida .smarteam-quick-task-bar__project {
		flex: 1 1 100%;
	}
	#barra-tareas-rapida .automaticaBar,
	#barra-tareas-rapida .manualBar {
		flex: 1 1 100%;
		justify-content: flex-end;
	}
}

@media (max-width: 575px) {
	#barra-tareas-rapida #nombreTareaBar {
		flex: 1 1 100%;
		min-width: 0;
		max-width: 100%;
		width: 100%;
	}
	#barra-tareas-rapida .automaticaBar,
	#barra-tareas-rapida .manualBar {
		justify-content: space-between;
	}
	#barra-tareas-rapida #hhEstimada-Bar,
	#barra-tareas-rapida #hhFinal-Bar {
		width: 80px;
	}
}

.cabezera-proyecto {
	display: flex;
	gap: 15px;
	align-items: center;
	flex-wrap: wrap;
}

/* Volver / Editar: aspecto Sneat outline (colores en smarteam-ui.css) */
.btn-accion-proyecto {
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 0.375rem;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
	position: relative;
	overflow: visible;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-transform: none;
	letter-spacing: normal;
	min-width: 0;
	justify-content: center;
	animation: none;
}

.btn-accion-proyecto i {
	font-size: 15px;
}

.btn-accion-proyecto::before {
	display: none !important;
}

@media (max-width: 768px) {
	.btn-accion-proyecto {
		min-width: 120px;
		padding: 10px 20px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.cabezera-proyecto {
		flex-direction: column;
		align-items: stretch;
	}

	.btn-accion-proyecto {
		width: 100%;
		min-width: auto;
	}
}

#lista-modal-miembros li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

#lista-modal-miembros .row,
#lista-modal-miembros .smarteam-l-row,
#lista-modal-miembros .smarteam-modal__member-row {
    display: flex;
    align-items: center;
	gap:8px;
}

#lista-modal-miembros img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
	border: 2px solid #3090D0;
}

#lista-modal-miembros .text-right,
#lista-modal-miembros .smarteam-u-text-right {
    display: flex;
    justify-content: flex-end;
}

#lista-modal-miembros .col-md-4,
#lista-modal-miembros .smarteam-modal__member-name {
    font-weight:600;
}

/*lista modal miembros rq*/

#lista-modal-miembros-rq li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

#lista-modal-miembros-rq .smarteam-modal__member-row,
#lista-modal-miembros-rq .smarteam-l-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    color: inherit;
    text-decoration: none;
}

#lista-modal-miembros-rq img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #3090D0;
    object-fit: cover;
}

#lista-modal-miembros-rq .smarteam-modal__member-name {
    font-weight: 600;
    color: #1e293b;
}

#lista-modal-miembros-rq .smarteam-modal__member-role {
    font-size: 0.9em;
    color: #64748b;
}

#lista-modal-miembros-rq .smarteam-modal__member-actions {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}

/*#modal-equipo-proyecto .input-group-append {
    margin-left: 12px !important;
}*/

#modal-equipo-proyecto .input-group-append .btn {
    margin-left: 572% !important;
	margin-top: 5px !important;
}

#modal-equipo-rq .input-group-append {
    margin-left: 12px !important;
}

#modal-equipo-rq .input-group-append .btn {
    margin-left: 655% !important;
	margin-top: 5px !important;
}

/* Detalle DS (sidebar/req-card/ntarea/accordion): migrado a CX smarteam-app-shell.css */

/* === migrado desde btn-gproyecto === */
/* BOTONERA */
.nuevoItem{
	color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-ctr-tareas{
	color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.controlTime{
	color: #fff;
    background-color: #26b99a;
    border-color: #169f85;
}

.btn-crear-proyecto{
	color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}

.btn-info-proyecto{
	color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}

.btn-crear-reque{
	color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}


.circle {
	width:50px;
	height:50px;
	box-shadow: 0 0 0 0 rgba(232, 61, 61, 0.7);
	cursor: pointer;
	right: 30px;
	font-size: 18px;
	border-radius:50%;
	border-width: 0px;
/* 	position: absolute; */
	position: fixed;
	margin-right:-30px;
	bottom: 30px;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.first_circle {
	z-index: 5;
	cursor: pointer;
	-webkit-animation: pulse 2.25s infinite cubic-bezier(0.1, 0.99, 0.35, 1.15);
	-moz-animation: pulse 2.25s infinite cubic-bezier(0.1, 0.99, 0.35, 1.15);
	-ms-animation: pulse 2.25s infinite cubic-bezier(0.1, 0.99, 0.35, 1.15);
	animation: pulse 2.25s infinite cubic-bezier(0.1, 0.99, 0.35, 1.15);
}

.first_circle:hover
{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.second_circle {
	z-index: 4;
	background-size:cover;
}

.second_circle:hover
{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.third_circle {
	z-index: 3;
	background-size:cover;
}

.third_circle:hover
{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.four_circle {
	z-index: 2;
	background-size:cover;
}

.four_circle:hover
{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.five_circle {
	z-index: 1;
	background-size:cover;
}

.five_circle:hover
{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.six_circle {
	z-index: 1;
	background-size:cover;
}

.six_circle:hover
{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
.contener_circle:hover .second_circle{
	right:90px !important;
}

.contener_circle:hover .third_circle{
	bottom:87px;
}

.contener_circle:hover .four_circle{
	bottom:147px;
}

.contener_circle:hover .five_circle{
	right:90px !important;
}

.contener_circle:hover .six_circle{
	right:90px !important;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(61, 208, 232, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(61, 208, 232, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(61, 208, 232, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(61, 208, 232, 0);}}



.sk-folding-cube {
  width: 25px;
  height: 25px;
  position: relative;
  left: 5px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}


a.play:hover{
	background: #1abb9c;
	color: #fff;
	border-color: #101010;
}

a.pause:hover{
	background: #5494e4;
	color: #fff;
	border-color: #101010;
}

a.stop:hover{
	background: #d43f3a;
	color: #fff;
	border-color: #101010;
}

#tab-tareas-ct li>a:hover{
	background-color: #03a9f4;
    color: #fff ;
}
#tab-tareas-ct li.active >a:hover{
	background-color: #fff;
	color:#555;
}


/* === migrado desde bar-gproyecto === */
.custom-input-text{
	height: 25px;
}
.custom-input-btn{
	height: 25px;
	padding: 0px 35px;
	background: #f3d7d7;
}

/* Barra rapida: alinear controles en flex DS */
#barra-tareas-rapida .smarteam-bar-rapida-row {
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem 0;
}
#barra-tareas-rapida .smarteam-l-row {
	align-items: center;
	margin-left: 0;
	margin-right: 0;
}
#barra-tareas-rapida .custom-input-text,
#barra-tareas-rapida .input-numero {
	width: 100%;
	box-sizing: border-box;
}
#barra-tareas-rapida .automaticaBar .smarteam-l-row,
#barra-tareas-rapida .manualBar .smarteam-l-row {
	justify-content: flex-start;
	gap: 0.35rem;
}


/* ========== CANONICAL CX-UNICO (resolver contradicciones) ========== */

/* Toolbar filtros: UNA estrategia = grid */
.smarteam-app .smarteam-req-datatable-card__filters,
.smarteam-app .smarteam-req-datatable-card__filters.smarteam-filter-card,
.iit-gestor-proyecto .smarteam-req-datatable-card__filters,
.iit-gestor-proyecto .smarteam-req-datatable-card__filters.smarteam-filter-card,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__filters,
.smarteam-app .iit-gestor-proyecto .smarteam-req-datatable-card__filters.smarteam-filter-card {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	align-items: end;
	gap: 12px 16px;
	padding: 16px 20px;
	background: rgba(67, 89, 113, 0.03);
	border-bottom: 1px solid rgba(67, 89, 113, 0.08);
}

/* Campo filtro: una sola definicion de layout */
.smarteam-app .smarteam-req-filter-field,
.iit-gestor-proyecto .smarteam-req-filter-field,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

/* Campos filtro: una sola definicion (altura + borde) */
.smarteam-app .smarteam-req-filter-field__control,
.iit-gestor-proyecto .smarteam-req-filter-field__control,
.smarteam-app .iit-gestor-proyecto .smarteam-req-filter-field__control,
.smarteam-app .smarteam-req-filter-field__control.smarteam-input,
.smarteam-app .smarteam-req-filter-field__control.smarteam-select {
	width: 100%;
	height: 34px;
	min-height: 34px;
	max-height: 34px;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid rgba(67, 89, 113, 0.16);
	box-shadow: none;
}

/* Header stats: owner en components/detail-header.css (sin copia aqui) */

/* Stat chips */
.smarteam-app .smarteam-stat-chip,
#main-content .portlet .smarteam-stat-chip,
#content .portlet .smarteam-stat-chip {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
}

/* Estado requerimiento: independiente de botones */
.smarteam-req-estado-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	min-height: 28px;
	padding: 0.2rem 0.55rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	color: var(--smarteam-text-main, #0f172a);
	box-shadow: none;
}
.smarteam-req-estado-pill--success {
	border-color: var(--smarteam-success, #15803d);
	color: var(--smarteam-success, #15803d);
}
.smarteam-req-estado-pill--warning {
	border-color: var(--smarteam-warning, #a16207);
	color: var(--smarteam-warning, #a16207);
}
.smarteam-req-estado-pill--danger {
	border-color: var(--smarteam-danger, #b91c1c);
	color: var(--smarteam-danger, #b91c1c);
}
.smarteam-req-estado-pill--info,
.smarteam-req-estado-pill--primary {
	border-color: var(--smarteam-primary, #696cff);
	color: var(--smarteam-primary, #696cff);
}
.smarteam-req-estado-pill--neutral,
.smarteam-req-estado-pill--dark {
	border-color: #334155;
	color: #334155;
}

/* ========== DETALLE PROYECTO: shell alineado al DS ========== */
.smarteam-app .smarteam-project-detail-shell {
	margin-left: 0;
	margin-right: 0;
	padding: 0 var(--smarteam-list-pad-x, 15px) 1rem;
}

.smarteam-app .smarteam-project-detail-shell__col {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.smarteam-app .smarteam-project-detail-card.iit-gestor-proyecto {
	background: var(--smarteam-surface, #fff);
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius-lg, 0.75rem);
	box-shadow: none;
	overflow: hidden;
	margin-bottom: 0;
	padding: 0;
}

.smarteam-app .smarteam-project-detail-card > .smarteam-detail-header {
	padding: 1rem 1rem 0.875rem;
	margin-bottom: 0;
	background: var(--smarteam-surface, #fff);
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-project-detail-card > .smarteam-project-detail-card__content {
	padding: 1rem;
}

.smarteam-app .smarteam-project-detail-card .smarteam-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
	gap: 1rem;
	align-items: start;
}

.smarteam-app .smarteam-project-detail-card .smarteam-detail-layout__main,
.smarteam-app .smarteam-project-detail-card .smarteam-detail-layout__aside {
	min-width: 0;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-datatable-card,
.smarteam-app .smarteam-project-detail-card #infoProyect > section {
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	box-shadow: none;
	background: var(--smarteam-surface, #fff);
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-datatable-card__head,
.smarteam-app .smarteam-project-detail-card #infoProyect > section > [class$="__header"] {
	background: var(--smarteam-surface, #fff);
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-datatable-card__filters.smarteam-filter-card {
	background: var(--smarteam-surface-muted, #f8fafc);
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-datatable-card__lista {
	max-height: none;
	overflow-y: visible;
}

.smarteam-app .smarteam-project-detail-card #infoProyect > section {
	margin-bottom: 1rem;
	overflow: hidden;
}

.smarteam-app .smarteam-project-detail-card #infoProyect > section:last-child {
	margin-bottom: 0;
}

@media (max-width: 1199px) {
	.smarteam-app .smarteam-project-detail-card .smarteam-detail-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.smarteam-app .smarteam-project-detail-shell {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	.smarteam-app .smarteam-project-detail-card > .smarteam-detail-header,
	.smarteam-app .smarteam-project-detail-card > .smarteam-project-detail-card__content {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

/* ========== Requerimientos: acciones compactas ========== */
.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__headrow {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.75rem 1rem;
	align-items: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__headrow > .smarteam-l-col {
	float: none;
	width: auto;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__actions {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	min-width: 17.5rem;
	min-height: 32px;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__members {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.25rem;
	min-width: 4.5rem;
	min-height: 32px;
	margin: 0;
	padding: 0;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__avatar {
	width: 32px;
	height: 32px;
	margin: 0;
	margin-right: -0.25rem;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	box-shadow: none;
	vertical-align: middle;
	object-fit: cover;
	flex: 0 0 32px;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__members > .add-miembro-req,
.smarteam-app .smarteam-project-detail-card .menu-requerimiento > .custom-menu-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	margin: 0;
	padding: 0;
	border-radius: 0.375rem;
	line-height: 1;
	flex: 0 0 32px;
	align-self: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__actions .add-miembro-req {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	line-height: 1;
	border-radius: 0.375rem;
	margin: 0 0 0 0.25rem;
	align-self: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.25rem;
	align-items: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-req-estado-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	min-width: 5.5rem;
	min-height: 32px;
	height: 32px;
	margin: 0;
	padding: 0 0.65rem;
	white-space: nowrap;
	line-height: 1;
	box-sizing: border-box;
}

.smarteam-app .smarteam-project-detail-card .menu-requerimiento {
	position: relative;
	display: inline-flex;
	align-items: center;
	align-self: center;
	margin: 0;
}

.smarteam-app .smarteam-project-detail-card .menu-requerimiento .custom-menu {
	right: 0;
	left: auto;
	min-width: 10rem;
}

.smarteam-app .smarteam-project-detail-card .menu-requerimiento .custom-menu .smarteam-btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	min-width: 0;
	padding: 0.45rem 0.6rem;
	border-radius: 0.375rem;
	line-height: 1.2;
	text-align: left;
	white-space: nowrap;
}

.smarteam-app .smarteam-project-detail-card .menu-requerimiento .custom-menu .smarteam-btn i {
	width: 1rem;
	margin-right: 0.4rem;
	text-align: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-ntarea-field--hh {
	flex-basis: 9.375rem;
}

.smarteam-app .smarteam-project-detail-card .smarteam-ntarea-hh-pair {
	width: 9.375rem;
}

/* ========== Comentarios laterales ========== */
.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel {
	background: var(--smarteam-surface, #fff);
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	box-shadow: none;
	overflow: hidden;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	margin: 0;
	background: var(--smarteam-surface, #fff);
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__header p {
	margin: 0;
	color: var(--smarteam-text, #1f2937);
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.25;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__header .smarteam-btn {
	float: none;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	min-width: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__body {
	padding: 1rem;
	max-height: none;
	overflow: visible;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__content {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__content > div {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__composer-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 32px;
	gap: 0.5rem;
	align-items: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__composer-head p {
	margin: 0;
	color: var(--smarteam-text-muted, #6b7280);
	font-size: 0.8125rem;
	font-weight: 600;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel__composer-head .smarteam-btn {
	float: none;
	width: 32px;
	height: 32px;
	min-width: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel .add-comentario {
	width: 100%;
	min-height: 6.25rem;
	resize: vertical;
	box-sizing: border-box;
}

.smarteam-app .smarteam-project-detail-card .smarteam-comment-side-panel .list-comment {
	margin-top: 0.25rem;
}

/* ========== Documentos laterales ========== */
.smarteam-app .smarteam-project-detail-card .smarteam-document-side-panel {
	background: var(--smarteam-surface, #fff);
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	box-shadow: none;
	overflow: hidden;
}

.smarteam-app .smarteam-project-detail-card .smarteam-document-side-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	background: var(--smarteam-surface, #fff);
	border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-project-detail-card .smarteam-document-side-panel__header h2 {
	margin: 0;
	color: var(--smarteam-text, #1f2937);
	font-size: 0.95rem;
	font-weight: 700;
}

.smarteam-app .smarteam-project-detail-card .smarteam-document-side-panel__body {
	padding: 1rem;
}

/* ========== Edicion proyecto: formulario lateral limpio ========== */
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit {
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: 0.75rem;
	box-shadow: none;
	overflow: hidden;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.75rem;
	align-items: center;
	padding: 1rem;
	background: var(--smarteam-surface, #fff);
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__heading {
	min-width: 0;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__title {
	margin: 0;
	font-size: 1rem;
	line-height: 1.2;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__kicker {
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	line-height: 1.35;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__toolbar {
	display: inline-flex;
	gap: 0.5rem;
	align-items: center;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__btn {
	width: 2.25rem;
	height: 2.25rem;
	min-width: 2.25rem;
	border-radius: 0.5rem;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__body {
	padding: 1rem;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__hero-edit {
	padding: 0;
	margin-bottom: 1rem;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__facts {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	padding-top: 1rem;
	border-top: 1px solid var(--smarteam-border, #e7e9ed);
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit {
	display: block;
	min-height: 0;
	padding: 0;
	border-bottom: 0;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__icon {
	display: none;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila--edit .smarteam-dp-fila__texto {
	display: block;
	width: 100%;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__label {
	display: block;
	margin: 0 0 0.35rem;
	color: var(--smarteam-text-muted, #64748b);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control,
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos,
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos-area,
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit select.smarteam-dp-fila__control,
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .select2-container {
	width: 100%;
	max-width: none;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-dp-fila__control,
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos,
.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .editar-proyectos-area {
	min-height: 2.5rem;
	border-color: var(--smarteam-border, #d9dee3);
	border-radius: 0.5rem;
	background: #fff;
	color: var(--smarteam-text, #233446);
	font-size: 0.875rem;
	font-weight: 500;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__nombre-input {
	margin-bottom: 0.875rem;
	font-size: 0.95rem;
	font-weight: 700;
}

.smarteam-app .smarteam-project-detail-card #infoProyect .smarteam-sidebar-proyecto--edit .smarteam-sidebar-proyecto__descrip-input {
	min-height: 5.5rem;
	margin-bottom: 0;
	resize: vertical;
}

/* ========== Modal miembros proyecto ========== */
.modal.smarteam-modal #lista-modal-miembros {
	margin-top: 1rem;
	padding-top: 0;
	border-top: 0;
}

.modal.smarteam-modal #lista-modal-miembros > li {
	padding: 1rem 0;
	border-bottom: 1px solid var(--smarteam-border, #e2e8f0);
}

.modal.smarteam-modal #lista-modal-miembros .smarteam-l-row {
	display: grid;
	grid-template-columns: 4rem minmax(0, 1fr) minmax(8rem, 1fr) 2.5rem;
	align-items: center;
	gap: 1rem;
	width: 100%;
	margin: 0;
}

.modal.smarteam-modal #lista-modal-miembros .smarteam-l-col {
	flex: none;
	max-width: none;
	width: auto;
	padding: 0;
}

.modal.smarteam-modal #lista-modal-miembros img.avatar {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	object-fit: cover;
	border: 2px solid var(--smarteam-info, #3090d0);
	border-radius: 999px;
}

.modal.smarteam-modal #lista-modal-miembros .smarteam-l-col--4,
.modal.smarteam-modal #lista-modal-miembros .smarteam-l-col--3 {
	color: var(--smarteam-text, #1e293b);
	line-height: 1.35;
}

.modal.smarteam-modal #lista-modal-miembros .smarteam-l-col--4 {
	font-weight: 500;
}

.modal.smarteam-modal #lista-modal-miembros .smarteam-u-text-right {
	display: flex;
	justify-content: flex-end;
}

.modal.smarteam-modal #lista-modal-miembros .smarteam-btn--danger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	min-height: 2rem;
	padding: 0;
}

@media (max-width: 991px) {
	.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__headrow {
		grid-template-columns: 1fr;
	}

	.smarteam-app .smarteam-project-detail-card .smarteam-req-accordion-item__actions {
		justify-content: start;
		min-width: 0;
	}

	.modal.smarteam-modal #lista-modal-miembros .smarteam-l-row {
		grid-template-columns: 3rem minmax(0, 1fr) 2.5rem;
	}

	.modal.smarteam-modal #lista-modal-miembros .smarteam-l-col--3:not(.smarteam-u-text-right) {
		grid-column: 2 / 3;
		color: var(--smarteam-text-muted, #64748b);
	}
}
/* ========== END 51-proyecto-detalle.css ========== */

/* ========== BEGIN 54-ficha.css ========== */
/* Estilos migrados desde el portlet Ficha al CX global. */
/* Contenedor de la notificaci�n actualizado para parecerse a image_1.png */
.notificacion-card {
    position: fixed;
    bottom: 20px; /* Posici�n en la parte inferior */
    right: 20px; /* Posici�n en la esquina derecha */
    display: flex;
    align-items: flex-start; /* Alinea los elementos al principio (arriba) */
    background-color: #ffffff; /* Fondo blanco */
    padding: 16px 20px; /* Espaciado m�s amplio */
    border-radius: 10px; /* Bordes m�s redondeados */
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15); /* Sombra m�s pronunciada y suave */
    z-index: 9999;
    gap: 15px; /* Separaci�n entre el icono y el texto */

    /* Animaci�n de entrada desde abajo */
    opacity: 0;
    transform: translateY(20px); /* Ligeramente desplazado hacia abajo */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* --- Contenedor Base de la Notificaci�n --- */
.notificacion-card-Success {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: flex-start;
    background-color: #ffffff;
    padding: 16px 20px;
    border-radius: 12px; /* Un poco m�s redondeado para un look moderno */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); /* Sombra m�s profunda */
    z-index: 9999;
    gap: 15px;
    min-width: 300px; /* Ancho m�nimo para consistencia */
    max-width: 400px;

    /* Borde lateral sutil para reforzar el estado */
    border-left: 6px solid transparent;

    /* Animaci�n de entrada/salida */
    opacity: 0;
    transform: translateY(30px) scale(0.95); /* Entra subiendo y creciendo levemente */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Efecto el�stico */
}

/* --- Estados espec�ficos --- */

/* Estilo para �xito */
.notificacion-card.success {
    border-left-color: #22c55e; /* Verde esmeralda */
}

/* Estilo para Error */
.notificacion-card.error {
    border-left-color: #ef4444; /* Rojo intenso */
}

/* --- Animaci�n de Activaci�n --- */
.notificacion-card.mostrar {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* --- Tipograf�a y Estructura Interna --- */
.div-texto-notificacion {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 2px;
}

.texto-titulo-notificacion {
    color: #1f2937; /* Gris muy oscuro, casi negro */
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.texto-cuerpo-notificacion {
    color: #6b7280; /* Gris intermedio (estilo Tailwind) */
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

/* --- Adaptabilidad para m�viles --- */
@media (max-width: 480px) {
    .notificacion-card {
        right: 10px;
        left: 10px; /* Se centra en pantallas peque�as */
        bottom: 10px;
        min-width: auto;
    }
}
.contenedor-formulario {
    width: 100%;
    margin-top: 20px;
    background: #ffff;
}

.miFormulario {
    width: 100%;
}
/* este el el titulo de ficha personal del trabajador*/
.titulo-FichaPersonalTrabajador {
    margin-top: 30px;   /* baja el bloque */
    margin-left: 54px;  /* lo mueve a la derecha */
}
/*este es el span donde aparece el id*/
#ficha-usuario-id-badge {
    margin-right: 85px;
}
#rutficha {
    width: 100%;
    height: 56px;
    min-height: unset;
    padding: 10px 12px;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 6px;

}
.container-cuerpo {
	background-color: #FAFAFB;
}
.continer-cuerpo-2{
	background-color: #FAFAFB;
	margin-left: 5px;
	margin-right: 5px;
	margin-buttom: 5px;
	margin-top: 5px;
}
.seccion-datos-personales {
	margin-top: 0;
    padding-top: 38px;
    padding-left: 57px;
}

.seccion-datos-personales-2 {
	margin-top: 0;
    padding-top: 38px;
    padding-left: 57px;
}
.seccion-datos-previsional{
	margin-top: 0;
	padding-top: 38px;
    padding-left: 57px;
}
.seccion-datos-transferencia {
	margin-top: 20px;
	padding-top: 38px;
    padding-left: 57px;
}
.seccion-datos-antecedentes {
	margin-top: 0;
	padding-top: 38px;
    padding-left: 57px;
    padding-bottom:35px;
}
.titulo-ficha {
	margin-top: 10px;
}
.subtitulo-ficha {
	margin-top: 10px;
}

.card-encabezado-ficha {
    background-color: #ffffff;
    border: 1px solid #f3f4f6;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

.smarteam-app .seccion-datos-antecedentes {
    background: var(--smarteam-card-bg, #fff);
    border-color: var(--smarteam-border, #e7e9ed);
}

.smarteam-app .seccion-datos-antecedentes h2 {
    border-bottom-color: var(--smarteam-border, #e7e9ed);
    color: var(--smarteam-text-main, #0f172a);
}

.smarteam-app .ficha-antecedentes-wrap {
    border: 1px solid var(--smarteam-border, #e7e9ed);
    border-radius: var(--smarteam-radius, 0.5rem);
    background: var(--smarteam-card-bg, #fff);
    padding: 12px 16px;
}

.smarteam-app .ficha-antecedentes-wrap table {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid rgba(67, 89, 113, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.smarteam-app .ficha-antecedentes-wrap thead {
    background: var(--smarteam-surface-muted, #f8fafc);
}

.smarteam-app .ficha-antecedentes-wrap th,
.smarteam-app .ficha-antecedentes-wrap td {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid var(--smarteam-border, #e7e9ed);
    vertical-align: middle;
}

.smarteam-app .ficha-antecedentes-wrap tbody tr:last-child td {
    border-bottom: 0;
}

.smarteam-app .ficha-antecedentes-wrap th {
    color: var(--smarteam-text-muted, #6b7280);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.smarteam-app .smarteam-ficha-antecedentes__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--smarteam-space-2, 0.5rem);
}
/* ========== END 54-ficha.css ========== */

/* ========== BEGIN 55-login.css ========== */
.cp-login-wrapper {
	position: relative;
	display: flex;
	min-height: 100vh;
	width: 100%;
	margin: 0rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	overflow: hidden;
}

.cp-login-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/documents/20117/0/FondoHome2.jpg");
	background-size: cover;
	background-position: center;
	z-index: 0;
}

/* Overlay semitransparente solo para el lado izquierdo */
.cp-login-left-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	background-color: #1e618e;
	opacity: 0.6;
	z-index: 1;
	/* Suavizar el borde */
	/*box-shadow: 2px 0 10px rgba(0,0,0,0.2);*/
}

.cp-login-left-content {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	position: relative;
	z-index: 2;
	min-width: 0;
}

.cp-login-brand {
	max-width: 420px;
	color: #fff;
}

.cp-login-title {
	font-size: 2.25rem;
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.2;
}

.cp-login-subtitle {
	font-size: 1.1rem;
	opacity: 0.95;
	line-height: 1.5;
	margin: 0;
}

.cp-login-right {
	width: 30%;
	min-width: 390px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #b9b9b9e5; /* Se ve la imagen de fondo */
	padding: 2rem;
	position: relative;
	z-index: 2;
}

.cp-login-box {
	width: 100%;
	max-width: 390px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 24px #0000003b;
	padding: 2rem;
}

.cp-login-logo {
    display: block;
    margin: 0 auto 1.5rem auto;
    transform: scale(0.85);
    height: auto;
    width: auto;
}

.cp-login-box-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #323130;
	margin-bottom: 0.25rem;
}
.cp-login-box-hint {
	font-size: 0.9375rem;
	color: #505050;
	margin-bottom: 1.5rem;
}
.cp-login-form .form-label {
	/*font-weight: 500;*/
	color: #323130;
}
.cp-login-form .form-control {
	border-radius: 10px;
	border: 1px solid #d6d6d6;
	padding: 0.5rem 0.75rem;
	background-color: #fff !important;
}
.cp-login-form .form-control:focus {
	border-color: #2677AD;
	box-shadow: 0 0 0 2px rgba(16, 110, 190, 0.2);
}
.cp-login-btn-submit {
	padding: 0.6rem 1rem;
	font-weight: 600;
	border-radius: 10px;
	margin-top: 0.5rem;
	background-color: #2677AD;
	border-color: #2677AD;
}
.cp-login-btn-submit:hover {
	background-color: #0053F0;
	border-color: #0053F0;
	color: #fff;
}
.cp-login-footer {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	font-size: 0.9375rem;
	color: #505050;
}
.cp-login-link {
	color: #2677AD;
	font-weight: 600;
	text-decoration: none;
	margin-left: 0.25rem;
}
.cp-login-link:hover {
	color: #0053F0;
	text-decoration: underline;
}
@media (max-width: 768px) {
	.cp-login-wrapper {
		flex-direction: column;
	}

	.cp-login-left-overlay {
			width: 100%;
			height: 50%;

		.cp-login-left-content {
			min-height: 200px;
			padding: 1.5rem;
		}

		.cp-login-right {
			width: 100%;
			min-width: 0;
			flex: 1;
			background-color: transparent;
		}
	}
}
/* ========== END 55-login.css ========== */

/* ========== BEGIN 56-backlog.css ========== */
/* Backlog General — alineado a tokens smarteam-ui */
.smarteam-app .smarteam-backlog-page {
	padding: 1rem;
	min-height: 100%;
	background: var(--smarteam-card-bg, #fff);
}

.smarteam-app .smarteam-backlog-header {
	margin-bottom: var(--smarteam-space-3);
	padding-left: 0;
	padding-right: 0;
}

.smarteam-app .smarteam-backlog-title {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--smarteam-text-main);
}

.smarteam-app .smarteam-backlog-subtitle {
	margin: 0.15rem 0 0;
}

.smarteam-app .smarteam-backlog-quick-card,
.smarteam-app .smarteam-backlog-toolbar-card {
	margin-bottom: var(--smarteam-space-3);
}

.smarteam-app .smarteam-backlog-quick,
.smarteam-app .smarteam-backlog-toolbar {
	display: grid;
	gap: var(--smarteam-space-3, 0.75rem);
	margin-bottom: 0;
}

.smarteam-app .smarteam-backlog-quick {
	grid-template-columns: minmax(12rem, 5fr) minmax(5rem, 2fr) minmax(5rem, 2fr) minmax(8rem, 3fr);
	align-items: end;
}

.smarteam-app .smarteam-backlog-toolbar {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: end;
}

.smarteam-app .smarteam-backlog-field {
	min-width: 0;
}

@media (max-width: 767px) {
	.smarteam-app .smarteam-backlog-quick,
	.smarteam-app .smarteam-backlog-toolbar {
		grid-template-columns: 1fr;
	}
}

.smarteam-app .smarteam-backlog-board {
	overflow-x: auto;
	min-height: 320px;
	position: relative;
	padding-bottom: var(--smarteam-space-3, 0.75rem);
	background: var(--smarteam-card-bg, #fff);
}

/* Switch ocultar sin tareas */
.smarteam-app .bl-switch {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 24px;
	cursor: pointer;
	user-select: none;
	font-weight: 500;
}

.smarteam-app .bl-switch-track {
	position: relative;
	width: 44px;
	height: 24px;
	flex-shrink: 0;
	background: #ccc;
	border-radius: 12px;
	transition: background var(--smarteam-transition-fast);
}

.smarteam-app .bl-switch-track input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}

.smarteam-app .bl-switch-thumb {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	transition: transform var(--smarteam-transition-fast);
	box-shadow: var(--smarteam-shadow-sm);
	pointer-events: none;
}

.smarteam-app .bl-switch-track input:checked + .bl-switch-thumb {
	transform: translateX(20px);
}

.smarteam-app .bl-switch-track:has(input:checked) {
	background: var(--smarteam-primary);
}

.smarteam-app .bl-switch.on .bl-switch-track {
	background: var(--smarteam-primary);
}

.smarteam-app .bl-switch-text {
	color: var(--smarteam-text-secondary);
	font-size: 0.8125rem;
}

/* Modales interactivos (sobre Clay/Liferay) */
.bl-modal.modal {
	z-index: 1060 !important;
}

.modal-backdrop.bl-modal-backdrop,
body > .modal-backdrop {
	z-index: 1055 !important;
}

.bl-modal .modal-content,
.bl-modal .modal-body,
.bl-modal .form-control,
.bl-modal select,
.bl-modal input {
	pointer-events: auto !important;
	position: relative;
	z-index: 1;
}

.smarteam-app .bl-swimlane {
	border: 1px solid var(--smarteam-border);
	border-radius: var(--smarteam-radius);
	margin-bottom: 12px;
	background: var(--smarteam-surface-muted);
	box-shadow: var(--smarteam-shadow-sm);
}

.smarteam-app .bl-swimlane-title {
	padding: 8px 12px;
	font-weight: 600;
	background: var(--smarteam-card-bg);
	border-bottom: 1px solid var(--smarteam-border);
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--smarteam-text-main);
}

.smarteam-app .bl-swimlane-title.sistema {
	background: var(--smarteam-primary-50);
	color: var(--smarteam-primary-800);
}

.smarteam-app .bl-swimlane-title .bl-caret {
	display: inline-block;
	width: 14px;
	transition: transform 0.15s;
}

.smarteam-app .bl-swimlane.collapsed .bl-caret {
	transform: rotate(-90deg);
}

.smarteam-app .bl-swimlane.collapsed .bl-columns {
	display: none;
}

.smarteam-app .bl-swimlane-count {
	font-weight: 400;
	color: var(--smarteam-text-muted);
	font-size: 12px;
}

.smarteam-app .bl-columns {
	display: flex;
	gap: 8px;
	padding: 8px;
	overflow-x: auto;
	min-height: 40px;
}

.smarteam-app .bl-column {
	min-width: 220px;
	flex: 1;
	background: var(--smarteam-page-bg);
	border-radius: var(--smarteam-radius-sm);
	padding: 8px;
	border: 1px solid transparent;
}

.smarteam-app .bl-column.bl-drop-over {
	outline: 2px dashed var(--smarteam-primary);
	border-color: var(--smarteam-primary-200);
}

.smarteam-app .bl-column-title {
	font-size: 12px;
	text-transform: uppercase;
	color: var(--smarteam-text-muted);
	margin-bottom: 8px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.smarteam-app .bl-card {
	background: var(--smarteam-card-bg);
	border: 1px solid var(--smarteam-border);
	border-radius: var(--smarteam-radius-sm);
	padding: 8px;
	margin-bottom: 8px;
	cursor: grab;
	box-shadow: none;
}

.smarteam-app .bl-card:hover {
	border-color: var(--smarteam-border-strong);
	box-shadow: var(--smarteam-shadow-sm);
}

.smarteam-app .bl-card-title {
	font-weight: 600;
	margin-bottom: 4px;
	color: var(--smarteam-text-main);
}

.smarteam-app .bl-card-meta {
	font-size: 11px;
	color: var(--smarteam-text-muted);
	margin-bottom: 4px;
}

.smarteam-app .bl-card-hh {
	font-size: 11px;
	color: var(--smarteam-text-secondary);
	margin-bottom: 6px;
}

.smarteam-app .bl-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.smarteam-app .bl-card-actions .btn {
	margin: 0;
}
/* ========== END 56-backlog.css ========== */

/* ========== BEGIN 57-mistareas.css ========== */
/* Pagina perfil miembro: layout tipo admin card (referencia Sneat profile) */
/* Tokens alineados a --smarteam-* cuando hay namespace .smarteam-app */

.smarteam-mt-page {
  padding-bottom: 24px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.smarteam-app .smarteam-mt-page .x_title.smarteam-page-header {
  margin-bottom: 20px;
}

.smarteam-mt-page-header {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--smarteam-border, rgba(67, 89, 113, 0.12));
}

.smarteam-mt-page-title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 600;
  color: var(--smarteam-text-muted, #566a7f);
  letter-spacing: -0.02em;
}

.smarteam-mt-page-subtitle {
  margin: 0;
  font-size: 14px;
  color: var(--smarteam-text-disabled, #a1acb8);
}

.smarteam-mt-layout {
  display: grid;
  grid-template-columns: minmax(15rem, 1fr) minmax(0, 3fr);
  gap: var(--smarteam-space-4, 1rem);
  align-items: flex-start;
}

.smarteam-mt-col-profile {
  margin-bottom: 20px;
}

.smarteam-mt-col-profile,
.smarteam-mt-col-main {
  min-width: 0;
}

@media (max-width: 991px) {
  .smarteam-mt-layout {
    grid-template-columns: 1fr;
  }
}

.smarteam-mt-requirement__summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--smarteam-space-3, 0.75rem);
  align-items: center;
}

.smarteam-mt-requirement__title,
.smarteam-mt-requirement__status,
.smarteam-mt-requirement__tasks {
  min-width: 0;
}

.smarteam-mt-profile-card-root {
  min-height: 120px;
}

.smarteam-mt-profile-card {
  background: var(--smarteam-card-bg, #fff);
  border-radius: var(--smarteam-radius, 10px);
  box-shadow: var(--smarteam-shadow-sm, 0 2px 6px rgba(67, 89, 113, 0.12));
  border: 1px solid var(--smarteam-border, rgba(67, 89, 113, 0.1));
  overflow: hidden;
}

.smarteam-mt-profile-cover {
  height: 88px;
  background: linear-gradient(118deg, var(--smarteam-primary, #696cff), var(--smarteam-primary-hover, #5f61e6) 30%, var(--smarteam-primary-300, #9575ff));
  opacity: 0.95;
}

.smarteam-mt-profile-body {
  position: relative;
  padding: 0 18px 20px;
  text-align: center;
}

.smarteam-mt-profile-avatar-wrap {
  margin-top: -42px;
  display: inline-block;
  padding: 4px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(67, 89, 113, 0.15);
}

.smarteam-mt-profile-avatar {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.smarteam-mt-profile-name {
  margin: 14px 0 6px;
  font-size: 18px;
  font-weight: 600;
  color: #566a7f;
}

.smarteam-mt-profile-role,
.smarteam-mt-profile-location {
  margin: 0 0 4px;
  font-size: 13px;
  color: #697a8d;
}

.smarteam-mt-profile-role .fa,
.smarteam-mt-profile-location .fa {
  margin-right: 6px;
  opacity: 0.7;
}

.smarteam-mt-profile-divider {
  height: 1px;
  background: rgba(67, 89, 113, 0.1);
  margin: 16px 0 12px;
}

.smarteam-mt-profile-section-title {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #a1acb8;
  margin-bottom: 10px;
}

.smarteam-mt-profile-list {
  text-align: left;
  margin: 0;
  font-size: 13px;
  color: #697a8d;
  line-height: 1.6;
}

.smarteam-mt-profile-list > li {
  margin-bottom: 8px;
  word-break: break-word;
}

.smarteam-mt-profile-label {
  display: inline-block;
  width: 22px;
  color: #696cff;
}

.smarteam-mt-main-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(67, 89, 113, 0.12);
  border: 1px solid rgba(67, 89, 113, 0.1);
  padding: 18px 20px 22px;
}

.smarteam-mt-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(67, 89, 113, 0.08);
}

.smarteam-mt-toolbar-text h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #566a7f;
}

.smarteam-mt-toolbar-text h2 small {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
}

.smarteam-mt-toolbar-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.smarteam-mt-tabs-wrap {
  position: relative;
}

.smarteam-mt-tabs-loader.loader {
  z-index: 2;
}

.smarteam-mt-nav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px !important;
  border-bottom: none !important;
  padding-left: 0 !important;
}

.smarteam-mt-nav-pills > li {
  float: none !important;
  margin: 0;
}

.smarteam-mt-nav-pills > li > a {
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 500;
  color: #697a8d;
  background: #f5f5f9;
  border: 1px solid transparent !important;
  margin-right: 0 !important;
}

.smarteam-mt-nav-pills > li > a:hover {
  background: #eceef6;
  color: #566a7f;
}

.smarteam-mt-nav-pills > li.active > a,
.smarteam-mt-nav-pills > li.active > a:hover,
.smarteam-mt-nav-pills > li.active > a:focus {
  background: #696cff;
  color: #fff;
  border-color: #696cff;
}

.smarteam-mt-tab-content .tab-pane {
  padding: 0;
}

.smarteam-mt-proyecto-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 8px 12px;
  background: #f6f7fb;
  border-radius: 6px;
  border: 1px solid rgba(67, 89, 113, 0.08);
}

.smarteam-mt-proyecto-kicker__bar {
  width: 4px;
  align-self: stretch;
  min-height: 18px;
  background: #696cff;
  border-radius: 2px;
  flex-shrink: 0;
}

.smarteam-mt-proyecto-kicker__text {
  font-size: 13px;
  font-weight: 600;
  color: #566a7f;
}

.smarteam-mt-req-panel.panel {
  border-radius: 8px;
  border: 1px solid rgba(67, 89, 113, 0.1);
  box-shadow: 0 1px 3px rgba(67, 89, 113, 0.06);
  margin-bottom: 16px;
  overflow: hidden;
}

.loader.smarteam-mt-tabs-loader {
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -15px;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #696cff;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.loader-req {
  margin: auto;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.sin-tareas {
	padding-top:15px;
}

#contenido-tab-proyectos > .panel {
	margin-bottom: 0;
	border: 0;
}

.panel > a.panel-heading{
	padding: 0;
	border-bottom: 0;
}

/* Estilos minimalistas para el header del requerimiento */
.mis-tareas-panel-body .panel-heading {
	background-color: #f8f9fa;
	border-bottom: 2px solid #e5e7eb;
	padding: 14px 16px;
	transition: all 0.2s ease;
}

.mis-tareas-panel-body .panel-heading:hover {
	background-color: #f1f3f5;
}

.mis-tareas-panel-body .panel-heading .row {
	margin: 0;
	display: flex;
	align-items: center;
	width: 100%;
}

.mis-tareas-panel-body .panel-heading .project_detail {
	padding: 0 12px;
	display: flex;
	align-items: center;
}

.mis-tareas-panel-body .panel-heading .project_detail:first-child {
	padding-left: 0;
}

.mis-tareas-panel-body .panel-heading .project_detail:last-child {
	padding-right: 0;
}

.mis-tareas-panel-body .panel-heading .panel-title {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #2c3e50;
	line-height: 1.4;
}

.mis-tareas-panel-body .panel-heading .panel-title h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #2c3e50;
	line-height: 1.4;
}

.mis-tareas-panel-body .panel-heading [id^="nombre-estado-requerimiento-"],
.mis-tareas-panel-body .smarteam-mt-status-pill {
	font-size: 11px;
	font-weight: 600;
	padding: 6px 12px;
	border-radius: 12px;
	border: none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	min-width: 100px;
	text-align: center;
	display: inline-block;
}

.mis-tareas-panel-body .smarteam-mt-status-pill--warning {
	background-color: #f39c12;
	color: #fff;
}

.mis-tareas-panel-body .smarteam-mt-status-pill--success {
	background-color: #27ae60;
	color: #fff;
}

.mis-tareas-panel-body .smarteam-mt-status-pill--danger {
	background-color: #e74c3c;
	color: #fff;
}

.mis-tareas-panel-body .smarteam-mt-status-pill--info {
	background-color: #3498db;
	color: #fff;
}

.mis-tareas-panel-body .panel-heading .project_detail p {
	margin: 0;
	font-size: 13px;
	color: #7f8c8d;
	font-weight: 500;
	line-height: 1.4;
}

ul.to_do > li> div > div > .smarteam-btn-group{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	-webkit-transition: visibility 0s, opacity 0.5s linear;
}

ul.to_do > li:hover> div > div > .smarteam-btn-group{
	visibility: visible;
	opacity: 1;
}
/* toma la foto de perfil, el nombre y la lista de datos que le siguie */
.lista-de-datos{
  list-style: none;
  padding-left: 108px;
}
.lista-de-datos ul {
  margin-top: 5px;
}
.mis-tareas-panel-body ul.to_do > li {
  border-radius: 0;
  transition: all 0.2s ease;
  margin-bottom: 0;
}

.mis-tareas-panel-body ul.to_do > li:hover {
  background-color: transparent;
  box-shadow: none;
}

/* Layout en fila para items de tarea - Estilo minimalista */
.mis-tareas-panel-body .mt-tarea-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 16px;
  width: 100%;
  border-bottom: 1px solid #e5e7eb;
  transition: all 0.2s ease;
  background-color: #fff;
  margin-bottom: 1px;
  border-radius: 0;
  min-width: 1300px; /* Ancho minimo para que todas las columnas se vean completas */
}

/* Asegurar que el contenedor permita scroll horizontal */
.mis-tareas-panel-body .panel-lista-tareas {
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
}

.mis-tareas-panel-body .panel-lista-tareas::-webkit-scrollbar {
  height: 8px;
}

.mis-tareas-panel-body .panel-lista-tareas::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.mis-tareas-panel-body .panel-lista-tareas::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.mis-tareas-panel-body .panel-lista-tareas::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.mis-tareas-panel-body .mt-tarea-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.mis-tareas-panel-body .mt-tarea-row:hover {
  background-color: #fafafa;
  border-left: 3px solid #3498db;
  padding-left: 13px;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-ejecucion {
  background-color: #f8fbff;
  border-left: 2px solid #3498db;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-ejecucion:hover {
  background-color: #f0f7ff;
  border-left: 3px solid #2980b9;
  padding-left: 11px;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-pausada {
  background-color: #fffef8;
  border-left: 2px solid #f39c12;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-pausada:hover {
  background-color: #fffbf0;
  border-left: 3px solid #e67e22;
  padding-left: 11px;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-cerrada {
  background-color: #f9fafb;
  opacity: 0.9;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-cerrada:hover {
  background-color: #f5f6f7;
  opacity: 1;
  border-left: 3px solid #95a5a6;
  padding-left: 11px;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-cerrada .mt-col-nombre p {
  color: #95a5a6;
  text-decoration: line-through;
}

.mis-tareas-panel-body .mt-tarea-row.mt-tarea-cerrada:hover .mt-col-nombre p {
  color: #7f8c8d;
}

.mis-tareas-panel-body .mt-tarea-row p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 400;
}

.mis-tareas-panel-body .mt-col {
  display: flex;
  align-items: center;
  min-width: 0;
}

.mis-tareas-panel-body .mt-col-check {
  flex: 0 0 40px;
  justify-content: center;
  align-items: center;
}

.mis-tareas-panel-body .mt-col-check input.flat {
  margin: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.mis-tareas-panel-body .mt-tarea-row:hover .mt-col-check input.flat {
  opacity: 1;
}

.mis-tareas-panel-body .mt-col-check .icheckbox_flat-green {
  margin: 0 auto;
  vertical-align: middle;
}

.mis-tareas-panel-body .mt-col-nombre {
  flex: 1 1 400px;
  min-width: 250px;
}

.mis-tareas-panel-body .mt-col-nombre p {
  font-weight: 500;
  color: #2c3e50;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  transition: color 0.2s ease;
  cursor: pointer;
}

.mis-tareas-panel-body .mt-tarea-row:hover .mt-col-nombre p {
  color: #3498db;
}

.mis-tareas-panel-body .mt-col-responsable {
  flex: 0 0 160px;
  color: #7f8c8d;
  font-size: 13px;
}

.mis-tareas-panel-body .mt-col-fecha {
  flex: 0 0 150px;
  justify-content: center;
  color: #95a5a6;
  font-size: 12px;
}

.mis-tareas-panel-body .mt-col-hh {
  flex: 0 0 80px;
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
  color: #34495e;
  font-size: 13px;
  font-weight: 500;
}

.mis-tareas-panel-body .mt-col-actions {
  flex: 0 0 120px;
  justify-content: flex-end;
  gap: 4px;
}

.mis-tareas-panel-body .mt-col-responsable p,
.mis-tareas-panel-body .mt-col-fecha p,
.mis-tareas-panel-body .mt-col-hh p {
  white-space: nowrap;
}

.mis-tareas-panel-body .smarteam-mt-task-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  visibility: visible !important;
  opacity: 1 !important;
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn {
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0.85;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn--info {
  background-color: #3498db;
  color: #fff;
  border-color: #2980b9;
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn--info:hover {
  background-color: #2980b9;
  border-color: #21618c;
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn--danger {
  background-color: #e74c3c;
  color: #fff;
  border-color: #c0392b;
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn--danger:hover {
  background-color: #c0392b;
  border-color: #a93226;
}

.mis-tareas-panel-body .smarteam-mt-task-actions .smarteam-btn i {
  font-size: 13px;
}

@media (max-width: 992px) {
  .mis-tareas-panel-body .mt-tarea-row {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .mis-tareas-panel-body .mt-col-responsable,
  .mis-tareas-panel-body .mt-col-fecha,
  .mis-tareas-panel-body .mt-col-hh,
  .mis-tareas-panel-body .mt-col-actions {
    flex: 1 1 45%;
    justify-content: flex-start;
  }
  .mis-tareas-panel-body .mt-col-actions {
    justify-content: flex-end;
  }
}

input.ajs-input{
	height: auto;
}

/* keyframes spin: owner en 50-proyecto-lista.css */
/*SELECT TO FILTER INDEX*/
.aui .select2-container--default .select2-selection--single,
.aui .select2-container--default .select2-selection--multiple {
    min-height: 35px;
}
.aui .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 0px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 27px;
}
.select2-container {
  display: inline !important;
}

.mis-tareas-filtros {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 6px 0 14px;
}

.mis-tareas-filtros-titulo h2 {
  margin: 0;
}

.mis-tareas-filtros-controles {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.mis-tareas-filtro {
  min-width: 220px;
}

.mis-tareas-filtro .form-control {
  width: 100%;
}

.profile_left {
  padding-right: 12px;
}

.profile_left .profile_img img {
  border-radius: 10px;
}

.mis-tareas-panel {
  border: 1px solid rgba(67, 89, 113, 0.1);
  border-radius: 8px;
  background: #fff;
  margin-bottom: 14px;
  overflow: hidden;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 1px 3px rgba(67, 89, 113, 0.06);
}

.mis-tareas-panel-header {
  background: #f6f7fb;
  color: #566a7f;
  font-weight: 600;
  padding: 11px 16px;
  font-size: 13px;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(67, 89, 113, 0.08);
}

.mis-tareas-panel-header--warn {
  background: #fff8f0;
  color: #b76e00;
  border-bottom-color: rgba(245, 159, 0, 0.25);
}

.mis-tareas-panel-header--muted {
  background: #f3f4f6;
  color: #697a8d;
}

.mis-tareas-panel-body {
  padding: 12px;
  overflow-x: auto;
  background-color: #fcfcfd;
}

.mis-tareas-panel-body .panel-collapse {
  overflow-x: auto;
}

.mis-tareas-panel-body ul.to_do {
  list-style: none;
  margin: 0;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px;
  min-width: 100%;
  display: block;
  overflow-x: auto;
  overflow-y: visible;
}

.mis-tareas-panel-body .panel.separa-tareas {
  margin-bottom: 0;
}


/* Anchos en pestanas de periodo */

#tab-container .tab-pane {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  width: 100%;
}
/* ========== END 57-mistareas.css ========== */

/* ========== BEGIN 58-calendario.css ========== */
/* -------------------------------------------------------------------------- */
/* Calendario: alineado a tokens smarteam-ui (linea tipo Sneat, sin teal legacy) */
/* smarteam-ui.css debe cargar antes que este archivo (ver CalendarioPortlet) */
/* -------------------------------------------------------------------------- */

.calendario-container {
  --cal-primary: var(--smarteam-primary, #696cff);
  --cal-primary-hover: var(--smarteam-primary-hover, #5f61e6);
  --cal-heading: var(--smarteam-text-main, #0f172a);
  --cal-bg: var(--smarteam-card-bg, #ffffff);
  --cal-surface: var(--smarteam-page-bg, #f5f5f9);
  --cal-border: var(--smarteam-border, #e7e9ed);
  --cal-border-soft: var(--smarteam-border, #e7e9ed);
  --cal-text: var(--smarteam-text-muted, #566a7f);
  --cal-muted: var(--smarteam-text-muted, #566a7f);
  --cal-radius: var(--smarteam-radius, 0.5rem);
  --cal-shadow: var(--smarteam-shadow, 0 0.25rem 1rem rgba(47, 43, 61, 0.08));
  --cal-shadow-sm: var(--smarteam-shadow-sm, 0 0.125rem 0.5rem rgba(47, 43, 61, 0.08));
  --cal-cell-py: 0.35rem;
  --cal-cell-px: 0.4rem;
  text-align: center;
  max-width: calc(100vw - 88px);
  width: calc(100vw - 88px);
  padding: 0;
  overflow: hidden;
  background: var(--cal-bg);
  border: 1px solid var(--cal-border-soft);
  border-radius: var(--cal-radius);
  box-shadow: var(--cal-shadow);
  box-sizing: border-box;
}

/* Header DS dentro de calendario: alinear tipografia a tokens */
.smarteam-app .calendario-container .x_title.smarteam-page-header {
  text-align: left;
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid var(--cal-border-soft);
}

.smarteam-app .calendario-container .smarteam-filter-card {
  margin: 0;
  padding: 1rem;
  background: var(--cal-bg);
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.smarteam-app .calendario-container .calendario-toolbar {
  margin-left: 0;
  margin-right: 0;
}
/*la tabla de dias, horas y usuario*/
.mi-clase {
  margin: 0 1rem 1rem;
}
.calendario-container .smarteam-page-header h2,
.calendario-container > h2 {
  margin: 0;
  color: var(--cal-heading);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 1.25rem;
  line-height: 1.2;
}

/* Toolbar */
.calendario-toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 13px 12px;
  background: var(--cal-surface);
  border: 1px solid var(--cal-border-soft);
  border-radius: var(--cal-radius);
  box-shadow: none;
}

.calendario-mes-actual {
  margin: 0 10px;
  font-weight: 800;
  white-space: nowrap;
  color: var(--cal-text);
}

.boton-custom {
  background-color: var(--cal-primary);
  color: #fff;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  padding: 0.45rem 1rem;
  font-weight: 500;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
  box-shadow: 0 2px 6px rgba(105, 108, 255, 0.35);
}

.boton-custom:hover {
  background-color: var(--cal-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(105, 108, 255, 0.4);
}

.boton-custom:active {
  transform: translateY(0);
}

.boton-custom:focus {
  outline: none;
}

.boton-custom:focus-visible {
  outline: 3px solid rgba(105, 108, 255, 0.35);
  outline-offset: 2px;
}

/* Wrapper tabla: card + scroll suave */
#contenedor-tabla {
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  background: var(--cal-bg);
  border: 1px solid var(--cal-border-soft);
  border-radius: var(--cal-radius);
  box-shadow: none;
}

/* Scrollbar (solo webkit) */
#contenedor-tabla::-webkit-scrollbar {
  height: 10px;
}
#contenedor-tabla::-webkit-scrollbar-thumb {
  background: rgba(16, 24, 40, 0.18);
  border-radius: 999px;
}
#contenedor-tabla::-webkit-scrollbar-track {
  background: rgba(16, 24, 40, 0.06);
}

#tablaHoras {
  min-width: 1500px;
  width: max-content;
  max-width: none;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--cal-bg);
}

.tabla-horas-thead {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Cabeceras: fondo gris claro tipo DataTable Sneat */
.tabla-horas-th {
  background-color: var(--cal-surface);
  color: var(--cal-heading);
  position: sticky;
  top: 0;
  z-index: 2;
  padding: var(--cal-cell-py) var(--cal-cell-px) !important;
  text-align: center;
  border-right: 1px solid var(--cal-border);
  border-bottom: 2px solid var(--cal-border);
  white-space: nowrap;
  font-weight: 600;
}

/* Primera cabecera sticky (columna nombres) */
.tabla-horas-th:first-child {
  position: sticky;
  left: 0;
  z-index: 4;
  background-color: var(--cal-surface);
  box-shadow: 8px 0 12px rgba(47, 43, 61, 0.06);
}

/*
 * Celdas base: sin background fijo (el zebra lo aporta).
 * Un background aqui pisa cal-umbral/cal-tarea de calendar-matrix (misma especificidad, orden posterior).
 */
.tabla-horas-td {
  border-right: 1px solid var(--cal-border-soft);
  border-bottom: 1px solid var(--cal-border-soft);
  padding: var(--cal-cell-py) var(--cal-cell-px);
  text-align: center;
  font-size: 0.8125rem;
  min-height: 2.25rem;
  min-width: 44px;
  color: var(--cal-text);
  white-space: nowrap;
  transition: background-color 0.12s ease, box-shadow 0.12s ease;
}

/* Zebra solo en celdas sin estado de color */
.tabla-horas-tbody tr:nth-child(odd) .tabla-horas-td:not(.cal-umbral-alto):not(.cal-umbral-ok):not(.cal-umbral-ok-feriado):not(.cal-umbral-bajo):not(.feriado-td):not(.fin-de-semana-td):not(.dia-fin-de-semana):not(.cal-ausencia-td):not(.cal-permiso-td):not(.cal-vacacion-td):not(.cal-gestion-td):not(.cal-tarea-ausencia):not(.cal-tarea-permiso):not(.cal-tarea-vacacion):not(.cal-tarea-gestion):not(.cal-tarea-ausencia-permiso):not(.cal-tarea-ausencia-vacacion):not(.cal-tarea-permiso-vacacion):not(.cal-ausencia-permiso):not(.cal-ausencia-vacacion):not(.cal-ausencia-gestion):not(.cal-permiso-vacacion):not(.cal-permiso-gestion):not(.cal-vacacion-gestion):not(.hours-high):not(.ausencia-td):not(.permiso-td):not(.vacacion-td) {
  background: var(--cal-bg);
}

.tabla-horas-tbody tr:nth-child(even) .tabla-horas-td:not(.cal-umbral-alto):not(.cal-umbral-ok):not(.cal-umbral-ok-feriado):not(.cal-umbral-bajo):not(.feriado-td):not(.fin-de-semana-td):not(.dia-fin-de-semana):not(.cal-ausencia-td):not(.cal-permiso-td):not(.cal-vacacion-td):not(.cal-gestion-td):not(.cal-tarea-ausencia):not(.cal-tarea-permiso):not(.cal-tarea-vacacion):not(.cal-tarea-gestion):not(.cal-tarea-ausencia-permiso):not(.cal-tarea-ausencia-vacacion):not(.cal-tarea-permiso-vacacion):not(.cal-ausencia-permiso):not(.cal-ausencia-vacacion):not(.cal-ausencia-gestion):not(.cal-permiso-vacacion):not(.cal-permiso-gestion):not(.cal-vacacion-gestion):not(.hours-high):not(.ausencia-td):not(.permiso-td):not(.vacacion-td) {
  background: rgba(245, 245, 249, 0.5);
}

.tabla-horas-tbody tr:hover .tabla-horas-td:not(.cal-umbral-alto):not(.cal-umbral-ok):not(.cal-umbral-ok-feriado):not(.cal-umbral-bajo):not(.feriado-td):not(.fin-de-semana-td):not(.dia-fin-de-semana):not(.cal-ausencia-td):not(.cal-permiso-td):not(.cal-vacacion-td):not(.cal-gestion-td):not(.cal-tarea-ausencia):not(.cal-tarea-permiso):not(.cal-tarea-vacacion):not(.cal-tarea-gestion):not(.cal-tarea-ausencia-permiso):not(.cal-tarea-ausencia-vacacion):not(.cal-tarea-permiso-vacacion):not(.cal-ausencia-permiso):not(.cal-ausencia-vacacion):not(.cal-ausencia-gestion):not(.cal-permiso-vacacion):not(.cal-permiso-gestion):not(.cal-vacacion-gestion):not(.hours-high):not(.ausencia-td):not(.permiso-td):not(.vacacion-td):not(.gestion-td):not(.tarea-ausencia):not(.tarea-permiso):not(.tarea-vacacion):not(.tarea-gestion):not(.ausencia-permiso):not(.ausencia-vacacion):not(.ausencia-gestion):not(.permiso-vacacion):not(.permiso-gestion):not(.vacacion-gestion) {
  background: rgba(15, 23, 42, 0.03);
}

/* Columna sticky (nombres) */
.nombre-celda {
  font-weight: 600;
  background-color: var(--cal-surface);
  text-align: center;
  min-width: 130px;
  position: sticky;
  left: 0;
  z-index: 3;
  box-shadow: 8px 0 12px rgba(47, 43, 61, 0.06);
  color: var(--cal-heading);
}

.celda-clickable {
  cursor: pointer;
}

.celda-clickable:hover {
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.55);
}

.td-total {
  font-weight: 700;
  color: var(--cal-heading);
}


.fila-total-dias .tabla-horas-td {
  background: var(--cal-surface);
  font-weight: 700;
}

.total-dia-label {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--cal-surface);
  box-shadow: 8px 0 12px rgba(47, 43, 61, 0.06);
  font-weight: 700;
  color: var(--cal-heading);
}

.dia-fin-de-semana {
  background-color: #ffe5e5;
}
.fin-de-semana-header {
  background-color: rgba(241, 245, 249, 0.92);
  color: var(--cal-heading);
  border-bottom: 2px solid rgba(203, 213, 225, 0.95);
}
.feriado-header {
  background-color: rgba(254, 249, 195, 0.9);
  color: var(--cal-heading);
  border-bottom: 2px solid rgba(250, 204, 21, 0.55);
}

/* Colores de estado: reafirmados AQUI (despues del zebra) para ganar cascada */
.tabla-horas-td.fin-de-semana-td,
.tabla-horas-td.dia-fin-de-semana {
  background-color: #ffecec;
}
.tabla-horas-td.feriado-td {
  background-color: rgb(162 40 167 / 28%);
}
.tabla-horas-td.cal-umbral-alto {
  background-color: #ffcc00;
}
.tabla-horas-td.cal-umbral-ok {
  background-color: rgb(40 167 69 / 28%);
}
.tabla-horas-td.cal-umbral-ok-feriado {
  background-color: rgb(162 40 167 / 28%);
}
.tabla-horas-td.cal-umbral-bajo {
  background-color: #fffae3;
}

.tabla-horas-td.hours-high:not(.feriado-td):not(.cal-ausencia-td):not(.cal-permiso-td):not(.cal-vacacion-td):not(.cal-gestion-td):not(.cal-tarea-ausencia):not(.cal-tarea-permiso):not(.cal-tarea-vacacion):not(.cal-tarea-gestion):not(.cal-ausencia-permiso):not(.cal-ausencia-vacacion):not(.cal-ausencia-gestion):not(.cal-permiso-vacacion):not(.cal-permiso-gestion):not(.cal-vacacion-gestion):not(.ausencia-td):not(.permiso-td):not(.vacacion-td):not(.gestion-td):not(.tarea-ausencia):not(.tarea-permiso):not(.tarea-vacacion):not(.tarea-gestion) {
  background-color: #d4edda;
}

/* Panel inferior (tareas / comentarios / documentos) */
.zona-flex {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.box-tareas {
  margin-left: 25px;
  margin-right: 25px;
  flex: 2;
  background-color: #f8f9fa;
  border-radius: var(--cal-radius);
  padding: 20px;
  box-shadow: var(--cal-shadow-sm);
  border: 1px solid var(--cal-border-soft);
}


.box-comentarios {
  flex: 1.1;
  background-color: white;
  border: 1px solid var(--cal-border-soft);
  border-radius: var(--cal-radius);
  padding: 15px;
  box-shadow: var(--cal-shadow-sm);
  min-width: 280px;
  height: -webkit-fill-available;
  overflow: auto;

  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  display: none;
}

.box-comentarios.show {
  display: block;
  opacity: 1;
  transform: translateX(0);
}

.cal-panel-head #comentarios-titulo,
.cal-panel-head #documentos-titulo {
  font-weight: 600;
  color: var(--cal-heading);
  margin: 0;
}

#comentarios-listado {
  font-size: 14px;
  line-height: 1.5;
}

#comentarios-listado li {
  margin-bottom: 8px;
  list-style-type: disc;
  padding-left: 10px;
}

#comentarios-panel button {
  float: right;
  border: none;
  background: none;
  font-size: 16px;
  color: #999;
  cursor: pointer;
}
#zona-inferior {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

#contenedor-tareas-dia {
  left: 0;
  transition: left 0.6s ease;
}
#contenedor-tareas-dia.cal-panel-slide-out {
  left: -50px;
}
#contenedor-tareas-dia.cal-panel-slide-in {
  left: 0;
}

.box-documentos {
  flex: 1.1;
  background-color: white;
  border: 1px solid var(--cal-border-soft);
  border-radius: var(--cal-radius);
  padding: 15px;
  box-shadow: var(--cal-shadow-sm);
  min-width: 280px;
  height: -webkit-fill-available;
  overflow: auto;

  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  display: none;
}

.box-documentos.show {
  display: block;
  opacity: 1;
  transform: translateX(0);
}

.cal-actions-row {
  text-align: right;
  margin-top: 1rem;
}

.cal-inline-toolbar {
  text-align: right;
  margin-bottom: 0.625rem;
}

.cal-task-section {
  margin-top: 1.25rem;
}

.cal-task-section__title {
  margin: 0 0 0.625rem;
  color: var(--cal-heading);
  font-size: 1rem;
  font-weight: 700;
}

.cal-detail-table {
  width: 100%;
  margin-bottom: 0.9375rem;
  border-collapse: collapse;
  font-size: 0.875rem;
  background: var(--cal-bg);
  border: 1px solid var(--cal-border);
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.05);
}

.cal-detail-table__head {
  background: var(--cal-surface);
  color: var(--cal-heading);
}

.cal-detail-table__th,
.cal-detail-table__td {
  padding: 0.5rem;
  border-bottom: 1px solid var(--cal-border);
  vertical-align: middle;
}

.cal-detail-table__th {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cal-detail-table__th--text,
.cal-detail-table__td--name,
.cal-detail-table__td--group,
.cal-detail-table__td--requirement {
  text-align: left;
}

.cal-detail-table__th--num,
.cal-detail-table__td--num,
.cal-detail-table__td--actions {
  text-align: center;
}

.cal-detail-table__th--w-16 {
  width: 16%;
}

.cal-detail-table__th--w-20 {
  width: 20%;
}

.cal-detail-table__th--w-25 {
  width: 25%;
}

.cal-detail-table__th--w-50 {
  width: 50%;
}

.cal-detail-table__th--w-60 {
  width: 60%;
}

.cal-detail-table__row {
  background: var(--cal-bg);
}

.cal-detail-table__row--group {
  background: var(--cal-surface);
}

.cal-detail-table__row--total {
  background: var(--cal-surface);
  font-weight: 700;
}

.cal-detail-table__td--group {
  color: var(--cal-heading);
  font-size: 0.875rem;
  font-weight: 700;
  border-bottom-color: rgba(203, 213, 225, 0.95);
}

.cal-detail-table__td--group-fill {
  background: var(--cal-surface);
}

.cal-detail-table__td--requirement {
  padding-left: 1.25rem;
  color: var(--cal-text);
  font-size: 0.8125rem;
  font-weight: 700;
}

.cal-detail-table__td--name {
  padding-left: 2.5rem;
  color: var(--cal-heading);
}

.cal-detail-table__td--strong {
  font-weight: 700;
  color: var(--cal-heading);
}

.cal-task-action-btn {
  font-size: 0.6875rem;
}

/* Acciones icono de la vista de tareas del dia: tamano comun de 32 px. */
.calendario-container #contenidoTareasDiaContainer .cal-day-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0 !important;
  line-height: 1;
  border-radius: 0.375rem;
}

.cal-btn-cerrar-rojo {
  border: 1px solid #d9534f;
  color: #d9534f;
  background: transparent;
}

.cal-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.6rem;
}

.cal-panel-head strong {
  color: var(--cal-heading);
}

.cal-modal-close-x {
  border: none;
  background: none;
  cursor: pointer;
  color: var(--cal-muted);
  font-size: 1.1rem;
  padding: 0 0.25rem;
}

/* Legacy: solo si el modal NO usa smarteam-modal */
.cal-modal-header-smarteam:not(.smarteam-modal__header) {
  background-color: var(--cal-primary);
  color: #fff;
  border: none !important;
}

.cal-modal-header-smarteam:not(.smarteam-modal__header) .close {
  color: #fff;
  opacity: 0.9;
}

/* Con DS: header blanco; el boton cerrar lo define smarteam-ui */
.modal.smarteam-modal .cal-modal-header-smarteam.smarteam-modal__header {
  background: #fff;
  color: var(--smarteam-text-main, #0f172a);
  border-bottom: 1px solid var(--smarteam-border, #e2e8f0) !important;
}

.modal.smarteam-modal .cal-modal-header-smarteam .modal-title,
.modal.smarteam-modal .cal-modal-header-smarteam .modal-title i {
  color: var(--smarteam-text-main, #0f172a);
}

.cal-alert-info-compact {
  padding: 0.6rem;
  margin-bottom: 1.25rem;
}

.cal-modal-footer-row {
  border-top: 1px solid var(--cal-border);
  padding-top: 1rem;
  display: flex;
  flex-direction: row-reverse;
}

.cal-modal-footer-row .btn {
  margin-left: 0.35rem;
}

.calendario-container #tablaHoras .btn-primary {
  background-color: var(--cal-primary);
  border-color: var(--cal-primary);
}

.calendario-container #tablaHoras .btn-primary:hover {
  background-color: var(--cal-primary-hover);
  border-color: var(--cal-primary-hover);
}

/* Select2 + input-group: width 100% fuerza wrap; usar patron Bootstrap (1% + flex) */
.calendario-container .input-group {
	flex-wrap: nowrap;
	align-items: stretch;
}

.calendario-container .input-group > .select2-container {
	display: inline-block !important;
	flex: 1 1 auto !important;
	width: 1%;
	min-width: 0;
}

.calendario-container .input-group > .input-group-prepend {
	display: flex;
	align-items: stretch;
}

.calendario-container .input-group > .input-group-prepend .input-group-text {
	display: flex;
	align-items: center;
	min-height: 40px;
}

.calendario-container .input-group .select2-container .select2-selection {
	min-height: 40px !important;
}

.calendario-container .input-group .select2-container .select2-selection--single {
  height: 40px !important;
  min-height: 40px !important;
  background-color: #ffffff;
  border: 1px solid #ddd !important;
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 0 8px;
  display: flex;
  align-items: center;
}

.calendario-container .input-group .select2-container .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 8px !important;
  line-height: 32px !important;
  color: #24323f;
  font-size: 13px;
}

.calendario-container .input-group .select2-container .select2-selection__arrow {
  height: 32px !important;
  right: 6px;
}

.calendario-container .input-group .select2-container.select2-container--focus .select2-selection--single,
.calendario-container .input-group .select2-container.select2-container--open .select2-selection--single {
  border-color: var(--cal-primary);
  box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.2);
  outline: none;
}

.calendario-container .input-group .input-group-prepend + .select2-container .select2-selection--single {
  border-left: none;
}

.calendario-container .input-group .input-group-text {
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  background-color: #ffffff;
  font-size: 13px;
}

.smarteam-app .smarteam-modal .smarteam-input-group {
  margin-bottom: 15px;
}

.smarteam-app .smarteam-modal .smarteam-input,
.smarteam-app .smarteam-modal .smarteam-select,
.smarteam-app .smarteam-modal .smarteam-input-group__text {
  background-color: #ffffff;
}

.smarteam-app .smarteam-modal select.smarteam-input {
  width: 100%;
}

.smarteam-app .smarteam-modal textarea.smarteam-input {
  resize: none;
}

.smarteam-app .smarteam-modal label {
  color: #333;
}

.smarteam-required-mark {
  color: red;
}

.calendario-container .input-group .select2-dropdown {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
}

.calendario-container .input-group .select2-results__option {
  padding: 6px 12px;
}
/* ========== END 58-calendario.css ========== */

/* ========== BEGIN 60-datatables.css ========== */
/* DataTables propio: reglas smarteam-* en shell/lista.
 * Vendor DataTables: excepcion temporal Documents/CDN (retiro 2026-08-31).
 */
/* ========== END 60-datatables.css ========== */

/* ========== BEGIN 61-select2.css ========== */
/* Select2 propio: reglas en shell/modales.
 * Vendor select2: excepcion temporal (retiro 2026-08-31).
 */
/* ========== END 61-select2.css ========== */

/* ========== BEGIN 62-modales.css ========== */
/* ========== MODALES DETALLE miembros (recovery) ========== */
/* Select2 allowClear deja una "x" pegada al placeholder (value=0); ocultar en modales DS */ .modal.smarteam-modal .select2-container--default .select2-selection--single .select2-selection__clear,
.smarteam-app .smarteam-modal .select2-container--default .select2-selection--single .select2-selection__clear {
	display: none !important;
}.modal.smarteam-modal .smarteam-modal__field-row,
.smarteam-app .smarteam-modal .smarteam-modal__field-row {
	display: flex;
	align-items: flex-end;
	gap: 0.5rem;
}.modal.smarteam-modal .smarteam-modal__field-row .smarteam-modal__field,
.smarteam-app .smarteam-modal .smarteam-modal__field-row .smarteam-modal__field {
	flex: 1;
	min-width: 0;
	margin-bottom: 1rem;
}.modal.smarteam-modal .smarteam-modal__field-action,
.smarteam-app .smarteam-modal .smarteam-modal__field-action {
	flex-shrink: 0;
	margin-bottom: 1rem;
}.modal.smarteam-modal .smarteam-modal__field-action .btn,
.smarteam-app .smarteam-modal .smarteam-modal__field-action .btn {
	min-width: 40px;
	min-height: 40px;
	padding: 0.45rem 0.75rem;
	border-radius: 0.5rem;
}.modal.smarteam-modal .smarteam-modal__member-list,
.smarteam-app .smarteam-modal .smarteam-modal__member-list {
	max-height: 250px;
	overflow-y: auto;
	margin: 0.5rem 0 0;
	padding: 0.5rem 0 0;
	border-top: 1px solid var(--smarteam-border, #e2e8f0);
	list-style: none;
}.modal.smarteam-modal .smarteam-modal__member-list .msg_list > li,
.smarteam-app .smarteam-modal .smarteam-modal__member-list .msg_list > li,
.modal.smarteam-modal .smarteam-modal__member-list > li,
.smarteam-app .smarteam-modal .smarteam-modal__member-list > li {
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--smarteam-border, #e2e8f0);
}.modal.smarteam-modal .smarteam-modal__member-row,
.smarteam-app .smarteam-modal .smarteam-modal__member-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	margin: 0;
}.modal.smarteam-modal .smarteam-modal__member-avatar,
.smarteam-app .smarteam-modal .smarteam-modal__member-avatar {
	flex: 0 0 auto;
	max-width: 48px;
}.modal.smarteam-modal .smarteam-modal__member-list img.avatar,
.smarteam-app .smarteam-modal .smarteam-modal__member-list img.avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--smarteam-primary, #3090D0);
}.modal.smarteam-modal .smarteam-modal__member-name,
.smarteam-app .smarteam-modal .smarteam-modal__member-name {
	font-weight: 600;
	color: var(--smarteam-text, #1e293b);
}.modal.smarteam-modal .smarteam-modal__member-role,
.smarteam-app .smarteam-modal .smarteam-modal__member-role {
	font-size: 0.875rem;
	color: var(--smarteam-text-muted, #64748b);
}.modal.smarteam-modal .smarteam-modal__member-actions,
.smarteam-app .smarteam-modal .smarteam-modal__member-actions {
	display: flex;
	justify-content: flex-end;
	margin-left: auto;
}.modal.smarteam-modal .smarteam-modal__member-list .btn-danger,
.smarteam-app .smarteam-modal .smarteam-modal__member-list .btn-danger,
.modal.smarteam-modal .smarteam-modal__member-list .smarteam-btn--danger,
.smarteam-app .smarteam-modal .smarteam-modal__member-list .smarteam-btn--danger {
	border-radius: 0.375rem;
	min-width: 32px;
	min-height: 32px;
}

/* ========== END 62-modales.css ========== */

/* ========== BEGIN 90-legacy-compat.css ========== */
/* Legacy compat intentionally empty.
   Reglas activas de Requerimientos viven en components/requirement-portlet.css. */
/* ========== END 90-legacy-compat.css ========== */

/* ========== BEGIN 99-utilities.css ========== */
/* ========== UTILIDADES / ALIASES FALTANTES (cierre CX) ========== */
.smarteam-u-clearfix::after,
.smarteam-app .smarteam-u-clearfix::after {
	content: "";
	display: table;
	clear: both;
}
.smarteam-app .width97,
.width97 {
	width: 97% !important;
}

/* Hook de markup; estilos reales en .smarteam-modal / .smarteam-modal-form rules. */
.smarteam-modal.smarteam-modal-form,
.smarteam-app .smarteam-modal.smarteam-modal-form {
	/* marker class for smarteam-modal-form.js */
}
.smarteam-app .smarteam-sidebar-proyecto__heading,
.smarteam-sidebar-proyecto__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}
.smarteam-app .smarteam-sidebar-proyecto__body,
.smarteam-sidebar-proyecto__body {
	display: block;
}
.smarteam-app .smarteam-input-text-area,
.smarteam-input-text-area {
	/* alias de smarteam-textarea */
	display: block;
	width: 100%;
	min-height: 80px;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--smarteam-border, #e7e9ed);
	border-radius: var(--smarteam-radius, 0.5rem);
	background: var(--smarteam-surface-muted, #f1f5f9);
	color: var(--smarteam-text-main, #0f172a);
	font: inherit;
	resize: vertical;
	box-sizing: border-box;
}
.smarteam-app .smarteam-req-datatable-card__titles,
.iit-gestor-proyecto .smarteam-req-datatable-card__titles {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
	flex: 1 1 auto;
}



/* ========== UTILIDADES MINIMAS (clases usadas) ========== */
/* .smarteam-mt-col-main: owner en 57-mistareas.css */
.smarteam-data-table { width: 100%; }
.smarteam-documento-preview-img {
  display: block;
  max-width: 100%;
  height: auto;
}
.smarteam-u-text-center { text-align: center !important; }
/* ========== END 99-utilities.css ========== */