.contractual-approvals{--ca-line:var(--fluent-border,#d4e1dc);--ca-brand:var(--fluent-brand,#14664c);--ca-soft:var(--fluent-subtle,#f4f8f5);direction:rtl;padding:12px;color:var(--fluent-text,#29443b);font-size:13px;line-height:1.6;min-width:0}
.contractual-approvals *{box-sizing:border-box}.contractual-approvals :is(h2,h3,p){margin:0}.contractual-approvals h2{font-size:18px}.contractual-approvals h3{font-size:15px}
.contractual-approvals .ca-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--ca-line);padding-bottom:12px}.contractual-approvals .ca-head p,.contractual-approvals small{color:var(--fluent-secondary,#52685c)}
.contractual-approvals :is(button,input,select){font:inherit;color:inherit}.contractual-approvals :is(button,input:not([type=checkbox]),select){min-height:38px;border:1px solid var(--fluent-input-border,#8a9f92);border-radius:5px;padding:6px 10px;background:var(--fluent-surface,#fff);max-width:100%}
.contractual-approvals button{cursor:pointer}.contractual-approvals button:hover{background:var(--ca-soft)}.contractual-approvals button.ca-primary{background:var(--ca-brand);border-color:var(--ca-brand);color:#fff;font-weight:600}.contractual-approvals :disabled{opacity:.55;cursor:default}.contractual-approvals input[type=checkbox]{width:18px;height:18px;accent-color:var(--ca-brand);flex:none}.contractual-approvals :focus-visible{outline:2px solid var(--ca-brand);outline-offset:3px}.contractual-approvals [hidden]{display:none!important}
.contractual-approvals [data-ca=message]:empty,.contractual-approvals .ca-blockers:empty{display:none}.contractual-approvals [data-ca=message]:not(:empty){padding:8px 12px;margin:10px 0;background:var(--ca-soft);border-inline-start:3px solid var(--ca-brand);overflow-wrap:anywhere}.contractual-approvals [role=alert]:not(:empty),.contractual-approvals .ca-blockers:not(:empty){background:#fff3ee;color:#852e24;border-inline-start:3px solid #b74b3a;padding:8px 12px;margin-block:8px}
.contractual-approvals .ca-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr));gap:12px;margin-block:12px}.contractual-approvals .ca-filters label,.contractual-approvals .ca-fields label{display:flex;flex-direction:column;gap:4px;min-width:0}.contractual-approvals .ca-selection,.contractual-approvals .ca-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block:10px}.contractual-approvals .ca-selection>label{display:flex;gap:6px;align-items:center;min-height:44px}.contractual-approvals .ca-selection>span{margin-inline-end:auto}
.contractual-approvals .ca-group{margin-block:14px}.contractual-approvals .ca-group h3{padding:8px 10px;background:var(--ca-soft);border:1px solid var(--ca-line);border-bottom:0;border-radius:5px 5px 0 0}.contractual-approvals .ca-group h3 span{font-size:12px;font-weight:400;margin-inline-start:12px}.contractual-approvals .ca-table{overflow:auto;border:1px solid var(--ca-line);border-radius:0 0 5px 5px;max-height:55dvh;scroll-padding-block:56px 8px}.contractual-approvals table{border-collapse:separate;border-spacing:0;width:100%;text-align:right;font-variant-numeric:tabular-nums}.contractual-approvals caption{text-align:right;padding:4px 10px;color:var(--fluent-secondary,#52685c);font-size:12px}.contractual-approvals :is(th,td){padding:8px 10px;border-bottom:1px solid var(--ca-line);vertical-align:middle;min-width:80px}.contractual-approvals th{position:sticky;top:0;background:var(--ca-soft);z-index:1;white-space:nowrap;font-weight:600}.contractual-approvals tr:last-child td{border-bottom:0}.contractual-approvals tr:focus-within>td{box-shadow:inset 0 -2px var(--ca-brand)}.contractual-approvals .ca-name{min-width:220px;max-width:340px;overflow-wrap:anywhere}.contractual-approvals .ca-money,.contractual-approvals .ca-code,.contractual-approvals .ca-date{direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}.contractual-approvals .ca-status{display:inline-block;white-space:nowrap;background:#fff2cc;color:#725300;border-radius:4px;padding:3px 7px;font-size:12px}
.contractual-approvals .ca-empty{padding:28px 12px;border:1px solid var(--ca-line);text-align:center;background:var(--ca-soft);border-radius:5px}.contractual-approvals .ca-decision,.contractual-approvals .ca-preview{border:1px solid var(--ca-line);border-radius:6px;padding:14px;margin-top:16px;background:var(--fluent-surface,#fff)}.contractual-approvals .ca-preview{border-color:var(--ca-brand)}.contractual-approvals .ca-preview>.ca-table{margin-block:10px}.contractual-approvals .ca-fields{display:grid;grid-template-columns:240px minmax(200px,1fr);gap:14px;margin-top:10px}.contractual-approvals [data-ca=date]{text-align:center;width:180px}.contractual-approvals .ca-field-error{color:#852e24}.contractual-approvals [data-ca=pending]>p{padding:10px;margin-block:8px;background:#fff2cc;border:1px solid #d9c68c;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.contractual-approvals .ca-filters,.contractual-approvals .ca-fields{grid-template-columns:minmax(0,1fr)}.contractual-approvals .ca-actions button{flex:1 1 200px}.contractual-approvals .ca-selection>span{width:100%}}