/* Direct label editing only; the rest of the billing application is unchanged. */
.spark-label-designer .sl-direct-editor{border:1px solid #ead2dd;border-radius:9px;padding:12px;margin:12px 0;background:#fff}
.spark-label-designer .sl-direct-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.spark-label-designer .sl-direct-heading h4{font-size:15px;margin:0}
.spark-label-designer [data-design-mode]{font-size:12px;color:#9d285e}
.spark-label-designer .sl-canvas-stage{min-height:130px;max-height:420px;padding:20px;display:flex;justify-content:center;align-items:center;overflow:auto;background-color:#f0f3f7;background-image:radial-gradient(#cdd5df .7px,transparent .7px);background-size:10px 10px;border-radius:7px;outline:none}
.spark-label-designer .sl-canvas-stage svg{width:100%;height:auto;max-width:700px;display:block;flex:none;background:#fff;box-shadow:0 3px 14px #22334c16;touch-action:none;user-select:none;overflow:visible}
.spark-label-designer .sl-canvas-stage [data-label-field]{cursor:grab}
.spark-label-designer .sl-canvas-stage [data-label-field]:active{cursor:grabbing}
.spark-label-designer .sl-resize-handle{cursor:nwse-resize}
.spark-label-designer .sl-canvas-caption{font-size:12px;color:#58677d;padding:7px 0;line-height:1.5}
.spark-label-designer .sl-editor-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:end;margin:8px 0}
.spark-label-designer .sl-editor-toolbar label{flex:1 1 100%;font-size:12px}
.spark-label-designer .sl-editor-toolbar button{flex:1}
.spark-label-designer .sl-field-inspector{border-top:1px solid #eadce4;padding-top:10px}
.spark-label-designer .sl-font-tools{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:end}
.spark-label-designer .sl-font-tools button{font-size:17px;min-height:36px}
.spark-label-designer .sl-editor-style{display:grid;grid-template-columns:minmax(85px,1.2fr) minmax(70px,1fr);gap:8px;margin:9px 0}
.spark-label-designer .sl-style-toggles{grid-column:1/-1;display:flex;gap:7px}
.spark-label-designer .sl-style-toggles button{min-width:40px;font-size:14px}
.spark-label-designer .sl-style-toggles button[aria-pressed=true]{background:#b32561!important;color:#fff!important;border-color:#b32561!important}
.spark-label-designer .sl-position-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spark-label-designer .sl-field-inspector label{font-size:12px;line-height:1.5;color:#334155}
.spark-label-designer .sl-field.is-selected{border-color:#d52579;box-shadow:inset 3px 0 #d52579}
.spark-label-designer .sl-template-state{display:block;margin:4px 0 10px;font-size:12px;color:#52657c}
.spark-label-designer .sl-template-state.is-dirty{color:#9d285e;font-weight:600}
@media(min-width:1251px){.spark-label-designer .sl-preview{position:sticky;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}
@media(max-width:650px){.spark-label-designer .sl-canvas-stage{padding:12px;max-height:360px}.spark-label-designer .sl-direct-editor{padding:9px}}
@media print{.sl-editor-overlay,.sl-editor-hit{display:none!important}}