/* Native siblings and inline editors consume the authenticated chrome tokens. */
.toolbox-shell,[data-toolbox-dialog]{--brand:#47d994;--brand-text:#6fe3ab;--focus:#6fe3ab;--control-line:color-mix(in srgb,var(--muted) 80%,var(--surface))}
:root[data-theme=light] :is(.toolbox-shell,[data-toolbox-dialog]){--brand-text:#146443;--focus:#146443;--muted:#5d6d63;--danger:#b42318}
[data-toolbox-dialog] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:is(.toolbox-shell,[data-toolbox-dialog]) :is(input,select,textarea){border-color:var(--control-line)}
:is(.toolbox-shell,[data-toolbox-dialog]) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
.toolbox-shell .import-row .form-grid :is(input,select,textarea),.toolbox-shell .import-upload-panel input[type=file],.toolbox-shell #templates-workspace .tpl-field :is(input,select,textarea){border-color:var(--control-line)}
:is(.toolbox-shell,[data-toolbox-dialog]) .money-input{border-color:var(--control-line)}
:is(.toolbox-shell,[data-toolbox-dialog]) .money-input:focus-within{outline:3px solid var(--focus);outline-offset:3px;border-color:var(--control-line)}
:is(.toolbox-shell,[data-toolbox-dialog]) :is(.primary,.create-btn,.billing-button-primary,.image-selected,.current-user-badge),.toolbox-shell :is(.offer,.code-row)[data-on=true] .box,.toolbox-shell .booking-calendar-cell.today .booking-calendar-date{background:var(--brand);color:var(--on-brand)!important;border:1px solid var(--control-line)}
:is(.toolbox-shell,[data-toolbox-dialog]) .primary:hover{background:var(--brand)}
[data-toolbox-dialog] :is(.eyebrow,.studio-spark,.allowance-pill,.text-button,.link-btn){color:var(--brand-text)}
[data-toolbox-dialog] .studio-promotion small{color:var(--brand-text)}
[data-toolbox-dialog] .image-references summary span,[data-toolbox-dialog] :is(.booking-current-context>span,.booking-status.active,.booking-help){color:var(--brand-text)}
.toolbox-shell .import-row-filters button span{opacity:1}
:root[data-theme=light] .toolbox-shell :is(.import-messages,.duplicate-choice){color:#795500}
:is(.toolbox-shell,[data-toolbox-dialog]) .danger{background:#c24e35;color:#fff}
[data-toolbox-dialog] .dialog-guard-card{border-color:var(--control-line);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
[data-toolbox-dialog] .dialog-guard-card h2{color:var(--text);font-family:'Bricolage Grotesque','DM Sans',sans-serif}
[data-toolbox-dialog] .dialog-guard-card p{color:var(--muted)}
[data-toolbox-dialog] .dialog-guard-actions button[data-dialog-guard]{background:var(--brand);color:var(--on-brand);border-color:var(--control-line)}
[data-toolbox-dialog] .dialog-guard-actions button[data-dialog-guard=discard]{background:var(--surface-2);color:var(--text)}
[data-toolbox-dialog] .dialog-guard-actions button[data-dialog-guard]:focus-visible{outline-color:var(--focus);box-shadow:0 0 0 6px var(--surface)}
[data-toolbox-dialog]:not(dialog)>.dialog-guard-confirm{position:fixed;top:0!important;inset:0;z-index:45}
/* Checkbox outlines remain visible against both control and surrounding surfaces. */
:is(.toolbox-shell,[data-toolbox-dialog]) input:is([type=checkbox],[type=radio]){outline:1px solid var(--control-line);outline-offset:1px}
:is(.toolbox-shell,[data-toolbox-dialog]) input:is([type=checkbox],[type=radio]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}