/* Same visual style as v1.2.2; plus disabled prev btn state */
#jkb-app { max-width: 740px; margin: 20px auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
#jkb-app{ --accent:#2563eb; --accent-hover:#1d4ed8; --ink:#111827; --bd:#e5e7eb; --bd-2:#d1d5db; }

/* Steps header */
#jkb-app .jkb-steps-header { list-style:none; display:flex; gap:10px; padding:0; margin:0 0 16px 0; }
#jkb-app .jkb-steps-header li { flex:1; display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--bd); border-radius:12px; background:#fff; font-weight:600; justify-content:center; }
#jkb-app .jkb-steps-header li span { display:inline-flex; width:26px; height:26px; border-radius:50%; align-items:center; justify-content:center; border:1px solid var(--bd); }
#jkb-app .jkb-steps-header li.active { background:var(--accent); color:#fff; border-color:var(--accent); }
#jkb-app .jkb-steps-header li.active span { border-color:#fff; }

/* Steps container */
#jkb-app .jkb-steps .jkb-step { display:none; border:1px solid var(--bd); border-radius:16px; padding:18px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.05); }
#jkb-app .jkb-steps .jkb-step.active { display:block; }
#jkb-app .jkb-legend { margin:10px 0; display:flex; gap:14px; align-items:center; }
#jkb-app .jkb-dot { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:4px; }
#jkb-app .jkb-dot.green { background:#22c55e; } /* Pieejams */
#jkb-app .jkb-dot.red { background:#ef4444; }   /* Rezervēts */
#jkb-app .jkb-dot.orange { background:#fb923c; }/* Nav pieejams */

/* Calendar */
#jkb-app #jkb-calendar { border:1px solid #eee; border-radius:12px; padding:10px; box-shadow:0 2px 10px rgba(0,0,0,.04); }
#jkb-app .jkb-cal-header{ display:grid; grid-template-columns:36px 1fr 36px; align-items:center; gap:8px; padding:4px 6px 10px; }
#jkb-app .jkb-cal-header > span{ text-align:center; font-weight:600; }

/* Round light-grey nav buttons */
#jkb-app .jkb-cal-header .jkb-prev,
#jkb-app .jkb-cal-header .jkb-next{
  font-size:0 !important; line-height:0 !important;
  position:relative; overflow:hidden;
  width:36px !important; height:36px !important; min-width:36px !important; min-height:36px !important; max-width:36px !important; max-height:36px !important;
  box-sizing:content-box !important; padding:0 !important; margin:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important;
  background:#fff !important; border:1px solid var(--bd-2) !important;
  color:#111827 !important;
  box-shadow:none !important; outline:none !important; appearance:none; -webkit-appearance:none; cursor:pointer;
}
#jkb-app .jkb-cal-header .jkb-prev.disabled{ opacity:.4; cursor:not-allowed; }
#jkb-app .jkb-cal-header .jkb-prev::before,
#jkb-app .jkb-cal-header .jkb-prev::after,
#jkb-app .jkb-cal-header .jkb-next::before,
#jkb-app .jkb-cal-header .jkb-next::after{ content:none !important; }
#jkb-app .jkb-cal-header .jkb-prev svg,
#jkb-app .jkb-cal-header .jkb-next svg{ width:18px !important; height:18px !important; display:block !important; pointer-events:none !important; }
#jkb-app .jkb-cal-header .jkb-prev:hover,
#jkb-app .jkb-cal-header .jkb-next:hover{ background:#f9fafb !important; border-color:#cbd5e1 !important; }

#jkb-app .jkb-weekdays { display:grid; grid-template-columns: repeat(7, 1fr); gap:6px; margin:4px 0 6px; padding:0 2px; font-size:12px; color:#6b7280; text-align:center; }
#jkb-app .jkb-weekdays div { padding:2px 0; }
#jkb-app .jkb-grid { display:grid; grid-template-columns: repeat(7, 1fr); gap:6px; }
#jkb-app .jkb-cell { border:1px solid #f0f0f0; border-radius:10px; padding:8px; min-height:56px; display:flex; align-items:flex-start; justify-content:flex-end; position:relative; }
#jkb-app .jkb-cell span { font-size:14px; color:#444; }

/* State colors in grid */
#jkb-app .jkb-cell.day.available { background:#eafaf1; cursor:pointer; }
#jkb-app .jkb-cell.day.reserved { background:#fee2e2; color:#9f1239; }   /* red tint */
#jkb-app .jkb-cell.day.unavailable { background:#fff7ed; color:#92400e; }/* orange tint */
#jkb-app .jkb-cell.day.today { border:1px dashed #9ca3af; }
#jkb-app #jkb-calendar.has-selection .jkb-cell.day.today { border:1px solid #f0f0f0; }
#jkb-app .jkb-cell.day.selected { border:2px solid var(--accent) !important; outline:none; box-shadow:none; }
#jkb-app .jkb-cell.past { background:#f9fafb !important; color:#c0c0c0; cursor:not-allowed; }
#jkb-app .jkb-cell.empty { background:transparent; border:none; }

