.khbk-open-btn{display:inline-flex;align-items:center;gap:8px;background:var(--kh-color-accent-strong,var(--khafif-accent,#0a7d68));color:#fff;border:0;border-radius:999px;padding:14px 28px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s}
	.khbk-open-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.24)}
	.khbk-open-btn:focus-visible{outline:3px solid var(--kh-color-focus-ring,rgba(0,0,0,.4));outline-offset:2px}
	.khbk-modal[hidden]{display:none}
	.khbk-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
	.khbk-modal-overlay{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(2px)}
	.khbk-modal-box{position:relative;background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:92vh;overflow:auto;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:khbkIn .25s ease}
	@keyframes khbkIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
	.khbk-modal-x{position:absolute;inset-inline-end:14px;top:10px;background:transparent;border:0;font-size:30px;line-height:1;color:#94a3b8;cursor:pointer}
	.khbk-modal-x:hover{color:#475569}
	.khbk-modal-title{margin:0 0 18px;font-size:23px;text-align:center}
	.khbk-step{margin-bottom:16px}
	.khbk-step>label{display:block;font-weight:700;margin-bottom:6px;font-size:14px}
	.khbk-form select,.khbk-form input,.khbk-form textarea,.khbk-track input{width:100%;padding:12px 14px;border:1.5px solid #d8dee6;border-radius:12px;font-size:15px;font-family:inherit;background:#fff}
	.khbk-form select:focus,.khbk-form input:focus,.khbk-form textarea:focus{outline:none;border-color:var(--kh-color-accent-strong,#0a7d68);box-shadow:0 0 0 3px var(--kh-color-focus-ring,rgba(10,125,104,.2))}
	.khbk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
	@media(max-width:480px){.khbk-grid2{grid-template-columns:1fr}}
	.khbk-slots{display:flex;flex-wrap:wrap;gap:8px;min-height:46px;align-items:center}
	.khbk-hint{color:#94a3b8;font-size:14px}
	.khbk-slot{background:#f1f5f9;border:1.5px solid transparent;border-radius:10px;padding:9px 14px;cursor:pointer;font-size:14px;font-weight:600;transition:.12s}
	.khbk-slot:hover{background:#e2e8f0}
	.khbk-slot.is-active{background:var(--kh-color-accent-strong,#0a7d68);color:#fff;border-color:var(--kh-color-accent-strong,#0a7d68)}
	.khbk-btn{background:var(--kh-color-accent-strong,#0a7d68);color:#fff;border:0;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:700;cursor:pointer;transition:.15s}
	.khbk-btn:hover{filter:brightness(1.08)}
	.khbk-submit{width:100%;margin-top:6px;font-size:17px;padding:15px}
	.khbk-submit:disabled{opacity:.6;cursor:default}
	.khbk-error{background:#fdecea;color:#c0392b;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:14px}
	.khbk-success{text-align:center;padding:10px}
	.khbk-success h4{font-size:21px;margin:0 0 12px}
	.khbk-code{display:inline-block;font-family:monospace;font-size:26px;letter-spacing:3px;font-weight:800;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:12px;padding:12px 22px;margin:8px 0;color:#0f172a}
	.khbk-wa{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;border-radius:999px;padding:13px 26px;font-weight:700;text-decoration:none;margin-top:10px}
	.khbk-link{display:inline-block;margin-top:14px;color:#64748b;background:transparent;border:0;cursor:pointer;text-decoration:underline;font-size:14px}
	.khbk-track-row{display:flex;gap:8px}.khbk-track-row input{flex:1}
	.khbk-track-form label{display:block;font-weight:700;margin-bottom:8px}
	.khbk-status-card{margin-top:18px;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}
	.khbk-status-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
	.khbk-status-badge{font-weight:800;padding:6px 14px;border-radius:999px;font-size:14px}
	.khbk-status-code{font-family:monospace;font-weight:700;color:#475569}
	.khbk-status-table{width:100%;border-collapse:collapse}
	.khbk-status-table th,.khbk-status-table td{text-align:start;padding:11px 16px;border-bottom:1px solid #f1f5f9;font-size:15px}
	.khbk-status-table th{color:#64748b;font-weight:600;width:35%}
	.khbk-note{padding:12px 16px;border-radius:10px;margin-top:14px}
	.khbk-note-err{background:#fdecea;color:#c0392b}
