.site-title,
.site-description {
	display: none;
}
.site-header {
	background: #FFF;
}
/* Adjust logo position */
.quadmenu-navbar-brand.img {
	position: relative !important;
	top: 10px !important;
}
/* Adjust search icon position */
.astm-search-menu > a {
	position: relative !important;
	top: 20px !important;
}
/*Footer Area */
#sidebar-footer > .container {
    width: 85%;
}
.footer-widgets {
    padding: 30px 0;
}
#sidebar-footer {
    background-color: #003366;
}

/* ── ACS Leave System ──────────────────────────────────── */
#acs-leave-app * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Sarabun', 'Noto Sans Thai', sans-serif; }
#acs-leave-app { max-width: 780px; margin: 0 auto; padding: 24px 16px 60px; color: #1a1a2e; }
.acs-emp-card { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 16px; padding: 24px 28px; color: #fff; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.acs-emp-info { display: flex; align-items: center; gap: 16px; }
.acs-avatar { width: 52px; height: 52px; background: #e94560; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; color: #fff; flex-shrink: 0; }
.acs-emp-name { font-size: 18px; font-weight: 700; line-height: 1.2; }
.acs-emp-email { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 3px; }
.acs-quota-box { text-align: right; }
.acs-quota-label { font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.08em; }
.acs-quota-value { font-size: 32px; font-weight: 800; color: #e94560; line-height: 1; margin-top: 4px; }
.acs-quota-unit { font-size: 13px; color: rgba(255,255,255,0.5); }
.acs-section-title { font-size: 15px; font-weight: 700; color: #1a1a2e; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.acs-section-title::after { content: ''; flex: 1; height: 1px; background: #e2e8f0; }
.acs-form-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 28px; margin-bottom: 32px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
.acs-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) { .acs-grid-2 { grid-template-columns: 1fr; } .acs-emp-card { flex-direction: column; align-items: flex-start; } .acs-quota-box { text-align: left; } }
.acs-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.acs-field:last-child { margin-bottom: 0; }
.acs-label { font-size: 13px; font-weight: 600; color: #4a5568; }
.acs-input, .acs-select { border: 1.5px solid #e2e8f0; border-radius: 10px; padding: 10px 14px; font-size: 15px; color: #1a1a2e; background: #f8fafc; transition: border-color 0.2s, box-shadow 0.2s; width: 100%; font-family: inherit; }
.acs-input:focus, .acs-select:focus { outline: none; border-color: #e94560; box-shadow: 0 0 0 3px rgba(233,69,96,0.12); background: #fff; }
.acs-hours-preview { background: #f0f7ff; border: 1.5px solid #bee3f8; border-radius: 10px; padding: 12px 16px; font-size: 14px; color: #2b6cb0; font-weight: 600; text-align: center; margin-top: 4px; display: none; }
.acs-hours-preview.visible { display: block; }
.acs-hours-preview.warn { background: #fff5f5; border-color: #fed7d7; color: #c53030; }
.acs-btn-submit { width: 100%; padding: 14px; background: #e94560; color: #fff; border: none; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; margin-top: 20px; transition: background 0.2s, transform 0.1s; font-family: inherit; }
.acs-btn-submit:hover { background: #c73652; }
.acs-btn-submit:active { transform: scale(0.98); }
.acs-btn-submit:disabled { background: #cbd5e0; cursor: not-allowed; }
.acs-toast { position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%) translateY(80px); background: #1a1a2e; color: #fff; padding: 14px 24px; border-radius: 12px; font-size: 15px; font-weight: 600; box-shadow: 0 8px 24px rgba(0,0,0,0.2); transition: transform 0.3s ease; z-index: 9999; white-space: nowrap; }
.acs-toast.show { transform: translateX(-50%) translateY(0); }
.acs-toast.success { border-left: 4px solid #48bb78; }
.acs-toast.error { border-left: 4px solid #e94560; }
.acs-history-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid #e2e8f0; }
.acs-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.acs-table th { background: #f8fafc; padding: 12px 14px; text-align: left; font-size: 12px; font-weight: 700; color: #718096; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
.acs-table td { padding: 12px 14px; border-bottom: 1px solid #f0f4f8; color: #2d3748; vertical-align: middle; }
.acs-table tr:last-child td { border-bottom: none; }
.acs-table tr:hover td { background: #f8fafc; }
.acs-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.acs-badge.Pending { background: #fefcbf; color: #b7791f; }
.acs-badge.Approved { background: #c6f6d5; color: #276749; }
.acs-badge.Rejected { background: #fed7d7; color: #c53030; }
.acs-badge.Cancelled { background: #e2e8f0; color: #718096; }
.acs-btn-cancel { padding: 5px 12px; background: transparent; border: 1.5px solid #e94560; color: #e94560; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.acs-btn-cancel:hover { background: #e94560; color: #fff; }
.acs-empty { text-align: center; padding: 40px 20px; color: #a0aec0; font-size: 15px; }
.acs-empty-icon { font-size: 36px; margin-bottom: 10px; }
.acs-skeleton { background: linear-gradient(90deg, #f0f4f8 25%, #e2e8f0 50%, #f0f4f8 75%); background-size: 200% 100%; animation: acs-shimmer 1.4s infinite; border-radius: 8px; height: 18px; margin: 6px 0; }
@keyframes acs-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }