.maale-list{padding:18px;background:var(--app-surface,#fff);border:1px solid var(--app-border,#d9e2ec);border-radius:8px;box-shadow:var(--shadow)}
.maale-list-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.maale-list-table{width:100%;border-collapse:collapse;background:var(--ui-surface,#fff)}
.maale-list-table thead th{background:var(--ui-table-heading,#dfe9ff);color:var(--ui-table-heading-text,#0f2144);font-size:var(--ui-font-size,.84rem);font-weight:700}
.maale-list-table th,.maale-list-table td{padding:var(--ui-list-cell-block,13px) var(--ui-list-cell-inline,14px);border-bottom:1px solid var(--ui-border,#e2e8f0);color:var(--ui-text,#14213d);font-size:var(--ui-font-size,.84rem);vertical-align:middle}
.maale-list-table tbody tr:nth-child(even){background:var(--ui-table-stripe,#f4f7ff)}
.maale-list-results{margin-top:8px}
:is(.maale-list-heading,.agreement-list-heading){justify-content:space-between;margin-bottom:16px}
:is(.maale-list-filters,.agreement-filter-row){display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr)) 42px;gap:10px;align-items:center}
:is(.maale-list-filters,.agreement-filter-row) label{min-width:0}
:is(.maale-list-filters,.agreement-filter-row) input,:is(.maale-list-filters,.agreement-filter-row) select{width:100%;min-width:0;padding:11px 12px;border:1px solid #d7dfe5;border-radius:8px;background:#fff;font:inherit;color:inherit}
:is(.maale-list-filters,.agreement-filter-row) .icon-button{width:42px;height:42px}
.agreement-list-status{min-height:20px;font-size:12px;color:#64748b;margin:8px 0}
:is(.maale-list-table,.agreement-list-table){min-width:720px;table-layout:fixed}
:is(.maale-list-table,.agreement-list-table) th,:is(.maale-list-table,.agreement-list-table) td{text-align:center;white-space:normal;overflow-wrap:anywhere}
.agreement-list-table th:nth-child(1),.agreement-list-table td:nth-child(1){width:18%}
.agreement-list-table th:nth-child(2),.agreement-list-table td:nth-child(2){width:24%}
.agreement-list-table th:nth-child(3),.agreement-list-table td:nth-child(3){width:16%}
.agreement-list-table th:nth-child(4),.agreement-list-table td:nth-child(4),.agreement-list-table th:nth-child(5),.agreement-list-table td:nth-child(5){width:21%}
.contract-list-with-actions{min-width:1000px}
.contract-list-with-actions th:nth-child(1),.contract-list-with-actions td:nth-child(1){width:13%}
.contract-list-with-actions th:nth-child(2),.contract-list-with-actions td:nth-child(2){width:20%}
.contract-list-with-actions th:nth-child(3),.contract-list-with-actions td:nth-child(3){width:16%}
.contract-list-with-actions th:nth-child(4),.contract-list-with-actions td:nth-child(4),.contract-list-with-actions th:nth-child(5),.contract-list-with-actions td:nth-child(5){width:12%}
.contract-list-with-actions th:nth-child(6),.contract-list-with-actions td:nth-child(6){width:15%}
.contract-list-with-actions th:nth-child(7),.contract-list-with-actions td:nth-child(7){width:12%;min-width:128px}
.maale-list-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid #edf0f3;border-radius:6px;background:#fff;color:#788493;font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.maale-list-edit-action svg{width:15px;height:15px;flex-shrink:0}
.maale-list-edit-action:hover{background:#eceff2;color:#526176}
:is(.maale-list-table,.agreement-list-table) th button{border:0;background:none;color:inherit;font:inherit;font-weight:700;padding:12px 4px;cursor:pointer;width:100%;white-space:normal}
:is(.maale-list-table,.agreement-list-table) tbody tr[data-document-row]{cursor:pointer;transition:background .12s,box-shadow .12s}
:is(.maale-list-table,.agreement-list-table) tbody tr[data-document-row]:hover,:is(.maale-list-table,.agreement-list-table) tbody tr[data-document-row]:focus-visible{background:#edf6f3;box-shadow:inset -3px 0 #14796c;outline:none}
:is(.maale-list-table,.agreement-list-table) tbody tr[data-client-row]{cursor:pointer;transition:background .12s,box-shadow .12s}
:is(.maale-list-table,.agreement-list-table) tbody tr[data-client-row]:hover,:is(.maale-list-table,.agreement-list-table) tbody tr[data-client-row]:focus-visible{background:#edf6f3;box-shadow:inset -3px 0 #14796c;outline:none}
:is(.maale-list-table,.agreement-list-table) td{text-align:center}
:is(.maale-list-pagination,.agreement-list-pagination){display:flex;justify-content:center;gap:10px;margin-top:16px}
:is(.maale-list-pagination-summary,.agreement-pagination-compact){flex-direction:column;align-items:center;gap:5px;margin-top:14px}
:is(.maale-list-page-controls,.agreement-pagination-controls){display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:#475569}
:is(.maale-list-pagination-summary,.agreement-pagination-compact) small{font-size:11px;color:#8290a3}
:is(.maale-list-page-arrow,.agreement-pagination-arrow){display:inline-grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;color:#536176;cursor:pointer;transition:background .15s,color .15s}
:is(.maale-list-page-arrow,.agreement-pagination-arrow) svg{width:17px;height:17px}
:is(.maale-list-page-arrow,.agreement-pagination-arrow):hover:not(:disabled){background:#edf2f7;color:#725334}
:is(.maale-list-page-arrow,.agreement-pagination-arrow):disabled{opacity:.35;cursor:default}
:is(.maale-list-page-arrow,.agreement-pagination-arrow):focus-visible{outline:2px solid #987345;outline-offset:2px}
:is(.maale-list,.agreement-list-workspace) [data-agreement-results],:is(.maale-list,.agreement-list-workspace) [data-client-results]{margin-top:8px}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-heading,.agreement-list-heading){margin-bottom:12px}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row){grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr)) 36px;gap:8px}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row) input,:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row) select{height:36px;min-height:36px;padding:6px 10px;font-size:12px;font-weight:400;color:#667085;transition:border-color .16s,box-shadow .16s}
:is(.maale-list-search,.agreement-list-search){position:relative;min-width:0}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-search,.agreement-list-search) input{padding-inline-start:36px}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-search,.agreement-list-search) input::placeholder{font-size:12px;font-weight:400;color:#8390a0;opacity:1}
:is(.maale-list-search-submit,.agreement-search-submit){position:absolute;inset-inline-start:7px;top:0;bottom:0;margin-block:auto;display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#7c8896;cursor:pointer;transition:color .16s,background .16s}
:is(.maale-list-search-submit,.agreement-search-submit) svg{width:16px;height:16px;stroke-width:1.75}
:is(.maale-list-search-submit,.agreement-search-submit):hover{color:#725334;background:#f3f1ed}
:is(.maale-list-search-submit,.agreement-search-submit):focus-visible{outline:2px solid #94744b;outline-offset:1px}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row) input:focus,:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row) select:focus{outline:none;border-color:#a18459;box-shadow:0 0 0 3px #a1845918}
:is(.maale-list,.agreement-list-workspace) [data-clear-agreement-filters]{width:36px;height:36px;min-height:36px;background:#f1f3f5;color:#667085;border:1px solid #e1e5e9;border-radius:8px;transition:background .16s,color .16s}
:is(.maale-list,.agreement-list-workspace) [data-clear-agreement-filters]:hover{background:#e5e9ed;color:#374151}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-table,.agreement-list-table) thead th{padding:6px 10px}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-table,.agreement-list-table) th button{padding:4px 2px;line-height:1.5;border-radius:5px;transition:background .16s}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-table,.agreement-list-table) th button:hover{background:#ffffff60}
:is(.maale-list,.agreement-list-workspace) [data-clear-agreement-filters]:focus-visible,:is(.maale-list,.agreement-list-workspace) :is(.maale-list-table,.agreement-list-table) th button:focus-visible{outline:2px solid #94744b;outline-offset:3px}
:is(.maale-list,.agreement-list-workspace[data-modern-list-controls]) :is(.maale-list-table,.agreement-list-table) th button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:0;transition:none}
:is(.maale-list,.agreement-list-workspace)[data-modern-list-controls] :is(.maale-list-table,.agreement-list-table) th button:hover,:is(.maale-list,.agreement-list-workspace)[data-modern-list-controls] :is(.maale-list-table,.agreement-list-table) th button:active{background:transparent;box-shadow:none;filter:none;transform:none}
.maale-sort-indicator{display:inline-flex;flex:0 0 16px;width:16px;height:18px;color:var(--ui-muted,#52657e)}
.maale-sort-indicator svg{width:16px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.maale-sort-indicator path{opacity:.35}
.maale-sort-indicator[data-sort-state="asc"] .maale-sort-up,.maale-sort-indicator[data-sort-state="desc"] .maale-sort-down{opacity:1;stroke:var(--ui-primary,currentColor)}
:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row) select.maale-filter-native{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0;clip-path:inset(50%);pointer-events:none}
.maale-filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:36px;min-height:36px;padding:6px 10px;border:1px solid #d7dee7;border-radius:9px;background:#fff;color:#657184;font:400 12px Tajawal,Arial,sans-serif;cursor:pointer;text-align:start}
.maale-filter-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.maale-filter-trigger>svg{width:14px;height:14px;flex:0 0 14px;color:#8894a5;transition:transform .15s}
.maale-filter-trigger[aria-expanded="true"]>svg{transform:rotate(180deg)}
.maale-filter-trigger[aria-expanded="true"]{border-color:#b7c2d0;background:#fff}
.maale-filter-trigger:focus-visible{outline:2px solid #aab5c4;outline-offset:2px}
.maale-filter-options{position:fixed;z-index:1600;box-sizing:border-box;overflow-y:auto;padding:6px;border:1px solid #d8dee6;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1e293b18;scrollbar-width:thin;scrollbar-color:#c4cbd4 #fff;font-family:Tajawal,Arial,sans-serif}
.maale-filter-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:7px 9px;margin:2px 0;border:1px solid transparent;border-radius:8px;background:transparent;color:#657184;font:400 12px Tajawal,Arial,sans-serif;cursor:pointer;text-align:start}
.maale-filter-option[aria-selected="true"]{border-color:#c2ccd8;background:#e2e7ee;color:#40526b}
.maale-filter-option:hover:not(:disabled):not([aria-selected="true"]){background:#f0f2f5;border-color:#d8dee6;color:#526176}
.maale-filter-option:focus-visible{outline:2px solid #aab5c4;outline-offset:-2px}
.maale-filter-option:disabled{opacity:.45;cursor:default}
.maale-filter-option-mark{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:1px solid #c7d0dc;border-radius:5px;background:#fff;color:#64758c}
.maale-filter-option-mark svg{width:12px;height:12px}
.maale-filter-option[aria-selected="true"] .maale-filter-option-mark{background:#d5dde8;border-color:#aebccc}
@media(max-width:1000px){:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row){grid-template-columns:repeat(3,minmax(0,1fr)) 36px}}
@media(max-width:600px){:is(.maale-list,.agreement-list-workspace) :is(.maale-list-filters,.agreement-filter-row){grid-template-columns:1fr 1fr}}
@media(max-width:1000px){:is(.maale-list-filters,.agreement-filter-row){grid-template-columns:repeat(3,minmax(0,1fr)) 42px}:is(.maale-list-search,.agreement-list-search){grid-column:1/-1}}
@media(max-width:600px){:is(.maale-list-filters,.agreement-filter-row){grid-template-columns:1fr 1fr}:is(.maale-list-filters,.agreement-filter-row) .icon-button{justify-self:end}}
.maale-list-table tbody tr.maale-list-row{cursor:pointer;transition:background .12s,box-shadow .12s}
.maale-list-table tbody tr.maale-list-row:hover,.maale-list-table tbody tr.maale-list-row:focus-visible{background:#edf6f3;box-shadow:inset -3px 0 #14796c;outline:none}

/* Shared list presentation; page actions and data remain independent. */
.maale-list .maale-list-table{table-layout:auto}
.attendance-schedule-tabs{margin:8px 0 20px;gap:5px;flex-wrap:wrap}
.maale-list-scroll{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:auto;scrollbar-color:#b9c3ce #f3f5f8}
.maale-list-scroll:focus-visible{outline:2px solid #aab5c4;outline-offset:2px;border-radius:8px}
.maale-list .maale-list-table.maale-list-table--wide{width:max-content;min-width:100%;table-layout:auto}
.maale-list .maale-list-table--wide :is(th,td){white-space:nowrap;overflow-wrap:normal;word-break:normal;line-height:1.6}
.maale-list .agreement-list-table{table-layout:fixed}
.maale-list .maale-list-table thead th{padding:6px 10px;background:#dfe9ff;font-size:.84rem;text-align:center}
.maale-list .maale-list-table td{padding:13px 14px;text-align:center;vertical-align:middle}
.maale-list .maale-list-table tbody>tr:hover{background:#edf6f3}
.maale-list .maale-list-table th :is(button,a):is(:hover,:active){background:transparent;box-shadow:none;filter:none;transform:none}
.maale-list .maale-list-filters--flex{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:8px}
.maale-list .maale-list-filters--flex>label{flex:1 1 130px}
.maale-list .maale-list-filters--flex .requests-search-group{flex:2 1 260px}
.maale-list .maale-list-filters input:not([type=checkbox]):not([type=hidden]){height:36px;min-height:36px;font-size:12px;font-weight:400}
.maale-list .maale-list-filters input[type=checkbox]{width:auto;height:auto;min-height:0}
.maale-list .maale-list-filters [hidden]{display:none!important}
.maale-list .maale-list-heading input{height:36px;min-height:36px;font-size:12px;font-weight:400}
.maale-list .maale-list-filters .icon-button{width:36px;height:36px;min-height:36px}
@media(max-width:600px){.maale-list{padding:12px}.maale-list .maale-list-filters--flex>label{flex-basis:calc(50% - 8px)}}

.maale-list .maale-list-filters--requests{display:grid;grid-template-columns:minmax(230px,2fr) repeat(4,minmax(120px,1fr)) 36px;align-items:center;gap:8px;margin-bottom:8px}
.maale-list .maale-list-clear{display:inline-grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;background:#f1f3f5;color:#667085;border:1px solid #e1e5e9;border-radius:8px;text-decoration:none}
.maale-list .maale-list-clear:hover{background:#e5e9ed;color:#374151}
.maale-list .maale-list-clear svg{width:19px;height:19px}
.maale-list .maale-list-clear:disabled{background:#f1f3f5;color:#a0a8b3;border-color:#e1e5e9;opacity:.6;cursor:default;transform:none;box-shadow:none}
.maale-list .maale-list-clear--active{background:#f2e8db;color:#725334;border-color:#d9c3a6}
.maale-list .maale-list-clear--active:hover{background:#e9dac6;color:#725334}
.maale-list.maale-list--filtered{border-color:#b9cbe1}
.maale-list.maale-list--filtered .maale-list-table thead th{background:#b9cce5;color:#344e70}
.maale-list.maale-list--filtered .maale-list-table tbody tr:nth-child(even){background:#edf2f9}
.maale-list .maale-list-table th .finance-sort-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:4px 2px;color:inherit;font:inherit;font-weight:700;text-decoration:none;border:0;border-radius:0;line-height:1.5}
@media(max-width:1100px){.maale-list .maale-list-filters--requests{grid-template-columns:repeat(4,minmax(0,1fr)) 36px}.maale-list-filters--requests .maale-list-search{grid-column:1/-1}}
@media(max-width:600px){.maale-list .maale-list-filters--requests{grid-template-columns:1fr 1fr}}

.maale-list .maale-list-filters--flex>.maale-list-search{flex:2 1 260px}
.maale-list .maale-list-search input{width:100%;height:36px;min-height:36px;border:1px solid #d7dfe5;border-radius:8px;padding:6px 10px;padding-inline-start:36px;background:#fff;font-size:12px;font-weight:400}
.maale-list .maale-list-search-submit{width:24px;height:24px;min-height:24px;min-width:24px;padding:0;background:transparent;border:0;box-shadow:none}

.finance-linked-label{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;color:#79869a;font-size:11px}.finance-linked-label svg{width:13px;height:13px}.maale-list .finance-linked-row td:first-child{border-inline-start:3px solid #b39871}.maale-list .finance-receipts-table{min-width:780px}.maale-list .finance-receipts-table th:first-child{width:19%}

.maale-list{min-width:0}.maale-list .table-wrap{max-width:100%;overflow-x:auto}

/* Approved list tabs, shared by links and buttons. */
.maale-list-tabs{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0 0 12px;padding:0 10px;border:0;border-radius:0;background:transparent;direction:rtl}
.maale-list-tabs.maale-list-tabs--attached{margin-bottom:-10px}
.maale-list-tabs .maale-list-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;min-width:124px;min-height:36px;padding:6px 14px 10px;color:#667085;background:#edf2f8;border:1px solid #d8e1ed;border-bottom-color:#cbd5e1;border-radius:9px 9px 0 0;font:900 .8rem var(--app-font-family,Tajawal),Arial,sans-serif;line-height:1.5;text-decoration:none;box-shadow:inset 0 -10px 14px #0f172a08;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.maale-list-tabs .maale-list-tab strong{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;color:#6f5534;background:#fff8ed;border-radius:999px;font-size:.72rem}
.maale-list-tabs .maale-list-tab:is(:hover,.is-active,[aria-current="page"],[aria-selected="true"]){color:#10233d;background:#fff;border-color:#d9e1ec;border-bottom-color:#fff;box-shadow:0 -8px 18px #1018280f;transform:none}
.maale-list-tabs .maale-list-tab:focus-visible{outline:2px solid #94744b;outline-offset:2px}
.maale-list-tabs .maale-list-tab>svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.7}
.maale-list-shell-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;position:relative;z-index:1;margin-bottom:-1px}
.maale-list-shell-header .maale-list-tabs{margin:0;padding:0;flex-wrap:nowrap;min-width:0}
.maale-list-shell-header .maale-list-tab{min-width:0;min-height:42px;padding:9px 14px;white-space:nowrap}
.maale-list-shell-header .maale-list-tab[aria-current="page"]{border-bottom-color:#fff}
.maale-list-shell-actions{flex-shrink:0;padding-bottom:7px}
.maale-list-shell>.maale-list{border-top-right-radius:0}
@media(max-width:760px){.maale-list-shell-header{flex-wrap:wrap;gap:10px}.maale-list-shell-actions{order:-1;width:100%;display:flex;justify-content:flex-end;padding-bottom:0}.maale-list-shell-header .maale-list-tabs{width:100%;overflow-x:auto}.maale-list-shell-header .maale-list-tab{flex-shrink:0;font-size:12px;padding-inline:10px}}

.maale-list-row-actions{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:nowrap}.maale-list-row-action{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;background:#fff;border:1px solid #edf0f3;border-radius:6px;color:#788493;cursor:pointer;transition:background .15s,color .15s}.maale-list-row-action svg{width:15px;height:15px;stroke-width:1.6}.maale-list-row-action:hover:not(:disabled){background:#eceff2;color:#526176}.maale-list-row-action:disabled{opacity:.35;cursor:default}.maale-list-row-action:focus-visible{outline:2px solid #94744b;outline-offset:2px}.maale-list .quote-list-with-actions{min-width:1050px;table-layout:auto}.quote-list-with-actions :is(th,td):nth-child(1){width:13%}.quote-list-with-actions :is(th,td):nth-child(2){width:20%}.quote-list-with-actions :is(th,td):nth-child(3){width:17%}.quote-list-with-actions :is(th,td):nth-child(4),.quote-list-with-actions :is(th,td):nth-child(5){width:13%}.quote-list-with-actions :is(th,td):nth-child(6){width:24%}

.attendance-adms-guide{margin:12px 0;padding:14px 16px;background:#f7f8fa;border:1px solid #e3e7ec;border-radius:9px;font-size:13px;color:#667085}.attendance-adms-guide p{margin:7px 0;line-height:1.7}.attendance-adms-guide code{display:inline-block;font-size:12px;color:#536176}

.quote-list-with-actions :is(th,td):nth-child(1){width:11%}.quote-list-with-actions :is(th,td):nth-child(2){width:29%}.quote-list-with-actions :is(th,td):nth-child(3){width:13%}.quote-list-with-actions :is(th,td):nth-child(4),.quote-list-with-actions :is(th,td):nth-child(5){width:11%}.quote-list-with-actions :is(th,td):nth-child(6){width:25%}

.maale-list-table thead [data-list-sort] { display:inline-flex; align-items:center; justify-content:center; gap:calc(var(--ui-gap) / 3); }
.maale-list-table thead [data-list-sort]:focus-visible { outline:2px solid var(--ui-focus-border); outline-offset:2px; }

/* Shared grouped in-page navigation. */
.ui-tab-menu{position:relative;flex:none}
.ui-tab-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:calc(var(--ui-gap) / 2)}
.ui-tab-menu>summary::-webkit-details-marker{display:none}
.ui-tab-menu>summary svg{width:18px;height:18px}
.ui-tab-menu__items{position:absolute;inset-inline-end:0;top:100%;z-index:40;min-width:210px;padding:calc(var(--ui-gap) / 2);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:0 8px 24px #102a4326}
.ui-tab-menu__items>.maale-list-tab{display:flex;white-space:nowrap}

/* Page chrome follows the quotation workspace; the card contains filters/results. */
html[data-ui-theme] body[data-ui-scope="application"] .ui-page-workspace{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
.ui-page-workspace__header>.maale-list-heading{margin:0;padding:0 0 7px;min-width:0;flex-shrink:0}
.ui-page-workspace__header:not(:has(>.maale-list-tabs))>.maale-list-heading{width:100%}
:root{--ui-list-workspace-padding:18px}
.ui-page-workspace__body{min-width:0;padding:var(--ui-list-workspace-padding);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface)}
.ui-page-workspace__body>:is(.maale-list-filters,.ui-list__filters){margin-block-start:0}
@media(max-width:760px){.ui-page-workspace__header>.maale-list-heading{padding-bottom:0;justify-content:space-between}}

.ui-page-workspace:has(>.ui-page-workspace__header>.maale-list-tabs)>.ui-page-workspace__body{border-start-start-radius:0}

/* Shared space between project-area filters and their results. */
.maale-list .maale-list-filters--spaced{margin-block-end:var(--ui-gap,16px)}

/* Opt-in alignment for Arabic prose cells, independent of numeric columns. */
.maale-list-table :is(th,td).ui-table-text-rtl{direction:rtl;text-align:right}
.maale-list-table th.ui-table-text-rtl>button{justify-content:flex-start;text-align:right}

/* Optional wrapping for prose within otherwise single-line scrollable lists. */
.maale-list .maale-list-table :is(th,td).ui-table-text-wrap{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.maale-list-table .ui-table-text-wrap>small{display:block;inline-size:var(--ui-table-prose-width,32rem);white-space:normal;overflow-wrap:anywhere}

/* Fit the available width first; preserve horizontal scrolling for intrinsic overflow. */
.maale-list .maale-list-table.maale-list-table--fit{width:100%;min-width:0;table-layout:auto;--ui-list-cell-inline:clamp(6px,.8vw,12px)}
.maale-list .maale-list-table--fit :is(th,td){white-space:nowrap;overflow-wrap:normal;word-break:normal}
.maale-list .maale-list-table--fit th>button{white-space:nowrap}
.maale-list .maale-list-table--fit .ui-table-text-wrap{width:100%;min-width:12rem;white-space:normal;overflow-wrap:anywhere}
.maale-list .maale-list-table--fit .ui-table-text-wrap>small{inline-size:auto;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}

.maale-list-table thead [data-ui-local-sort]{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--ui-gap)/3)}
.maale-list-table thead [data-ui-local-sort]:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}

.ui-list-tabs-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-gap);flex-wrap:wrap;margin-bottom:var(--ui-gap)}
.ui-list-tabs-heading>.maale-list-tabs{margin:0;flex:1;min-width:0}

.maale-filter-trigger:has(>.ui-field-disclosure){gap:8px}
.ui-disclosure-host>input:is(.maale-filter-trigger,[data-flexible-search]){padding-inline-end:38px!important}

/* Secondary list tabs share the header rhythm without an extra results row. */
.ui-list-subtabs{margin-block-start:calc(var(--ui-gap)/2);margin-block-end:0}.ui-list-subtabs>.maale-list-tabs{margin:0;padding-inline:0}.ui-list-subtabs+.ui-page-workspace__body{border-start-start-radius:0}

html[data-ui-theme] .ui-page-workspace__header>.maale-list-tabs{margin-block-end:0}

html[data-ui-theme] .ui-list-subtabs>.maale-list-tabs{margin:0}.ui-list__footer .agreement-pagination-compact{margin-block-start:0}

.ui-library-departments{display:flex;flex-wrap:wrap;gap:4px}.ui-library-departments .maale-form-selection-card{font-size:11px;white-space:nowrap}
.ui-page-action-placeholder{width:var(--ui-page-icon-size);height:var(--ui-page-icon-size);flex:none}.ui-page-actions--contract-reserved{visibility:hidden;pointer-events:none}