/* Shared typography and form controls for master and customer screens. */
:root{--app-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--field-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23536158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
body,dialog,.mobile-master,.brand,.client-brand{font-family:var(--app-font)}
button,input,select,textarea,option{font-family:var(--app-font)}
input,select,textarea{font-size:1rem;font-weight:400;letter-spacing:normal;color:#29312d}
label{font-family:var(--app-font);font-size:.875rem;font-weight:400}
select{appearance:none;-webkit-appearance:none;background-image:var(--field-arrow);background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
select:disabled{opacity:.6}
.expense-category-control input{padding-right:42px}
.expense-category-toggle{top:1px;right:1px;bottom:1px;height:calc(100% - 2px);width:44px;min-height:0;border:0;border-radius:0 11px 11px 0;background:transparent var(--field-arrow) no-repeat center / 16px;font-size:0;padding:0;transition:none}
.expense-category-toggle:hover,.expense-category-toggle:focus,.expense-category-toggle:active{background:transparent var(--field-arrow) no-repeat center / 16px}
.expense-category-toggle:focus-visible{outline:2px solid #85a971;outline-offset:-3px}
.expense-category-list button{font-family:var(--app-font);font-size:1rem;font-weight:400;line-height:1.5}
input[type="checkbox"],input[type="radio"]{accent-color:#526f46}
@media(forced-colors:active){select{appearance:auto;background-image:none}.expense-category-toggle{font-size:16px;background-image:none}}
@media (min-width: 901px) {
  .customer-dashboard-header, .customer-booking-header { display: none; }
}
.customer-booking-tabs { margin-top: 18px; }