@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--canvas:#f6f7f7;--surface:#fff;--ink:#1c1f21;--ink-2:#3a4044;--muted:#6b7378;--faint:#8d9499;--line:#dcdfe1;--line-2:#eceeef;--hover:#f3f4f5;--accent:#c8202f;--accent-ink:#9c1824;--ok:#1d6b45;--ok-bg:#e6f2ec;--warn:#7d5200;--warn-bg:#fbf0d6;--bad:#a6231b;--bad-bg:#fae9e7;--radius:6px;--font:"Noto Sans Thai","Sarabun",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--canvas);font:400 14px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.3}a{color:var(--ink);text-underline-offset:3px}a:hover{color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code{background:var(--line-2);border-radius:3px;padding:1px 5px;font:500 12px ui-monospace,SFMono-Regular,Menlo,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-shell{width:min(1120px,100%);margin:0 auto;padding:24px 28px 56px}.top-nav{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;flex-wrap:wrap;align-items:stretch;gap:22px;padding:0 28px;display:flex;position:sticky;top:0}.top-nav-brand{align-self:center;margin-right:10px;padding:12px 0;font-size:14px;font-weight:700}.top-nav-brand span{color:var(--accent)}.top-nav a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;padding:12px 0 10px;font-size:14px;text-decoration:none;display:flex}.top-nav a:hover{color:var(--ink)}.top-nav a.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.sub-head{padding:4px 0 18px}.sub-head h1{margin:0 0 2px;font-size:24px}.back-link{color:var(--muted);margin-bottom:10px;font-size:13px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink);text-decoration:underline}.eyebrow{color:var(--muted);margin:0 0 2px;font-size:12px;font-weight:500}.muted{color:var(--muted);font-size:13px}.page-footer{color:var(--faint);justify-content:space-between;gap:14px;padding:18px 0 0;font-size:12px;display:flex}.page-footer b{color:var(--muted);font-weight:600}.hero{border-bottom:1px solid var(--line);padding:6px 0 18px}.brand-lockup{display:none}.hero-main{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hero h1{margin:0 0 2px;font-size:26px}.intro{color:var(--muted);max-width:620px;margin:0;font-size:14px}.connection-badge{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:7px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.connection-dot{background:#c79a2e;border-radius:50%;width:7px;height:7px}.connection-badge.connected .connection-dot{background:#2c9a62}.connection-badge.error .connection-dot{background:#d4473d}.source-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:18px;margin-top:16px;padding:12px 16px;display:flex}.source-copy{align-items:center;gap:10px;min-width:250px;display:flex}.source-icon{display:none}.source-copy strong,.source-copy span{display:block}.source-copy strong{font-size:14px;font-weight:600}.source-copy div span{color:var(--muted);font-size:12px}.source-details{color:var(--muted);align-items:center;gap:12px;margin-right:auto;font-size:12px;display:flex}.source-details i{border-left:1px solid var(--line);height:12px}.refresh-button,.table-action,.close-button,.outcome-sync-button,.outcome-dismiss-button{border-radius:var(--radius);background:var(--surface);color:var(--ink);white-space:nowrap;border:1px solid #c9cdd0;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.refresh-button:hover:not(:disabled),.table-action:hover:not(:disabled),.close-button:hover,.outcome-sync-button:hover:not(:disabled),.outcome-dismiss-button:hover{background:var(--hover);color:var(--ink);border-color:#aeb4b8}.save-button,.create-trip-button{border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;padding:6px 16px;font-size:13px;font-weight:600}.save-button:hover:not(:disabled),.create-trip-button:hover:not(:disabled){background:#000}button:disabled{opacity:.45;cursor:not-allowed}.refresh-icon{font-size:15px;line-height:1}.spinning{animation:1s linear infinite spin;display:inline-block}.notice{border-radius:var(--radius);border:1px solid;gap:12px;margin-top:14px;padding:12px 16px;display:flex}.notice-icon{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.notice-content h2{margin:0 0 4px;font-size:14px}.notice-content p{margin:0 0 4px;font-size:13px}.setup-notice{background:var(--warn-bg);color:#4f3a0a;border-color:#ecd9a3}.setup-notice .notice-icon{color:var(--warn);background:#ecd9a3}.setup-list{flex-wrap:wrap;gap:4px 18px;margin:6px 0;padding-left:18px;font-size:13px;display:flex}.setup-footnote{color:#6f5a24;margin-bottom:0!important}.error-notice{background:var(--bad-bg);color:#5e2a25;border-color:#efc4bf}.error-notice .notice-icon{color:var(--bad);background:#efc4bf}.stale-note{color:#6f5a24}.report-message,.trip-create-message{border-radius:var(--radius);border:1px solid;margin-top:12px;padding:9px 12px;font-size:13px}.report-message p,.trip-create-message p{margin:4px 0}.error-message{background:var(--bad-bg);color:#6e2a24;border-color:#efc4bf}.blocked-message,.warning-message{background:var(--warn-bg);color:#5a430c;border-color:#ecd9a3}.success-message{background:var(--ok-bg);color:#16482e;border-color:#bcdccb}.data-panel,.report-panel,.create-trip-panel,.flow-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:18px}.data-panel{overflow:hidden}.report-panel,.create-trip-panel,.flow-panel,.work-panel{padding:20px 22px}.panel-head{justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 22px 14px;display:flex}.panel-head h2,.create-trip-head h2,.flow-head h2,.report-head h2,.work-head h2{margin:0;font-size:17px}.panel-meta{color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.record-count{color:var(--ink-2)}.record-count b{margin-right:3px;font-weight:700}.last-sync{color:var(--faint)}.table-tools{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:14px;padding:10px 22px;display:flex}.search-box{align-items:center;width:min(380px,100%);display:flex;position:relative}.search-box span{color:var(--faint);font-size:17px;line-height:1;position:absolute;left:10px}.search-box input{padding-left:32px}.field-count{color:var(--faint);white-space:nowrap;font-size:12px}.table-scroll{border-top:1px solid var(--line);width:100%;min-height:140px;max-height:calc(100vh - 300px);overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.table-scroll th{z-index:1;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafafa;padding:9px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.table-scroll td{border-bottom:1px solid var(--line-2);color:var(--ink-2);vertical-align:top;padding:12px 16px}.table-scroll tbody tr:hover td{background:var(--hover)}.table-scroll tr:last-child td{border-bottom:0}.table-scroll a:not(.table-action){color:var(--ink)}.table-foot{border-top:1px solid var(--line-2);color:var(--faint);justify-content:space-between;gap:12px;padding:10px 22px;font-size:12px;display:flex}.cell-main{color:var(--ink);font-weight:600;display:block}.cell-sub{color:var(--muted);margin-top:1px;font-size:12px;font-weight:400;display:block}.table-scroll .trip-title-cell{min-width:240px}.table-scroll td.report-cell{white-space:nowrap}.report-cell .table-action{margin-left:8px}.blocked-label,.unset-value{color:var(--faint);font-size:12px}.empty-state,.loading-state{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:26px;display:flex}.empty-state strong{color:var(--ink);font-size:15px;font-weight:600}.empty-state p{color:var(--muted);margin:4px 0 0;font-size:13px}.empty-state.compact{min-height:110px}.empty-state a{margin-top:8px;font-size:13px}.empty-icon{display:none}.loader{border:2px solid var(--line);border-top-color:var(--ink-2);border-radius:50%;width:20px;height:20px;margin-bottom:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-chip,.calendar-chip{white-space:nowrap;background:var(--line-2);color:var(--ink-2);border-radius:4px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.status-chip.approved,.calendar-chip.synced{background:var(--ok-bg);color:var(--ok)}.status-chip.pending,.status-chip.submitted,.calendar-chip.pending,.calendar-chip.needsdetails{background:var(--warn-bg);color:var(--warn)}.status-chip.rejected,.status-chip.returned,.calendar-chip.failed{background:var(--bad-bg);color:var(--bad)}.status-chip.draft,.calendar-chip.notscheduled{background:var(--line-2);color:var(--muted);font-weight:500}.calendar-error{max-width:200px;color:var(--bad);margin-top:4px;font-size:11px;line-height:1.4;display:block}input,select,textarea{border-radius:var(--radius);background:#fff;border:1px solid #c9cdd0;width:100%;padding:7px 10px;font-size:14px;line-height:1.5}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--faint)}input:disabled,select:disabled,textarea:disabled{color:var(--faint);cursor:not-allowed;background:#f1f2f3}textarea{resize:vertical}.create-trip-head,.report-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.create-trip-head p:last-child,.report-trip-title{color:var(--muted);margin:2px 0 0;font-size:13px}.writer-scope{border:1px solid var(--line);color:var(--muted);border-radius:4px;flex:none;padding:2px 8px;font-size:12px}.trip-create-form{padding-top:16px}.trip-fields{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;min-width:0;margin:0;padding:0;display:grid}.trip-fields label,.report-form label{min-width:0;color:var(--ink-2);font-size:13px;font-weight:600;display:block}.trip-fields label>input{margin-top:5px;font-weight:400}.trip-fields label>span{color:var(--bad);margin-left:6px;font-size:12px;font-weight:500;display:inline}.trip-fields small{color:var(--faint);margin-top:4px;font-size:12px;font-weight:400;display:block}.attendees-field{grid-column:span 2}.trip-create-foot,.report-form-foot{color:var(--faint);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;font-size:12px;display:flex}.report-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px;display:grid}.report-form textarea{min-height:96px}.report-loading{min-height:90px;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.report-loading .loader{width:16px;height:16px;margin:0}.trip-outcome-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.trip-outcome-actions a{color:#5a430c;font-weight:600}.trip-outcome-confirm{align-items:flex-start;gap:8px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.trip-outcome-confirm input{margin:3px 0 0}.flow-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;display:flex}.flow-head .muted{margin:0}.flow-steps{margin:0;padding:0;list-style:none}.flow-step{border-top:1px solid var(--line-2);gap:16px;padding:14px 0;display:flex}.flow-step:first-child{border-top:0}.flow-num{width:22px;color:var(--faint);font-variant-numeric:tabular-nums;flex:none;padding-top:1px;font-size:14px;font-weight:700}.flow-step.done .flow-num{color:var(--ok)}.flow-step.next .flow-num{color:var(--accent)}.flow-step.done .flow-title strong{color:var(--ink-2);font-weight:500}.flow-step.next{background:#fdf4f3;border-top-color:#0000;margin:0 -22px;padding:14px 22px}.flow-body{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 20px;min-width:0;display:grid}.flow-title{flex-wrap:wrap;grid-column:1;align-items:baseline;gap:2px 12px;display:flex}.flow-title strong{font-size:14px;font-weight:600}.flow-who{color:var(--faint);font-size:12px}.flow-body p{color:var(--muted);grid-column:1;margin:0;font-size:13px}.flow-foot{flex-direction:column;grid-area:1/2/span 2;align-items:flex-end;gap:6px;display:flex}.flow-foot .table-action{white-space:normal;text-align:left;max-width:100%}.flow-metric{color:var(--ink-2);white-space:nowrap;font-size:12px;font-weight:600}.work-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.work-panel p.muted{margin-bottom:0}.dyn-section{margin-top:20px}.dyn-section h3{border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:8px;font-size:15px}.dyn-question{flex-direction:column;gap:5px;max-width:700px;margin-bottom:14px;display:flex}.dyn-label{color:var(--ink-2);font-size:13px;font-weight:600}.dyn-answer{white-space:pre-wrap;color:var(--ink);margin:0;font-size:14px;line-height:1.7}.req{color:var(--accent)}.action-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.decision-box,.review-card{border:1px solid var(--line);border-radius:var(--radius);background:#fafafa;flex-direction:column;gap:8px;max-width:700px;margin-top:20px;padding:14px 16px;display:flex}.review-card h3,.decision-box h3,.review-card p{margin:0;font-size:14px}.inline-check{white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:400;display:inline-flex}.login-form{flex-direction:column;gap:8px;max-width:420px;margin:36px auto 0;display:flex}.plain-table{border-collapse:collapse;width:100%;font-size:14px}.plain-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 12px;font-size:12px;font-weight:600}.plain-table td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:11px 12px}.plain-table tbody tr:hover td{background:var(--hover)}.builder-section{border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:14px}.builder-question{border:1px solid var(--line-2);border-radius:var(--radius);background:#fafafa;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.builder-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.builder-row input{flex:220px;width:auto}.builder-row select{flex:0 220px;width:auto}@media (max-width:900px){.page-shell{padding:18px 16px 40px}.top-nav{gap:16px;padding:0 16px}.source-strip{flex-wrap:wrap;gap:10px 18px}.source-details{order:3;width:100%}.trip-fields,.report-form{grid-template-columns:repeat(2,minmax(0,1fr))}.attendees-field{grid-column:auto}.table-scroll{max-height:none}}@media (max-width:620px){.page-shell{padding:14px 12px 32px}.hero-main{flex-direction:column;align-items:flex-start;gap:10px}.source-strip{align-items:flex-start}.source-copy{flex:1;min-width:0}.panel-head{flex-direction:column;align-items:flex-start;padding:16px 14px 12px}.panel-meta{justify-content:space-between;width:100%}.table-tools,.table-foot{padding:10px 14px}.table-foot{flex-direction:column}.report-panel,.create-trip-panel,.flow-panel,.work-panel{padding:16px 14px}.create-trip-head,.work-head{flex-direction:column;gap:8px}.trip-fields,.report-form{grid-template-columns:1fr}.trip-create-foot,.report-form-foot{flex-direction:column;align-items:stretch}.create-trip-button{width:100%}.page-footer{flex-direction:column}.flow-step.next{margin:0 -14px;padding:14px}.flow-body{grid-template-columns:1fr}.flow-foot{flex-flow:wrap;grid-area:auto/1;align-items:center}}.create-details{margin-top:18px}.create-details>summary{cursor:pointer;border-radius:var(--radius);background:var(--surface);border:1px solid #c9cdd0;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.create-details>summary::-webkit-details-marker{display:none}.create-details>summary:hover{background:var(--hover)}.create-details[open]>summary{margin-bottom:0}.table-scroll td:nth-child(2),.table-scroll td:nth-child(5){white-space:nowrap}.table-scroll td .status-chip+.cell-sub{margin-top:5px}.status-chip.open,.status-chip.needsinfo{background:var(--warn-bg);color:var(--warn)}.status-chip.answered{color:#2d4a73;background:#e8eef6}.status-chip.published{background:var(--ok-bg);color:var(--ok)}.thread{flex-direction:column;gap:8px;max-width:700px;margin:16px 0 0;padding:0;list-style:none;display:flex}.thread li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 14px}.thread li.from-dealer{background:#fafafa;margin-left:28px}.thread-who{color:var(--muted);font-size:12px}.thread p{white-space:pre-wrap;margin:2px 0 0;font-size:14px}.request-form{border-top:1px solid var(--line);flex-direction:column;gap:10px;max-width:700px;margin-top:24px;padding-top:18px;display:flex}.request-form h3{margin:0;font-size:15px}.request-fields{flex-direction:column;gap:10px;display:flex}.tab-row{border-bottom:1px solid var(--line);gap:20px;margin-bottom:-6px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0;font-size:14px;font-weight:500}.tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;margin-bottom:18px;display:grid}.stat-group h3{margin:0 0 6px;font-size:14px}.stat-group dl{margin:0}.stat-group dl div{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:10px;padding:4px 0;font-size:13px;display:flex}.stat-group dt{color:var(--muted)}.stat-group dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.stat-table{margin-top:4px}.bulk-bar{border-top:1px solid var(--line-2);background:#fafafa;flex-direction:column;gap:8px;margin-top:0;padding:14px 22px;display:flex}.bulk-bar textarea{max-width:700px}@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.stat-grid{grid-template-columns:1fr}}.flow-head .action-row{margin-top:0}.bulk-notice{margin:12px 22px}.top-nav-user{color:var(--muted);align-self:center;margin-left:auto;font-size:13px}.top-nav-user button{color:var(--accent-ink);background:0 0;border:0;margin-left:8px;padding:0;font-size:13px;text-decoration:underline}.top-nav .top-nav-user a{border:0;padding:0;display:inline}.invite-box{border:1px solid var(--line);border-radius:var(--radius);background:#fafafa;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.invite-code{letter-spacing:.08em;border:1px solid var(--line);background:#fff;padding:4px 12px;font:600 20px ui-monospace,SFMono-Regular,Menlo,monospace}.auth-switch{gap:16px;margin-bottom:4px;display:flex}.link-button{color:var(--accent-ink);text-align:left;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.login-form a.save-button{text-align:center;text-decoration:none;display:inline-block}.diagram-scroll{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow-x:auto}.diagram{width:100%;height:auto;display:block}@media (max-width:900px){.diagram{min-width:900px}}.diagram-notes{color:var(--ink-2);margin:16px 0 0;padding-left:20px;font-size:13px}.diagram-notes li{margin-bottom:6px}.work-panel details{border-top:1px solid var(--line);padding:12px 0}.work-panel details:first-child{border-top:0;padding-top:0}.work-panel summary{cursor:pointer}.prep-panel h3{margin:14px 0 6px;font-size:15px}.discussion-form{max-width:700px;margin-top:12px}.attachments{margin-top:20px}.attachments h3{margin:0 0 8px;font-size:15px}.attachment-list{flex-direction:column;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.attachment-list li{align-items:center;gap:12px;font-size:14px;display:flex}.attachment-list img{object-fit:cover;border:1px solid var(--line);border-radius:6px}label.table-action{cursor:pointer}.dictate{margin-top:6px}.dictate[aria-pressed=true]{color:#c0392b;border-color:#c0392b}.flow-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}@media (max-width:760px){.flow-actions{flex-flow:wrap;align-items:center}}.disabled-action{opacity:.55;cursor:not-allowed}.dealer-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px;display:grid}.dealer-cards h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gateway-cards{max-width:760px}