/*
 * Netvision Timesheet Calculator
 *
 * Every rule is scoped to .nv-timesheet-calculator. The plugin runs inside Divi
 * on netvision.no, so nothing here may leak into the surrounding theme — and the
 * widget inherits the page font on purpose rather than loading its own.
 */

.nv-timesheet-calculator {
	--nv-ts-dark: #4a3270;
	--nv-ts-purple: #744f99;
	--nv-ts-purple-hover: #634383;
	--nv-ts-magenta: #8b4689;
	--nv-ts-light: #f3eef7;
	--nv-ts-bg: #f7f5f9;
	--nv-ts-border: #e4ddea;
	--nv-ts-text: #2d2634;
	--nv-ts-body: #4b4454;
	--nv-ts-muted: #786f82;
	--nv-ts-white: #fff;
	--nv-ts-success: #27835d;

	/* Tints used on the dark results panel. */
	--nv-ts-lilac: #cbb9dd;
	--nv-ts-lilac-soft: #d5c8e3;
	--nv-ts-panel-fill: rgba(255, 255, 255, 0.08);
	--nv-ts-panel-fill-strong: rgba(255, 255, 255, 0.12);
	--nv-ts-panel-line: rgba(255, 255, 255, 0.11);

	width: 100%;
	max-width: 1200px;
	margin: 0 auto;

	color: var(--nv-ts-text);
	font-family: inherit;

	box-sizing: border-box;
}

.nv-timesheet-calculator *,
.nv-timesheet-calculator *::before,
.nv-timesheet-calculator *::after {
	box-sizing: border-box;
}

