@import url('./startup-calculator.css?v=20260927-7');

/* Shared calculator surfaces and controls, with a compact service helper. */
.salon-profit-page .startup-hero h1{max-width:850px}
.salon-profit-page .startup-form-heading{margin-bottom:var(--th-space-4);align-items:center}
.profit-service-card{margin-bottom:var(--th-space-4)}
.profit-service-card .startup-field{margin-bottom:0}
.profit-service-card label{font-size:var(--th-field-font-size-mobile)}
.profit-service-prompt{margin-top:var(--th-space-3)}
.salon-profit-page #profit-totals>.startup-actions>.startup-button{width:100%}
.salon-profit-page .startup-select select{text-overflow:ellipsis}
.salon-profit-page .startup-select select:disabled{opacity:.6;cursor:default}
.salon-profit-page select[aria-invalid=true]{border-color:var(--th-color-danger);outline:2px solid var(--th-color-danger);outline-offset:1px}
.profit-entry-help{margin-top:var(--th-space-3)}
.salon-profit-page .startup-amount-group+.startup-amount-group{margin-top:var(--th-space-4);padding-top:var(--th-space-4)}
.salon-profit-page .startup-amount-group>.startup-field{gap:var(--th-space-1)}
.salon-profit-page .startup-slider>.startup-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.salon-profit-page .startup-number{scroll-margin-block:140px var(--th-space-6)}
.salon-profit-page #profit-sales-helper[open]{border-color:var(--th-color-border)}
.profit-service-row{display:flow-root;min-inline-size:0;width:100%;padding:var(--th-space-4);margin:0 0 var(--th-space-3);border:1px solid var(--th-color-border-soft);border-radius:var(--th-radius-control);background:var(--th-color-surface);box-shadow:none}
.profit-service-row legend{float:left;width:100%;padding:0;margin:0 0 var(--th-space-2);font-size:var(--th-control-font-size-standard);font-weight:600;line-height:1.45}
.profit-service-row legend label{display:block;cursor:pointer}
.profit-service-row .startup-field{clear:both;margin-bottom:var(--th-space-3)}
.profit-service-row .startup-pair{clear:both;gap:var(--th-space-3)}
.profit-service-row .startup-pair .startup-field{margin-bottom:0}
.profit-service-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--th-space-3);margin-top:var(--th-space-3);padding-top:var(--th-space-2);border-top:1px solid var(--th-color-border-soft)}
.profit-service-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--th-space-1) var(--th-space-2);min-width:0;margin:0;font-size:13px;color:var(--th-color-text-muted);line-height:1.5}
.profit-service-total strong{max-width:100%;overflow-wrap:anywhere;font-size:var(--th-field-font-size-mobile);font-weight:600;color:var(--th-color-ink);font-variant-numeric:tabular-nums}
.salon-profit-page .profit-remove{flex-shrink:0;min-width:var(--th-control-height-standard);padding:var(--th-space-2);border-color:transparent;background:transparent;color:var(--th-color-text-muted);font-weight:var(--th-control-font-weight-tertiary);text-decoration:underline;text-underline-offset:3px}
.profit-add{margin-bottom:var(--th-space-6);width:100%;border-style:dashed;color:var(--th-color-violet-strong);background:transparent}
.profit-optional-income{border:1px solid var(--th-color-border);border-radius:var(--th-radius-control);background:var(--th-color-surface)}
.profit-extra+.profit-extra{border-top:1px solid var(--th-color-border-soft)}
.profit-extra>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--th-space-3);list-style:none;min-height:var(--th-control-height-standard);padding:var(--th-space-3);border-radius:var(--th-radius-control);cursor:pointer;color:var(--th-color-ink);font-size:var(--th-control-font-size-standard);font-weight:var(--th-control-font-weight-secondary);line-height:var(--th-control-line-height-standard)}
.profit-extra>summary::-webkit-details-marker{display:none}
.profit-extra>summary::after{content:'+';flex-shrink:0;color:var(--th-color-violet-strong);font-size:22px;line-height:1}
.profit-extra[open]>summary::after{content:'−'}
.profit-extra-summary-copy{display:grid;gap:var(--th-space-1);min-width:0;overflow-wrap:anywhere}
.profit-extra-value{color:var(--th-color-violet-strong);font-weight:600;font-variant-numeric:tabular-nums}
.profit-extra[data-invalid] .profit-extra-value{color:var(--th-color-danger)}
.profit-extra-body{padding:0 var(--th-space-3) var(--th-space-3)}
.profit-extra-body>.startup-field{margin-bottom:0}
.profit-optional-note{margin-top:var(--th-space-3)}
.profit-helper-footer{margin-top:var(--th-space-4);padding-top:var(--th-space-4);border-top:1px solid var(--th-color-border)}
.profit-helper-footer .startup-subtotal{align-items:baseline;margin:0 0 var(--th-space-3)}
.profit-helper-footer .startup-subtotal strong{max-width:100%;overflow-wrap:anywhere;font-size:20px;font-variant-numeric:tabular-nums}
.profit-helper-footer>.startup-error{margin-bottom:var(--th-space-3)}
.salon-profit-page .profit-apply{width:100%;min-height:var(--th-control-height-prominent)}
.profit-helper-dirty{padding:var(--th-space-2) 0}
.profit-currency-note{margin-top:var(--th-space-3)}
#profit-empty{padding-block:var(--th-space-4)}
#profit-results[data-outcome=loss] .startup-total{color:var(--th-color-danger)}
.profit-result-note{margin-top:var(--th-space-5)}
.salon-profit-page #profit-edit-totals{border-color:transparent;background:transparent;color:var(--th-color-violet-strong);font-weight:var(--th-control-font-weight-tertiary);text-underline-offset:3px}
.salon-profit-page #profit-edit-totals:focus-visible{text-decoration:underline}
.salon-profit-page #profit-print{gap:var(--th-space-2)}
.salon-profit-page #profit-print:not(:disabled):focus-visible{background:var(--th-color-violet-soft);border-color:var(--th-color-violet);color:var(--th-color-violet-strong)}
.profit-print-icon{width:var(--th-space-5);height:var(--th-space-5);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.profit-pending-note{padding:var(--th-space-3);background:var(--th-color-violet-soft);border-inline-start:3px solid var(--th-color-violet-strong);border-radius:var(--th-radius-control);margin-block:var(--th-space-3)}
.profit-margin{display:grid;grid-template-columns:1fr auto;gap:var(--th-space-2);margin-top:var(--th-space-5);padding:var(--th-space-4);border-radius:var(--th-radius-control);background:var(--th-color-violet-soft);font-size:14px}
.profit-margin strong{font-size:20px;overflow-wrap:anywhere;max-width:200px;text-align:end}
.profit-margin p{grid-column:1/-1}
.profit-quick-guide{margin-bottom:var(--th-space-6);max-width:850px}
.profit-quick-guide h2{font-size:20px;line-height:1.3;font-weight:600;margin:0 0 var(--th-space-4)}
.profit-quick-guide ol{padding-inline-start:var(--th-space-6);margin:0 0 var(--th-space-4)}
.profit-quick-guide li+li{margin-top:var(--th-space-2)}
.profit-worked-example{padding:var(--th-space-4);border-inline-start:3px solid var(--th-color-violet-strong);background:var(--th-color-violet-soft);border-radius:var(--th-radius-control)}
@media(hover:hover){.salon-profit-page .profit-remove:hover{background:var(--th-color-surface-soft);border-color:transparent;color:var(--th-color-ink)}.profit-extra>summary:hover{background:var(--th-color-surface-soft)}}
@media(hover:hover){.salon-profit-page #profit-edit-totals:hover{text-decoration:underline}.salon-profit-page #profit-print:not(:disabled):hover{background:var(--th-color-violet-soft)}}
@media(max-width:559px){.salon-profit-page .startup-hero{padding-inline:var(--th-space-3)}.salon-profit-page .startup-sparkle{display:none}.profit-service-row{padding:var(--th-space-3)}.profit-service-row .startup-pair{grid-template-columns:1fr}.profit-service-total{flex-direction:column;align-items:flex-start}.profit-margin strong{max-width:150px}}
@media(forced-colors:active){.profit-margin{background:Canvas;border:1px solid CanvasText}#profit-results[data-outcome=loss] .startup-total{color:CanvasText}.salon-profit-page select[aria-invalid=true]{outline:2px dashed CanvasText;border-color:CanvasText}.profit-service-row,.profit-service-footer,.profit-optional-income,.profit-extra,.profit-helper-footer{border-color:CanvasText}.profit-service-total,.profit-service-total strong,.profit-extra-value,.profit-extra[data-invalid] .profit-extra-value,.profit-extra>summary::after{color:CanvasText}.salon-profit-page .profit-remove{color:ButtonText;border-color:ButtonText}}
@media print{#profit-answer{opacity:1!important;transform:none!important}.profit-margin{background:none;border:1px solid var(--th-color-border)}#profit-results[data-outcome=loss] .startup-total{color:inherit}}
@media(forced-colors:active){.salon-profit-page #profit-edit-totals{color:ButtonText}.salon-profit-page #profit-print{background:ButtonFace;color:ButtonText;border-color:ButtonText}}