/* Theme-specific tokens; shared components and business logic stay central. */
html[data-ui-theme="maale-custom"] {
    --ui-primary:#94744b; --ui-primary-text:#fff; --ui-focus-border:#b7c2ce;
    --ui-placeholder:#8390a0; --ui-table-heading:#dfe9ff; --ui-table-heading-text:#0f2144; --ui-icon-size:18px;
}
html[data-ui-theme="maale-custom"] :is(.ui-button--primary,.button:not(.secondary):not(.danger)) {
    background:var(--ui-primary); color:var(--ui-primary-text); background-image:none;
}
html[data-ui-theme="maale-custom"] :is(.ui-button,.icon-button,.maale-list-row-action) svg {
    width:var(--ui-icon-size); height:var(--ui-icon-size); stroke-width:1.75; flex-shrink:0;
}
html[data-ui-theme="maale-custom"] :is(.ui-button--icon-only,.icon-button,.maale-list-row-action) {
    display:inline-flex; align-items:center; justify-content:center;
    width:var(--ui-field-height); height:var(--ui-field-height); min-height:var(--ui-field-height);
    padding:0; border-radius:var(--ui-radius); box-sizing:border-box;
}
html[data-ui-theme="maale-custom"] :is(.ui-field,.maale-list,.maale-form,.agreement-list-workspace) input[type="search"]::placeholder {
    color:var(--ui-placeholder); font-weight:400; font-size:12px; opacity:1;
}
html[data-ui-theme="maale-custom"] :is(.ui-field,.maale-list,.maale-form,.agreement-list-workspace) :is(input[type="search"],select,.maale-filter-trigger):is(:focus,:focus-visible) {
    outline:none; box-shadow:none; border-color:var(--ui-focus-border)!important;
}
html[data-ui-theme="maale-custom"] :is(.ui-list,.maale-list,.agreement-list-workspace) thead th {
    background:var(--ui-table-heading); color:var(--ui-table-heading-text);
    font-size:.84rem; font-weight:900; padding:6px 10px; text-align:center;
}
html[data-ui-theme="maale-custom"] .ui-field select { width:100%; color:var(--ui-muted); font-weight:400; }
/* Compact table actions retain the quotation list proportions. */
html[data-ui-theme="maale-custom"] .maale-list-row-action { width:28px; height:28px; min-height:28px; border-radius:6px; }
html[data-ui-theme="maale-custom"] .maale-list-row-action svg { width:15px; height:15px; }