.ssc-salesshortcut-form-wrap {
	width: 100%;
}

.ssc-salesshortcut-form {
	display: grid;
	gap: 16px;
}

.ssc-form-fields-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: 16px;
	row-gap: 16px;
}

.ssc-form-field {
	display: grid;
	gap: 8px;
	grid-column: span 12;
}

.ssc-form-field.ssc-col-d-12 { grid-column: span 12; }
.ssc-form-field.ssc-col-d-6 { grid-column: span 6; }
.ssc-form-field.ssc-col-d-4 { grid-column: span 4; }
.ssc-form-field.ssc-col-d-3 { grid-column: span 3; }

@media (max-width: 1024px) {
	.ssc-form-field.ssc-col-t-12 { grid-column: span 12; }
	.ssc-form-field.ssc-col-t-6 { grid-column: span 6; }
	.ssc-form-field.ssc-col-t-4 { grid-column: span 4; }
}

@media (max-width: 767px) {
	.ssc-form-field.ssc-col-m-12 { grid-column: span 12; }
	.ssc-form-field.ssc-col-m-6 { grid-column: span 6; }
}

.ssc-form-field label {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.ssc-form-field input,
.ssc-form-field textarea,
.ssc-form-field select {
	width: 100%;
	border: 1px solid #d5d8dc;
	background: #ffffff;
	color: #1f2937;
	padding: 12px 14px;
	font-size: 14px;
	line-height: 1.4;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ssc-form-field input:focus,
.ssc-form-field textarea:focus,
.ssc-form-field select:focus {
	border-color: #4c7cf8;
	box-shadow: 0 0 0 2px rgba(76, 124, 248, 0.15);
}

.ssc-form-submit {
	border: 0;
	background: #2563eb;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 14px 20px;
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.ssc-form-submit.is-full-width {
	width: 100%;
	display: block;
	justify-self: stretch;
}

.ssc-form-submit.is-inline {
	width: auto;
	display: inline-block;
	justify-self: start;
	max-width: 100%;
}

.ssc-form-submit:hover {
	background: #1d4ed8;
}

.ssc-form-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.ssc-form-response {
	font-size: 13px;
	min-height: 18px;
}

.ssc-form-response.is-success {
	color: #137333;
}

.ssc-form-response.is-error {
	color: #b42318;
}

.ssc-form-empty {
	font-size: 14px;
	color: #b42318;
}
