/* Real Launch — interaktivní demo aplikace makléře.
   Sdíleno mezi index-k.html a naberovy-system-k.html.
   Fáze a barvy odpovídají appce rl-broker-app (lib/types.ts). */
/* ═════════ APLIKACE — INTERAKTIVNÍ DEMO ═════════ */
  .app-demo{--rld-surface:#0e1a33;--rld-surface2:#13213f;--rld-border:rgba(245,239,224,.11);--rld-text:#ece7d9;--rld-soft:#9aa5bc;--rld-faint:#6b7690;--rld-head:#f5efe0;
    border:1px solid rgba(194,154,80,.28);border-radius:10px;background:#07101f;overflow:hidden;box-shadow:0 30px 80px -24px rgba(0,0,0,.7)}
  .rld-tabs{display:flex;gap:0;border-bottom:1px solid var(--rld-border);background:#0a1428;overflow-x:auto;scrollbar-width:none}
  .rld-tabs::-webkit-scrollbar{display:none}
  .rld-tab{flex:1;min-width:150px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--rld-soft);
    font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:.95rem .8rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}
  .rld-tab:hover{color:var(--rld-text);background:rgba(194,154,80,.05)}
  .rld-tab.is-active{color:#e6c58a;border-bottom-color:#c29a50;background:rgba(194,154,80,.08)}
  .rld-stage{padding:1.5rem;min-height:520px}
  @media(max-width:640px){.rld-stage{padding:1rem;min-height:auto}}
  .rld-view{display:none}
  .rld-view.is-active{display:block;animation:adFade .3s ease}
  @keyframes adFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

  /* --- SMS --- */
  .rld-sms-wrap{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center}
  @media(max-width:860px){.rld-sms-wrap{grid-template-columns:1fr;gap:1.75rem;justify-items:center}}
  .rld-phone{width:270px;flex:0 0 auto;background:#050c18;border:8px solid #1c2942;border-radius:34px;padding:0;position:relative;box-shadow:0 20px 50px -12px rgba(0,0,0,.8)}
  .rld-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:96px;height:20px;background:#1c2942;border-radius:0 0 12px 12px;z-index:2}
  .rld-phone-screen{padding:2.1rem .7rem 1.4rem;min-height:400px;background:linear-gradient(170deg,#0b1830,#07101f);border-radius:26px}
  .rld-phone-time{text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--rld-faint);margin-bottom:1.5rem}
  .rld-sms{background:rgba(245,239,224,.07);border:1px solid var(--rld-border);border-radius:14px;padding:.8rem;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
  .rld-sms:hover{transform:scale(1.03);border-color:rgba(194,154,80,.6);background:rgba(194,154,80,.1)}
  .rld-sms:active{transform:scale(.99)}
  .rld-sms-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}
  .rld-sms-ico{width:19px;height:19px;border-radius:5px;background:#c29a50;color:#07101f;font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .rld-sms-from{font-size:11.5px;font-weight:700;color:var(--rld-head)}
  .rld-sms-now{margin-left:auto;font-size:10px;color:var(--rld-faint);font-family:'JetBrains Mono',monospace}
  .rld-sms-body{font-size:12.5px;color:var(--rld-text);line-height:1.65}
  .rld-sms-body strong{color:#e6c58a}
  .rld-sms-link{color:#d7b574;font-weight:600;display:inline-block;margin-top:.4rem}
  .rld-phone-hint{text-align:center;font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--rld-faint);margin-top:1rem;animation:adPulse 2s ease-in-out infinite}
  @keyframes adPulse{0%,100%{opacity:.45}50%{opacity:1}}
  .rld-sms-note{max-width:520px}
  .rld-note-eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c29a50;margin-bottom:1.1rem}
  .rld-note-list{list-style:none;padding:0;margin:0 0 1.6rem}
  .rld-note-list li{position:relative;padding-left:1.5rem;margin-bottom:.9rem;font-size:14px;color:var(--rld-soft);line-height:1.6}
  .rld-note-list li::before{content:'→';position:absolute;left:0;color:#c29a50}
  .rld-note-list strong{color:var(--rld-head);font-weight:600}
  .rld-cta{background:transparent;border:1px solid rgba(194,154,80,.5);color:#e6c58a;font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.5rem;border-radius:3px;cursor:pointer;transition:background .2s,color .2s}
  .rld-cta:hover{background:#c29a50;color:#07101f}

  /* --- App chrome --- */
  .rld-app{background:var(--rld-surface);border:1px solid var(--rld-border);border-radius:8px;overflow:hidden}
  .rld-app-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:#0a1428;border-bottom:1px solid var(--rld-border)}
  .rld-app-logo{font-family:'Fraunces',serif;font-size:14px;color:var(--rld-head);font-weight:500}
  .rld-app-sub{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--rld-faint);text-transform:uppercase;letter-spacing:.12em}
  .rld-app-user{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--rld-soft);text-transform:uppercase;letter-spacing:.1em}
  .rld-back{background:transparent;border:none;color:#d7b574;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;padding:0}
  .rld-back:hover{color:#e6c58a}

  /* --- Toolbar / filtry --- */
  .rld-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--rld-border);flex-wrap:wrap}
  .rld-filters{display:flex;gap:.4rem;flex-wrap:wrap}
  .rld-chip{background:rgba(245,239,224,.05);border:1px solid var(--rld-border);color:var(--rld-soft);font-family:'Manrope',sans-serif;font-size:12px;font-weight:600;padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:all .18s}
  .rld-chip:hover{border-color:rgba(194,154,80,.5);color:var(--rld-text)}
  .rld-chip.is-active{background:#c29a50;border-color:#c29a50;color:#07101f}
  .rld-chip-hot.is-active{background:#e07060;border-color:#e07060;color:#fff}
  .rld-count{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--rld-faint);text-transform:uppercase;letter-spacing:.1em}

  /* --- Kanban --- */
  .rld-kanban{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:.6rem;padding:1rem;overflow-x:auto}
  @media(max-width:900px){.rld-kanban{grid-template-columns:repeat(6,minmax(140px,1fr))}}
  .rld-col-head{border-radius:6px 6px 0 0;padding:.45rem .6rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}
  .rld-col-name{display:flex;align-items:center;gap:.4rem;font-size:11.5px;font-weight:600;color:var(--rld-text);white-space:nowrap}
  .rld-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
  .rld-col-n{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;border-radius:999px;padding:0 6px;color:#fff}
  .rld-col-body{border-radius:8px;min-height:190px;padding:.4rem;display:flex;flex-direction:column;gap:.4rem;transition:outline .15s}
  .rld-col-body.is-over{outline:1px dashed rgba(194,154,80,.7);outline-offset:-2px}
  .rld-card{background:var(--rld-surface2);border:1px solid var(--rld-border);border-radius:6px;padding:.6rem;cursor:pointer;transition:transform .15s,border-color .15s;user-select:none}
  .rld-card:hover{transform:translateY(-2px);border-color:rgba(194,154,80,.5)}
  .rld-card.is-dragging{opacity:.4}
  .rld-card-top{display:flex;justify-content:space-between;gap:.4rem;align-items:baseline}
  .rld-card-name{font-size:12.5px;font-weight:700;color:var(--rld-head)}
  .rld-card-date{font-size:10px;color:var(--rld-faint);font-family:'JetBrains Mono',monospace;flex:0 0 auto}
  .rld-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.06em;padding:.12rem .4rem;border-radius:3px;margin-top:.35rem}
  .rld-badge-gold{background:rgba(194,154,80,.2);color:#e6c58a;border:1px solid rgba(194,154,80,.45)}
  .rld-badge-red{background:rgba(224,112,96,.2);color:#f0a196;border:1px solid rgba(224,112,96,.5)}
  .rld-card-meta{font-size:11.5px;color:var(--rld-soft);margin-top:.25rem;line-height:1.4}
  .rld-card-price{font-size:12px;font-weight:800;color:var(--rld-head);margin-top:.4rem}
  .rld-card-prov{font-size:10.5px;font-weight:700;color:#9fd7ae;margin-top:.3rem;font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
  .rld-card-prov-pct{color:var(--rld-faint);font-weight:400}
  .rld-col-empty{font-size:10.5px;color:var(--rld-faint);padding:.5rem .3rem;font-family:'JetBrains Mono',monospace}
  .rld-hint{font-size:11.5px;color:var(--rld-faint);padding:0 1rem 1rem;margin:0}

  /* --- Detail --- */
  .rld-detail{padding:1.25rem}
  .rld-d-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
  .rld-d-name{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--rld-head);font-weight:500;line-height:1.15}
  .rld-d-sub{font-size:12.5px;color:var(--rld-soft);margin-top:.25rem}
  .rld-d-actions{display:flex;gap:.4rem;flex-wrap:wrap}
  .rld-act{background:rgba(245,239,224,.06);border:1px solid var(--rld-border);color:var(--rld-text);font-size:12px;font-weight:600;padding:.45rem .8rem;border-radius:4px;cursor:pointer;text-decoration:none;transition:all .18s;font-family:'Manrope',sans-serif}
  .rld-act:hover{border-color:rgba(194,154,80,.6);color:#e6c58a}
  .rld-act-primary{background:#c29a50;border-color:#c29a50;color:#07101f}
  .rld-act-primary:hover{background:#d7b574;color:#07101f}
  .rld-stepper{display:flex;gap:.25rem;margin-bottom:1.25rem;flex-wrap:wrap}
  .rld-step{flex:1;min-width:76px;background:rgba(245,239,224,.04);border:1px solid var(--rld-border);border-radius:4px;padding:.4rem .3rem;font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--rld-faint);cursor:pointer;text-align:center;transition:all .18s}
  .rld-step:hover{color:var(--rld-text);border-color:rgba(194,154,80,.4)}
  .rld-step.is-done{color:var(--rld-soft)}
  .rld-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem}
  .rld-box{background:rgba(245,239,224,.03);border:1px solid var(--rld-border);border-radius:6px;padding:.9rem}
  .rld-box-title{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#c29a50;margin-bottom:.7rem}
  .rld-row{display:flex;justify-content:space-between;gap:.7rem;padding:.28rem 0;font-size:12.5px;border-bottom:1px solid rgba(245,239,224,.05)}
  .rld-row:last-child{border-bottom:none}
  .rld-row dt{color:var(--rld-faint);flex:0 0 auto}
  .rld-row dd{color:var(--rld-text);text-align:right;margin:0;font-weight:600}
  .rld-note-box{background:rgba(194,154,80,.07);border:1px solid rgba(194,154,80,.28);border-left:3px solid #c29a50;border-radius:4px;padding:.9rem;margin-top:1rem}
  .rld-note-txt{font-size:13px;color:var(--rld-text);line-height:1.6;font-style:italic}
  .rld-note-by{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--rld-faint);margin-top:.6rem}
  @media(max-width:640px){.rld-d-name{font-size:1.25rem}.rld-detail{padding:.9rem}}