/* Attendance canvas uses the same document template as the Timesheet page. */
.ai-timesheet-canvas{display:none;grid-area:2/2;min-width:0;min-height:0;overflow:auto;background:#e8eef5;padding:16px 16px 90px;box-sizing:border-box}
[data-logbook-mode="ai"] .main-content-split[data-document="timesheet"][data-canvas] .controls-panel,[data-logbook-mode="ai"] .main-content-split[data-document="timesheet"][data-canvas] .preview-panel{display:none!important}
[data-document="timesheet"][data-canvas] .ai-timesheet-canvas{display:block}
.ai-timesheet-paper{width:794px;transform-origin:top left}
.ai-timesheet-preview-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;color:#334155;font-size:13px;line-height:1.6}
.ai-timesheet-highlight-key{width:14px;height:14px;flex:none;background:#fff1a8;border:1px solid #b89116;border-radius:3px}
.ai-timesheet-paper .time-table .ai-timesheet-highlight td{background:#fff1a8;color:#171717}
.ai-timesheet-header-highlight{background:#fff1a8;color:#171717;padding:2px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ai-timesheet-edit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;margin-bottom:16px;background:#fff;border:1px solid #dce7f1;border-radius:16px}
.ai-timesheet-edit-row label{display:grid;gap:8px;margin:0;font-size:13px}
.ai-timesheet-edit-row label:nth-child(4){grid-column:1/-1}
.ai-timesheet-delete-note{padding:18px;background:#fff3ef;border:1px solid #ffd6c5;border-radius:14px}
@media(max-width:1100px){.ai-timesheet-canvas{grid-area:2/1}.ai-timesheet-edit-row{grid-template-columns:1fr}}
.ai-timesheet-paper .pdf-page { background: #fff; width: 210mm; height: 297mm; padding: 12mm 15mm; box-shadow: 0 4px 16px rgb(22 40 57 / 12%); color: #000; font-size: 12pt; line-height: 1.5; box-sizing: border-box; position: relative; overflow: hidden; font-family: 'Sarabun', sans-serif; margin-bottom: 20px; }
.ai-timesheet-paper .doc-header { text-align: center; margin-bottom: 12px; }
.ai-timesheet-paper .doc-header h2 { margin: 0; font-size: 18pt; font-weight: bold; }
.ai-timesheet-paper .doc-header h3 { margin: 5px 0 0 0; font-size: 14pt; font-weight: normal; }
.ai-timesheet-paper .info-section { margin-bottom: 10px; font-size: 12pt; line-height: 1.8; }
.ai-timesheet-paper .info-row { display: flex; align-items: baseline; margin-bottom: 3px; white-space: nowrap; }
.ai-timesheet-paper .dotted-text { border-bottom: 1px dotted #000; text-align: center; color: #333; display: inline-block; padding: 0 5px; margin: 0 5px; white-space: nowrap; min-height: 18px; }
.ai-timesheet-paper table.time-table { width: 100%; border-collapse: collapse; margin-top: 5px; margin-bottom: 10px; font-size: 11pt; text-align: center; table-layout: fixed; }
.ai-timesheet-paper table.time-table th, .ai-timesheet-paper table.time-table td { border: 1px solid #000; padding: 4px 2px; vertical-align: middle; word-wrap: break-word; }
.ai-timesheet-paper table.time-table th { background-color: #f8fafc; font-weight: bold; font-size: 10pt; line-height: 1.2; }
.ai-timesheet-paper table.time-table td.empty-row { height: 26px; } 
.ai-timesheet-paper table.time-table td { height: 26px; } 
.ai-timesheet-paper .summary-section { font-size: 12pt; line-height: 1.6; }
.ai-timesheet-paper .summary-note { margin-top: 5px; font-size: 11pt; line-height: 1.4; }