:root {
	--di-green-950: #123d31;
	--di-green-800: #17664f;
	--di-green-700: #1c7a5f;
	--di-green-100: #dff1e9;
	--di-green-50: #f0f8f4;
	--di-ink: #17342c;
	--di-muted: #6d7f78;
	--di-border: #dce7e1;
	--di-bg: #f3f6f4;
	--di-white: #fff;
	--di-orange: #d8791d;
	--di-orange-bg: #fff1df;
	--di-red: #c94747;
	--di-red-bg: #fde8e8;
	--di-blue: #3478a8;
	--di-violet: #7755a6;
	--di-shadow: 0 8px 28px rgba(20, 61, 49, .07);
	--di-radius: 16px;
}

.di-admin,
.di-portal,
.di-login {
	box-sizing: border-box;
	color: var(--di-ink);
	font-family: Tajawal, "Segoe UI", Tahoma, Arial, sans-serif;
	font-size: 14px;
}

.di-admin *, .di-portal *, .di-login * { box-sizing: border-box; }
.di-admin { margin: 0 0 0 -20px; padding: 28px 36px 70px; background: var(--di-bg); min-height: calc(100vh - 32px); }

.di-page-head,
.di-portal-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 26px;
}
.di-page-head > div, .di-portal-brand, .di-user-chip { display: flex; align-items: center; gap: 12px; }
.di-page-head h1 { color: var(--di-ink); font-size: 25px; font-weight: 750; margin: 0 0 4px; padding: 0; }
.di-page-head p { margin: 0; color: var(--di-muted); }
.di-brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 14px 14px 14px 4px;
	background: linear-gradient(135deg, var(--di-green-700), var(--di-green-950));
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	box-shadow: 0 7px 18px rgba(23,102,79,.22);
}

