/* Customer actions & dedicated AI page — local assets, no external dependencies. */
#kl-bulk-actions[hidden]{display:none!important}
#kl-bulk-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--wf-border);background:var(--wf-bg);border-radius:11px;margin:8px 0 12px;font-size:12px;color:var(--wf-text)}
#kl-bulk-actions>span{margin-right:auto}
.kl-icon-label,.kl-row-actions{display:inline-flex;align-items:center;gap:7px}
.kl-row-actions{justify-content:flex-end;gap:6px;white-space:nowrap}
.kl-row-actions .wf-outline{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:6px}
.kl-check-col{width:38px}
.kl-customer-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--wf-accent);cursor:pointer}
.kl-customer-table .kl-inline-icon,.kl-icon-label .kl-inline-icon{width:16px;height:16px}
.kl-danger-action{color:#d44855!important}
.kl-danger-action:hover{background:#feecef!important}
.kl-trash-icon{font-size:19px;line-height:1}
#kl-edit-consultation-form{display:block}
#kl-edit-consultation-form .kl-consult-grid{display:grid}
.sk-ai-settings-panel{max-width:670px;padding:24px}
.sk-ai-settings-panel form{display:flex;flex-direction:column;gap:15px}
.sk-ai-settings-panel label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:13px;color:var(--wf-text)}
.sk-ai-settings-panel .sk-check{flex-direction:row;align-items:center}
.sk-ai-settings-panel .sk-key-status{font-size:12px;color:var(--wf-muted)}
@media(max-width:680px){.kl-row-actions{gap:3px}.kl-row-actions .wf-outline{min-width:31px}.kl-customer-table{min-width:900px}#kl-edit-consultation-form .kl-consult-grid{grid-template-columns:1fr}}

/* SKETSA 4.2 — ikon menggunakan sprite lokal dalam dokumen (termasuk modal). */
#kl-local-icon-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
#wf-app .kl-inline-icon,#wf-modal-root .kl-inline-icon,#sk-estimate-root .kl-inline-icon,
#wf-app .kl-rail svg,#wf-app .wf-nav-symbol svg,#wf-app .kl-top-icon svg,
.kl-flyout svg,.sk-modal .kl-inline-icon{
  display:inline-block!important;visibility:visible!important;opacity:1!important;
  color:inherit;stroke:currentColor;fill:none;stroke-width:1.9;
  stroke-linejoin:round;stroke-linecap:round;min-width:15px;min-height:15px;
}
.kl-row-actions .kl-inline-icon{width:18px!important;height:18px!important;flex-shrink:0}
.kl-row-actions .wf-outline{color:var(--wf-text);border-color:var(--wf-border)}
.kl-row-actions .wf-outline:hover{color:var(--wf-accent)}
.kl-row-actions .kl-danger-action,.kl-row-actions .kl-danger-action svg{color:#ec6870!important}
#kl-case-alt-view[hidden],#wf-app .wf-table-scroll[hidden]{display:none!important}
/* Monday-like flat views (no 3D transforms / gradients). */
.kl-view-switch{display:inline-flex;align-items:center;gap:0;border-bottom:1px solid var(--wf-border);padding:0;margin:12px 0 16px;background:transparent;box-shadow:none;border-radius:0;max-width:100%;overflow-x:auto}
.kl-view-tab{border:0;border-bottom:2px solid transparent;border-radius:5px 5px 0 0;background:transparent;padding:11px 15px;color:var(--wf-muted);font:inherit;font-size:12px;font-weight:650;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;transition:background-color .12s,color .12s,border-color .12s;transform:none!important;box-shadow:none!important;animation:none!important}
.kl-view-tab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}
.kl-view-tab:hover{background:var(--wf-accent-bg);color:var(--wf-text)}
.kl-view-tab.is-selected{color:var(--wf-text);border-bottom-color:var(--wf-accent);background:var(--wf-accent-bg)}
.wf-step-tab,.wf-step-tab:hover,.wf-step-tab.selected{transform:none!important;animation:none!important;box-shadow:none!important}
.kl-case-visual{border:1px solid var(--wf-border);background:var(--wf-card);border-radius:12px;padding:14px;margin:3px 0 12px}
.kl-view-caption{font-size:11px;color:var(--wf-muted);margin:13px 1px 0}
.kl-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;text-transform:capitalize;gap:10px}
.kl-calendar-head>div{display:flex;gap:6px}
.kl-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--wf-border);border-left:1px solid var(--wf-border)}
.kl-calendar-weekday{text-align:center;font-size:11px;padding:9px 0;background:var(--wf-bg);border-right:1px solid var(--wf-border);border-bottom:1px solid var(--wf-border)}
.kl-calendar-day{min-height:88px;padding:7px 5px;border-right:1px solid var(--wf-border);border-bottom:1px solid var(--wf-border);min-width:0}
.kl-calendar-day.is-outside{opacity:.35}
.kl-calendar-date{display:block;font-size:11px;font-weight:750;color:var(--wf-muted);margin-bottom:6px}
.kl-calendar-day button{display:block;width:100%;border:0;border-radius:5px;background:var(--wf-accent-bg);color:var(--wf-text);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:4px;margin:3px 0;cursor:pointer}
.kl-calendar-day button:hover{outline:1px solid var(--wf-accent)}
.kl-calendar-day small{font-size:9px;color:var(--wf-muted)}
.kl-timeline-list{padding:5px 0}
.kl-timeline-entry{display:flex;width:100%;align-items:center;text-align:left;gap:14px;padding:12px 10px;border:0;border-left:2px solid var(--wf-border);background:transparent;color:var(--wf-text);cursor:pointer;position:relative}
.kl-timeline-entry:hover{background:var(--wf-bg)}
.kl-timeline-dot{width:13px;height:13px;background:var(--wf-accent);border:3px solid var(--wf-card);box-shadow:0 0 0 1px var(--wf-accent);border-radius:100%;margin-left:-18px;flex-shrink:0}
.kl-timeline-entry>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kl-timeline-entry strong{font-size:13px}.kl-timeline-entry small{font-size:11px;color:var(--wf-muted)}
@media(max-width:620px){.kl-view-switch{width:100%;justify-content:space-around}.kl-view-tab{padding:9px 11px}.kl-calendar-day{min-height:65px;padding:4px 2px}.kl-calendar-day button{font-size:8px}.kl-case-visual{padding:8px}.kl-timeline-entry{gap:7px}}
@media(prefers-reduced-motion:reduce){.kl-view-tab,.wf-step-tab{transition:none!important}}


/* SKETSA 4.5 — flat Monday-style tab bar pada Detail Customer. */
#wf-app .wf-stepper.kl-process-tabs{display:flex;align-items:stretch;gap:1px;margin:0 0 18px;padding:0;border:0;border-bottom:1px solid var(--wf-border);border-radius:0;background:transparent;box-shadow:none;perspective:none;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
#wf-app .wf-step-tab.kl-process-tab{position:relative;display:flex;align-items:center;gap:8px;flex:1 0 145px;min-width:145px;min-height:56px;cursor:pointer;text-align:left;border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--wf-text);padding:9px 10px;box-shadow:none;transform:none;outline:0;animation:none;transition:background-color .12s,color .12s,border-color .12s}
#wf-app .wf-step-tab.kl-process-tab:hover:not(:disabled){background:var(--wf-accent-bg)}
#wf-app .wf-step-tab.kl-process-tab.selected{background:var(--wf-accent-bg);border-bottom-color:var(--wf-accent);box-shadow:none;outline:0;transform:none}
#wf-app .wf-step-tab.kl-process-tab:focus-visible{outline:2px solid var(--wf-accent);outline-offset:-3px}
#wf-app .wf-step-tab.kl-process-tab:disabled{opacity:.55;cursor:not-allowed}
#wf-app .wf-step-tab.kl-process-tab>.kl-process-tab-badge{display:grid;place-items:center;flex:0 0 24px;height:24px;width:24px;border:1px solid var(--wf-border);border-radius:5px;color:var(--wf-text);background:var(--wf-card);font-size:11px;font-weight:700;box-shadow:none}
#wf-app .wf-step-tab.kl-process-tab.done>.kl-process-tab-badge{background:#c7f2df;border-color:#8fddbd;color:#076448}
#wf-app .wf-step-tab.kl-process-tab.selected>.kl-process-tab-badge{background:var(--wf-accent);border-color:var(--wf-accent);color:white}
#wf-app .wf-step-tab.kl-process-tab>.kl-process-tab-copy{min-width:0;flex:1}
#wf-app .wf-step-tab.kl-process-tab .kl-process-tab-copy b{display:block;font-size:11px;line-height:1.3;font-weight:700;white-space:normal;color:var(--wf-text)}
#wf-app .wf-step-tab.kl-process-tab .kl-process-tab-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.2;color:var(--wf-muted)}
#wf-app .wf-step-tab.kl-process-tab .kl-process-tab-indicator{display:none}
#wf-app .kl-process-content{min-width:0;animation:none;transform:none}
@media(max-width:730px){#wf-app .wf-step-tab.kl-process-tab{flex:0 0 170px;min-width:170px}}
@media(prefers-reduced-motion:reduce){.kl-view-tab,#wf-app .wf-step-tab.kl-process-tab{transition:none!important}}
/* Cloudflare status panel; no key is ever sent to the browser. */
.sk-cloud-status{max-width:820px}.sk-cloud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.sk-cloud-cell{border:1px solid var(--wf-border);border-radius:8px;padding:14px;background:var(--wf-card)}.sk-cloud-cell b{display:block;font-size:13px;margin-bottom:6px}.sk-cloud-cell small{color:var(--wf-muted);overflow-wrap:anywhere}.sk-cloud-status code{word-break:break-all}.sk-cloud-status ol{padding-left:22px;line-height:1.8}
@media(max-width:650px){.sk-cloud-grid{grid-template-columns:1fr}}