/* Styles */
.asc-card{
    border: 1px solid #e5e7eb;
    padding: 16px;
    border-radius: 12px;
    background: #fff;
    max-width: 880px;
    margin: 16px auto;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    direction: ltr;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
}
.asc-title{ margin: 0 0 12px; font-size: 20px; font-weight: 700; }
.asc-row{ display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.asc-grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.asc-field{ display:flex; flex-direction:column; gap:6px; }
.asc-field input, .asc-field select{ padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; font-size:14px; }
.asc-checkbox{ display:flex; align-items:center; gap:8px; user-select:none; }
.asc-btn{ background:#111827; color:#fff; border:0; border-radius:10px; padding:10px 16px; cursor:pointer; font-weight:600; }
.asc-btn:hover{ opacity:0.92; }
.asc-btn-outline{ background:transparent; color:#111827; border:1px solid #111827; border-radius:10px; padding:8px 12px; cursor:pointer; }
.asc-hidden{ display:none !important; }

.asc-payslip{ border:1px dashed #9ca3af; padding:12px; border-radius:12px; background:#fafafa; }
.asc-payslip h4{ margin:0 0 10px; }
.asc-table{ width:100%; border-collapse:collapse; }
.asc-table th, .asc-table td{ text-align:left; padding:8px 10px; border-bottom:1px solid #e5e7eb; }
.asc-table th{ background:#f3f4f6; font-weight:700; }
.asc-table tr.asc-total th, .asc-table tr.asc-total td{ font-size:16px; font-weight:800; }
.asc-actions{ display:flex; justify-content:flex-end; margin-bottom:8px; }

@media print {
  body * { visibility: hidden; }
  #asc-payslip, #asc-payslip * { visibility: visible; }
  #asc-payslip { position: absolute; left: 0; top: 0; width: 100%; }
}