.di-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-radius: 10px;
	font: inherit;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	text-decoration: none !important;
	transition: .18s ease;
}
.di-btn:hover { transform: translateY(-1px); }
.di-btn-primary { background: var(--di-green-700); color: #fff !important; box-shadow: 0 6px 14px rgba(28,122,95,.16); }
.di-btn-primary:hover { background: var(--di-green-800); }
.di-btn-soft { background: var(--di-green-50); border-color: #cfe5db; color: var(--di-green-800) !important; }
.di-btn-ghost { background: #fff; border-color: var(--di-border); color: var(--di-green-800) !important; }
.di-btn-danger { background:var(--di-red-bg); color:var(--di-red) !important; border-color:#f3c8c8; }

.di-card {
	background: var(--di-white);
	border: 1px solid rgba(220,231,225,.9);
	border-radius: var(--di-radius);
	box-shadow: var(--di-shadow);
	padding: 22px;
	margin-bottom: 22px;
}
.di-form-card { overflow: visible; }
.di-section-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:20px; }
.di-section-head h2 { margin:3px 0 0; color:var(--di-ink); font-size:19px; line-height:1.35; }
.di-section-head a { color:var(--di-green-700); text-decoration:none; font-weight:700; }
.di-eyebrow { color:var(--di-green-700); font-size:12px; font-weight:800; letter-spacing:.15px; }
.di-code { direction:ltr; background:#edf4f1; color:var(--di-green-800); border-radius:8px; padding:7px 10px; font-family:monospace; }
.di-document-icon { width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:var(--di-green-50); color:var(--di-green-700); font-size:26px; font-weight:700; }

.di-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:22px; }
.di-stat { display:flex; align-items:center; gap:14px; min-height:104px; padding:19px; background:#fff; border:1px solid var(--di-border); border-radius:var(--di-radius); box-shadow:var(--di-shadow); overflow:hidden; position:relative; }
.di-stat:after { content:""; position:absolute; left:-22px; bottom:-35px; width:80px; height:80px; border-radius:50%; background:currentColor; opacity:.045; }
.di-stat-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; flex:0 0 48px; border-radius:14px; font-size:21px; font-weight:850; }
.di-stat small { display:block; color:var(--di-muted); margin-bottom:6px; }
.di-stat strong { display:block; color:var(--di-ink); font-size:22px; line-height:1.2; }
.di-tone-green { color:var(--di-green-700); }.di-tone-green .di-stat-icon { background:var(--di-green-100); }
.di-tone-blue { color:var(--di-blue); }.di-tone-blue .di-stat-icon { background:#e3f1fa; }
.di-tone-orange { color:var(--di-orange); }.di-tone-orange .di-stat-icon { background:var(--di-orange-bg); }
.di-tone-violet { color:var(--di-violet); }.di-tone-violet .di-stat-icon { background:#eee8f6; }

.di-dashboard-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:22px; }
.di-alert-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 0; border-top:1px solid #edf1ef; }
.di-alert-row:first-of-type { border-top:0; }
.di-alert-row > div { display:flex; flex-direction:column; gap:4px; }
.di-alert-row > div:last-child { align-items:flex-end; flex-direction:row; }
.di-alert-row small, .di-block-muted { display:block; color:var(--di-muted); margin-top:4px; font-size:12px; }
.di-quick-actions { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.di-quick-actions a { display:grid; grid-template-columns:40px 1fr; padding:14px; border:1px solid var(--di-border); border-radius:12px; color:var(--di-ink); text-decoration:none; background:#fcfdfc; transition:.18s; }
.di-quick-actions a:hover { border-color:#b8d7ca; background:var(--di-green-50); transform:translateY(-1px); }
.di-quick-actions a > span { grid-row:1/3; display:flex; align-items:center; justify-content:center; margin-left:10px; border-radius:10px; background:var(--di-green-100); color:var(--di-green-800); font-size:20px; }
.di-quick-actions small { color:var(--di-muted); }

.di-grid { display:grid; gap:17px; }
.di-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.di-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.di-span-2 { grid-column:span 2; }
.di-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.di-field > span, .di-scan-row label > span { color:#344f46; font-weight:700; font-size:13px; }
.di-field b { color:var(--di-red); }
.di-field input:not([type=checkbox]):not([type=radio]),
.di-field select,
.di-field textarea,
.di-search input,
.di-scan-row input,
.di-lines-table input,
.di-lines-table select,
.di-user-picker select,
.di-filter input {
	width:100%;
	min-height:43px;
	max-width:none;
	border:1px solid #cedbd5;
	border-radius:10px;
	background:#fff;
	color:var(--di-ink);
	font:inherit;
	box-shadow:none;
	padding:8px 11px;
	transition:.18s;
}
.di-field textarea { min-height:88px; resize:vertical; }
.di-field input:focus, .di-field select:focus, .di-field textarea:focus, .di-search input:focus, .di-scan-row input:focus, .di-lines-table input:focus, .di-lines-table select:focus { border-color:var(--di-green-700); box-shadow:0 0 0 3px rgba(28,122,95,.1); outline:0; }
.di-inline { display:flex; gap:7px; }.di-inline input { flex:1; min-width:0; }
.di-input-suffix { display:flex; align-items:center; position:relative; }.di-input-suffix input { padding-left:48px !important; }.di-input-suffix em { position:absolute; left:11px; color:var(--di-muted); font-style:normal; font-size:12px; }
.di-thumb { display:block; width:58px; height:72px; object-fit:cover; border-radius:8px; margin-top:6px; border:1px solid var(--di-border); }
.di-form-actions { display:flex; align-items:center; gap:10px; margin-top:22px; }
.di-between { justify-content:space-between; }
.di-divider { height:1px; background:var(--di-border); margin:25px 0; }
.di-check-field { display:flex; align-items:center; gap:10px; padding:13px; border:1px solid var(--di-border); border-radius:11px; background:#f8fbf9; }.di-check-field input { width:18px; height:18px; accent-color:var(--di-green-700); }.di-check-field strong,.di-check-field small { display:block; }.di-check-field small { color:var(--di-muted); margin-top:4px; }

.di-table-wrap { width:100%; overflow:auto; border:1px solid #e3ebe7; border-radius:12px; }
.di-table { width:100%; border-collapse:collapse; border:0; min-width:760px; }
.di-table th { background:#f5f8f6; color:#5c7168; padding:12px 13px; font-size:12px; text-align:right; font-weight:800; border-bottom:1px solid var(--di-border); white-space:nowrap; }
.di-table td { padding:13px; color:#2f463e; vertical-align:middle; border-bottom:1px solid #edf1ef; }
.di-table tbody tr:last-child td { border-bottom:0; }
.di-table tbody tr:hover { background:#fbfdfc; }
.di-table a { color:var(--di-green-700); text-decoration:none; font-weight:700; }
.di-item-cell { display:flex; align-items:center; gap:10px; min-width:230px; }
.di-item-cell strong { display:block; color:var(--di-ink); }
.di-item-cell small { display:block; direction:ltr; text-align:right; color:var(--di-muted); margin-top:4px; }
.di-list-thumb, .di-cover-placeholder { width:40px; height:50px; flex:0 0 40px; border-radius:7px; object-fit:cover; }
.di-cover-placeholder { display:flex; align-items:center; justify-content:center; background:#e8f2ed; color:var(--di-green-700); font-size:20px; }
.di-qty { font-size:17px; color:var(--di-ink); }
.di-actions { display:flex; gap:9px; white-space:nowrap; }
.di-badge { display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:800; white-space:nowrap; }
.di-badge-green { background:var(--di-green-100); color:var(--di-green-800); }
.di-badge-orange { background:var(--di-orange-bg); color:#a85a10; }
.di-badge-red { background:var(--di-red-bg); color:var(--di-red); }
.di-badge-dark { background:#e6e9e8; color:#46554f; }
.di-empty { padding:35px 20px; text-align:center; color:var(--di-muted); }
.di-empty-good { background:var(--di-green-50); color:var(--di-green-700); border-radius:12px; padding:20px; }

.di-search { display:flex; gap:7px; width:min(430px,100%); }.di-search input { flex:1; }
.di-scan-row { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:14px; margin:22px 0 12px; background:var(--di-green-50); border:1px solid #d6e9e0; border-radius:12px; }
.di-scan-row label { display:flex; flex-direction:column; gap:6px; width:min(480px,100%); }.di-scan-row small { color:var(--di-muted); }
.di-lines-wrap { overflow:auto; border:1px solid var(--di-border); border-radius:12px; }
.di-lines-table { min-width:720px; }.di-lines-table td { padding:9px; }.di-lines-table select { min-width:300px; }.di-lines-table input { min-width:90px; }
.di-icon-btn { width:32px; height:32px; border:0; border-radius:8px; color:var(--di-red); background:var(--di-red-bg); font-size:20px; cursor:pointer; }
.di-current-stock { display:inline-flex; min-width:40px; justify-content:center; border-radius:7px; background:#edf3f0; padding:6px; font-weight:800; }
.di-approval-hint { display:flex; align-items:center; gap:11px; padding:13px 15px; margin:20px 0 0; border:1px solid #efd6b8; border-radius:12px; background:#fff8ed; color:#754b20; }.di-approval-hint > span { display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border-radius:9px; background:var(--di-orange-bg); color:var(--di-orange); font-weight:900; }.di-approval-hint strong,.di-approval-hint small { display:block; }.di-approval-hint small { margin-top:3px; color:#8a6948; }
.di-actions form { margin:0; }.di-link-button { border:0; background:transparent; padding:0; font:inherit; font-weight:750; cursor:pointer; white-space:nowrap; }.di-link-approve { color:var(--di-green-700); }.di-link-reject { color:var(--di-red); }

.di-notice { padding:14px 16px; border-radius:11px; margin:0 0 18px; font-weight:700; border-right:4px solid; }
.di-notice-success { background:var(--di-green-100); color:var(--di-green-950); border-color:var(--di-green-700); }
.di-notice-error { background:var(--di-red-bg); color:#8e3030; border-color:var(--di-red); }
.di-text-red { color:var(--di-red); }.di-text-green { color:var(--di-green-700); font-weight:700; }

.di-subnav { display:flex; gap:6px; margin-bottom:18px; padding:5px; background:#e7eeea; border-radius:12px; width:max-content; max-width:100%; }
.di-subnav a { padding:9px 17px; border-radius:9px; text-decoration:none; color:#546961; font-weight:700; }
.di-subnav a.active { background:#fff; color:var(--di-green-700); box-shadow:0 3px 10px rgba(20,61,49,.07); }
.di-report-actions { display:flex; justify-content:flex-end; gap:9px; margin-bottom:13px; }
.di-filter { display:flex; align-items:flex-end; gap:12px; }.di-filter label { display:flex; flex-direction:column; gap:5px; font-weight:700; }
.di-filter select { min-width:220px; min-height:43px; border:1px solid #cedbd5; border-radius:10px; background:#fff; padding:7px 10px; color:var(--di-ink); }
.di-select-search { margin-bottom:6px !important; min-height:37px !important; background:#f8fbf9 !important; }
.di-annual-filter { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }.di-filter-actions { display:flex; gap:8px; }
.di-accounting-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 26px; margin-bottom:15px; border-radius:16px; color:#fff; background:linear-gradient(120deg,var(--di-green-950),var(--di-green-700)); box-shadow:var(--di-shadow); }.di-accounting-head h2 { color:#fff; margin:4px 0; font-size:22px; }.di-accounting-head p { margin:0; color:#d3e9e1; }.di-accounting-head .di-eyebrow { color:#9fe0c7; }.di-year-seal { display:flex; align-items:center; justify-content:center; width:76px; height:76px; flex:0 0 76px; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:rgba(255,255,255,.1); font-size:19px; font-weight:850; }
.di-accounting-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }.di-accounting-stats > div { padding:17px 19px; border:1px solid var(--di-border); border-radius:13px; background:#fff; box-shadow:var(--di-shadow); }.di-accounting-stats small { display:block; margin-bottom:7px; color:var(--di-muted); }.di-accounting-stats strong { display:block; color:var(--di-ink); font-size:21px; }.di-accounting-stats .di-accounting-value { border-color:#c4dfd3; background:var(--di-green-50); }.di-accounting-stats .di-accounting-value strong { color:var(--di-green-800); }
.di-accounting-table .di-table tfoot th { padding:13px; color:var(--di-ink); background:#eaf3ef; border-top:2px solid #bed8cd; text-align:right; }.di-current-year-row td { background:var(--di-green-50); }

.di-import-intro { display:flex; align-items:center; gap:15px; padding-bottom:20px; border-bottom:1px solid var(--di-border); margin-bottom:20px; }
.di-import-intro > div { flex:1; }.di-import-intro h2 { margin:0 0 4px; }.di-import-intro p { margin:0; color:var(--di-muted); }
.di-upload-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:14px; background:var(--di-green-100); color:var(--di-green-800); font-size:26px; }
.di-dropzone { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:175px; border:2px dashed #bad3c8; border-radius:14px; background:#f8fbf9; margin-bottom:18px; cursor:pointer; text-align:center; }
.di-dropzone input { width:min(350px,90%); margin-bottom:12px; }.di-dropzone strong { font-size:16px; }.di-dropzone small { color:var(--di-muted); margin-top:4px; }
.di-preview-counts { display:flex; gap:7px; }

.di-user-picker { padding-bottom:18px; border-bottom:1px solid var(--di-border); }.di-user-picker label { display:grid; grid-template-columns:160px minmax(280px,500px); align-items:center; font-weight:700; }
.di-user-summary { display:flex; align-items:center; gap:12px; padding:20px 0; }.di-user-summary > span, .di-user-chip > span { display:flex; align-items:center; justify-content:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--di-green-100); color:var(--di-green-800); font-size:18px; font-weight:800; }.di-user-summary strong,.di-user-summary small { display:block; }.di-user-summary small { color:var(--di-muted); margin-top:3px; }
.di-permissions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }.di-permissions > label { display:flex; align-items:center; gap:10px; padding:14px; border:1px solid var(--di-border); border-radius:12px; background:#fcfdfc; }.di-permissions input { width:18px; height:18px; accent-color:var(--di-green-700); }.di-permissions strong,.di-permissions small { display:block; }.di-permissions small { color:var(--di-muted); margin-top:3px; direction:ltr; text-align:right; }.di-permissions .di-form-actions { grid-column:1/-1; }

.di-portal { width:min(1380px,calc(100% - 30px)); margin:25px auto; background:var(--di-bg); border:1px solid var(--di-border); border-radius:22px; overflow:hidden; box-shadow:0 15px 50px rgba(20,61,49,.12); }
.di-portal-head { background:#fff; padding:16px 25px; margin:0; border-bottom:1px solid var(--di-border); }
.di-portal-brand strong,.di-portal-brand small,.di-user-chip strong,.di-user-chip a { display:block; }.di-portal-brand strong { font-size:16px; }.di-portal-brand small { color:var(--di-muted); margin-top:2px; }.di-user-chip > div { text-align:right; }.di-user-chip a { color:var(--di-muted); font-size:11px; text-decoration:none; margin-top:2px; }
.di-portal-nav { display:flex; align-items:center; gap:9px; padding:11px 25px 12px; background:#fff; border-bottom:1px solid var(--di-border); overflow:auto; scrollbar-width:thin; }
.di-portal-nav a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:45px; padding:8px 17px; color:#566b63; font-weight:750; text-decoration:none; border:1px solid #dce7e1; border-radius:12px; background:#f8faf9; white-space:nowrap; transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease; }
.di-portal-nav a:hover { color:var(--di-green-800); border-color:#b9d6c9; background:var(--di-green-50); transform:translateY(-1px); box-shadow:0 5px 13px rgba(20,61,49,.08); }
.di-portal-nav a.active { color:#fff; border-color:var(--di-green-700); background:linear-gradient(135deg,var(--di-green-700),var(--di-green-950)); box-shadow:0 7px 18px rgba(23,102,79,.22); }
.di-tab-icon { display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:8px; background:#e7f1ed; color:var(--di-green-700); transition:.18s ease; }
.di-tab-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.di-portal-nav a.active .di-tab-icon { color:#fff; background:rgba(255,255,255,.16); }
.di-tab-receipt:not(.active) .di-tab-icon { background:var(--di-green-100); color:var(--di-green-700); }
.di-tab-issue:not(.active) .di-tab-icon { background:var(--di-orange-bg); color:var(--di-orange); }
.di-portal-content { padding:26px; min-height:600px; }.di-portal-footer { text-align:center; padding:18px; color:var(--di-muted); border-top:1px solid var(--di-border); background:#fff; }
.di-welcome { display:flex; justify-content:space-between; align-items:center; padding:25px 28px; margin-bottom:20px; border-radius:18px; color:#fff; background:linear-gradient(115deg,var(--di-green-950),var(--di-green-700)); overflow:hidden; position:relative; }.di-welcome h1 { color:#fff; margin:5px 0; font-size:25px; }.di-welcome p { margin:0; color:#d7ebe3; }.di-welcome .di-eyebrow { color:#9fe0c7; }.di-welcome-art { font-size:80px; opacity:.16; transform:rotate(-8deg); }
.di-employee-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-bottom:22px; }.di-employee-actions a { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:12px; background:#fff; border:1px solid var(--di-border); border-radius:14px; padding:17px; text-decoration:none; color:var(--di-ink); box-shadow:var(--di-shadow); }.di-employee-actions a:hover { transform:translateY(-2px); }.di-employee-actions strong,.di-employee-actions small { display:block; }.di-employee-actions small { color:var(--di-muted); margin-top:3px; }.di-action-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:13px; font-size:24px; }.di-action-icon.green{background:var(--di-green-100);color:var(--di-green-700)}.di-action-icon.orange{background:var(--di-orange-bg);color:var(--di-orange)}.di-action-icon.blue{background:#e3f1fa;color:var(--di-blue)}
.di-login { width:min(520px,calc(100% - 30px)); margin:60px auto; padding:45px; border-radius:20px; background:#fff; border:1px solid var(--di-border); box-shadow:var(--di-shadow); text-align:center; }.di-login .di-brand-mark { margin:auto; }.di-login h2 { margin:15px 0 7px; }.di-login p { color:var(--di-muted); margin-bottom:20px; }

/* Force the employee portal page to use the full content width without a theme sidebar. */
body.di-employee-portal-page #secondary,
body.di-employee-portal-page .sidebar,
body.di-employee-portal-page .site-sidebar,
body.di-employee-portal-page .widget-area,
body.di-employee-portal-page aside[role="complementary"] { display:none !important; }
body.di-employee-portal-page #primary,
body.di-employee-portal-page .content-area,
body.di-employee-portal-page .site-content,
body.di-employee-portal-page .entry-content,
body.di-employee-portal-page .di-portal-page-main { width:100% !important; max-width:none !important; float:none !important; margin-right:0 !important; margin-left:0 !important; padding-right:0 !important; padding-left:0 !important; }
body.di-employee-portal-page .di-portal-page-main > article,
body.di-employee-portal-page .di-portal-page-main .entry-content { margin:0 !important; max-width:none !important; }

@media (max-width: 1000px) {
	.di-stats { grid-template-columns:repeat(2,1fr); }
	.di-dashboard-grid { grid-template-columns:1fr; }
	.di-grid-3 { grid-template-columns:repeat(2,1fr); }
	.di-permissions { grid-template-columns:repeat(2,1fr); }
	.di-employee-actions { grid-template-columns:1fr; }
	.di-accounting-stats { grid-template-columns:repeat(2,1fr); }
	.di-annual-filter { align-items:stretch; flex-direction:column; }
}
@media (max-width: 700px) {
	.di-admin { margin:0 0 0 -10px; padding:20px 15px 50px; }
	.di-page-head { align-items:flex-start; }.di-page-head > .di-btn { display:none; }
	.di-stats { grid-template-columns:1fr 1fr; gap:9px; }.di-stat { min-height:90px; padding:13px; }.di-stat-icon { width:40px; height:40px; flex-basis:40px; }.di-stat strong { font-size:17px; }
	.di-grid-2,.di-grid-3 { grid-template-columns:1fr; }.di-span-2 { grid-column:auto; }
	.di-card { padding:16px; border-radius:13px; }.di-section-head { align-items:flex-start; flex-direction:column; }
	.di-search { width:100%; }.di-scan-row { align-items:stretch; flex-direction:column; }
	.di-form-actions { flex-wrap:wrap; }.di-between { align-items:stretch; flex-direction:column; }.di-between .di-btn { width:100%; }
	.di-quick-actions { grid-template-columns:1fr; }.di-permissions { grid-template-columns:1fr; }.di-user-picker label { grid-template-columns:1fr; gap:7px; }
	.di-import-intro { align-items:flex-start; flex-wrap:wrap; }.di-import-intro .di-btn { width:100%; }
	.di-accounting-head { padding:19px; }.di-year-seal { width:58px; height:58px; flex-basis:58px; font-size:15px; }.di-accounting-head h2 { font-size:18px; }.di-accounting-stats { grid-template-columns:1fr 1fr; gap:8px; }.di-accounting-stats > div { padding:13px; }.di-accounting-stats strong { font-size:17px; }.di-filter { align-items:stretch; flex-direction:column; }.di-filter-actions { flex-wrap:wrap; }.di-filter-actions .di-btn { flex:1; }
	.di-portal { width:100%; margin:0; border-radius:0; border:0; }.di-portal-head { padding:13px 15px; }.di-portal-brand .di-brand-mark { width:38px;height:38px }.di-user-chip > span { display:none; }.di-user-chip strong { max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.di-portal-nav { position:sticky; top:0; z-index:20; justify-content:space-around; gap:5px; padding:7px 8px 8px; box-shadow:0 5px 16px rgba(20,61,49,.06); }.di-portal-nav a { flex:1 0 62px; min-height:54px; padding:6px 5px; gap:3px; flex-direction:column; border-color:transparent; background:transparent; font-size:11px; }.di-portal-nav a:hover { transform:none; box-shadow:none; }.di-portal-nav a.active { border-radius:11px; }.di-tab-icon { width:24px; height:24px; background:transparent !important; }.di-tab-icon svg { width:18px; height:18px; }.di-portal-content { padding:15px; }.di-welcome { padding:20px; }.di-welcome h1 { font-size:20px; }.di-welcome-art { display:none; }
}

@media print {
	#adminmenumain,#wpadminbar,.di-page-head,.di-form-card,.di-report-actions,.di-subnav,.di-search,.di-portal-head,.di-portal-nav,.di-portal-footer { display:none !important; }
	#wpcontent { margin:0 !important; }.di-admin,.di-portal,.di-portal-content { margin:0 !important; padding:0 !important; background:#fff; border:0; box-shadow:none; width:100%; }.di-card { box-shadow:none; border:0; padding:0; }.di-table-wrap{overflow:visible}.di-table{min-width:0}.di-table th,.di-table td{font-size:10px;padding:7px}
}