/* Katalogové přidávání do Moje karty. */
.set-detail-own-actions{display:inline-flex;align-items:stretch}
.set-detail-own-actions .set-detail-own-btn{border-radius:999px 0 0 999px}
.set-detail-own-actions .set-detail-own-plus{min-width:29px;margin-left:-1px;border-radius:0 999px 999px 0}
.set-detail-own-btn.is-owned{border-color:rgba(5,150,105,.34);background:rgba(209,250,229,.94);color:#047857}
.set-directory-pick-context{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:10px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:.88rem}
.set-directory-pick-context a{color:#1d4ed8;font-weight:850;text-decoration:none}
.user-card-quick-dialog{width:min(94vw,570px);max-height:min(92vh,760px);padding:0;overflow:auto;border:0;border-radius:22px;color:#17233a;box-shadow:0 28px 90px rgba(15,23,42,.32)}
.user-card-quick-dialog::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}
.user-card-quick-card{display:grid;gap:15px;padding:20px}
.user-card-quick-card header{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:14px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;text-align:left}
.user-card-quick-card header>div:first-child{display:block;min-width:0;flex:1 1 auto}
.user-card-quick-card h2{margin:2px 0 3px;font-size:1.4rem}
.user-card-quick-card header p{margin:0;color:#64748b;font-size:.86rem}
.user-card-quick-eyebrow{color:#2563eb;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.user-card-quick-close{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:#edf2f8;color:#334155;font-size:1.5rem}
.user-card-quick-preview{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;align-items:center}
.user-card-quick-preview img{width:100px;aspect-ratio:63/88;object-fit:contain;border-radius:9px;background:#eef3fa}
.user-card-quick-preview>div,.user-card-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.user-card-quick-card label{display:grid;gap:6px;color:#3b4b64;font-size:.86rem;font-weight:750}
.user-card-quick-card :is(input,select){width:100%;height:44px;min-height:44px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#17233a}
.user-card-quick-help{margin:0;color:#64748b;font-size:.83rem;line-height:1.45}
.user-card-quick-actions{position:sticky;bottom:0;z-index:1;display:flex;justify-content:flex-end;gap:9px;margin-inline:-4px;padding:10px 4px 4px;background:#fff}
.user-card-quick-actions .btn{min-height:44px}

#userCardsQuickDialog {
  width: min(94vw, 580px);
  max-height: min(92dvh, 780px);
  border: 1px solid #cbdcf5;
  border-radius: 20px;
  background: #fff;
  color: #17233a;
}

#userCardsQuickDialog .user-card-quick-card {
  gap: 0;
  padding: 0;
}

#userCardsQuickDialog .user-card-quick-card header {
  align-items: flex-start;
  gap: 16px;
  padding: 20px 22px 17px;
  border-bottom: 1px solid #dbe7f7;
  background: linear-gradient(125deg, #edf5ff, #f8fbff 65%, #fff);
  box-shadow: inset 0 4px 0 #ffd32a;
}

#userCardsQuickDialog .user-card-quick-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0b4fc4;
  font-size: 11px;
  font-weight: 900;
}

#userCardsQuickDialog .user-card-quick-eyebrow::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffd32a;
  box-shadow: 0 0 0 3px rgba(255, 211, 42, .22);
}

#userCardsQuickDialog .user-card-quick-card h2 {
  margin: 5px 0;
  color: #071f52;
  font-size: clamp(1.35rem, 5vw, 1.65rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

#userCardsQuickDialog .user-card-quick-card header p {
  color: #52637d;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

#userCardsQuickDialog .user-card-quick-close {
  border: 1px solid #d8e4f4;
  background: #fff;
  color: #334155;
}

#userCardsQuickDialog .user-card-quick-close:hover,
#userCardsQuickDialog .user-card-quick-close:focus-visible {
  border-color: #a8bee2;
  background: #edf5ff;
  color: #0b4fc4;
}

#userCardsQuickDialog .user-card-quick-close:focus-visible {
  outline: 2px solid #0b4fc4;
  outline-offset: 2px;
}

#userCardsQuickDialog .user-card-quick-preview {
  margin: 17px 22px 0;
  padding: 12px;
  border: 1px solid #dbe7f7;
  border-radius: 15px;
  background: #f7faff;
}

#userCardsQuickDialog .user-card-quick-preview img {
  border: 1px solid #d6e3f5;
  background: #eaf2ff;
  box-shadow: 0 4px 12px rgba(13, 79, 196, .1);
}

#userCardsQuickDialog .user-card-quick-preview > div {
  align-items: end;
  gap: 12px;
}

#userCardsQuickDialog .user-card-quick-grid {
  gap: 12px;
  margin: 15px 22px 0;
}

#userCardsQuickDialog [data-user-card-quick-grading][hidden] {
  display: none;
}

#userCardsQuickDialog .user-card-quick-card label {
  color: #334155;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}

