/* Upgrade-only color compatibility for the shared procurement stylesheet.
   Load after styles.css and before the upgrade/workspace stylesheets.
   Layout and business behavior remain in their existing files. */
button:focus-visible, a:focus-visible { outline: 3px solid #b58a3b; }
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 3px #9f342d14; }
.nav-label { color: #897869; }
.nav-link { color: #68584c; }
.nav-link:hover { background: #faf3e9; }
.phase-tag { color: #897869; }
.breadcrumb { color: #897869; }
.top-right { color: #77695f; }
.dot { background: #77695f; }
.btn:hover { background: #832721; }
.btn.danger { background: #fff0f3; }
.panel-head { border-bottom: 1px solid #faf3e9; }
.stat-label { color: #897869; }
.stat:first-child .stat-label, .stat:first-child small { color: #d7bfa4; }
.stat-foot { color: #897869; }
.callout { background: #f4e9dc; border: 1px solid #e7d8c7; }
.callout p { color: #77695f; }
.callout .illustration { color: #897869; }
.note strong { color: #68584c; }
th { color: #897869; background: #fffaf4; }
td { border-top: 1px solid #faf3e9; }
tr.clickable:hover { background: #fffaf4; }
.cell-sub { color: #897869; }
.badge { color: #795a25; }
.badge.void { color: #897869; }
.empty .icon { color: #b09a80; }
.empty h3 { color: #77695f; }
.search > .icon { color: #897869; }
.summarybar { background: #fffaf4; }
label.field { color: #77695f; }
input, select, textarea { border: 1px solid #e7d8c7; }
input:disabled { color: #897869; }
.supplier-choose { border: 1px solid #e7d8c7; }
.supplier-choose.placeholder { color: #897869; }
.line-number { background: #faf3e9; color: #897869; }
.ingredient-button.placeholder { color: #897869; }
.remove { color: #b09a80; }
.amount-field { background: #faf3e9; }
.price-note { border-top: 1px dashed #f4e9dc; color: #897869; }
.price-note strong { color: #68584c; }
.price-deviation.low { color: #795a25; background: #faf3e9; }
.line-remark input { border-color: #f4e9dc; }
.add-line { background: #faf3e9; border: 1px dashed #e7d8c7; }
.day-buttons button { color: #897869; }
.photo-picker { border: 1px dashed #e7d8c7; color: #77695f; background: #fffaf4; }
.purchase-footer { border: 1px solid #e7d8c7; box-shadow: 0 5px 25px #4d2d2010; }
.purchase-footer .total-label { color: #897869; }
.draft-note { color: #77695f; background: #faf3e9; }
.modal-overlay { background: #34201866; }
.close-modal { color: #897869; }
.picker-row { border-bottom: 1px solid #faf3e9; }
.picker-row:hover { background: #faf3e9; }
.picker-row .icon { color: #b09a80; }
.daily-totals { background: #faf3e9; }
.daily-supplier { border: 1px solid #e7d8c7; }
.daily-supplier small { color: #77695f; }
.discount-confirm { background: #faf3e9; }
.discount-help { color: #77695f; }
.unit-rule { color: #77695f; }
.receipt-total { border-top: 1px dashed #e7d8c7; }
.detail-meta span { color: #897869; }
.audit-dot { background: #d7bfa4; }
.audit-line pre { background: #faf3e9; }
.directory-card p { color: #897869; }
.settlement-total span { color: #d7bfa4; }
.auth-art .brand-sub { color: #b09a80; }
.auth-art p { color: #d7bfa4; }
.auth-art .art-label { color: #b09a80; }
.auth-art footer { color: #b09a80; }
.auth-foot { color: #b09a80; }
.check-label { color: #77695f; }
#toast { background: #49352cf2; }
@media (max-width: 760px) {
.bottom-nav { background: #fffaf4; }
.bottom-nav a { color: #897869; }
.order-card { border-bottom: 1px solid #f4e9dc; }
.order-card .order-meta { color: #897869; }
.order-card .order-amount { color: #49332c; }
.item-fields .line-total { background: #faf3e9; }
}

/* Semantic states remain distinguishable from the cinnabar brand. */
button:focus-visible, a:focus-visible { outline-color: #b58a3b; }
input:focus, select:focus, textarea:focus { border-color: #b76f5c; box-shadow: 0 0 0 3px #9f342d14; }
input[type="checkbox"], input[type="radio"] { accent-color: #9f342d; }
::selection { background: #f0c7b9; color: #542d26; }
.btn:hover { background: #832721; }
.btn.secondary:hover { color: #832721; background: #f2d9ce; }
.btn.danger { color: #b32640; background: #fff0f3; }
.btn.danger:hover { color: #962039; background: #fbdde5; }
.badge { color: #795a25; background: #f6eddd; }
.badge.warn { color: #855916; background: #fff1d4; }
.badge.void { color: #82766c; background: #eee9e2; }
.price-deviation.low { color: #795a25; background: #f6eddd; }
.auth-art { background: #8f2e28; color: #fff8e8; }
.auth-art .brand-sub, .auth-art p, .auth-art .art-label, .auth-art footer { color: #f0d3bd; }
.auth-art .brand-name { color: #fff8e8; }
.auth-art .line-art { border-color: #e4b96e; box-shadow: 0 0 0 55px #e4b96e26, 0 0 0 110px #e4b96e16; }
.stat:first-child .stat-label, .stat:first-child small, .settlement-total span { color: #f1d5bd; }