/* ==========================================================================
   Císcar Portal de Soporte — estilos del portal de Fluent Support
   Paleta y tipografía del tema soporte-ciscar. Todo va dentro de #ccp-auth
   o #ccp-portal para no tocar el resto de la web.
   ========================================================================== */

.ccp-shell {
	--ccp-navy: #0A1628;
	--ccp-primary: #003a62;
	--ccp-blue: #065186;
	--ccp-orange: #F15A29;          /* acentos (no texto) */
	--ccp-orange-btn: #C93F12;      /* botones con texto blanco: contraste AA */
	--ccp-orange-btn-hover: #A93410;
	--ccp-ink: #191c1e;
	--ccp-ink-2: #41474f;
	--ccp-line: #d5dae1;
	--ccp-soft: #f2f4f6;
	--ccp-surface: #f7f9fb;
	--ccp-focus: 0 0 0 3px rgba(6, 81, 134, .28);
	--ccp-display: "Montserrat", "Inter", system-ui, sans-serif;
	--ccp-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-family: var(--ccp-body);
	color: var(--ccp-ink);
	-webkit-font-smoothing: antialiased;
}
.ccp-shell *,
.ccp-shell *::before,
.ccp-shell *::after { box-sizing: border-box; }

.ccp-shell .ccp-eyebrow {
	margin: 0 0 .5rem;
	font: 700 .75rem/1.2 var(--ccp-display);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ccp-orange);
}

/* El texto de bienvenida de Fluent ya lo cubre la columna informativa. */
.entry-content p:has(+ .ccp-auth),
.entry-content p:has(+ br + .ccp-auth) { display: none; }

/* ==========================================================================
   1. ACCESO / REGISTRO / RECUPERAR CONTRASEÑA
   ========================================================================== */

#ccp-auth {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 0;
	border: 1px solid var(--ccp-line);
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 18px 40px -24px rgba(10, 22, 40, .35);
}

/* ---- Columna informativa ---- */
#ccp-auth .ccp-auth__info {
	position: relative;
	padding: 2.75rem 2.5rem;
	color: #dbe4ee;
	background:
		radial-gradient(120% 70% at 100% 0%, rgba(241, 90, 41, .22) 0%, rgba(241, 90, 41, 0) 55%),
		radial-gradient(90% 60% at 0% 100%, rgba(6, 81, 134, .55) 0%, rgba(6, 81, 134, 0) 60%),
		var(--ccp-navy);
}
#ccp-auth .ccp-auth__title {
	margin: 0 0 .9rem;
	font: 800 clamp(1.6rem, 2.4vw, 2.1rem)/1.15 var(--ccp-display);
	letter-spacing: -.01em;
	color: #fff;
}
#ccp-auth .ccp-auth__lead {
	margin: 0 0 2rem;
	font-size: 1rem;
	line-height: 1.6;
	color: #c7d3e0;
}
#ccp-auth .ccp-auth__sub {
	margin: 0 0 .85rem;
	font: 700 .95rem/1.3 var(--ccp-display);
	color: #fff;
}
#ccp-auth .ccp-checks {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	gap: .7rem;
}
#ccp-auth .ccp-checks li {
	position: relative;
	margin: 0;
	padding-left: 1.9rem;
	font-size: .95rem;
	line-height: 1.5;
}
#ccp-auth .ccp-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .1rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	background: rgba(241, 90, 41, .18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23F7845E' d='m8.2 13.6-3.5-3.5 1.4-1.4 2.1 2.1 5.3-5.3 1.4 1.4z'/%3E%3C/svg%3E") center/14px no-repeat;
}
#ccp-auth .ccp-steps {
	list-style: none;
	counter-reset: ccp;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	gap: .2rem;
}
#ccp-auth .ccp-steps li {
	counter-increment: ccp;
	position: relative;
	margin: 0;
	padding: 0 0 1rem 3rem;
	display: grid;
	gap: .15rem;
}
#ccp-auth .ccp-steps li::before {
	content: counter(ccp);
	position: absolute;
	left: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	display: grid;
	place-items: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	font: 700 .9rem/1 var(--ccp-display);
	color: #fff;
}
#ccp-auth .ccp-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 1rem;
	top: 2.15rem;
	bottom: .15rem;
	width: 1px;
	background: rgba(255, 255, 255, .16);
}
#ccp-auth .ccp-steps strong { color: #fff; font-weight: 600; font-size: .95rem; }
#ccp-auth .ccp-steps span { font-size: .875rem; line-height: 1.45; color: #aebdcd; }

