:root{--bg:#f6f7f9;--panel:#fff;--border:#e2e5ea;--text:#1a1d21;--muted:#6b7280;--accent:#2f6f4f;--accent-fg:#fff;--danger:#b3261e;--ok:#1f7a4d;--warn:#b45309}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;font-size:14px}a{color:var(--accent)}button{font:inherit}.app-shell{min-height:100vh}.app-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.app-header-inner{align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:var(--accent);font-weight:700}.app-nav{flex:1;gap:16px;display:flex}.app-nav a{color:var(--text);border-bottom:2px solid #0000;padding:6px 4px;text-decoration:none}.app-nav a:hover{border-bottom-color:var(--accent)}.app-header-right{align-items:center;gap:12px;display:flex}.lang-toggle{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.lang-btn{color:var(--muted);cursor:pointer;background:#fff;border:none;padding:4px 10px;font-size:12px;line-height:1.4}.lang-btn+.lang-btn{border-left:1px solid var(--border)}.lang-btn.active{background:var(--accent);color:var(--accent-fg)}.login-top{justify-content:flex-end;margin-bottom:4px;display:flex}.who{color:var(--muted);font-size:13px}.role-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;background:#eef2ee;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:11px;display:inline-block}.app-main{max-width:1200px;margin:0 auto;padding:24px 20px}.page-head h1{margin:0 0 4px;font-size:20px}.muted{color:var(--muted)}.stack{flex-direction:column;gap:16px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.card-title{margin:0 0 12px;font-size:15px}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field>span{color:var(--muted)}.field input,.field select{border:1px solid var(--border);background:#fff;border-radius:8px;height:38px;padding:8px 10px;font-size:14px;line-height:1.4}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-ghost{background:0 0}.btn-danger{color:var(--danger);border-color:#e6c9c7;margin-left:8px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.ta-right{text-align:right}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover,.th-sorted{color:var(--accent)}.th-sort-inner{align-items:center;gap:4px;display:inline-flex}.th-sort.ta-right .th-sort-inner{flex-direction:row-reverse}.sort-caret{font-size:9px;line-height:1}.th-sort:not(.th-sorted) .sort-caret{opacity:.3}.tag{color:var(--accent);background:#eef2ee;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;display:inline-block}.alert{border-radius:8px;padding:10px 12px;font-size:13px}.alert-error{color:var(--danger);background:#fdecea}.alert-ok{color:var(--ok);background:#e7f4ec}.filters{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.filters .field{min-width:160px}.filters-meta{margin-left:auto;font-size:13px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.doc-link{color:var(--accent);text-decoration:none}.table-card{overflow-x:auto}.table-selbar{background:#eef2ee;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.selbar-count{color:var(--accent);font-weight:600}.btn-sm{padding:3px 10px;font-size:12px}.cell-ref{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.cell-remarks{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.doc-link:hover{text-decoration:underline}.ta-center{text-align:center}.row-selected{background:#f2f7f4}.empty{padding:32px 0}.pager{justify-content:flex-end;align-items:center;gap:12px;padding:12px 4px 2px;display:flex}.tag-warn{color:var(--warn);background:#fdf0dc}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:2px 9px;font-size:12px;display:inline-block}.status-badge.tone-neutral{color:#4b5563;background:#eef1f4}.status-badge.tone-info{color:#1d4ed8;background:#e6effb}.status-badge.tone-ok{color:var(--ok);background:#e7f4ec}.status-badge.tone-danger{color:var(--danger);background:#fdecea}.bulk-bar{pointer-events:none;justify-content:center;display:flex;position:sticky;bottom:16px}.bulk-bar-inner{pointer-events:auto;color:#fff;background:#1a1d21;border-radius:12px;align-items:center;gap:16px;padding:10px 16px;display:flex;box-shadow:0 8px 24px #00000038}.bulk-count{font-size:13px;font-weight:600}.bulk-actions{gap:8px;display:flex}.bulk-bar .btn{color:#fff;background:#2b2f36;border-color:#3a3f47}.bulk-bar .btn-primary{background:var(--accent);border-color:var(--accent)}.bulk-bar .btn-ghost{color:#c7ccd3;background:0 0;border-color:#0000}.modal-overlay{z-index:50;background:#0f121473;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:88vh;display:flex;box-shadow:0 16px 48px #00000047}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow:auto}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:16px;display:flex}.clone-notes{flex-direction:column;gap:4px;display:flex}.clone-note{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.clone-note-head{align-items:baseline;gap:10px;display:flex}.clone-line span{font-size:12px}.email-composer{flex-direction:column;gap:10px;display:flex;position:sticky;bottom:84px}.email-composer textarea{border:1px solid var(--border);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.check{align-items:center;gap:8px;font-size:13px;display:flex}.email-composer code{background:#eef1f4;border-radius:4px;padding:1px 5px;font-size:12px}.results{max-height:340px;position:sticky;bottom:84px;overflow:auto}.results-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.results-head-actions{gap:8px;margin-left:auto;display:flex}.results-progress{background:#eef1f4;border-radius:999px;height:6px;margin-bottom:10px;overflow:hidden}.results-progress-bar{background:var(--accent);height:100%;transition:width .2s}.results-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.result-row{border-radius:6px;align-items:center;gap:12px;padding:6px 8px;font-size:13px;display:flex}.result-row .result-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.result-state{font-size:12.5px}.state-ok{background:#f0f8f3}.state-ok .result-state{color:var(--ok)}.state-failed{background:#fdf1f0}.state-failed .result-state{color:var(--danger)}.state-skipped .result-state{color:var(--warn)}.state-pending{opacity:.8}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.login-title{color:var(--accent);margin:0;font-size:18px}.login-sub{color:var(--muted);margin:-8px 0 4px;font-size:13px}.danger{color:var(--danger)}.tag-danger{color:var(--danger);background:#fdecea}.pager-size{align-items:center;gap:6px;margin-right:auto;font-size:13px;display:flex}.pager-size select{border:1px solid var(--border);background:#fff;border-radius:8px;padding:4px 8px;font-size:13px}.results-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px}.chip:disabled{opacity:.45;cursor:not-allowed}.chip-active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.modal-lg{max-width:960px}.bulk-tools{border:1px solid var(--border);background:#fafbfc;flex-direction:column;gap:10px;display:flex}.bulk-tools-title{font-size:13px;font-weight:600}.bulk-hint{white-space:nowrap;align-self:flex-end;min-width:120px;padding-bottom:8px;font-size:12px}.clone-note-toggle{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:8px 4px}.clone-caret{color:var(--muted);width:14px;display:inline-block}.clone-note-cust{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.clone-badges{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:flex}.clone-note-skip{opacity:.7}.clone-lines{flex-direction:column;gap:6px;padding:4px 4px 8px 22px;display:flex}.clone-line-row{align-items:center;gap:10px;display:flex}.clone-line-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:120px;font-size:12px;overflow:hidden}.clone-line-input{border:1px solid var(--border);font:inherit;border-radius:8px;flex:1;padding:6px 9px;font-size:13px}.clone-line-btn{flex-shrink:0;padding:4px 10px}.line-removed .clone-line-input{opacity:.5;background:#f6f7f9;text-decoration:line-through}.line-removed .clone-line-name{text-decoration:line-through}.clone-summary{padding:4px 2px;font-size:13px}