:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f8;color:#14272f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f7f8;--panel: #ffffff;--panel-muted: #f8fafb;--border: #dce7ea;--text: #14272f;--muted: #6a7d86;--accent: #0f766e;--accent-dark: #0b5f59;--blue: #2563eb;--amber: #b7791f;--green: #11875d;--red: #c2413b;--shadow: 0 18px 40px rgba(20, 39, 47, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{display:grid;grid-template-columns:276px minmax(0,1fr);min-height:100vh}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);background:linear-gradient(135deg,#102930f0,#0f766ec7),var(--bg)}.login-panel{display:grid;align-content:center;gap:24px;padding:48px;background:#fff}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{margin-top:3px;color:var(--muted);font-size:13px}.login-form{display:grid;gap:15px}.login-form h1{margin-bottom:8px;font-size:34px}.login-form p{color:var(--muted);line-height:1.55}.form-error{padding:11px 12px;border-radius:8px;background:#fff0ef;color:var(--red);font-size:13px;font-weight:800}.login-help{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.login-help svg{flex:0 0 auto;color:var(--accent)}.login-help strong,.login-help span{display:block}.login-help span{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}.login-aside{display:grid;align-content:center;gap:18px;max-width:760px;padding:64px;color:#fff}.login-aside h2{font-size:36px;line-height:1.1}.login-aside p{max-width:620px;color:#c8dddf;font-size:17px;line-height:1.65}.access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.access-list div{padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff17}.access-list strong,.access-list span{display:block}.access-list span{margin-top:4px;color:#a9cfd0;font-size:13px}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;background:#102930;color:#eef8f7}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#18a999;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#9eb9bf;font-size:13px}.nav-list{display:grid;gap:5px}.nav-item{width:100%;min-height:40px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#bfd4d8;text-align:left;font-size:14px;font-weight:650}.nav-item:hover,.nav-item.active{background:#ffffff1a;color:#fff}.sidebar-card{margin-top:auto;display:grid;gap:8px;padding:14px;border-radius:8px;background:#ffffff14;color:#dcebec}.sidebar-card span{color:#a9c2c7;font-size:13px;line-height:1.45}.main-panel{min-width:0;padding:28px;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15;letter-spacing:0}h2{font-size:16px;line-height:1.2}.topbar-actions{display:flex;align-items:center;gap:10px}.search-box,.role-select{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted)}.search-box input,.role-select select{border:0;outline:0;background:transparent;color:var(--text)}.role-select span{color:var(--muted);font-size:12px;font-weight:700}.role-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:132px;font-weight:700}.role-select strong{color:var(--text);font-size:13px}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.icon-button.success{color:var(--green)}.icon-button.danger{color:var(--red)}.mobile-only{display:none}.content-stack{display:grid;gap:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#11252b70}.modal-panel{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 24px 70px #11252b42}.employee-modal{padding:18px}.policy-modal{width:min(560px,100%);padding:18px}.notification-modal{width:min(520px,100%);padding:18px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h2{margin:0;font-size:20px;line-height:1.2}.modal-header span{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.notification-button{position:relative}.notification-button span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:900}.notification-list{display:grid;gap:10px}.notification-item{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fbfdfd}.notification-item strong,.notification-item span,.notification-item small{display:block}.notification-item span{margin-top:4px;color:var(--text)}.notification-item small{margin-top:6px;color:var(--muted);font-weight:700}.content-grid,.dashboard-grid{display:grid;gap:18px}.split-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:132px;padding:22px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,#0f766e14,#2563eb0a),#fff;box-shadow:var(--shadow)}.split-hero h2{margin-bottom:8px;font-size:22px}.split-hero p{max-width:760px;color:var(--muted);line-height:1.55}.payroll-hero{background:linear-gradient(135deg,#b7791f1c,#0f766e0f),#fff}.voucher-hero{background:linear-gradient(135deg,#2563eb17,#b7791f1f),#fff}.hero-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr)}.dashboard-grid.lower{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.content-grid.two-col{grid-template-columns:420px minmax(0,1fr)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.metric{display:flex;gap:13px;min-height:118px;padding:18px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:8px;background:#e8f5f3;color:var(--accent)}.metric.amber .metric-icon{background:#fff6df;color:var(--amber)}.metric.red .metric-icon{background:#fff0ef;color:var(--red)}.metric.green .metric-icon{background:#e8f8f0;color:var(--green)}.metric.blue .metric-icon{background:#eaf1ff;color:var(--blue)}.metric span,.metric p{color:var(--muted);font-size:13px}.metric strong{display:block;margin:6px 0;font-size:30px;line-height:1}.panel{min-width:0;padding:18px}.panel.wide{min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header span{color:var(--muted);font-size:13px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:13px 10px;border-bottom:1px solid #edf2f4;text-align:left;vertical-align:middle}th{color:#6d7d83;font-size:12px;font-weight:800;text-transform:uppercase}.sort-header{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}.sort-header span:last-child{color:#9aabb0;font-size:10px}.sort-header.active span:last-child{color:var(--accent)}td{color:#2c424a;font-size:14px}td strong,td span{display:block}td span{margin-top:3px;color:var(--muted);font-size:12px}.row-actions{display:flex;justify-content:flex-end;gap:8px}.row-actions.wrap{flex-wrap:wrap;justify-content:flex-start}.status{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#edf4f5;color:#53686f;font-size:12px;font-weight:800}.status.pending,.status.review,.status.missing,.status.mc-pending{background:#fff5df;color:#9a5f12}.status.approved,.status.ready,.status.emailed,.status.sent,.status.uploaded{background:#e8f7ef;color:#10714d}.status.rejected,.status.failed,.status.email-failed{background:#fff0ef;color:#b5302d}.status.recalled{background:#eef2f3;color:#64757b}.status.partially-sent{background:#eaf1ff;color:#2159c8}.status.active,.status.verified,.status.smtp-ready,.status.fixed,.status.closed{background:#e8f7ef;color:#10714d}.status.open,.status.prorated,.status.waiting-staff,.status.pending-queue{background:#fff5df;color:#9a5f12}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:8px;background:#eef7f6;color:var(--accent);font-size:12px;font-weight:800}.batch-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.batch-card strong,.batch-card span{display:block}.batch-card span{margin-top:4px;color:var(--muted);font-size:13px}.batch-circle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--accent) 50%,#dfeaec 0);color:#fff;font-size:18px;font-weight:800}.primary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.primary-button:hover{background:var(--accent-dark)}.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:13px;font-weight:800}.secondary-button:hover{border-color:#b8c9ce;background:#f8fbfb}.secondary-button.compact{min-height:32px;padding:0 10px}.file-button{position:relative;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.danger-text{color:var(--red)}.primary-button.full{width:100%;margin-top:14px}.missing-list{display:grid;gap:8px;margin-top:14px}.missing-list span{padding:9px 10px;border-radius:8px;background:#fff7e8;color:#8f5a15;font-size:13px;font-weight:700}.balance-meter{width:120px;height:8px;overflow:hidden;border-radius:999px;background:#e4ecee}.balance-meter span{display:block;height:100%;background:var(--accent)}.activity-list{display:grid;gap:12px}.activity-list.compact{gap:10px}.activity-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.activity-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:8px;background:#e8f5f3;color:var(--accent)}.activity-icon.email{background:#eaf1ff;color:var(--blue)}.activity-icon.upload{background:#fff5df;color:var(--amber)}.activity-row strong,.activity-row span{display:block}.activity-row strong{font-size:14px;line-height:1.3}.activity-row span{margin-top:4px;color:var(--muted);font-size:12px}.form-stack{display:grid;gap:13px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.leave-balance-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #d9ece9;border-radius:8px;background:#f2faf8}.leave-balance-note span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.leave-balance-note strong{color:var(--accent-dark)}.form-subsection{display:grid;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.form-subsection>strong{color:var(--text);font-size:13px;line-height:1.2}.date-parts{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:8px}.date-parts select{padding-right:8px}.document-upload-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}label{display:grid;gap:7px;color:#53666d;font-size:13px;font-weight:800}.label-with-help{display:inline-flex;align-items:center;gap:6px}.help-tip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;color:var(--accent);cursor:help}.help-tip>span{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:220px;padding:8px 10px;border-radius:8px;background:#11252b;color:#fff;font-size:12px;font-weight:800;line-height:1.35;text-transform:none;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .12s ease,transform .12s ease}.help-tip:hover>span,.help-tip:focus>span{opacity:1;transform:translate(-50%) translateY(0)}.checkbox-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.checkbox-row input{width:18px;min-height:18px;flex:0 0 auto}.checkbox-row span{color:var(--text)}.form-note.strong{padding:10px 12px;border-radius:8px;background:#e8f7ef;color:#10714d;font-weight:800;overflow-wrap:anywhere}.form-note.error{padding:10px 12px;border-radius:8px;background:#fff0ef;color:var(--red);font-weight:800;overflow-wrap:anywhere}input,select,textarea{width:100%;box-sizing:border-box;min-height:42px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);outline:0}input,select{height:42px}textarea{min-height:92px;padding-top:10px;resize:vertical}.field-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:800}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.upload-zone{position:relative;display:grid;place-items:center;gap:8px;min-height:186px;padding:22px;border:1px dashed #98b5bc;border-radius:8px;background:#f6fbfb;text-align:center;color:var(--accent)}.upload-zone-button{width:100%;font:inherit}.upload-zone span{color:var(--muted);font-size:13px}.upload-zone em{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid #cfe0e4;border-radius:8px;background:#fff;color:var(--ink);font-size:13px;font-style:normal;font-weight:800}.upload-zone svg,.upload-zone strong,.upload-zone span,.upload-zone em{pointer-events:none;position:relative;z-index:1}.upload-zone>input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:2}.file-input-hidden{position:fixed;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.batch-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.batch-controls{margin-bottom:14px}.batch-create-button{align-self:end;min-height:42px}.batch-summary div{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.batch-summary strong,.batch-summary span{display:block}.batch-summary strong{font-size:22px}.batch-summary span{color:var(--muted);font-size:12px}.voucher-layout{grid-template-columns:390px minmax(0,1fr)}.voucher-upload{min-height:150px}.voucher-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.voucher-toolbar label{min-width:min(360px,100%)}.voucher-summary-card{display:grid;grid-template-columns:1fr .75fr .75fr;gap:10px;margin-bottom:14px}.voucher-summary-card div{min-width:0;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.voucher-summary-card span,.voucher-summary-card strong{display:block}.voucher-summary-card span{color:var(--muted);font-size:12px;font-weight:800}.voucher-summary-card strong{margin-top:5px;overflow-wrap:anywhere}.empty-finance-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:9px;padding:24px;border:1px dashed var(--border);border-radius:8px;background:var(--panel-muted);color:var(--muted);text-align:center}.empty-finance-state strong{color:var(--text);font-size:18px}.notice{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px;border-radius:8px;background:#fff7e8;color:#8f5a15;font-size:13px;font-weight:700}.year-end-reminder{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #f3d59b;border-radius:8px;background:#fff8e8;color:#8f5a15}.year-end-reminder strong,.year-end-reminder span{display:block}.year-end-reminder strong{color:#55370d;font-size:15px}.year-end-reminder span{margin-top:4px;font-size:13px}.approval-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.approval-card,.document-card,.policy-card,.ticket-card{border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.approval-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px}.approval-card p{grid-column:2 / -1;color:var(--muted);line-height:1.45}.approval-card strong,.approval-card span{display:block}.approval-card span,.approval-dates span{margin-top:4px;color:var(--muted);font-size:13px}.approval-dates{text-align:right}.approval-actions{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:10px}.mc-note{grid-column:2 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border:1px solid #f0dba8;border-radius:8px;background:#fffbef;color:#7b5516;font-size:13px;font-weight:700}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#dff3ef;color:var(--accent);font-weight:900}.document-grid,.policy-grid,.ticket-grid{display:grid;gap:14px}.document-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.document-card{display:grid;gap:10px;padding:16px}.document-card.empty-state{border-style:dashed;background:var(--panel-muted)}.document-card svg,.policy-card svg{color:var(--accent)}.document-card span,.policy-card p,.policy-footer span,.ticket-card p,.ticket-card span,.settings-row span,.security-callout span{color:var(--muted);font-size:13px;line-height:1.45}.policy-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.policy-card{display:grid;gap:12px;padding:16px}.policy-topline,.policy-footer,.ticket-title,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.policy-days{color:var(--text);font-size:34px;font-weight:900;line-height:1}.policy-days span{margin-left:6px;color:var(--muted);font-size:13px;font-weight:800}.settings-list{display:grid;gap:10px}.permission-matrix{display:grid;gap:14px}.permission-role{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fbfdfd}.permission-role>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-role strong,.permission-role span{display:block}.permission-role span{color:var(--muted);font-size:12px;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-check{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid #dce8eb;border-radius:8px;background:#fff}.permission-check input{width:16px;height:16px}.backup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.backup-toolbar strong,.backup-toolbar span{display:block}.backup-toolbar span,.form-note{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}.form-note{margin:0 0 12px}.year-end-preview{margin-top:14px}.profile-list{display:grid;gap:10px}.profile-list div{padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.profile-list span,.profile-list strong{display:block}.profile-list span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.profile-list strong{margin-top:4px;overflow-wrap:anywhere}.profile-list small{display:block;margin-top:4px;color:var(--muted);font-weight:700}.settings-row{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.settings-row strong,.settings-row span{display:block}.security-callout{display:flex;gap:12px;margin-top:14px;padding:16px;border-radius:8px;background:#102930;color:#fff}.security-callout svg{flex:0 0 auto;color:#6ee7d8}.security-callout span{display:block;margin-top:4px;color:#b9d0d5}.password-rules{display:flex;flex-wrap:wrap;gap:8px}.password-rules span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted);color:var(--muted);font-size:12px;font-weight:800}.password-rules span svg{color:#b45353}.password-rules span.passed{border-color:#b9e6d1;background:#e8f7ef;color:#10714d}.password-rules span.passed svg{color:#10714d}.ticket-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-card{display:grid;gap:10px;padding:16px}.ticket-card h3{margin:0;font-size:17px}@media(max-width:1100px){.login-page{grid-template-columns:1fr}.login-aside{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:0;transform:translate(calc(-100% - 12px));width:276px;max-width:calc(100vw - 24px);visibility:hidden;transition:transform .16s ease}.sidebar.open{transform:translate(0);visibility:visible}.mobile-only{display:inline-grid}.metric-grid,.dashboard-grid,.dashboard-grid.lower,.content-grid.two-col,.voucher-layout,.approval-board,.document-grid,.policy-grid,.ticket-grid{grid-template-columns:1fr}.backup-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:760px){.login-panel{padding:28px 18px}.login-form h1{font-size:28px}.main-panel{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.search-box{order:5;width:100%}h1{font-size:23px}.metric-grid,.form-row,.batch-summary,.voucher-summary-card,.document-upload-form{grid-template-columns:1fr}.voucher-toolbar{align-items:stretch}.split-hero{align-items:flex-start;flex-direction:column}.approval-card{grid-template-columns:auto minmax(0,1fr)}.approval-dates,.approval-card p,.approval-actions{grid-column:1 / -1;text-align:left}}