#ccp-auth .ccp-safe {
	display: flex;
	gap: .6rem;
	align-items: flex-start;
	margin: 0;
	padding: .85rem 1rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	font-size: .85rem;
	line-height: 1.45;
	color: #dbe4ee;
}
#ccp-auth .ccp-safe svg { flex: none; color: #7fc4f5; margin-top: 1px; }

/* ---- Columna de formularios ---- */
#ccp-auth .ccp-auth__forms {
	padding: 2.75rem clamp(1.5rem, 4vw, 3.25rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
}
#ccp-auth .hide { display: none !important; }

#ccp-auth .fst_login_form_auth_wrapper,
#ccp-auth .fst_login_wrapper,
#ccp-auth .fst_registration_wrapper,
#ccp-auth .fst_reset_pass_wrapper {
	max-width: 440px;
	width: 100%;
	margin: 0 auto;
}
#ccp-auth .ccp-form-head { margin: 0 0 1.75rem; }
#ccp-auth .ccp-form-head h2 {
	margin: 0 0 .4rem;
	font: 800 1.6rem/1.2 var(--ccp-display);
	color: var(--ccp-primary);
	letter-spacing: -.01em;
}
#ccp-auth .ccp-form-head p { margin: 0; color: var(--ccp-ink-2); font-size: .95rem; line-height: 1.5; }

/* Campos (login de WordPress + registro/recuperación de Fluent) */
#ccp-auth form#loginform > p,
#ccp-auth .fst_field_group { margin: 0 0 1.1rem; }
#ccp-auth .fs_registration_form,
#ccp-auth .fs_reset_pass_form { display: block; }
#ccp-auth form#loginform label,
#ccp-auth .fst_field_label label {
	display: block;
	margin: 0 0 .4rem;
	font-size: .875rem;
	font-weight: 600;
	color: var(--ccp-ink);
}
#ccp-auth .fst_field_label.is-required label::after { content: " *"; color: #b42318; margin-left: 0; }
#ccp-auth form#loginform .input,
#ccp-auth .fs_registration_form input,
#ccp-auth .fs_reset_pass_form input,
#ccp-auth .fs_registration_form select {
	display: block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 .95rem;
	border: 1px solid #b9c0ca;
	border-radius: 10px;
	background: #fff;
	font: 400 1rem/1.2 var(--ccp-body);
	color: var(--ccp-ink);
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
#ccp-auth input::placeholder { color: #747b85; }
#ccp-auth form#loginform .input:hover,
#ccp-auth .fs_registration_form input:hover,
#ccp-auth .fs_reset_pass_form input:hover { border-color: #8e97a3; }
#ccp-auth form#loginform .input:focus,
#ccp-auth .fs_registration_form input:focus,
#ccp-auth .fs_reset_pass_form input:focus {
	outline: none;
	border-color: var(--ccp-blue);
	box-shadow: var(--ccp-focus);
}
#ccp-auth .fst_field_group.is-error input { border-color: #b42318; }

/* Registro en dos columnas: nombre + apellidos */
#ccp-auth .fs_registration_form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: .9rem;
}
#ccp-auth .fs_registration_form > * { grid-column: 1 / -1; }
#ccp-auth .fs_registration_form > .fst_registration_fields:has(.fst_field_first_name),
#ccp-auth .fs_registration_form > .fst_registration_fields:has(.fst_field_last_name) { grid-column: auto; }

