/* KASAPLUS Sklad dodavatele. Barvy z proměnných šablony kasaplus-stitch (assets/css/theme.css), se zálohou. */
.kps-box {
  --kps-ok: var(--kp-green, #006c49);
  --kps-ok-bg: #e2f7ec;
  --kps-wait: #8a4b00;
  --kps-wait-dot: #d98a00;
  --kps-wait-bg: #fff1dc;
  margin: 18px 0 0;
  padding: 16px 18px;
  border: 1px solid var(--kp-line, #e3e1ee);
  border-radius: 14px;
  background: var(--kp-white, #fff);
  display: grid;
  gap: 10px;
}
.kps-box__head { display: flex; justify-content: space-between; align-items: center; gap: 8px 12px; flex-wrap: wrap; }
.kps-box__head h3 { margin: 0; font-size: 16px; line-height: 1.3; }
.kps-badge { font-size: 12.5px; font-weight: 600; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.kps-badge.is-ok { background: var(--kps-ok-bg); color: var(--kps-ok); }
.kps-badge.is-wait { background: var(--kps-wait-bg); color: var(--kps-wait); }
.kps-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.kps-lines li { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; font-size: 14px; line-height: 1.4; }
.kps-lines i, .kps-cart-line i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #b8b4c4; transform: translateY(-1px); }
.kps-lines .is-ok i, .kps-cart-line.is-ok i { background: var(--kp-green, #006c49); }
.kps-lines .is-wait i, .kps-cart-line.is-wait i { background: #d98a00; }
.kps-lines__state { color: var(--kp-muted, #4a4455); font-size: 13px; text-align: right; }
.kps-lines .is-wait .kps-lines__state { color: var(--kps-wait); }
.kps-box__eta { margin: 0; font-size: 13.5px; color: var(--kp-muted, #4a4455); }
@media (max-width: 560px) {
  .kps-lines li { grid-template-columns: 10px minmax(0, 1fr); }
  .kps-lines__state { grid-column: 2; text-align: left; }
}

.kps-licence[hidden], .kps-licence [hidden] { display: none !important; }
.kps-licence__period { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 10px 0 0; font-size: 14px; }
.kps-licence__period > span { font-weight: 600; }
.kps-licence__period label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.kps-licence__period em { font-style: normal; color: var(--kp-muted, #4a4455); font-size: 13px; }
.kps-licence__period input { accent-color: var(--kp-primary, #5500c3); }
.kps-licence__choice { margin: 10px 0 0; font-size: 14px; font-weight: 600; color: var(--kp-primary, #5500c3); }
.kps-licence__note { margin: 6px 0 0; font-size: 13px; color: var(--kp-muted, #4a4455); }

.kps-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(19, 27, 46, .55); display: grid; place-items: center; padding: 16px; }
.kps-modal[hidden] { display: none; }
.kps-modal__panel { background: #fff; color: var(--kp-ink, #131b2e); border-radius: 16px; max-width: 480px; width: 100%; padding: 22px 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); display: grid; gap: 10px; }
.kps-modal__panel h2 { margin: 0; font-size: 20px; line-height: 1.25; }
.kps-modal__panel p { margin: 0; }
.kps-modal__list { margin: 0; padding-left: 18px; font-weight: 600; }
.kps-modal__note { font-size: 13px; color: var(--kp-muted, #4a4455); }
.kps-modal__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.kps-modal [data-kps-cancel] { background: transparent; border: 1px solid var(--kp-line, #e3e1ee); color: var(--kp-ink, #131b2e); }

.kps-cart-line { margin: 6px 0 0; font-size: 13px; display: flex; gap: 8px; align-items: baseline; color: var(--kp-muted, #4a4455); }
.kps-cart-line.is-wait { color: #8a4b00; }

.kps-delivery { margin: 0 0 20px; padding: 16px 18px; border: 1px solid var(--kp-line, #e3e1ee); border-radius: 14px; background: var(--kp-tint, #f2f3ff); display: grid; gap: 10px; }
.kps-delivery h3 { margin: 0; font-size: 16px; }
.kps-delivery p { margin: 0; }
.kps-delivery__lead { font-size: 13.5px; color: var(--kp-muted, #4a4455); }
.kps-delivery__option { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--kp-line, #e3e1ee); border-radius: 10px; background: #fff; cursor: pointer; }
.kps-delivery__option input { margin-top: 4px; accent-color: var(--kp-primary, #5500c3); }
.kps-delivery__option > span { display: grid; gap: 2px; }
.kps-delivery__option > span > span { font-size: 13px; color: var(--kp-muted, #4a4455); }
.kps-delivery__option:has(input:checked) { border-color: var(--kp-primary, #5500c3); box-shadow: 0 0 0 1px var(--kp-primary, #5500c3); }
.kps-order-delivery { margin: 24px 0; }

/* Tabulka v popisu z importu (inc/import.php): na úzkém displeji se posouvá do strany, stránka nepřeteče. */
.kps-desc-table { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }