.dk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;border:1px solid rgba(212,166,79,.25);border-radius:12px;background:rgba(212,166,79,.06);direction:rtl}
.dk-bar button{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(212,166,79,.4);background:rgba(212,166,79,.1);color:#e8c47a;font:inherit;font-size:13px;cursor:pointer}
.dk-bar button:hover{background:rgba(212,166,79,.22)}
.dk-bar .dk-demo[aria-pressed=true]{background:#d4a64f;color:#1a1408;font-weight:700}
.dk-bar .dk-note{margin-inline-start:auto;font-size:12px;color:#d4a64f}
.dk-bar.on{border-color:#d4a64f;background:rgba(212,166,79,.14)}
.view.demo-on .kb-help{display:none}
@media(max-width:640px){.dk-bar button{flex:1 1 30%;min-height:40px;padding:0 8px;font-size:12px}.dk-bar .dk-note{flex-basis:100%;margin:0}}

.dk-about{margin:0 0 12px;padding:8px 14px;border:1px solid rgba(212,166,79,.2);border-radius:12px;font-size:13px;line-height:1.9}
.dk-about summary{cursor:pointer;font-weight:700;color:#e8c47a;min-height:28px}
.dk-about p{margin:8px 0 2px}
.dk-panel{display:none;margin:0 0 14px;padding:14px;border:1px dashed #d4a64f;border-radius:14px;background:rgba(212,166,79,.06);font-size:13px;line-height:1.9;overflow-x:auto}
.view.demo-on > .dk-panel{display:block}
.dk-panel h3{margin:6px 0 8px;font-size:14px}
.dk-tag{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;background:#d4a64f;color:#1a1408;font-style:normal;font-size:11px;font-weight:700}
.dk-t{width:100%;border-collapse:collapse;margin-bottom:10px}.dk-t th,.dk-t td{padding:6px 10px;border-bottom:1px solid rgba(212,166,79,.2);text-align:right;white-space:nowrap}
.dk-l{margin:0 0 8px;padding-inline-start:20px}.dk-chat{margin:6px 0;padding:8px 12px;border-radius:10px;background:rgba(212,166,79,.08)}