/* HKASOFT demo kiti: yalnız hkd- önekli öğeler. Uygulamaların kendi tasarımına karışmaz. */
.hkd-rib { position: sticky; top: 0; z-index: 9000; display: flex; align-items: center; gap: 14px; padding: 7px 14px; background: #0d1020; color: #c9cce0; font: 500 13px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; }
.hkd-rib b { color: #fff; font-weight: 700; white-space: nowrap; }
.hkd-rib > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1; }
.hkd-rib nav { display: flex; gap: 4px; background: rgba(255,255,255,.08); padding: 3px; border-radius: 8px; }
.hkd-rib nav a { color: #c9cce0; text-decoration: none; padding: 4px 10px; border-radius: 6px; white-space: nowrap; }
.hkd-rib nav a.on { background: #fff; color: #0d1020; font-weight: 600; }
.hkd-rib a.hkd-rib__back { color: #c9cce0; white-space: nowrap; }
.hkd-rib a.hkd-rib__cta { background: #3b4bff; color: #fff; text-decoration: none; padding: 5px 12px; border-radius: 7px; font-weight: 600; white-space: nowrap; }
.hkd-rib__x { background: none; border: 0; color: #8a8fa8; font-size: 18px; cursor: pointer; padding: 0 4px; }
.hkd-rib[hidden] { display: none; }
@media (max-width: 760px) { .hkd-rib > span, .hkd-rib__back { display: none; } .hkd-rib { gap: 8px; padding: 6px 10px; } }
.hkd-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; z-index: 9100; background: #0d1020; color: #fff; padding: 11px 18px; border-radius: 10px; font: 500 14px/1.3 system-ui, sans-serif; box-shadow: 0 16px 40px -12px rgba(0,0,0,.45); transition: .22s; max-width: calc(100vw - 32px); }
.hkd-toast.on { opacity: 1; transform: translate(-50%, 0); }
.hkd-lock { position: fixed; inset: 0; z-index: 9200; background: rgba(10,12,24,.55); display: grid; place-items: center; padding: 16px; }
.hkd-lock[hidden] { display: none; }
.hkd-lock__box { background: #fff; color: #141824; max-width: 420px; border-radius: 14px; padding: 26px; font: 15px/1.5 system-ui, sans-serif; box-shadow: 0 30px 80px -20px rgba(0,0,0,.5); }
.hkd-lock__box h3 { margin: 0 0 8px; font-size: 19px; }
.hkd-lock__box p { margin: 0 0 18px; color: #4a5068; }
.hkd-lock__box div { display: flex; gap: 10px; flex-wrap: wrap; }
.hkd-lock__box a, .hkd-lock__box button { font: 600 14px system-ui, sans-serif; padding: 10px 16px; border-radius: 9px; cursor: pointer; text-decoration: none; }
.hkd-lock__box a { background: #1a2bd8; color: #fff; }
.hkd-lock__box button { background: #eef0f4; border: 0; color: #141824; }
[data-demo-lock] { cursor: pointer; }
.hkd--embed { overflow: hidden; }
/* Giriş seçimi */
.hkd-choose { margin: 0; background: #f4f5f8; color: #141824; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
.hkd-ch { max-width: 920px; margin: 0 auto; padding: 48px 16px 64px; }
.hkd-ch__back { color: #4a5068; text-decoration: none; font-size: 14px; }
.hkd-ch__k { margin: 34px 0 6px; color: var(--c); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; }
.hkd-ch h1 { margin: 0; font-size: clamp(32px, 5vw, 48px); letter-spacing: -.02em; }
.hkd-ch__l { color: #4a5068; max-width: 60ch; margin: 10px 0 30px; }
.hkd-ch__g { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.hkd-ch__c { display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid #e3e6ee; border-radius: 16px; padding: 24px; text-decoration: none; color: inherit; transition: .18s; }
.hkd-ch__c:hover { border-color: var(--c); transform: translateY(-2px); box-shadow: 0 20px 40px -26px rgba(16,19,60,.4); }
.hkd-ch__t { font-size: 21px; font-weight: 700; }
.hkd-ch__c p { margin: 0; color: #4a5068; font-size: 15px; flex: 1; }
.hkd-ch__c small { color: #6b7086; font-family: ui-monospace, monospace; font-size: 12.5px; }
.hkd-ch__c b { color: var(--c); }
.hkd-ch__n { margin-top: 26px; color: #6b7086; font-size: 14px; }
@media (max-width: 760px) {
  .hkd-rib { overflow: hidden; max-width: 100vw; box-sizing: border-box; }
  .hkd-rib b { display: none; }
  .hkd-rib nav { flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .hkd-rib nav a { padding: 4px 8px; font-size: 12.5px; }
  .hkd-rib a.hkd-rib__cta { padding: 5px 9px; font-size: 12.5px; }
}
.hkd-toast { border: 1px solid rgba(255,255,255,.22); box-shadow: 0 16px 40px -12px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.25); }

@media (max-width: 420px) { .hkd-rib a.hkd-rib__cta { display: none; } .hkd-rib nav a { padding: 4px 7px; } }