/* Dentz Design Customs interface. Product artwork and shop color values are unchanged. */
@font-face{font-family:Dentz UI;src:url('../fonts/open-source/jost/Jost%5Bwght%5D.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f5f5f5;--white:#fff;--green:#151515;--line:#dedede;--muted:#686868;--ink:#1a1a1a;--rose:#eee;color:#1a1a1a;background:#f5f5f5;--brand-heading:'Dentz UI',Arial,Helvetica,sans-serif}
body{background:var(--paper);color:var(--ink)}a{color:var(--ink)}
h1,h2,h3,.panel-heading h3,.workspace-intro h1,.design-heading h2,#catalog-browser .tile-title,#catalog-browser .art-card-name,.chosen-art .art-selection-name,.saved-design-row strong,.print-color-dialog h2,.orders-heading h1,.orders-list-panel h2,.order-detail-empty h2,.order-detail-content h2,#delete-saved-files-dialog h2,.admin-card-heading h3,.design-code-box h3{font-family:var(--brand-heading);font-weight:500;letter-spacing:-.025em}
.workspace-intro h1{font-weight:600}.eyebrow,.step-label,.stage-label,.brand-subtitle{color:var(--muted)}
.studio-header{background:#000;color:#fff;border-color:#000;height:auto;min-height:110px;padding-block:13px}
.studio-brand{display:flex;gap:0;flex-shrink:0;color:#fff}.dentz-brand-logo{display:block;width:280px;height:auto;aspect-ratio:848/250;overflow:hidden}
.header-actions .primary{background:#fff;color:#111;border:1px solid #fff}.header-actions .primary:hover{background:#e7e7e7;border-color:#e7e7e7}
.header-actions .secondary{background:#000;color:#fff;border-color:#707070}.header-actions .secondary:hover{background:#252525}
body[data-workspace=customer] .header-actions a{color:#fff}
.primary{background:#171717;color:#fff}.primary:hover{background:#353535}.secondary{color:#222;border-color:#aaa}.secondary:hover{background:#ededed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.editor-tabs button:focus-visible,.font-preview-trigger:focus-visible,.font-preview-option:focus-visible,.font-family-filters button:focus-visible,.color-swatch-option:focus-visible{outline-color:#737373}
input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea,.text-number input{color:#222;background:#fff;border-color:#c8c8c8}
input[type=range],input[type=checkbox],input[type=radio],#text-layout-controls .text-case-toggle input{accent-color:#222}
.art-stage,.preview-content .art-stage,.order-proof-wrap,.saved-row-thumb{background:#ededed}
.editor-tabs button{color:#686868}.editor-tabs button[aria-selected=true]{color:#111;border-bottom-color:#111}
.product-choice:has(input:checked){border-color:#222;background:#eee}
#catalog-browser .design-tile,#catalog-browser .art-card{background:#fafafa;border-color:#ddd;color:#222}
#catalog-browser .design-tile:hover,#catalog-browser .art-card:hover{background:#f0f0f0;border-color:#aaa}
#catalog-browser .design-tile.selected,#catalog-browser .art-card.selected{background:#f1f1f1;border-color:#222;box-shadow:inset 0 0 0 1px #222}
#catalog-browser .tile-title,#catalog-browser .art-card-name{font-size:16px;line-height:1.25;font-weight:500}
.chosen-art,#state-map-controls,.admin-proof-download,.admin-card,.staff-print-colors,.customer-save-note,.design-code-box,#loaded-order-note{background:#f6f6f6}
.chosen-art>span,.art-request textarea{background:#fff}.text-number span,.art-sliders .text-number span,.reset-action{color:#686868}
.admin-badge{background:#eaeaea;border-color:#ccc;color:#222}.admin-toolbar{background:#f1f1f1}.admin-footer{background:#f3f3f3!important}
.saved-design-row:hover{background:#f5f5f5}.saved-design-row[aria-pressed=true]{background:#eee;border-color:#222;box-shadow:inset 0 0 0 1px #222}
.color-swatch-trigger,.color-swatch-menu,.font-preview-trigger,.font-preview-menu,.font-preview-search-label input{border-color:#ccc;background:#fff;color:#222}
.color-swatch-menu,.font-preview-menu{box-shadow:0 10px 36px #0002}.color-swatch-option:hover,.font-preview-option:hover{background:#f3f3f3}
.color-swatch-option[aria-selected=true],.font-preview-option[aria-selected=true]{border-color:#333;background:#ededed}
.font-preview-close,.font-preview-option{color:#222}.font-preview-close:hover{background:#eee}.font-option-name,.font-preview-hint,.font-trigger-arrow{color:#666}
.font-preview-list{border-color:#ddd}.font-family-filters button{background:#fff;border-color:#ccc;color:#333}.font-family-filters button:hover{background:#eee}.font-family-filters button[aria-pressed=true]{background:#222;border-color:#222;color:#fff}
.print-color-dialog{background:#fff;border-color:#ccc;color:#222}.print-color-dialog .help{color:#666}.print-color-dialog .print-color-products,.print-color-dialog .print-correction-status{color:#222}
#catalog-admin::backdrop,#customer-links-dialog::backdrop,#delete-saved-files-dialog::backdrop,.print-color-dialog::backdrop{background:#0009}
/* Keep the staff's existing amber print-approval notice clearly distinguishable. */
.review-header{background:#000;color:#fff;border-color:#000}.review-header .brand,.review-header .back-link{color:#fff}.review-header .brand span{color:#aaa}
.intro-text,.color-meta,.color-hex,.color-state,.review-feedback,.reset-color,.type{color:#666}.separate-note{background:#eee;border-color:#ddd;color:#222}.review-toolbar{border-color:#ddd}
.review-status-filters button,.color-actions button{background:#fff;border-color:#ccc;color:#222}.review-status-filters button[aria-pressed=true],.color-actions .approve-color[aria-pressed=true]{background:#222;border-color:#222;color:#fff}
.color-card{background:#fff;border-color:#ddd}.color-card[data-review-status=approved]{border-color:#555;box-shadow:0 0 0 1px #555}.color-card[data-review-status=approved] .color-state,#review-status,.quiet-button{color:#333}
.card{background:#fff;border-color:#ddd}.card svg{fill:#222}.badge{background:#eee;color:#444}.links a{border-color:#bbb}
.staff-sign-in{max-width:450px;margin:10vh auto;padding:24px}.staff-sign-in .login-logo{background:#000;padding:16px 12px;border-radius:8px;margin-bottom:24px}.staff-sign-in .dentz-brand-logo{max-width:100%;margin:auto}.staff-sign-in h1{font-size:30px}.staff-sign-in input,.staff-sign-in button{box-sizing:border-box;display:block;width:100%;padding:12px;margin:14px 0}.staff-sign-in label{display:block;margin-top:24px}
@media(max-width:760px){.studio-header{flex-wrap:wrap;gap:12px;padding-block:15px;min-height:0}.dentz-brand-logo{width:240px}.header-actions{gap:8px;flex-wrap:wrap}.header-actions button{padding:10px 12px}.studio-header .header-actions{width:100%}.studio-header .header-actions button{flex:1}}
@media(max-width:540px){.studio-header .dentz-brand-logo{width:222px}#catalog-browser .tile-title,#catalog-browser .art-card-name{font-size:14px}}
/* Staff color testing and supporting font reference. */
.test-downloads,.test-warning{background:#f1f1f1;border-color:#d5d5d5}.test-downloads #print-test-summary,.unconfirmed-status,.confirmed-status,.compare-colors small,.dialog-footnote{color:#555}.test-downloads h2,.color-body h2,.dialog-heading h2{font-family:var(--brand-heading);font-weight:500}
.download-actions button,.dialog-actions button{background:#222;border-color:#222;color:#fff}.dialog-actions .secondary-button{background:#fff;color:#222}.test-color{background:#f0f0f0;border-color:#bbb;color:#222}
dialog{background:#fff;color:#222;border-color:#ccc}dialog::backdrop{background:#0009}.dialog-heading button{color:#222}#print-test-state{background:#eee}.sample-confirm input{accent-color:#222}.font-library-page p,.font-library-page footer{color:#666}footer{color:var(--muted)}
/* Keep lettering and illustration adjustments together, stacking when space is limited. */
#text-layout-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;align-items:start;padding-block:22px}
#text-layout-controls .text-layout-panel{min-width:0;margin:0;padding:0;border:0}
.text-artwork-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#f6f6f6}
.text-artwork-panel h4{font-size:18px;line-height:1.35;margin:0 0 12px;font-weight:600}
.text-artwork-name{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 18px;overflow-wrap:anywhere}
.text-artwork-panel .art-sliders{margin:0 0 16px}.text-artwork-panel .art-sliders input{margin-top:0}
.text-artwork-panel .help{margin-top:14px;margin-bottom:0!important}.text-layout-actions{flex-wrap:wrap}
.state-heart-size-controls{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.state-heart-size-controls .text-adjustment{margin-bottom:12px}
.state-heart-size-controls .help{margin-bottom:0}
.text-artwork-panel input:disabled{opacity:.45}.text-artwork-panel button:disabled{opacity:.5;cursor:default}

.upload-session-notice{padding:18px;border:1px solid #999;border-radius:8px;background:#f2f2f2;margin-bottom:20px;color:#222}.upload-session-notice p{margin:10px 0;line-height:1.5}.private-upload-help{margin-top:10px}.text-number:has(#text-strokePx-number) span{font-size:12px}