/* Header
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;

	margin-bottom: 18px;
	padding: 24px 30px;

	background: linear-gradient(135deg, var(--nv-ts-purple) 0%, var(--nv-ts-magenta) 100%);
	border-radius: 16px;

	color: var(--nv-ts-white);
	box-shadow: 0 10px 28px rgba(61, 32, 99, 0.12);
}

.nv-timesheet-calculator .nv-ts-product-name {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-header-meta {
	text-align: right;
}

.nv-timesheet-calculator .nv-ts-header-label {
	margin-bottom: 3px;

	font-size: 13px;
	line-height: 1.3;
	font-weight: 500;
	opacity: 0.75;
}

.nv-timesheet-calculator .nv-ts-header-title {
	font-size: 19px;
	line-height: 1.25;
	font-weight: 700;
}

/* Tabs
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-tabs {
	display: inline-flex;

	margin-bottom: 18px;
	padding: 4px;

	background: var(--nv-ts-light);
	border: 1px solid var(--nv-ts-border);
	border-radius: 12px;
}

.nv-timesheet-calculator .nv-ts-tab {
	appearance: none;
	-webkit-appearance: none;

	margin: 0;
	padding: 10px 20px;

	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--nv-ts-purple);

	font-family: inherit;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 600;

	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.nv-timesheet-calculator .nv-ts-tab:hover {
	background: rgba(116, 79, 153, 0.08);
}

.nv-timesheet-calculator .nv-ts-tab.is-active {
	background: var(--nv-ts-purple);
	color: var(--nv-ts-white);
	box-shadow: 0 3px 8px rgba(61, 32, 99, 0.14);
}

.nv-timesheet-calculator .nv-ts-tab:focus-visible {
	outline: 3px solid rgba(116, 79, 153, 0.25);
	outline-offset: 2px;
}

.nv-timesheet-calculator .nv-ts-panel[hidden] {
	display: none;
}

.nv-timesheet-calculator .nv-ts-panel:focus-visible {
	outline: 3px solid rgba(116, 79, 153, 0.25);
	outline-offset: 4px;
}

/* Calculator layout
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-grid {
	display: grid;
	grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.5fr);
	gap: 20px;
}

.nv-timesheet-calculator .nv-ts-controls {
	display: flex;
	flex-direction: column;
	gap: 26px;

	padding: 28px;

	background: var(--nv-ts-white);
	border: 1px solid var(--nv-ts-border);
	border-radius: 18px;
	box-shadow: 0 5px 18px rgba(45, 30, 55, 0.05);
}

.nv-timesheet-calculator .nv-ts-field {
	width: 100%;
}

.nv-timesheet-calculator .nv-ts-label {
	display: block;
	margin-bottom: 9px;

	color: var(--nv-ts-muted);

	font-size: 13px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Employee input
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-employee-input {
	width: 100%;

	margin: 0;
	padding: 8px 10px;

	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: var(--nv-ts-dark);

	font-family: inherit;
	font-size: 58px;
	line-height: 1;
	font-weight: 700;
	text-align: center;

	outline: none;
	-moz-appearance: textfield;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.nv-timesheet-calculator .nv-ts-employee-input:hover {
	background: #faf8fc;
}

.nv-timesheet-calculator .nv-ts-employee-input:focus {
	background: var(--nv-ts-light);
	border-color: rgba(116, 79, 153, 0.35);
}

.nv-timesheet-calculator .nv-ts-employee-input::-webkit-outer-spin-button,
.nv-timesheet-calculator .nv-ts-employee-input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.nv-timesheet-calculator .nv-ts-employee-unit {
	margin-top: 4px;

	color: var(--nv-ts-muted);
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
}

.nv-timesheet-calculator .nv-ts-employee-slider {
	width: 100%;
	margin-top: 18px;

	accent-color: var(--nv-ts-purple);
	cursor: pointer;
}

.nv-timesheet-calculator .nv-ts-slider-scale {
	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-top: 5px;

	color: var(--nv-ts-muted);
	font-size: 11px;
	line-height: 1.3;
}

/* Legal entity stepper
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-company-control {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	padding-top: 22px;
	border-top: 1px solid var(--nv-ts-border);
}

.nv-timesheet-calculator .nv-ts-company-control .nv-ts-label {
	margin: 0;
}

.nv-timesheet-calculator .nv-ts-stepper {
	display: flex;
	align-items: center;
	gap: 12px;
}

.nv-timesheet-calculator .nv-ts-step-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;
	padding: 0;

	border: 1px solid var(--nv-ts-border);
	border-radius: 50%;
	background: var(--nv-ts-white);
	color: var(--nv-ts-purple);

	font-family: inherit;
	font-size: 22px;
	line-height: 1;
	font-weight: 500;

	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.nv-timesheet-calculator .nv-ts-step-button:hover {
	background: var(--nv-ts-light);
	border-color: var(--nv-ts-purple);
	transform: translateY(-1px);
}

.nv-timesheet-calculator .nv-ts-step-button:focus-visible {
	outline: 3px solid rgba(116, 79, 153, 0.2);
	outline-offset: 2px;
}

.nv-timesheet-calculator .nv-ts-step-button:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	transform: none;
}

.nv-timesheet-calculator .nv-ts-step-button:disabled:hover {
	background: var(--nv-ts-white);
	border-color: var(--nv-ts-border);
	transform: none;
}

.nv-timesheet-calculator .nv-ts-company-value {
	min-width: 28px;

	color: var(--nv-ts-dark);
	font-size: 22px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
}

/* Setup fee card
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-setup {
	padding: 14px 16px;

	background: var(--nv-ts-light);
	border: 1px solid var(--nv-ts-border);
	border-radius: 12px;
}

.nv-timesheet-calculator .nv-ts-setup--promo {
	border-color: var(--nv-ts-purple);
}

.nv-timesheet-calculator .nv-ts-setup-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-bottom: 8px;
}

.nv-timesheet-calculator .nv-ts-setup-title {
	color: var(--nv-ts-dark);
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-setup-badge {
	flex-shrink: 0;
	padding: 3px 10px;

	background: var(--nv-ts-success);
	color: var(--nv-ts-white);
	border-radius: 999px;

	font-size: 11px;
	line-height: 1.3;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-setup-badge--plain {
	background: var(--nv-ts-dark);
}

.nv-timesheet-calculator .nv-ts-setup-amount {
	display: flex;
	align-items: baseline;
	gap: 9px;

	margin: 0;
	padding: 0;
}

.nv-timesheet-calculator .nv-ts-setup-was {
	color: var(--nv-ts-muted);
	font-size: 15px;
	font-weight: 600;
	text-decoration: line-through;
}

.nv-timesheet-calculator .nv-ts-setup-now {
	color: var(--nv-ts-dark);
	font-size: 26px;
	line-height: 1.1;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-setup-detail {
	margin: 3px 0 0;
	padding: 0;

	color: var(--nv-ts-purple);
	font-size: 12px;
	line-height: 1.45;
	font-weight: 600;
}

.nv-timesheet-calculator .nv-ts-setup-extra {
	margin: 8px 0 0;
	padding-top: 8px;

	border-top: 1px solid var(--nv-ts-border);
	color: var(--nv-ts-muted);
	font-size: 12px;
	line-height: 1.45;
}

.nv-timesheet-calculator .nv-ts-setup-extra[hidden] {
	display: none;
}

.nv-timesheet-calculator .nv-ts-setup-extra span {
	color: var(--nv-ts-purple);
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-setup-terms {
	margin: 8px 0 0;
	padding: 0;

	color: var(--nv-ts-muted);
	font-size: 11px;
	line-height: 1.4;
	font-style: italic;
}

/* Results panel
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-results {
	padding: 28px;

	background: var(--nv-ts-dark);
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(45, 30, 55, 0.12);
}

.nv-timesheet-calculator .nv-ts-result-heading {
	margin-bottom: 14px;

	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.nv-timesheet-calculator .nv-ts-price-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin-bottom: 16px;
	padding: 11px 14px;

	background: var(--nv-ts-panel-fill);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;

	color: rgba(255, 255, 255, 0.68);
	font-size: 13px;
	line-height: 1.4;
}

.nv-timesheet-calculator .nv-ts-price-summary strong {
	color: var(--nv-ts-white);
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-price-summary-note {
	flex-shrink: 0;

	color: var(--nv-ts-lilac);
	font-size: 12px;
	font-weight: 600;
}

/* Notices
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-notice {
	display: flex;
	align-items: flex-start;
	gap: 9px;

	margin-bottom: 16px;
	padding: 12px 14px;

	border-radius: 10px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
}

.nv-timesheet-calculator .nv-ts-notice[hidden] {
	display: none;
}

.nv-timesheet-calculator .nv-ts-notice-icon {
	flex-shrink: 0;
	font-size: 15px;
	line-height: 1.4;
}

.nv-timesheet-calculator .nv-ts-notice--minimum {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--nv-ts-panel-fill-strong);
	color: rgba(255, 255, 255, 0.88);
}

.nv-timesheet-calculator .nv-ts-notice--enterprise {
	background: var(--nv-ts-white);
	border: 1px solid rgba(255, 255, 255, 0.25);
	color: var(--nv-ts-dark);
}

/* Result cards
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-package-results {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
}

.nv-timesheet-calculator .nv-ts-result-card {
	min-width: 0;
	padding: 20px;

	background: var(--nv-ts-panel-fill);
	border: 1px solid var(--nv-ts-panel-line);
	border-radius: 14px;
}

.nv-timesheet-calculator .nv-ts-result-card--featured {
	background: var(--nv-ts-panel-fill-strong);
}

.nv-timesheet-calculator .nv-ts-result-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-bottom: 18px;
}

.nv-timesheet-calculator .nv-ts-result-name {
	margin: 0;

	color: var(--nv-ts-white);
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-result-badge {
	display: inline-flex;
	padding: 4px 9px;

	background: var(--nv-ts-panel-fill-strong);
	color: rgba(255, 255, 255, 0.78);
	border-radius: 999px;

	font-size: 11px;
	line-height: 1.2;
	font-weight: 600;
	white-space: nowrap;
}

.nv-timesheet-calculator .nv-ts-result-price-label {
	margin-bottom: 6px;

	color: rgba(255, 255, 255, 0.45);
	font-size: 10px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.nv-timesheet-calculator .nv-ts-result-price {
	color: var(--nv-ts-white);
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1.08;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.nv-timesheet-calculator .nv-ts-result-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	margin-top: 8px;

	color: rgba(255, 255, 255, 0.48);
	font-size: 11px;
	line-height: 1.4;
}

.nv-timesheet-calculator .nv-ts-result-meta span:last-child {
	color: rgba(255, 255, 255, 0.3);
	font-style: italic;
}

/* Partner kickback
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-partner-result {
	margin-top: 18px;
	padding-top: 15px;

	border-top: 1px solid var(--nv-ts-panel-fill-strong);
}

.nv-timesheet-calculator .nv-ts-partner-result-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	margin-bottom: 8px;

	color: var(--nv-ts-lilac);
	font-size: 10px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.nv-timesheet-calculator .nv-ts-partner-rate {
	display: inline-flex;
	padding: 3px 8px;

	background: rgba(203, 185, 221, 0.16);
	color: #d8cae6;
	border-radius: 999px;

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
}

.nv-timesheet-calculator .nv-ts-partner-amount {
	display: block;

	color: var(--nv-ts-white);
	font-size: 22px;
	line-height: 1.15;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-partner-meta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;

	margin-top: 7px;

	color: rgba(203, 185, 221, 0.58);
	font-size: 10px;
	line-height: 1.35;
}

.nv-timesheet-calculator .nv-ts-partner-meta span:last-child {
	text-align: right;
}

/* Annual totals
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-annual-results {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 14px;

	margin-top: 14px;
}

.nv-timesheet-calculator .nv-ts-annual-card {
	min-width: 0;
	padding: 15px 17px;

	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
}

.nv-timesheet-calculator .nv-ts-annual-label {
	margin-bottom: 6px;

	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
	line-height: 1.35;
	font-weight: 600;
}

.nv-timesheet-calculator .nv-ts-annual-price {
	display: block;

	color: var(--nv-ts-white);
	font-size: 19px;
	line-height: 1.2;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-annual-partner {
	margin-top: 5px;

	color: var(--nv-ts-lilac-soft);
	font-size: 12px;
	line-height: 1.4;
	font-weight: 600;
}

.nv-timesheet-calculator .nv-ts-annual-note {
	margin-top: 5px;

	color: rgba(255, 255, 255, 0.28);
	font-size: 10px;
	line-height: 1.3;
	font-style: italic;
}

/* Setup summary inside the results panel
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-establishment {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;

	margin-top: 14px;
	padding: 16px 18px;

	background: var(--nv-ts-panel-fill);
	border: 1px solid var(--nv-ts-panel-line);
	border-radius: 12px;
}

.nv-timesheet-calculator .nv-ts-establishment-copy {
	min-width: 0;
}

.nv-timesheet-calculator .nv-ts-establishment-title {
	margin-bottom: 4px;

	color: var(--nv-ts-white);
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-establishment-once {
	color: rgba(255, 255, 255, 0.46);
	font-size: 11px;
	font-weight: 500;
}

.nv-timesheet-calculator .nv-ts-establishment-description {
	color: rgba(255, 255, 255, 0.54);
	font-size: 11px;
	line-height: 1.45;
}

.nv-timesheet-calculator .nv-ts-establishment-price {
	flex-shrink: 0;

	color: var(--nv-ts-white);
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	text-align: right;
}

.nv-timesheet-calculator .nv-ts-footer {
	margin-top: 16px;

	color: var(--nv-ts-muted);
	font-size: 11px;
	line-height: 1.4;
	text-align: center;
}

/* Package tab
   ------------------------------------------------------------------------- */