/* Recuérdame */
#ccp-auth form#loginform .login-remember label {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	font-weight: 500;
	color: var(--ccp-ink-2);
	cursor: pointer;
}
#ccp-auth form#loginform .login-remember input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--ccp-blue);
}

/* Botones principales */
#ccp-auth input#wp-submit,
#ccp-auth #fst_submit,
#ccp-auth #fst_reset_pass {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	margin: .4rem 0 0;
	padding: 0 1.25rem;
	border: 0;
	border-radius: 12px;
	background: var(--ccp-orange-btn);
	color: #fff;
	font: 700 1rem/1 var(--ccp-display);
	letter-spacing: .01em;
	text-shadow: none;
	box-shadow: 0 10px 22px -12px rgba(201, 63, 18, .9);
	cursor: pointer;
	transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
#ccp-auth input#wp-submit:hover,
#ccp-auth #fst_submit:hover,
#ccp-auth #fst_reset_pass:hover { background: var(--ccp-orange-btn-hover); transform: translateY(-1px); }
#ccp-auth input#wp-submit:focus-visible,
#ccp-auth #fst_submit:focus-visible,
#ccp-auth #fst_reset_pass:focus-visible { outline: 3px solid rgba(6, 81, 134, .45); outline-offset: 2px; }
#ccp-auth #fst_submit.loading,
#ccp-auth #fst_reset_pass.loading { background: #d77a59; }
#ccp-auth #fst_submit svg,
#ccp-auth #fst_reset_pass svg { width: 22px; height: 22px; }

/* Enlaces de cambio de formulario */
#ccp-auth .fst_login_wrapper > p,
#ccp-auth .fst_registration_wrapper > p {
	margin: 1.1rem 0 0 !important;
	font-size: .925rem;
	color: var(--ccp-ink-2);
	text-align: center;
}
#ccp-auth .fst_login_wrapper > form + p {
	margin-top: 1.6rem !important;
	padding-top: 1.4rem;
	border-top: 1px solid var(--ccp-line);
}
#ccp-auth .fst_login_wrapper > p + p { margin-top: .5rem !important; }
#ccp-auth a#fs_show_signup,
#ccp-auth a#fs_show_login,
#ccp-auth a#fs_show_reset_password {
	color: var(--ccp-blue);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
#ccp-auth a#fs_show_signup:hover,
#ccp-auth a#fs_show_login:hover,
#ccp-auth a#fs_show_reset_password:hover { color: var(--ccp-primary); text-decoration-thickness: 2px; }

/* El de recuperar contraseña no trae "volver": lo añade portal.js */
#ccp-auth .ccp-back-login { margin: 1.1rem 0 0; text-align: center; font-size: .925rem; }
#ccp-auth .ccp-back-login a { color: var(--ccp-blue); font-weight: 700; text-underline-offset: 3px; }

/* Mensajes de error / éxito de Fluent */
#ccp-auth .text-danger,
#ccp-auth .error.text-danger {
	margin: .45rem 0 0;
	font-size: .85rem;
	color: #b42318;
}
#ccp-auth form > .error.text-danger,
#ccp-auth form > .success {
	margin-top: 1rem;
	padding: .8rem 1rem;
	border-radius: 10px;
	font-size: .9rem;
	line-height: 1.45;
}
#ccp-auth form > .error.text-danger { background: #fef3f2; border: 1px solid #fecdca; }
#ccp-auth form > .success { background: #ecfdf3; border: 1px solid #abefc6; color: #05603a; }
#ccp-auth #login_error,
#ccp-auth .login-error { color: #b42318; }