#userCardsQuickDialog .user-card-quick-card :is(input, select) {
  min-width: 0;
  min-height: 46px;
  height: 46px;
  border-color: #cbd9ed;
  border-radius: 10px;
  padding-inline: 12px;
  color: #17233a;
  font-size: 14px;
  font-weight: 700;
}

#userCardsQuickDialog .user-card-quick-card :is(input, select):hover {
  border-color: #95add5;
}

#userCardsQuickDialog .user-card-quick-card :is(input, select):focus {
  border-color: #0b4fc4;
  outline: none;
  box-shadow: 0 0 0 3px rgba(13, 79, 196, .13);
}

#userCardsQuickDialog .user-card-quick-help {
  margin: 15px 22px 0;
  border-left: 3px solid #9dbcf0;
  padding: 7px 10px;
  background: #f7faff;
  color: #52637d;
  font-size: 12px;
}

#userCardsQuickDialog .user-card-quick-actions {
  gap: 9px;
  margin: 17px 0 0;
  border-top: 1px solid #dbe7f7;
  padding: 15px 22px 17px;
  background: #fff;
  box-shadow: 0 -6px 16px rgba(7, 31, 82, .035);
}

#userCardsQuickDialog .user-card-quick-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

#userCardsQuickDialog .user-card-quick-actions .btn-primary {
  border: 1px solid #0b4fc4;
  background: linear-gradient(180deg, #1767e8, #0b4fc4);
  color: #fff;
  box-shadow: 0 8px 18px rgba(13, 79, 196, .18);
}

#userCardsQuickDialog .user-card-quick-actions .btn-primary:hover {
  border-color: #083f9e;
  background: linear-gradient(180deg, #125bd2, #083f9e);
  color: #fff;
  box-shadow: 0 10px 20px rgba(13, 79, 196, .23);
}

#userCardsQuickDialog .user-card-quick-actions .btn-primary:focus-visible {
  outline: 2px solid #0b4fc4;
  outline-offset: 2px;
}

#userCardsQuickDialog .user-card-quick-actions .btn-primary:disabled {
  box-shadow: none;
}

#userCardsQuickDialog .user-card-quick-actions .btn-outline-secondary {
  border: 1px solid rgba(13, 79, 196, .22);
  background: #fff;
  color: #334155;
  box-shadow: none;
}

#userCardsQuickDialog .user-card-quick-actions .btn-outline-secondary:hover {
  border-color: rgba(13, 79, 196, .4);
  background: #f2f7ff;
  color: #071f52;
}
.user-cards-toast{position:fixed;z-index:11050;right:max(14px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 74px));display:flex;align-items:center;gap:12px;max-width:min(430px,calc(100vw - 28px));padding:13px 15px;border:1px solid #a7f3d0;border-radius:14px;background:#ecfdf5;color:#065f46;font-weight:750;box-shadow:0 16px 45px rgba(15,23,42,.2)}
.user-cards-toast[data-kind="warning"]{border-color:#fde68a;background:#fffbeb;color:#854d0e}
.user-cards-toast[data-kind="error"]{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.user-cards-toast a{color:inherit;font-weight:900;white-space:nowrap}
@media(max-width:575.98px){.set-directory-pick-context{align-items:flex-start;flex-direction:column}.user-card-quick-dialog{max-height:calc(100dvh - 16px)}.user-card-quick-card{gap:10px;padding:12px}.user-card-quick-preview{grid-template-columns:76px minmax(0,1fr);align-items:start}.user-card-quick-preview img{width:76px}.user-card-quick-preview>div,.user-card-quick-grid{grid-template-columns:1fr}.user-card-quick-actions .btn{flex:1}#userCardsQuickDialog .user-card-quick-actions .btn-primary{flex:1 1 auto;min-width:0}#userCardsQuickDialog .user-card-quick-actions .btn-outline-secondary{flex:0 0 auto}}

@media (max-width: 575.98px) {
  #userCardsQuickDialog {
    max-height: calc(100dvh - 16px);
  }

  #userCardsQuickDialog .user-card-quick-card header {
    gap: 10px;
    padding: 17px 15px 14px;
  }

  #userCardsQuickDialog .user-card-quick-preview {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 10px;
    margin: 13px 14px 0;
    padding: 10px;
  }

  #userCardsQuickDialog .user-card-quick-preview img {
    width: 68px;
  }

  #userCardsQuickDialog .user-card-quick-preview > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #userCardsQuickDialog .user-card-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin: 12px 14px 0;
  }

  #userCardsQuickDialog .user-card-quick-help {
    margin: 13px 14px 0;
  }

  #userCardsQuickDialog .user-card-quick-actions {
    margin-top: 14px;
    padding: 13px 14px max(14px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 350px) {
  #userCardsQuickDialog .user-card-quick-actions {
    flex-direction: column-reverse;
  }

  #userCardsQuickDialog .user-card-quick-actions .btn {
    width: 100%;
    flex: 0 0 auto;
  }
}