.nv-timesheet-calculator .nv-ts-package-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}

.nv-timesheet-calculator .nv-ts-package-card {
	padding: 28px;

	background: var(--nv-ts-white);
	border: 1px solid var(--nv-ts-border);
	border-radius: 18px;
	box-shadow: 0 5px 18px rgba(45, 30, 55, 0.05);
}

.nv-timesheet-calculator .nv-ts-package-card--featured {
	border: 2px solid var(--nv-ts-purple);
}

.nv-timesheet-calculator .nv-ts-status {
	display: inline-flex;

	margin-bottom: 15px;
	padding: 6px 11px;

	background: var(--nv-ts-light);
	color: var(--nv-ts-dark);
	border-radius: 999px;

	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
}

.nv-timesheet-calculator .nv-ts-package-card--featured .nv-ts-status {
	background: var(--nv-ts-dark);
	color: var(--nv-ts-white);
}

/*
 * Divi styles bare h3 elements, so the heading carries its own class and wins on
 * specificity without needing !important.
 */
.nv-timesheet-calculator .nv-ts-package-card .nv-ts-package-title {
	margin: 0 0 8px;
	padding: 0;

	color: var(--nv-ts-text);
	font-size: 25px;
	line-height: 1.25;
	font-weight: 600;
}

.nv-timesheet-calculator .nv-ts-package-price {
	margin: 0 0 20px;
	padding: 0;

	color: var(--nv-ts-purple);
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
}

.nv-timesheet-calculator .nv-ts-feature-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nv-timesheet-calculator .nv-ts-feature-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	margin: 0;
	padding: 10px 0;

	border-bottom: 1px solid var(--nv-ts-border);
	color: var(--nv-ts-body);
	font-size: 14px;
	line-height: 1.4;
}

.nv-timesheet-calculator .nv-ts-feature-list li:last-child {
	border-bottom: 0;
}

.nv-timesheet-calculator .nv-ts-feature-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;

	width: 20px;
	height: 20px;
	margin-top: 1px;

	background: var(--nv-ts-light);
	color: var(--nv-ts-purple);
	border-radius: 50%;

	font-size: 12px;
	line-height: 1;
	font-weight: 700;
}

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

@media (max-width: 980px) {
	.nv-timesheet-calculator .nv-ts-grid {
		grid-template-columns: 1fr;
	}

	.nv-timesheet-calculator .nv-ts-controls,
	.nv-timesheet-calculator .nv-ts-results {
		padding: 24px;
	}

	.nv-timesheet-calculator .nv-ts-employee-input {
		font-size: 52px;
	}
}

@media (max-width: 768px) {
	.nv-timesheet-calculator .nv-ts-header {
		padding: 20px;
		border-radius: 14px;
	}

	.nv-timesheet-calculator .nv-ts-product-name {
		font-size: 20px;
	}

	.nv-timesheet-calculator .nv-ts-header-title {
		font-size: 16px;
	}

	.nv-timesheet-calculator .nv-ts-tabs {
		display: flex;
		width: 100%;
	}

	.nv-timesheet-calculator .nv-ts-tab {
		flex: 1;
	}

	.nv-timesheet-calculator .nv-ts-package-results,
	.nv-timesheet-calculator .nv-ts-annual-results,
	.nv-timesheet-calculator .nv-ts-package-grid {
		grid-template-columns: 1fr;
	}

	.nv-timesheet-calculator .nv-ts-employee-input {
		font-size: 48px;
	}

	.nv-timesheet-calculator .nv-ts-price-summary {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.nv-timesheet-calculator .nv-ts-price-summary-note {
		flex-shrink: 1;
	}
}

@media (max-width: 480px) {
	.nv-timesheet-calculator .nv-ts-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.nv-timesheet-calculator .nv-ts-header-meta {
		text-align: left;
	}

	.nv-timesheet-calculator .nv-ts-controls,
	.nv-timesheet-calculator .nv-ts-results,
	.nv-timesheet-calculator .nv-ts-package-card {
		padding: 20px;
	}

	.nv-timesheet-calculator .nv-ts-company-control {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.nv-timesheet-calculator .nv-ts-result-meta,
	.nv-timesheet-calculator .nv-ts-partner-meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.nv-timesheet-calculator .nv-ts-partner-meta span:last-child,
	.nv-timesheet-calculator .nv-ts-establishment-price {
		text-align: left;
	}

	.nv-timesheet-calculator .nv-ts-establishment {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nv-timesheet-calculator .nv-ts-tab,
	.nv-timesheet-calculator .nv-ts-step-button,
	.nv-timesheet-calculator .nv-ts-employee-input {
		transition: none;
	}

	.nv-timesheet-calculator .nv-ts-step-button:hover {
		transform: none;
	}
}