/* ---- Responsive ---- */
@media (max-width: 900px) {
	#ccp-auth { grid-template-columns: 1fr; }
	#ccp-auth .ccp-auth__forms { order: -1; padding: 2rem 1.25rem 2.25rem; }
	#ccp-auth .ccp-auth__info { padding: 2rem 1.5rem; }
	#ccp-auth .ccp-auth__lead { margin-bottom: 1.5rem; }
}
@media (max-width: 480px) {
	#ccp-auth { border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
	#ccp-auth .ccp-auth__forms { padding: .5rem 0 2rem; }
	#ccp-auth .ccp-auth__info { border-radius: 16px; padding: 1.75rem 1.25rem; }
	#ccp-auth .fs_registration_form { grid-template-columns: 1fr; }
	#ccp-auth .ccp-form-head h2 { font-size: 1.4rem; }
}

/* ==========================================================================
   2. PORTAL CON SESIÓN (listado de tickets, ticket y nuevo ticket)
   ========================================================================== */

#ccp-portal .ccp-portal__hello {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 1.5rem;
	padding: 1.6rem 1.75rem;
	border-radius: 18px;
	color: #c7d3e0;
	background:
		radial-gradient(80% 140% at 100% 0%, rgba(241, 90, 41, .2) 0%, rgba(241, 90, 41, 0) 55%),
		var(--ccp-navy);
}
#ccp-portal .ccp-portal__hello h2 {
	margin: 0 0 .35rem;
	font: 800 1.55rem/1.2 var(--ccp-display);
	color: #fff;
}
#ccp-portal .ccp-portal__hello p:last-child { margin: 0; max-width: 62ch; font-size: .95rem; line-height: 1.55; }

/* Tokens de Fluent Support → marca Císcar */
#ccp-portal .fs_client_portal {
	--fs-primary: #C93F12;
	--fs-primary-dark: #A93410;
	--fs-primary-hover: #A93410;
	--fs-btn-primary: #C93F12;
	--fs-btn-primary-hover: #A93410;
	--fs-link: #065186;
	--fs-link-hover: #003a62;
	--fs-text-strong: #191c1e;
	--fs-text-heading: #003a62;
	--fs-text-sub: #41474f;
	--fs-text-label: #191c1e;
	--fs-border-soft: #d5dae1;
	--fs-border-light: #e3e7ec;
	--fs-border-focus: #065186;
	--fs-bg-weak: #f2f4f6;
	--fs-bg-light: #f7f9fb;
	--fs-radius-md: 10px;
	--fs-radius-xl: 18px;
	--el-color-primary: #065186;
	--el-color-primary-light-3: #4f86ad;
	--el-color-primary-light-5: #82a8c3;
	--el-color-primary-light-7: #b4cbdb;
	--el-color-primary-light-8: #cddce7;
	--el-color-primary-light-9: #e6eef3;
	--el-color-primary-dark-2: #05416b;
	--el-input-focus-border-color: #065186;
	--el-input-border-color: #b9c0ca;
	--el-border-radius-base: 10px;
	font-family: var(--ccp-body);
	color: var(--ccp-ink);
}

/* Cabecera del listado */
#ccp-portal .fs_ticket_wrapper .fs_tickets_container {
	border-color: var(--ccp-line);
	box-shadow: 0 14px 34px -26px rgba(10, 22, 40, .45);
	overflow: hidden;
}
#ccp-portal .fs_tickets_header {
	padding: 1.25rem 1.5rem;
	background: #fff;
}
#ccp-portal .fs_tickets_heading {
	font: 800 1.3rem/1.3 var(--ccp-display) !important;
	color: var(--ccp-primary) !important;
}
#ccp-portal .fs_create_ticket_btn,
#ccp-portal .fs_create_ticket_button {
	height: 44px !important;
	padding: 0 1.15rem !important;
	border-radius: 11px !important;
	background: var(--ccp-orange-btn) !important;
	color: #fff !important;
	font: 700 .95rem/1 var(--ccp-display) !important;
	box-shadow: 0 10px 22px -14px rgba(201, 63, 18, .9);
	transition: background .15s ease, transform .15s ease;
}
#ccp-portal .fs_create_ticket_btn:hover,
#ccp-portal .fs_create_ticket_button:hover { background: var(--ccp-orange-btn-hover) !important; transform: translateY(-1px); }
#ccp-portal .fs_create_ticket_btn.is-disabled { background: #c9ced6 !important; box-shadow: none; transform: none; }
#ccp-portal .fs_logout_btn { height: 44px !important; border-radius: 11px !important; }