/* Times + actions */
#jkb-app #jkb-times { display:grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap:10px; margin-top:6px; }
#jkb-app .jkb-time-btn { border:1px solid var(--bd); border-radius:12px; padding:10px; background:#f9fafb; cursor:pointer; text-align:center; }
#jkb-app .jkb-time-btn.selected { outline:2px solid var(--accent); background:#eff6ff; }

#jkb-app .jkb-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; }
#jkb-app .jkb-next, #jkb-app .jkb-back, #jkb-app #jkb-form button, #jkb-app #jkb-copy-btn { padding:10px 16px; border:none; background:var(--accent); color:#fff; border-radius:10px; cursor:pointer; min-width:120px; text-align:center; }
#jkb-app .jkb-next[disabled] { opacity:0.5; cursor:not-allowed; }
#jkb-app .jkb-back { background:#6b7280; }
#jkb-app .jkb-next:hover, #jkb-app #jkb-form button:hover, #jkb-app #jkb-copy-btn:hover { background:var(--accent-hover); }
#jkb-app .jkb-back:hover { background:#4b5563; }
#jkb-app .jkb-actions .jkb-back.invisible{ visibility:hidden; }

/* Form */
#jkb-app #jkb-form input, #jkb-app #jkb-form textarea { width:100%; padding:12px 14px; border:1px solid var(--bd); border-radius:12px; margin-bottom:12px; background:#fff; outline:none; transition:border-color .15s, box-shadow .15s; }
#jkb-app #jkb-form input:focus, #jkb-app #jkb-form textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(37,99,235,.15); }
#jkb-app .jkb-summary { margin-top:14px; border:1px dashed #ddd; border-radius:10px; padding:12px; background:#fafafa; }

/* Thank-you card */
#jkb-app .jkb-thanks { margin-top:14px; }
#jkb-app .jkb-thanks-card {
  background: linear-gradient(135deg, #f0f9ff 0%, #ecfeff 100%);
  border: 1px solid #dbeafe;
  border-radius: 16px;
  padding: 18px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  align-items: center;
  box-shadow: 0 8px 24px rgba(37,99,235,.08);
}
#jkb-app .jkb-thanks-icon {
  width: 40px; height: 40px; border-radius: 50%;
  background: #2563eb; color: #fff;
  display: flex; align-items: center; justify-content: center;
}
#jkb-app .jkb-thanks-title { font-weight: 700; color: #0f172a; font-size: 18px; line-height: 1.3; }
#jkb-app .jkb-thanks-sub { grid-column: 2 / -1; color: #334155; font-size: 14px; margin-top: 4px; }

/* v1.2.4: force orange for Nav pieejams and red for Rezervēts */
#jkb-app .jkb-cell.day.unavailable{ 
  background:#fff7ed !important; 
  color:#92400e !important; 
  border-color:#fed7aa !important; 
}
#jkb-app .jkb-cell.day.reserved{ 
  background:#fee2e2 !important; 
  color:#991b1b !important; 
  border-color:#fecaca !important; 
}
#jkb-app .jkb-dot.orange{ background:#fb923c !important; }
#jkb-app .jkb-dot.red{ background:#ef4444 !important; }

/* v1.3.1 responsive improvements */
@media (max-width: 640px){
  #jkb-app{ padding:0 8px; }
  #jkb-app .jkb-steps-header{ gap:6px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  #jkb-app .jkb-steps-header li{ padding:8px; font-size:14px; }
  #jkb-app .jkb-steps-header li span{ width:22px; height:22px; font-size:12px; }
  #jkb-app .jkb-cal-header{ grid-template-columns:32px 1fr 32px; }
  #jkb-app .jkb-cal-header .jkb-prev,#jkb-app .jkb-cal-header .jkb-next{
    width:32px!important;height:32px!important;
  }
  #jkb-app .jkb-grid{ gap:4px; }
  #jkb-app .jkb-cell{ min-height:44px; border-radius:8px; }
  #jkb-app #jkb-times{ grid-template-columns:repeat(auto-fill, minmax(80px,1fr)); gap:8px; }
  #jkb-app .jkb-time-btn{ padding:8px; border-radius:10px; }
  #jkb-app .jkb-actions{ flex-direction:column; gap:8px; }
  #jkb-app .jkb-actions .jkb-next,#jkb-app .jkb-actions .jkb-back{ width:100%; min-width:0; }
  #jkb-app #jkb-form input,#jkb-app #jkb-form textarea{ border-radius:10px; }
}

/* Loading overlay (shown after clicking "Sūtīt" on step 3) */
#jkb-loading-overlay.jkb-loading-overlay{
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,.82);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}
#jkb-loading-overlay.jkb-loading-overlay.is-visible{ display: flex; }
#jkb-loading-overlay .jkb-loading-box{
    background: #fff;
    border: 1px solid var(--bd);
    border-radius: 12px;
    padding: 18px 22px;
    box-shadow: 0 12px 34px rgba(0,0,0,.14);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ink);
}
#jkb-loading-overlay .jkb-spinner{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 3px solid var(--bd-2);
    border-top-color: var(--accent);
    animation: jkbSpin .8s linear infinite;
}
@keyframes jkbSpin { to { transform: rotate(360deg); } }