/* Approvals: lists, form, detail. Shared by Tasks. */
.wuf-applications { max-width: 1240px; }
.wuf-approval-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.wuf-approval-head h1 { margin-top: 5px; }
.wuf-new-application { min-width: 154px; box-shadow: 0 7px 18px rgba(238, 103, 21, .22); }
.wuf-back-link { display: inline-block; margin-bottom: 18px; color: var(--wuf-orange-dark); font-size: 13px; font-weight: 700; text-decoration: none; }
.wuf-muted { color: var(--wuf-muted); }
.wuf-danger-text { color: var(--wuf-danger) !important; }
.wuf-danger-link { color: var(--wuf-danger); }
.wuf-overdue { color: var(--wuf-danger); }
.wuf-notice-warning { color: #8a4b0f; background: #fff6ea; border-color: #ffdcb5; }
.wuf-template-note { margin-top: 14px; }

/* Approval dashboard */
.wuf-approval-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.wuf-approval-stat { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; padding: 17px; border: 1px solid var(--wuf-line); border-radius: 13px; background: #fff; color: var(--wuf-ink); text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.wuf-approval-stat:hover { transform: translateY(-1px); border-color: #f2c9ac; box-shadow: 0 9px 24px rgba(29, 35, 40, .07); color: var(--wuf-ink); }
.wuf-approval-stat-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; background: #fff2e8; color: var(--wuf-orange-dark); font-size: 16px; font-weight: 800; }
.wuf-approval-stat.is-blue .wuf-approval-stat-icon { color: #356d9e; background: #eef5fb; }
.wuf-approval-stat.is-red .wuf-approval-stat-icon { color: #b34b4b; background: #fbeeee; }
.wuf-approval-stat.is-grey .wuf-approval-stat-icon { color: #62707b; background: #f1f3f4; }
.wuf-approval-stat.is-purple .wuf-approval-stat-icon { color: #7756a1; background: #f4effa; }
.wuf-approval-stat strong, .wuf-approval-stat small { display: block; }
.wuf-approval-stat strong { font-size: 23px; line-height: 1; letter-spacing: -.035em; }
.wuf-approval-stat small { margin-top: 5px; overflow: hidden; color: var(--wuf-muted); font-size: 11px; line-height: 1.25; text-overflow: ellipsis; }
.wuf-approval-stat > b { margin-left: auto; color: #b1b7bc; font-size: 20px; font-weight: 400; }
.wuf-approval-tabs-wrap { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 26px; border-bottom: 1px solid var(--wuf-line); }
.wuf-approval-tabs-wrap .wuf-tabs { min-width: 0; margin-top: 0; border-bottom: 0; }
.wuf-manage-forms-link { flex: 0 0 auto; padding: 10px 2px; color: var(--wuf-orange-dark); font-size: 12px; font-weight: 750; text-decoration: none; }

/* Status chips + filters */
.wuf-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.wuf-chip { padding: 6px 12px; border: 1px solid var(--wuf-line); border-radius: 20px; background: #fff; color: #4c5963; font-size: 12px; font-weight: 700; text-decoration: none; }
.wuf-chip:hover { border-color: #ffc59c; color: var(--wuf-orange-dark); }
.wuf-chip.is-active { border-color: var(--wuf-orange); background: #fff3ea; color: var(--wuf-orange-dark); }
.wuf-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.wuf-filter { display: flex; flex: 1 1 180px; }
.wuf-filter:first-child { flex: 2 1 260px; }
.wuf-filter input, .wuf-filter select { width: 100%; min-height: 42px; padding: 8px 12px; border: 1px solid #dce1e3; border-radius: 9px; background: #fff; color: #34414b; font: inherit; font-size: 13px; }
.wuf-filter input:focus, .wuf-filter select:focus { border-color: var(--wuf-orange); outline: 0; box-shadow: 0 0 0 3px rgba(255, 122, 33, .11); }
.wuf-filter-search { position: relative; }
.wuf-filter-search input { padding-left: 36px; }
.wuf-filter-search-icon { position: absolute; left: 13px; top: 13px; z-index: 1; width: 13px; height: 13px; border: 1.8px solid #8a949c; border-radius: 50%; pointer-events: none; }
.wuf-filter-search-icon::after { content: ""; position: absolute; width: 6px; height: 1.5px; right: -5px; bottom: -2px; transform: rotate(45deg); border-radius: 2px; background: #8a949c; }

/* Desktop approval table, converted to cards on mobile. */
.wuf-approval-table { margin-top: 14px; overflow: hidden; border: 1px solid var(--wuf-line); border-radius: 13px; background: #fff; box-shadow: 0 4px 15px rgba(31, 37, 42, .025); }
.wuf-approval-table-head, .wuf-approval-record { display: grid; grid-template-columns: minmax(250px, 2.1fr) minmax(110px, .9fr) minmax(110px, .8fr) minmax(150px, 1.2fr) minmax(88px, .65fr) 78px; align-items: center; gap: 16px; }
.wuf-approval-table-head { min-height: 42px; padding: 0 17px; border-bottom: 1px solid var(--wuf-line); background: #fbfaf8; color: #78838b; font-size: 10px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.wuf-approval-record { position: relative; min-height: 74px; padding: 12px 17px; border-bottom: 1px solid #f0eeeb; color: #35424b; font-size: 12px; }
.wuf-approval-record:last-child { border-bottom: 0; }
.wuf-approval-record:hover { background: #fffdfa; }
.wuf-approval-record.is-overdue::before { content: ""; position: absolute; inset: 9px auto 9px 0; width: 3px; border-radius: 0 3px 3px 0; background: var(--wuf-danger); }
.wuf-approval-record-main { display: flex; align-items: center; gap: 11px; min-width: 0; color: inherit; text-decoration: none; }
.wuf-approval-record .wuf-template-icon { width: 36px; height: 36px; flex-basis: 36px; }
.wuf-approval-record .wuf-app-text strong { color: var(--wuf-ink); font-size: 13px; }
.wuf-record-applicant, .wuf-record-date, .wuf-record-step { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #67737d; }
.wuf-approval-record .wuf-app-status-cell { justify-content: flex-start; }
.wuf-approval-record .wuf-app-action { justify-self: end; }
.wuf-approval-record .wuf-app-action{display:flex;gap:5px}.wuf-batch-select{position:absolute;left:4px;top:50%;z-index:2;transform:translateY(-50%)}.wuf-batch-select input{width:15px;height:15px;accent-color:var(--wuf-orange)}.wuf-approval-record:has(.wuf-batch-select){padding-left:25px}.wuf-batch-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:10px 0 -4px;color:var(--wuf-muted);font-size:11px}

/* Rows */
.wuf-app-list { display: grid; gap: 10px; margin-top: 16px; }
.wuf-app-row, .wuf-task-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.3fr) auto auto; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--wuf-line); border-radius: 12px; background: #fff; }
.wuf-app-row:hover, .wuf-task-row:hover { border-color: #ffd2b1; }
.wuf-task-row.is-overdue { border-left: 3px solid var(--wuf-danger); }
.wuf-app-main { display: flex; align-items: center; gap: 12px; min-width: 0; color: inherit; text-decoration: none; }
.wuf-app-text { min-width: 0; }
.wuf-app-text strong, .wuf-app-text small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wuf-app-text small { margin-top: 3px; color: var(--wuf-muted); font-size: 12px; }
.wuf-app-meta { display: grid; gap: 3px; color: var(--wuf-muted); font-size: 12px; }
.wuf-app-status-cell { display: flex; gap: 6px; justify-content: flex-end; }
.wuf-template-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px; background: #fff3ea; color: var(--wuf-orange-dark); font-weight: 800; }

/* Type picker */
.wuf-new-search{position:relative;display:block;max-width:520px;margin-top:22px}.wuf-new-search input{width:100%;min-height:43px;padding:9px 12px 9px 38px;border:1px solid #dce1e3;border-radius:10px;background:#fff;font:13px inherit}.wuf-type-groups{display:grid;gap:26px;margin-top:28px}.wuf-type-group h2{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:15px}.wuf-type-group h2 span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#eef0f1;color:#6f7a82;font-size:10px}
.wuf-type-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-top: 24px; }
.wuf-type-group .wuf-type-grid{margin-top:0}
.wuf-type-card { display: grid; gap: 8px; padding: 18px; border: 1px solid var(--wuf-line); border-radius: 14px; background: #fff; color: inherit; text-decoration: none; }
.wuf-type-card:hover { border-color: var(--wuf-orange); box-shadow: 0 8px 20px rgba(255, 122, 33, .08); }
.wuf-type-card span:not(.wuf-template-icon) { color: var(--wuf-muted); font-size: 13px; }

/* Form */
.wuf-app-form { display: grid; gap: 18px; max-width: 760px; margin-top: 24px; padding: 24px; background: #fff; border: 1px solid var(--wuf-line); border-radius: 14px; }
.wuf-app-field { display: grid; gap: 7px; min-width: 0; margin: 0; padding: 0; border: 0; }
.wuf-app-field > span, .wuf-app-field > legend { padding: 0; font-size: 12px; font-weight: 750; color: #37444d; }
.wuf-app-field b, .wuf-app-check b { color: var(--wuf-danger); }
.wuf-app-field input, .wuf-app-field textarea, .wuf-app-field select { width: 100%; box-sizing: border-box; padding: 10px 11px; border: 1px solid #e0e4e5; border-radius: 8px; background: #fff; color: #2f3a42; font: inherit; font-size: 14px; }
.wuf-app-field textarea { resize: vertical; }
.wuf-app-help { color: var(--wuf-muted); font-size: 12px; }
.wuf-app-check, .wuf-app-accept { display: flex; gap: 9px; align-items: flex-start; font-size: 14px; color: #2f3a42; cursor: pointer; }
.wuf-app-check input, .wuf-app-accept input { margin-top: 3px; accent-color: var(--wuf-orange); }
.wuf-signature-input { font-family: "Segoe Script", "Brush Script MT", cursive; font-size: 18px !important; }
.wuf-app-heading { margin: 8px 0 0; font-size: 16px; }
.wuf-app-description { margin: 0; color: var(--wuf-muted); font-size: 13px; }
.wuf-app-divider { width: 100%; border: 0; border-top: 1px solid var(--wuf-line); }
.wuf-app-table td { padding: 4px; }
.wuf-app-table td input { padding: 7px 8px; font-size: 13px; }
.wuf-table-compact th, .wuf-table-compact td { padding: 6px 8px; font-size: 13px; }
.wuf-file-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 13px; }
.wuf-file-list a { color: var(--wuf-orange-dark); font-weight: 600; }
.wuf-file-drop { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; border: 1px dashed #d6d2cc; border-radius: 10px; background: #fcfbfa; cursor: pointer; font-size: 13px; }
.wuf-file-drop:hover { border-color: var(--wuf-orange); }
.wuf-file-drop:focus-within { outline: 2px solid var(--wuf-orange); outline-offset: 2px; }
.wuf-file-drop input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.wuf-file-drop span { padding: 6px 12px; border: 1px solid #dce1e3; border-radius: 8px; background: #fff; color: #3c4a55; font-weight: 700; }
.wuf-file-drop small { color: var(--wuf-muted); }
.wuf-app-field > .wuf-button { justify-self: start; }
.wuf-link-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wuf-link-chips li { display: flex; align-items: center; gap: 6px; padding: 4px 4px 4px 10px; border: 1px solid var(--wuf-line); border-radius: 20px; background: #fcfbfa; font-size: 13px; }
.wuf-link-chips .wuf-icon-button { width: 24px; height: 24px; font-size: 14px; border-radius: 50%; }
.wuf-app-actions { position: sticky; bottom: 0; margin: 0 -24px -24px; padding: 14px 24px; border-top: 1px solid var(--wuf-line); border-radius: 0 0 14px 14px; background: rgba(255, 255, 255, .96); }
.wuf-app-terms { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--wuf-line); border-radius: 10px; background: #fcfbfa; }
.wuf-app-terms-title { font-size: 12px; font-weight: 750; color: #37444d; }
.wuf-app-terms-body { max-height: 220px; overflow-y: auto; padding-right: 6px; color: #44515c; font-size: 13px; line-height: 1.55; }
.wuf-app-terms-body h3, .wuf-app-terms-body h4 { margin: 10px 0 4px; font-size: 13px; color: var(--wuf-ink); }
.wuf-app-terms-body p { margin: 0 0 8px; }

/* Link picker dialog */
.wuf-dialog-wide { width: min(640px, 100%); max-height: 86vh; display: flex; flex-direction: column; }
.wuf-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.wuf-dialog-head h2 { margin: 0; }
.wuf-dialog-body { display: grid; gap: 12px; min-height: 0; overflow: hidden; }
.wuf-link-search { display: flex; flex-wrap: wrap; gap: 8px; }
.wuf-link-search input { flex: 2 1 220px; }
.wuf-link-search input, .wuf-link-search select { min-height: 38px; padding: 7px 10px; border: 1px solid #dce1e3; border-radius: 8px; font: inherit; font-size: 13px; }
.wuf-link-results { max-height: 46vh; overflow-y: auto; }
.wuf-link-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.wuf-link-list li { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--wuf-line); border-radius: 10px; cursor: pointer; font-size: 13px; }
.wuf-link-list li span { color: var(--wuf-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wuf-link-list li[aria-selected="true"] { border-color: var(--wuf-orange); background: #fff6ef; }
.wuf-link-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 10px; border-top: 1px solid var(--wuf-line); font-size: 13px; }
.wuf-link-footer select { margin-left: 6px; min-height: 34px; border: 1px solid #dce1e3; border-radius: 8px; font: inherit; }

/* Detail */
.wuf-detail-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.wuf-detail-head .wuf-page-lead { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.wuf-detail-sub { margin: 6px 0 0; font-size: 13px; }
.wuf-detail-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; max-width: 440px; }
.wuf-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 8px; }
.wuf-detail-grid .wuf-card { margin-top: 12px; }
.wuf-detail-wide { grid-column: 1 / -1; }
.wuf-detail-list { display: grid; gap: 0; margin: 12px 0 0; }
.wuf-detail-row { display: grid; grid-template-columns: minmax(110px, 38%) 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f0eeeb; font-size: 14px; }
.wuf-detail-row dt { color: var(--wuf-muted); font-size: 13px; }
.wuf-detail-row dd { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.wuf-detail-row.is-block { grid-template-columns: 1fr; gap: 6px; }
.wuf-detail-row .wuf-table-wrap { overflow-x: auto; }
.wuf-decision-card { border-color: #ffd2b1; background: #fffaf6; }
.wuf-decision-card p { margin: 0 0 12px; text-transform: capitalize; }
.wuf-approver-edit-form { margin: 18px 0; padding: 18px; border: 1px solid var(--wuf-line); border-radius: 12px; background: var(--wuf-surface-soft, #f8f7f5); }
.wuf-approver-edit-form h3 { margin: 0 0 4px; font-size: 15px; }
.wuf-approver-edit-form > .wuf-muted { margin: 0 0 14px; text-transform: none; }
.wuf-approver-edit-form .wuf-app-form { margin: 0 0 14px; padding: 0; border: 0; background: transparent; }
.wuf-stage-list { display: grid; gap: 12px; margin: 12px 0 0; padding: 0; list-style: none; }
.wuf-stage { display: flex; gap: 12px; }
.wuf-stage-number { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: #fff1e7; color: var(--wuf-orange-dark); font-size: 12px; font-weight: 800; }
.wuf-stage-body strong { text-transform: capitalize; font-size: 13px; }
.wuf-stage-body ul { display: grid; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; font-size: 13px; }
.wuf-step-note { display: block; margin-top: 2px; color: var(--wuf-muted); font-size: 11px; }
.wuf-timeline { display: grid; gap: 12px; margin: 12px 0 0; padding: 0; list-style: none; }
.wuf-timeline-item { display: flex; gap: 12px; font-size: 13px; }
.wuf-timeline-item p { margin: 4px 0 0; color: #44515c; white-space: pre-line; }
.wuf-timeline-dot { width: 10px; height: 10px; flex: 0 0 10px; margin-top: 4px; border-radius: 50%; background: #cfd5d9; }
.wuf-timeline-item.is-approved .wuf-timeline-dot, .wuf-timeline-item.is-auto_approved .wuf-timeline-dot { background: var(--wuf-success); }
.wuf-timeline-item.is-rejected .wuf-timeline-dot { background: var(--wuf-danger); }
.wuf-timeline-item.is-returned .wuf-timeline-dot { background: #e99a2f; }
.wuf-timeline-item.is-submitted .wuf-timeline-dot, .wuf-timeline-item.is-resubmitted .wuf-timeline-dot { background: var(--wuf-orange); }

@media (max-width: 900px) {
	.wuf-approval-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wuf-approval-stat:last-child { grid-column: 1 / -1; }
	.wuf-approval-tabs-wrap { display: block; overflow: hidden; }
	.wuf-manage-forms-link { display: block; padding: 10px 14px; border-top: 1px solid #f3f0ec; }
	.wuf-approval-table { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
	.wuf-approval-table-head { display: none; }
	.wuf-approval-table-body { display: grid; gap: 10px; }
	.wuf-approval-record { grid-template-columns: 1fr auto; gap: 9px 12px; min-height: 0; padding: 14px; border: 1px solid var(--wuf-line); border-radius: 12px; background: #fff; }
	.wuf-approval-record:last-child { border-bottom: 1px solid var(--wuf-line); }
	.wuf-approval-record-main { grid-column: 1 / -1; }
	.wuf-record-applicant { display: none; }
	.wuf-record-date, .wuf-record-step { grid-column: 1; padding-left: 47px; font-size: 11px; }
	.wuf-record-date::before, .wuf-record-step::before { content: attr(data-label) ": "; color: #9aa2a8; }
	.wuf-approval-record .wuf-app-status-cell { grid-column: 2; grid-row: 2; align-self: start; }
	.wuf-approval-record .wuf-app-action { grid-column: 1 / -1; justify-self: stretch; }
	.wuf-approval-record .wuf-app-action .wuf-button { width: 100%; }
	.wuf-app-row, .wuf-task-row { grid-template-columns: minmax(0, 1fr) auto; }
	.wuf-app-meta { grid-column: 1 / -1; grid-row: 2; }
	.wuf-app-action { grid-column: 1 / -1; }
	.wuf-app-action .wuf-button { width: 100%; }
	.wuf-detail-grid { grid-template-columns: 1fr; }
	.wuf-detail-head, .wuf-approval-head { flex-direction: column; align-items: stretch; }
	.wuf-detail-actions { justify-content: flex-start; max-width: none; }
	.wuf-app-form { padding: 16px; }
	.wuf-app-actions { margin: 0 -16px -16px; padding: 12px 16px; bottom: 70px; }
	.wuf-detail-row { grid-template-columns: 1fr; gap: 2px; }
}

@media (max-width: 520px) {
	.wuf-approval-head { gap: 18px; }
	.wuf-approval-head .wuf-new-application { width: 100%; }
	.wuf-approval-stats { gap: 9px; margin-top: 22px; }
	.wuf-approval-stat { min-height: 72px; padding: 12px; }
	.wuf-approval-stat-icon { width: 32px; height: 32px; flex-basis: 32px; }
	.wuf-approval-stat strong { font-size: 20px; }
	.wuf-approval-filters { display: grid; grid-template-columns: 1fr 1fr; }
	.wuf-approval-filters .wuf-filter-search { grid-column: 1 / -1; }
	.wuf-filter { min-width: 0; }
}

/* Clean approval workspace: no dashboard noise, only the three requested filters. */
.wuf-applications{max-width:1320px}.wuf-approval-head{align-items:center}.wuf-approval-head>div{min-width:0}.wuf-new-application{min-width:148px}.wuf-approval-tabs-wrap{margin-top:22px;background:transparent}.wuf-approval-tabs-wrap .wuf-tabs{gap:16px}.wuf-manage-forms-link{padding:10px 4px}.wuf-filter-bar.wuf-approval-filters{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(180px,.8fr) minmax(160px,.7fr);gap:10px;margin-top:16px;padding:12px;border:1px solid var(--wuf-line);border-radius:11px;background:#fff;box-shadow:var(--wuf-shadow-soft)}.wuf-filter{min-width:0}.wuf-filter input,.wuf-filter select{min-height:39px;border-color:#e0e4e7;border-radius:8px;background:#fbfcfc}.wuf-filter input:hover,.wuf-filter select:hover{border-color:#cfd5d9;background:#fff}.wuf-filter-search-icon{top:12px}.wuf-approval-table{margin-top:12px;border-radius:11px;box-shadow:var(--wuf-shadow-soft)}.wuf-approval-table-head,.wuf-approval-record{grid-template-columns:minmax(240px,2.15fr) minmax(105px,.85fr) minmax(105px,.78fr) minmax(135px,1.05fr) minmax(82px,.65fr) 74px;gap:14px}.wuf-approval-table-head{min-height:40px;padding:0 16px;background:#fafbfb;color:#7b858d;letter-spacing:.045em}.wuf-approval-record{min-height:70px;padding:11px 16px}.wuf-approval-record .wuf-template-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}.wuf-approval-record .wuf-app-text strong{font-size:12.5px}.wuf-approval-record .wuf-app-text small{font-size:10.5px}.wuf-record-applicant,.wuf-record-date,.wuf-record-step{font-size:11.5px}.wuf-app-status-cell .wuf-badge{font-size:10px}
@media(max-width:900px){.wuf-filter-bar.wuf-approval-filters{grid-template-columns:1fr 1fr}.wuf-filter-search{grid-column:1 / -1}.wuf-approval-record{box-shadow:var(--wuf-shadow-soft)}.wuf-approval-tabs-wrap{border-radius:10px;background:#fff;border:1px solid var(--wuf-line)}.wuf-approval-tabs-wrap .wuf-tabs{padding-inline:8px}.wuf-manage-forms-link{padding:11px 14px}}
@media(max-width:520px){.wuf-approval-head .wuf-new-application{position:fixed;right:14px;bottom:82px;z-index:80;width:auto;min-width:0;height:45px;padding:0 17px;border-radius:23px;box-shadow:0 10px 25px rgba(244,122,40,.32)}.wuf-filter-bar.wuf-approval-filters{grid-template-columns:1fr;padding:10px}.wuf-filter-search{grid-column:auto}.wuf-approval-tabs-wrap{margin-top:18px}.wuf-approval-tabs-wrap .wuf-tabs{gap:4px}.wuf-tab{padding-inline:7px}.wuf-approval-record{padding:13px}.wuf-record-date,.wuf-record-step{padding-left:45px}.wuf-approval-record .wuf-app-action{margin-top:2px}}

/* Approved desktop/mobile application record structure. */
.wuf-approval-head-actions{display:flex;align-items:center;gap:10px}.wuf-approval-mobile-tools{display:none}.wuf-approval-table-head,.wuf-approval-record{grid-template-columns:minmax(125px,1.05fr) minmax(95px,.82fr) minmax(105px,.9fr) minmax(92px,.78fr) minmax(130px,1.12fr) minmax(82px,.68fr) minmax(76px,.62fr);gap:12px}.wuf-approval-record-main{color:#315b92}.wuf-approval-record-main .wuf-template-icon{display:none}.wuf-record-number{display:block;margin:0;color:#315b92;font-size:10.5px;font-weight:650;white-space:nowrap}.wuf-approval-record-main .wuf-app-text strong{display:none}.wuf-record-type{min-width:0;overflow:hidden;color:#425f87;font-size:10.5px;text-overflow:ellipsis}.wuf-list-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;color:#667d9e;font-size:10px}.wuf-list-footer>div{display:flex;align-items:center;gap:8px}.wuf-list-footer select{min-height:34px;padding:6px 27px 6px 9px;border:1px solid var(--wuf-line);border-radius:7px;background:#fff;color:#38587e;font:10px inherit}.wuf-list-footer .wuf-icon-button{width:31px;height:31px}.wuf-list-footer .wuf-icon-button:disabled{opacity:.38;cursor:not-allowed}.wuf-list-footer b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffd8c2;border-radius:7px;background:#fff5ee;color:var(--wuf-orange-dark);font-size:10px}

@media(max-width:900px){.wuf-approval-table-head{display:none}.wuf-approval-record{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:14px}.wuf-approval-record-main{grid-column:1;grid-row:1 / span 2;align-items:flex-start}.wuf-approval-record-main .wuf-template-icon{display:grid;width:37px;height:37px;flex-basis:37px}.wuf-record-number{margin-bottom:5px}.wuf-approval-record-main .wuf-app-text strong{display:block;color:#0c285c;font-size:12.5px;white-space:normal}.wuf-record-applicant,.wuf-record-type,.wuf-record-date,.wuf-record-step{grid-column:1;padding-left:48px;font-size:10px}.wuf-record-applicant{grid-row:3}.wuf-record-type{grid-row:3;margin-left:74px}.wuf-record-type:before{content:"· ";color:#8b99aa}.wuf-record-date{grid-row:4}.wuf-record-step{display:none}.wuf-approval-record .wuf-app-status-cell{grid-column:2;grid-row:1;align-self:start}.wuf-approval-record .wuf-app-action{grid-column:2;grid-row:2 / span 3;align-self:end}.wuf-list-footer{padding:12px 2px}.wuf-list-footer>span{display:none}}

@media(max-width:520px){.wuf-approval-mobile-tools{display:flex;gap:4px}.wuf-approval-mobile-tools button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:#173b70;font:700 19px inherit;cursor:pointer}.wuf-approval-head{align-items:center;flex-direction:row}.wuf-approval-head>div:first-child{display:none}.wuf-approval-head-actions{width:100%;justify-content:flex-end}.wuf-approval-filters{display:none;margin-top:9px}.wuf-approval-filters.is-mobile-open{display:grid}.wuf-approval-record{min-height:118px}.wuf-approval-record .wuf-app-action{display:none}.wuf-list-footer{justify-content:center}.wuf-list-footer>div{width:100%;justify-content:center}.wuf-list-footer label{margin-right:auto}.wuf-batch-select{left:3px}.wuf-approval-record:has(.wuf-batch-select){padding-left:20px}}