/* Filtros */
#ccp-portal .fs_filters_section { background: var(--ccp-surface); }

/* Filas de tickets */
#ccp-portal .fs_ticket_item { transition: background .15s ease; }
#ccp-portal .fs_ticket_item:hover { background: #f5f8fb; }
#ccp-portal .fs_ticket_link { text-decoration: none; }
#ccp-portal .fs_ticket_title strong { color: var(--ccp-ink); font-weight: 600; }
#ccp-portal .fs_ticket_item:hover .fs_ticket_title strong { color: var(--ccp-blue); }
#ccp-portal .fs_ticket_preview { color: var(--ccp-ink-2); }
#ccp-portal .fs_waiting_on_you {
	background: #fff4ed;
	color: #9a3412;
	border: 1px solid #fed7c3;
	border-radius: 999px;
	font-weight: 600;
}
#ccp-portal .fs_ticket_list_empty_title { font: 700 1.15rem/1.3 var(--ccp-display); color: var(--ccp-primary); }

/* ---- Nuevo ticket ---- */
#ccp-portal .fs_create_ticket_container.ccp-has-tips {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	grid-template-areas: "back back" "form tips";
	column-gap: 1.5rem;
	align-items: start;
}
#ccp-portal .ccp-has-tips > .fs_back_nav { grid-area: back; }
#ccp-portal .ccp-has-tips > .fs_ticket_form_container { grid-area: form; min-width: 0; }
#ccp-portal .ccp-has-tips > .ccp-tips { grid-area: tips; position: sticky; top: 1.5rem; }

#ccp-portal .fs_back_nav { margin-bottom: 1rem; }
#ccp-portal .fs_back_button { color: var(--ccp-blue) !important; font-weight: 600; }

#ccp-portal .fs_ticket_form_container {
	border-color: var(--ccp-line);
	box-shadow: 0 14px 34px -26px rgba(10, 22, 40, .45);
	overflow: hidden;
}
#ccp-portal .fs_ticket_form_container .fs_ticket_header {
	padding: 1.3rem 1.6rem;
	background: linear-gradient(90deg, #f2f6fa, #fff);
	border-bottom: 1px solid var(--ccp-line);
}
#ccp-portal .fs_ticket_form_container .fs_ticket_header label {
	font: 800 1.3rem/1.3 var(--ccp-display);
	color: var(--ccp-primary);
}
#ccp-portal .fs_ticket_form { padding: 1.6rem !important; }
#ccp-portal .fs_ticket_form .el-form-item__label,
#ccp-portal .fs_ticket_form .fs_ticket_details_label {
	font-size: .9rem !important;
	font-weight: 600 !important;
	color: var(--ccp-ink) !important;
	text-transform: none;
}
#ccp-portal .fs_ticket_form .el-form-item__label::first-letter { text-transform: uppercase; }
#ccp-portal .fs_ticket_form .el-input__wrapper,
#ccp-portal .fs_ticket_form .el-select__wrapper {
	min-height: 46px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #b9c0ca inset;
}
#ccp-portal .fs_ticket_form .el-input__wrapper.is-focus,
#ccp-portal .fs_ticket_form .el-select__wrapper.is-focused {
	box-shadow: 0 0 0 1px var(--ccp-blue) inset, var(--ccp-focus);
}
#ccp-portal .fs_ticket_form .el-input__inner { font-size: 1rem; }
#ccp-portal .fs_tk_help { color: var(--ccp-ink-2) !important; font-size: .85rem !important; line-height: 1.5; }
#ccp-portal .editor-container,
#ccp-portal .wp_vue_editor_wrapper { border-color: #b9c0ca; border-radius: 10px; overflow: hidden; }
#ccp-portal .fs_submit_button_container .fs_create_ticket_button { height: 50px !important; padding: 0 1.6rem !important; font-size: 1rem !important; }

/* Guía "Qué incluir" */
#ccp-portal .ccp-tips {
	padding: 1.5rem 1.4rem;
	border-radius: 18px;
	background: var(--ccp-surface);
	border: 1px solid var(--ccp-line);
	font-size: .9rem;
	line-height: 1.5;
	color: var(--ccp-ink-2);
}
#ccp-portal .ccp-tips summary { list-style: none; cursor: pointer; display: block; }
#ccp-portal .ccp-tips summary::-webkit-details-marker { display: none; }
#ccp-portal .ccp-tips summary .ccp-eyebrow { display: block; }
#ccp-portal .ccp-tips__body { margin-top: .9rem; }
#ccp-portal .ccp-tips__title {
	display: block;
	margin: 0;
	font: 800 1.1rem/1.3 var(--ccp-display);
	color: var(--ccp-primary);
}
#ccp-portal .ccp-tips ul { list-style: none; margin: 0 0 1.1rem; padding: 0; display: grid; gap: .65rem; }
#ccp-portal .ccp-tips li { position: relative; margin: 0; padding-left: 1.5rem; }
#ccp-portal .ccp-tips li::before {
	content: "";
	position: absolute;
	left: .15rem;
	top: .5rem;
	width: .5rem;
	height: .5rem;
	border-radius: 2px;
	background: var(--ccp-orange);
	transform: rotate(45deg);
}
#ccp-portal .ccp-tips li strong { color: var(--ccp-ink); font-weight: 600; }
#ccp-portal .ccp-tips__urgent {
	margin: 0 0 .9rem;
	padding: .8rem .95rem;
	border-radius: 12px;
	background: #fff4ed;
	border: 1px solid #fed7c3;
	color: #7c2d12;
}
#ccp-portal .ccp-tips__urgent strong { color: #9a3412; }
#ccp-portal .ccp-tips__safe { margin: 0; font-size: .82rem; color: #5b626b; }

@media (min-width: 981px) {
	#ccp-portal .ccp-tips summary { cursor: default; pointer-events: none; }
}
@media (max-width: 980px) {
	#ccp-portal .ccp-tips { padding: 1.1rem 1.2rem; }
	#ccp-portal .ccp-tips summary { position: relative; padding-right: 2rem; }
	#ccp-portal .ccp-tips summary::after {
		content: "";
		position: absolute;
		right: .2rem;
		top: 50%;
		width: .6rem;
		height: .6rem;
		border-right: 2px solid var(--ccp-blue);
		border-bottom: 2px solid var(--ccp-blue);
		transform: translateY(-70%) rotate(45deg);
		transition: transform .15s ease;
	}
	#ccp-portal .ccp-tips[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
	#ccp-portal .ccp-tips summary:focus-visible { outline: 3px solid rgba(6, 81, 134, .45); outline-offset: 4px; border-radius: 6px; }
	#ccp-portal .fs_create_ticket_container.ccp-has-tips {
		grid-template-columns: 1fr;
		grid-template-areas: "back" "tips" "form";
	}
	#ccp-portal .ccp-has-tips > .ccp-tips { position: static; margin-bottom: 1.25rem; }
}
@media (max-width: 600px) {
	#ccp-portal .ccp-portal__hello { padding: 1.3rem 1.2rem; border-radius: 16px; }
	#ccp-portal .ccp-portal__hello h2 { font-size: 1.3rem; }
	#ccp-portal .fs_ticket_form { padding: 1.1rem !important; }
	#ccp-portal .fs_ticket_form_container .fs_ticket_header { padding: 1.1rem; }
	#ccp-portal .fs_submit_button_container .el-form-item__content { justify-content: stretch !important; }
	#ccp-portal .fs_submit_button_container .fs_create_ticket_button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.ccp-shell * { transition: none !important; }
}