/* ==========================================================================
   Firmy – Design · Můj účet
   ========================================================================== */

.fd-app .fd-acc { background: linear-gradient(180deg, var(--fd-soft) 0, #f7f9fc 360px, #fff 100%); padding: 30px 0 60px; min-height: 60vh; }
.fd-app .fd-acc h1 { font-size: clamp(24px, 3vw, 30px); font-weight: 700; }
.fd-app .fd-acc h2 { font-size: 18px; }

/* Tlačítka navíc */
.fd-app .fd-btn--sm { height: 36px; padding: 0 14px; font-size: 13.5px; }
.fd-app .fd-btn--sm .fd-ico { width: 16px; height: 16px; }
.fd-app .fd-btn--danger { background: #fff; color: var(--fd-red); border-color: #f3c4c4; }
.fd-app .fd-btn--danger:hover { background: var(--fd-red); color: #fff; border-color: var(--fd-red); }
.fd-app .fd-btn.is-busy { position: relative; color: transparent !important; pointer-events: none; }
.fd-app .fd-btn.is-busy::after { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(255,255,255,.5); border-top-color: #fff; animation: fd-rot .7s linear infinite; }
.fd-app .fd-btn--outline.is-busy::after { border-color: color-mix(in srgb, var(--fd-primary) 30%, transparent); border-top-color: var(--fd-primary); }
@keyframes fd-rot { to { transform: rotate(360deg); } }
.fd-app .fd-spin { display: inline-block; width: 22px; height: 22px; border-radius: 50%; border: 2.5px solid var(--fd-soft2); border-top-color: var(--fd-primary); animation: fd-rot .7s linear infinite; }
.fd-app .fd-chipbtn { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 8px; background: var(--fd-soft); color: #2c4a77; font-size: 13px; font-weight: 600; border: 1px solid transparent; }
.fd-app .fd-chipbtn .fd-ico { width: 15px; height: 15px; }
.fd-app .fd-chipbtn:hover { background: var(--fd-soft2); color: var(--fd-primary); }
.fd-app .fd-chipbtn--lg { height: 40px; padding: 0 16px; font-size: 14px; }
.fd-app .fd-chipbtn--danger { color: var(--fd-red); }
.fd-app .fd-chipbtn--danger:hover { background: #fdecec; color: var(--fd-red); }
.fd-app .fd-icbtn { width: 32px; height: 32px; border-radius: 8px; display: inline-grid; place-items: center; color: #5b6b84; flex: 0 0 auto; }
.fd-app .fd-icbtn .fd-ico { width: 16px; height: 16px; }
.fd-app .fd-icbtn:hover { background: var(--fd-soft); color: var(--fd-primary); }
.fd-app .fd-icbtn--danger:hover { background: #fdecec; color: var(--fd-red); }
.fd-app .fd-icbtn--down .fd-ico { transform: rotate(180deg); }
.fd-app .fd-linkbtn { color: var(--fd-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; font-size: inherit; }

/* Formulářová pole */
.fd-app .fd-f { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; font-size: 13px; font-weight: 600; color: var(--fd-navy); position: relative; }
.fd-app .fd-f > span:first-child em { font-style: normal; font-weight: 400; color: var(--fd-muted); }
.fd-app .fd-f :where(input:not([type=checkbox]):not([type=radio]), textarea, select),
.fd-app .fd-ed :where(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea) {
	width: 100%; min-height: 0; height: 44px; margin: 0; padding: 0 13px; border: 1px solid #d3dceb; border-radius: 9px; background: #fff; font-size: 14.5px; font-weight: 400; color: var(--fd-text); box-shadow: none; outline: 0; transition: border-color .15s, box-shadow .15s;
}
.fd-app .fd-f :where(textarea), .fd-app .fd-ed :where(textarea) { height: auto; padding: 10px 13px; line-height: 1.5; resize: vertical; }
.fd-app .fd-f input:focus, .fd-app .fd-f textarea:focus, .fd-app .fd-f select:focus, .fd-app .fd-ed input:focus, .fd-app .fd-ed select:focus, .fd-app .fd-ed textarea:focus { border-color: var(--fd-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-primary) 14%, transparent); }
.fd-app .fd-f .is-invalid, .fd-app .fd-ed .is-invalid { border-color: var(--fd-red) !important; box-shadow: 0 0 0 3px rgba(214, 60, 60, .12) !important; }
.fd-app .fd-f__hint { font-size: 12.5px; font-weight: 400; color: var(--fd-muted); line-height: 1.4; }
.fd-app .fd-f__hint--weak { color: var(--fd-red); }
.fd-app .fd-f__hint--ok { color: #b7791f; }
.fd-app .fd-f__hint--strong { color: var(--fd-green); }
.fd-app .fd-f__count { position: absolute; right: 2px; top: 0; font-size: 12px; font-weight: 500; color: var(--fd-muted); }
.fd-app .fd-pass { position: relative; display: block; }
.fd-app .fd-pass input { padding-right: 46px !important; }
.fd-app .fd-pass__eye { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: grid; place-items: center; color: #7a879b; border-radius: 8px; }
.fd-app .fd-pass__eye .fd-ico { width: 19px; height: 19px; }
.fd-app .fd-pass__eye.is-on { color: var(--fd-primary); }
.fd-app .fd-check { display: inline-flex; align-items: flex-start; gap: 9px; font-size: 13.5px; font-weight: 400; color: #3b4a62; cursor: pointer; line-height: 1.45; }
.fd-app .fd-check input { width: 18px; height: 18px; margin: 1px 0 0; flex: 0 0 auto; accent-color: var(--fd-primary); }
.fd-app .fd-check a { color: var(--fd-primary); text-decoration: underline; }
.fd-app .fd-check--sm { font-size: 12.5px; align-items: center; }
.fd-app .fd-check--sm input { width: 16px; height: 16px; margin: 0; }
.fd-app .fd-inline { display: flex; gap: 8px; align-items: center; }
.fd-app .fd-inline > input, .fd-app .fd-inline > select { flex: 1; min-width: 0; }
.fd-app .fd-inline .fd-btn { flex: 0 0 auto; height: 44px; }

.fd-app .fd-aform { display: block; }
.fd-app .fd-aform__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.fd-app .fd-aform__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -2px 0 16px; font-size: 13.5px; }
.fd-app .fd-aform__row a { color: var(--fd-primary); font-weight: 600; }
.fd-app .fd-aform .fd-check { margin: 0 0 16px; }
.fd-app .fd-aform__msg { font-size: 13.5px; margin: 0 0 12px; }
.fd-app .fd-aform__msg:empty { display: none; }
.fd-app .fd-aform__msg.is-ok { padding: 10px 12px; border-radius: 9px; background: #e8f7ee; color: #166534; font-weight: 600; }
.fd-app .fd-aform__msg.is-err { padding: 10px 12px; border-radius: 9px; background: #fdecec; color: #b42318; }
.fd-app .fd-btn--block { width: 100%; height: 48px; font-size: 15.5px; }

/* ---------- Přihlášení / registrace ---------- */
.fd-app .fd-acc--auth { padding: 40px 0 70px; }
.fd-app .fd-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 24px 60px rgba(15, 38, 73, .12); border: 1px solid #e6ecf5; }
.fd-app .fd-auth__brand { position: relative; padding: 44px 40px; color: #dbe7fb; background: radial-gradient(120% 80% at 0% 0%, #2a6dc4 0%, transparent 60%), linear-gradient(160deg, #123a7a, var(--fd-navy)); overflow: hidden; }
.fd-app .fd-auth__brand::after { content: ""; position: absolute; right: -60px; bottom: -40px; width: 340px; height: 160px; opacity: .12; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 120' fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M2 118h256M8 118V86l12-10 12 10v32M34 118V78h20v40M56 118V90l9-8 9 8v28M78 118V58h8V44l6-6V22l3-14 3 14v16l6 6v14h8v60M112 118V82h18v36M132 118V70l13-12 13 12v48M160 118V60h6V48l5-5 5 5v12h6v58M184 118V88h22v30M208 118V80l10-9 10 9v38M230 118V94h24v24'/%3E%3C/svg%3E") center / contain no-repeat; }
.fd-app .fd-auth__seal { width: 54px; height: 54px; border-radius: 15px; display: grid; place-items: center; background: rgba(255,255,255,.14); color: #fff; margin-bottom: 18px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.fd-app .fd-auth__seal .fd-ico { width: 26px; height: 26px; }
.fd-app .fd-auth__brand h2 { color: #fff; font-size: 26px; font-weight: 700; }
.fd-app .fd-auth__brand > p { margin: 8px 0 26px; color: #c3d4f2; font-size: 15px; line-height: 1.55; }
.fd-app .fd-auth__brand ul { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 1; }
.fd-app .fd-auth__brand li { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.45; }
.fd-app .fd-auth__brand li .fd-ico { width: 34px; height: 34px; padding: 8px; border-radius: 10px; background: rgba(255,255,255,.1); color: #fff; flex: 0 0 auto; }
.fd-app .fd-auth__brand li b { display: block; color: #fff; font-weight: 600; }
.fd-app .fd-auth__main { padding: 40px 44px 34px; }
.fd-app .fd-auth__main h1 { font-size: 26px; }
.fd-app .fd-auth__main > p.fd-muted, .fd-app .fd-auth__pane > p.fd-muted { margin: 6px 0 22px; font-size: 14.5px; }
.fd-app .fd-auth__seg { display: flex; margin-bottom: 26px; }
.fd-app .fd-auth__seg .fd-seg__btn { flex: 1; justify-content: center; text-decoration: none; }
.fd-app .fd-auth__pane { display: none; }
.fd-app .fd-auth__pane.is-active { display: block; animation: fd-fade .2s; }
.fd-app .fd-auth__alt { margin-top: 18px; text-align: center; font-size: 14px; color: var(--fd-muted); }
.fd-app .fd-auth__alt a { color: var(--fd-primary); font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.fd-app .fd-auth__alt .fd-ico { width: 15px; height: 15px; }

/* ---------- Rozložení účtu ---------- */
.fd-app .fd-acc__grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }
.fd-app .fd-acc__side { position: sticky; top: 20px; background: #fff; border: 1px solid #e6ecf5; border-radius: 16px; padding: 16px; box-shadow: var(--fd-shadow); }
.admin-bar .fd-app .fd-acc__side { top: 52px; }
.fd-app .fd-acc__me { display: flex; align-items: center; gap: 12px; padding: 4px 4px 14px; border-bottom: 1px solid var(--fd-line); margin-bottom: 10px; }
.fd-app .fd-acc__me strong { display: block; font-family: var(--fd-head); color: var(--fd-navy); font-size: 15px; line-height: 1.25; }
.fd-app .fd-acc__me small { display: block; color: var(--fd-muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; max-width: 160px; white-space: nowrap; }
.fd-app .fd-acc__nav { display: flex; flex-direction: column; gap: 2px; }
.fd-app .fd-acc__nav a { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 10px; font-size: 14.5px; font-weight: 500; color: #33445f; }
.fd-app .fd-acc__nav a .fd-ico { width: 19px; height: 19px; color: #7183a0; }
.fd-app .fd-acc__nav a span { flex: 1; }
.fd-app .fd-acc__nav a em { font-style: normal; font-size: 12px; font-weight: 700; background: var(--fd-soft2); color: var(--fd-primary); border-radius: 10px; padding: 1px 8px; }
.fd-app .fd-acc__nav a:hover { background: var(--fd-soft); color: var(--fd-primary); }
.fd-app .fd-acc__nav a:hover .fd-ico { color: var(--fd-primary); }
.fd-app .fd-acc__nav a.is-active { background: var(--fd-primary); color: #fff; box-shadow: 0 6px 14px color-mix(in srgb, var(--fd-primary) 26%, transparent); }
.fd-app .fd-acc__nav a.is-active .fd-ico { color: #fff; }
.fd-app .fd-acc__nav a.is-active em { background: rgba(255,255,255,.22); color: #fff; }
.fd-app .fd-acc__nav .fd-acc__logout { margin-top: 8px; border-top: 1px solid var(--fd-line); border-radius: 0 0 10px 10px; padding-top: 14px; color: #8a4646; }
.fd-app .fd-acc__nav .fd-acc__logout .fd-ico { color: #c06464; }
.fd-app .fd-acc__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.fd-app .fd-acc__head p { margin-top: 4px; }
.fd-app .fd-acc__head--editor { align-items: center; }
.fd-app .fd-back { display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; font-weight: 600; color: var(--fd-muted); margin-bottom: 6px; }
.fd-app .fd-back .fd-ico { width: 15px; height: 15px; }
.fd-app .fd-back:hover { color: var(--fd-primary); }
.fd-app .fd-ed-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; align-items: center; }

/* Stav, tarif, ověření */
.fd-app .fd-status2 { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 12px; font-size: 12px; font-weight: 700; background: #eef1f5; color: #5b6578; white-space: nowrap; }
.fd-app .fd-status2--publish { background: #e5f6ec; color: #15803d; }
.fd-app .fd-status2--pending { background: #fef3c7; color: #a16207; }
.fd-app .fd-status2--new { background: var(--fd-soft2); color: var(--fd-primary); }
.fd-app .fd-tarif { --t: #64748b; display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 12px; font-size: 12px; font-weight: 600; color: var(--t); background: color-mix(in srgb, var(--t) 12%, #fff); }
.fd-app .fd-ok { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: #15803d; }
.fd-app .fd-ok .fd-ico { width: 15px; height: 15px; }

/* Statistiky */
.fd-app .fd-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.fd-app .fd-stat { --c: var(--fd-primary); display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 16px; background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; box-shadow: 0 1px 2px rgba(15,38,73,.04); }
.fd-app .fd-stat__ico { grid-row: 1 / 3; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--c); }
.fd-app .fd-stat__ico .fd-ico { width: 21px; height: 21px; }
.fd-app .fd-stat b { font-family: var(--fd-head); font-size: 24px; line-height: 1; color: var(--fd-navy); }
.fd-app .fd-stat small { font-size: 12.5px; color: var(--fd-muted); }
.fd-app .fd-stat--green { --c: #16a34a; }
.fd-app .fd-stat--amber { --c: #d97706; }
.fd-app .fd-stat--promo { --c: var(--fd-promo, #ea580c); }

/* Karty firem */
.fd-app .fd-firms { display: flex; flex-direction: column; gap: 14px; }
.fd-app .fd-firm { display: grid; grid-template-columns: 200px minmax(0, 1fr); background: #fff; border: 1px solid #e6ecf5; border-radius: 16px; overflow: hidden; box-shadow: var(--fd-shadow); transition: box-shadow .2s; }
.fd-app .fd-firm:hover { box-shadow: var(--fd-shadow-lg); }
.fd-app .fd-firm__img { position: relative; display: block; background: var(--fd-soft2); min-height: 150px; }
.fd-app .fd-firm__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fd-app .fd-firm__body { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fd-app .fd-firm__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fd-app .fd-firm__top h2 { font-size: 19px; }
.fd-app .fd-firm__top h2 a:hover { color: var(--fd-primary); }
.fd-app .fd-firm__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; font-size: 13px; color: var(--fd-muted); }
.fd-app .fd-firm__meta > span { display: inline-flex; align-items: center; gap: 5px; }
.fd-app .fd-firm__meta .fd-ico { width: 14px; height: 14px; }
.fd-app .fd-firm__promo { color: var(--fd-promo, #ea580c); font-weight: 600; }
.fd-app .fd-firm__note { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 9px; background: #fffaeb; color: #92400e; font-size: 13px; }
.fd-app .fd-firm__note .fd-ico { width: 16px; height: 16px; flex: 0 0 auto; }
.fd-app .fd-firm__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: auto; padding-top: 4px; }
.fd-app .fd-qlink { display: inline-flex; align-items: center; gap: 5px; font-size: 13.5px; font-weight: 600; color: #3b5276; }
.fd-app .fd-qlink .fd-ico { width: 15px; height: 15px; }
.fd-app .fd-qlink:hover { color: var(--fd-primary); }

.fd-app .fd-acc-empty { text-align: center; padding: 48px 28px; background: #fff; border: 1px dashed #c9d6ea; border-radius: 18px; }
.fd-app .fd-acc-empty__ico { width: 68px; height: 68px; border-radius: 20px; display: inline-grid; place-items: center; background: var(--fd-soft2); color: var(--fd-primary); margin-bottom: 14px; }
.fd-app .fd-acc-empty__ico .fd-ico { width: 32px; height: 32px; }
.fd-app .fd-acc-empty p { color: var(--fd-muted); max-width: 440px; margin: 8px auto 20px; }
.fd-app .fd-acc-empty__tip { display: flex; gap: 10px; text-align: left; max-width: 560px; margin: 26px auto 0; padding: 14px 16px; border-radius: 12px; background: var(--fd-soft); font-size: 13.5px; color: #3b4a62; line-height: 1.5; }
.fd-app .fd-acc-empty__tip .fd-ico { width: 20px; height: 20px; color: var(--fd-primary); flex: 0 0 auto; margin-top: 1px; }
.fd-app .fd-acc-empty__tip a { color: var(--fd-primary); text-decoration: underline; }

.fd-app .fd-acc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.fd-app .fd-acc-card { background: #fff; border: 1px solid #e6ecf5; border-radius: 16px; padding: 20px 22px 22px; box-shadow: 0 1px 2px rgba(15,38,73,.04); }
.fd-app .fd-acc-card h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.fd-app .fd-acc-card h2 .fd-ico { width: 20px; height: 20px; color: var(--fd-primary); }
.fd-app .fd-acc-card--narrow { max-width: 560px; margin: 0 auto; }

.fd-app .fd-alert { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 11px; font-size: 13.5px; line-height: 1.5; margin: 0 0 14px; }
.fd-app .fd-alert .fd-ico { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; }
.fd-app .fd-alert--err { background: #fdecec; color: #b42318; }
.fd-app .fd-alert--info { background: var(--fd-soft); color: #2c4a77; }
.fd-app .fd-alert--warn { background: #fffaeb; color: #92400e; grid-column: 1 / -1; }
.fd-app .fd-alert--lock { background: #f5f3ff; color: #5b21b6; border: 1px solid #e4dcff; }

/* ---------- Editor ---------- */
.fd-app .fd-ed__loading { display: flex; align-items: center; gap: 12px; padding: 40px; color: var(--fd-muted); }
.fd-app .fd-ed__wrap { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 22px; align-items: start; }
.fd-app .fd-ed__tabs { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 2px; background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; padding: 8px; }
.admin-bar .fd-app .fd-ed__tabs { top: 52px; }
.fd-app .fd-ed__tab { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 9px; font-size: 14px; font-weight: 500; color: #33445f; text-align: left; }
.fd-app .fd-ed__tab > .fd-ico { width: 18px; height: 18px; color: #7183a0; flex: 0 0 auto; }
.fd-app .fd-ed__tab span { flex: 1; }
.fd-app .fd-ed__tab:hover { background: var(--fd-soft); color: var(--fd-primary); }
.fd-app .fd-ed__tab.is-active { background: var(--fd-soft2); color: var(--fd-primary); font-weight: 600; }
.fd-app .fd-ed__tab.is-active > .fd-ico { color: var(--fd-primary); }
.fd-app .fd-ed__tab[hidden] { display: none; }
.fd-app .fd-ed__tablock { display: inline-grid; place-items: center; color: #8b5cf6; font-style: normal; }
.fd-app .fd-ed__tablock .fd-ico { width: 14px; height: 14px; }
.fd-app .fd-ed__panel { animation: fd-fade .18s; min-width: 0; }
.fd-app .fd-ed__panel[hidden] { display: none; }
.fd-app .fd-ed__intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.fd-app .fd-ed__intro h2 { font-size: 20px; }
.fd-app .fd-ed__intro p { margin-top: 4px; font-size: 14px; max-width: 560px; }
.fd-app .fd-ecard { background: #fff; border: 1px solid #e6ecf5; border-radius: 16px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(15,38,73,.04); }
.fd-app .fd-ecard__h { padding: 16px 20px 0; }
.fd-app .fd-ecard__h h3 { display: flex; align-items: center; gap: 10px; font-size: 16.5px; }
.fd-app .fd-ecard__ico { width: 30px; height: 30px; border-radius: 9px; display: inline-grid; place-items: center; background: var(--fd-soft2); color: var(--fd-primary); }
.fd-app .fd-ecard__ico .fd-ico { width: 16px; height: 16px; }
.fd-app .fd-ecard__d { margin: 6px 0 0; font-size: 13.5px; color: var(--fd-muted); }
.fd-app .fd-ecard__d b { color: var(--fd-navy); }
.fd-app .fd-ecard__b { padding: 16px 20px 6px; }
.fd-app .fd-ecard__count { margin-left: auto; font-size: 12.5px; font-weight: 700; background: var(--fd-soft2); color: var(--fd-primary); border-radius: 10px; padding: 2px 9px; }
.fd-app .fd-ecard__count.is-full { background: #fef3c7; color: #a16207; }
.fd-app .fd-egrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 14px; }
.fd-app .fd-egrid--2a { grid-template-columns: minmax(0, 1fr) 160px; }
.fd-app .fd-egrid--img { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 18px; }
.fd-app .fd-etools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 16px; }
.fd-app .fd-empty-s { padding: 4px 0 12px; font-size: 13.5px; }

/* Rich text */
.fd-app .fd-rte { border: 1px solid #d3dceb; border-radius: 10px; overflow: hidden; background: #fff; transition: border-color .15s, box-shadow .15s; }
.fd-app .fd-rte:focus-within { border-color: var(--fd-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-primary) 14%, transparent); }
.fd-app .fd-rte__bar { display: flex; flex-wrap: wrap; gap: 2px; padding: 5px; border-bottom: 1px solid #e6ecf5; background: #f8fafd; }
.fd-app .fd-rte__btn { width: 32px; height: 30px; border-radius: 7px; display: grid; place-items: center; color: #4a5a74; }
.fd-app .fd-rte__btn .fd-ico { width: 16px; height: 16px; }
.fd-app .fd-rte__btn:hover { background: #fff; color: var(--fd-primary); box-shadow: 0 1px 2px rgba(15,38,73,.1); }
.fd-app .fd-rte__area { min-height: 140px; max-height: 480px; overflow: auto; padding: 12px 14px; font-size: 14.5px; font-weight: 400; line-height: 1.6; color: var(--fd-text); outline: 0; }
.fd-app .fd-rte__area:empty::before { content: attr(data-ph); color: #9aa6b8; }
.fd-app .fd-rte__area p { margin: 0 0 .7em; }
.fd-app .fd-rte__area h3 { font-size: 17px; margin: .6em 0 .3em; }
.fd-app .fd-rte__area ul { list-style: disc; padding-left: 1.3em; margin: 0 0 .7em; }
.fd-app .fd-rte__area ol { list-style: decimal; padding-left: 1.3em; margin: 0 0 .7em; }
.fd-app .fd-rte__area a { color: var(--fd-primary); text-decoration: underline; }
.fd-app .fd-rte__area img { max-width: 100%; height: auto; }

/* Výběr kategorií */
.fd-app .fd-catpick__chosen { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; min-height: 28px; align-items: center; font-size: 13.5px; }
.fd-app .fd-tagc { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 4px 0 12px; border-radius: 15px; background: var(--fd-primary); color: #fff; font-size: 13px; font-weight: 600; }
.fd-app .fd-tagc button { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
.fd-app .fd-tagc button .fd-ico { width: 13px; height: 13px; }
.fd-app .fd-tagc button:hover { background: rgba(255,255,255,.22); }
.fd-app .fd-catpick__q { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border: 1px solid #d3dceb; border-radius: 9px; margin-bottom: 10px; color: var(--fd-muted); cursor: text; }
.fd-app .fd-catpick__q .fd-ico { width: 16px; height: 16px; }
.fd-app .fd-ed .fd-catpick__q input { border: 0 !important; box-shadow: none !important; height: 40px; padding: 0; }
.fd-app .fd-catpick__tree { max-height: 400px; overflow: auto; border: 1px solid #e6ecf5; border-radius: 12px; margin-bottom: 16px; }
.fd-app .fd-catg { --c: var(--fd-primary); border-bottom: 1px solid #eef2f8; }
.fd-app .fd-catg:last-child { border-bottom: 0; }
.fd-app .fd-catg[hidden] { display: none; }
.fd-app .fd-catg__h { display: flex; align-items: center; gap: 10px; padding: 8px 10px; }
.fd-app .fd-catg__ico { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--c); flex: 0 0 auto; }
.fd-app .fd-catg__ico .fd-ico { width: 16px; height: 16px; }
.fd-app .fd-catg__name, .fd-app .fd-catg__kid { display: flex; align-items: center; gap: 9px; flex: 1; font-size: 14px; cursor: pointer; }
.fd-app .fd-catg__name { font-weight: 600; color: var(--fd-navy); }
.fd-app .fd-catg input[type=checkbox] { width: 17px; height: 17px; margin: 0; accent-color: var(--fd-primary); }
.fd-app .fd-catg input:disabled + span { opacity: .45; }
.fd-app .fd-catg__more { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; color: #7183a0; }
.fd-app .fd-catg__more .fd-ico { width: 16px; height: 16px; transition: transform .2s; }
.fd-app .fd-catg.is-open .fd-catg__more .fd-ico { transform: rotate(180deg); }
.fd-app .fd-catg__kids { display: none; padding: 2px 10px 10px 50px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px 12px; }
.fd-app .fd-catg.is-open .fd-catg__kids { display: grid; }
.fd-app .fd-catg__kid { font-size: 13.5px; color: #3b4a62; }
.fd-app .fd-catg__kid[hidden] { display: none; }

/* Mapa */
.fd-app .fd-emap { border: 1px solid #e6ecf5; border-radius: 12px; overflow: hidden; margin-bottom: 14px; }
.fd-app .fd-emap__map { height: 280px; background: #e8eef5; z-index: 0; }
.fd-app .fd-emap__bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 10px 12px; background: #f8fafd; border-top: 1px solid #e6ecf5; font-size: 12.5px; color: var(--fd-muted); }
.fd-app .fd-emap__pin { background: none; border: 0; color: var(--fd-primary); filter: drop-shadow(0 3px 4px rgba(0,0,0,.3)); }
.fd-app .fd-emap__pin .fd-ico { width: 34px; height: 34px; }

/* Sociální sítě */
.fd-app .fd-socgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; padding-bottom: 12px; }
.fd-app .fd-socf { display: flex; align-items: center; gap: 10px; }
.fd-app .fd-socf .fd-soc { width: 34px; height: 34px; border-radius: 9px; flex: 0 0 auto; }

/* Otevírací doba */
.fd-app .fd-modes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.fd-app .fd-mode { position: relative; cursor: pointer; }
.fd-app .fd-mode input { position: absolute; opacity: 0; pointer-events: none; }
.fd-app .fd-mode span { display: block; padding: 12px 14px; border: 1.5px solid #d9e2ef; border-radius: 12px; height: 100%; transition: all .15s; }
.fd-app .fd-mode b { display: block; font-size: 14px; color: var(--fd-navy); }
.fd-app .fd-mode small { display: block; font-size: 12px; font-weight: 400; color: var(--fd-muted); margin-top: 2px; }
.fd-app .fd-mode input:checked + span { border-color: var(--fd-primary); background: color-mix(in srgb, var(--fd-primary) 5%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-primary) 12%, transparent); }
.fd-app .fd-days2 { display: flex; flex-direction: column; border: 1px solid #e6ecf5; border-radius: 12px; overflow: hidden; margin-bottom: 4px; }
.fd-app .fd-day2 { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #eef2f8; }
.fd-app .fd-day2:last-child { border-bottom: 0; }
.fd-app .fd-day2.is-off { background: #fafbfd; }
.fd-app .fd-day2__n { font-size: 14px; color: var(--fd-navy); }
.fd-app .fd-day2__c { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.fd-app .fd-day2__c > select { width: 190px !important; height: 40px !important; }
.fd-app .fd-day2__t { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--fd-muted); }
.fd-app .fd-day2__t[hidden] { display: none; }
.fd-app .fd-ed .fd-day2__t input[type=time], .fd-app .fd-ed .fd-mimo input[type=time] { width: 124px; height: 40px; padding: 0 8px; }
.fd-app .fd-day2__p { display: inline-flex; align-items: center; gap: 6px; }
.fd-app .fd-day2__p[hidden] { display: none; }
.fd-app .fd-mimo { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.fd-app .fd-mimo__r { display: grid; grid-template-columns: 160px 160px auto minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.fd-app .fd-ed .fd-mimo__r input, .fd-app .fd-ed .fd-mimo__r select { height: 40px; }
.fd-app .fd-mimo__t { display: inline-flex; align-items: center; gap: 6px; color: var(--fd-muted); }
.fd-app .fd-mimo__t[hidden] { display: none; }

/* Fotky */
.fd-app .fd-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 26px 16px; border: 2px dashed #c6d4ea; border-radius: 14px; background: #f8fbff; color: #44608c; text-align: center; transition: all .15s; margin-bottom: 14px; }
.fd-app .fd-drop .fd-ico { width: 30px; height: 30px; color: var(--fd-primary); }
.fd-app .fd-drop b { font-size: 15px; color: var(--fd-navy); }
.fd-app .fd-drop small { font-size: 12.5px; color: var(--fd-muted); }
.fd-app .fd-drop:hover, .fd-app .fd-drop.is-over, .fd-app .fd-gal2.is-over { border-color: var(--fd-primary); background: color-mix(in srgb, var(--fd-primary) 6%, #fff); }
.fd-app .fd-drop--sm { padding: 20px 14px; margin: 0; }
.fd-app .fd-gal2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; padding-bottom: 14px; border-radius: 12px; }
.fd-app .fd-gal2__i { position: relative; margin: 0; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--fd-soft2); cursor: grab; box-shadow: 0 1px 3px rgba(15,38,73,.12); transition: transform .15s, box-shadow .15s, opacity .15s; }
.fd-app .fd-gal2__i img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.fd-app .fd-gal2__i.is-main { grid-column: span 2; grid-row: span 2; box-shadow: 0 0 0 3px var(--fd-primary), 0 8px 20px rgba(15,38,73,.18); }
.fd-app .fd-gal2__i.is-drag { opacity: .4; }
.fd-app .fd-gal2__i.is-target { transform: scale(1.03); box-shadow: 0 0 0 3px #f59e0b; }
.fd-app .fd-gal2__i.is-over { opacity: .45; }
.fd-app .fd-gal2__i.is-loading { display: grid; place-items: center; cursor: default; }
.fd-app .fd-gal2__badge { position: absolute; left: 8px; top: 8px; padding: 3px 9px; border-radius: 6px; background: var(--fd-primary); color: #fff; font-size: 11px; font-weight: 700; display: none; }
.fd-app .fd-gal2__i.is-main .fd-gal2__badge { display: block; }
.fd-app .fd-gal2__tools { position: absolute; right: 6px; top: 6px; display: flex; gap: 4px; opacity: 0; transition: opacity .15s; }
.fd-app .fd-gal2__i:hover .fd-gal2__tools, .fd-app .fd-gal2__i:focus-within .fd-gal2__tools { opacity: 1; }
.fd-app .fd-gal2__tools button { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: rgba(255,255,255,.94); color: var(--fd-navy); box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.fd-app .fd-gal2__tools button .fd-ico { width: 15px; height: 15px; }
.fd-app .fd-gal2__tools button[data-a=main] { color: #d97706; }
.fd-app .fd-gal2__tools button[data-a=del]:hover { background: var(--fd-red); color: #fff; }
.fd-app .fd-gal2__grip { position: absolute; left: 6px; bottom: 6px; width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; background: rgba(15,38,73,.55); color: #fff; opacity: 0; transition: opacity .15s; }
.fd-app .fd-gal2__grip .fd-ico { width: 14px; height: 14px; }
.fd-app .fd-gal2__i:hover .fd-gal2__grip { opacity: 1; }
.fd-app .fd-img1 { position: relative; margin-bottom: 14px; }
.fd-app .fd-img1.is-busy { opacity: .55; pointer-events: none; }
.fd-app .fd-img1.is-busy::after { content: ""; position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 3px solid var(--fd-soft2); border-top-color: var(--fd-primary); animation: fd-rot .7s linear infinite; }
.fd-app .fd-img1__prev { display: flex; gap: 14px; align-items: center; padding: 10px; border: 1px solid #e6ecf5; border-radius: 12px; }
.fd-app .fd-img1__prev img { width: 150px; height: 100px; object-fit: cover; border-radius: 9px; background: var(--fd-soft); }
.fd-app .fd-img1--logo .fd-img1__prev img { object-fit: contain; background: #fff; border: 1px solid #eef2f8; }
.fd-app .fd-img1__tools { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }

/* Čipy výběru */
.fd-app .fd-chipsel { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 14px; }
.fd-app .fd-chipsel__i { cursor: pointer; }
.fd-app .fd-chipsel__i input { position: absolute; opacity: 0; pointer-events: none; }
.fd-app .fd-chipsel__i span { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 18px; border: 1.5px solid #d9e2ef; background: #fff; font-size: 13.5px; font-weight: 500; color: #3b4a62; transition: all .15s; }
.fd-app .fd-chipsel__i span .fd-ico { width: 15px; height: 15px; display: none; }
.fd-app .fd-chipsel__i:hover span { border-color: var(--fd-primary); }
.fd-app .fd-chipsel__i input:checked + span { background: var(--fd-primary); border-color: var(--fd-primary); color: #fff; }
.fd-app .fd-chipsel__i input:checked + span .fd-ico { display: inline-block; }
.fd-app .fd-chipsel__i input:focus-visible + span { box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-primary) 25%, transparent); }

/* Přepínač */
.fd-app .fd-toggle { display: inline-flex; align-items: center; gap: 10px; height: 44px; cursor: pointer; font-weight: 500; }
.fd-app .fd-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.fd-app .fd-toggle__ui { width: 44px; height: 24px; border-radius: 12px; background: #c9d3e2; position: relative; transition: background .15s; flex: 0 0 auto; }
.fd-app .fd-toggle__ui::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s; }
.fd-app .fd-toggle input:checked + .fd-toggle__ui { background: var(--fd-green); }
.fd-app .fd-toggle input:checked + .fd-toggle__ui::after { transform: translateX(20px); }
.fd-app .fd-toggle__l { font-size: 14px; color: var(--fd-text); }

/* Akce a okna */
.fd-app .fd-promos2 { display: flex; flex-direction: column; gap: 12px; }
.fd-app .fd-promo2 { background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; box-shadow: 0 1px 2px rgba(15,38,73,.04); transition: box-shadow .2s; }
.fd-app .fd-promo2.is-open { box-shadow: var(--fd-shadow-lg); border-color: color-mix(in srgb, var(--fd-primary) 30%, #e6ecf5); }
.fd-app .fd-promo2__h { display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 16px; }
.fd-app .fd-promo2__t { flex: 1; min-width: 0; }
.fd-app .fd-promo2__t b { display: block; font-size: 15px; color: var(--fd-navy); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-app .fd-promo2__t small { font-size: 12.5px; color: var(--fd-muted); }
.fd-app .fd-promo2__tools { display: flex; gap: 6px; align-items: center; }
.fd-app .fd-promo2__b { padding: 4px 16px 10px; border-top: 1px solid #eef2f8; padding-top: 16px; }
.fd-app .fd-promo2__b[hidden] { display: none; }
.fd-app .fd-st { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 12px; font-size: 11.5px; font-weight: 700; white-space: nowrap; flex: 0 0 auto; }
.fd-app .fd-st--aktivni { background: #dcfce7; color: #15803d; }
.fd-app .fd-st--naplanovano { background: #dbeafe; color: #1d4ed8; }
.fd-app .fd-st--skonceno { background: #f1f5f9; color: #64748b; }
.fd-app .fd-st--vypnuto { background: #fee2e2; color: #b91c1c; }
.fd-app .fd-emptybox { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 30px 20px; border: 1.5px dashed #d3dceb; border-radius: 14px; text-align: center; color: var(--fd-muted); font-size: 13.5px; background: #fff; }
.fd-app .fd-emptybox .fd-ico { width: 30px; height: 30px; color: #9fb2cf; margin-bottom: 4px; }
.fd-app .fd-emptybox b { color: var(--fd-navy); font-size: 15px; }

/* Menu – editor */
.fd-app .fd-seg--ed { margin-bottom: 16px; }
.fd-app .fd-menuedit { animation: fd-fade .2s; }
.fd-app .fd-imp { background: #fff; border: 1px solid #e6ecf5; border-radius: 12px; margin-bottom: 14px; }
.fd-app .fd-imp summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 12px 14px; cursor: pointer; font-weight: 600; font-size: 14px; color: var(--fd-navy); }
.fd-app .fd-imp summary::-webkit-details-marker { display: none; }
.fd-app .fd-imp summary small { font-weight: 400; color: var(--fd-muted); }
.fd-app .fd-imp summary .fd-ico { width: 17px; height: 17px; color: var(--fd-primary); }
.fd-app .fd-imp summary .fd-ico:last-child { margin-left: auto; color: #7183a0; transition: transform .2s; }
.fd-app .fd-imp[open] summary .fd-ico:last-child { transform: rotate(180deg); }
.fd-app .fd-imp__b { padding: 0 14px 14px; font-size: 13.5px; }
.fd-app .fd-imp__b p { margin-bottom: 10px; }
.fd-app .fd-imp__b a { color: var(--fd-primary); text-decoration: underline; }
.fd-app .fd-ed .fd-imp input[type=file] { flex: 1; font-size: 13px; }
.fd-app .fd-ed .fd-imp select { width: 180px; flex: 0 0 auto; }
.fd-app .fd-secs { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; }
.fd-app .fd-sec2 { background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; padding: 12px 14px 14px; }
.fd-app .fd-sec2__h { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.fd-app .fd-ed .fd-sec2__name { font-weight: 700; font-family: var(--fd-head); font-size: 15.5px !important; color: var(--fd-primary) !important; background: var(--fd-soft) !important; border-color: transparent !important; }
.fd-app .fd-mv { display: inline-flex; gap: 2px; flex: 0 0 auto; }
.fd-app .fd-items { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.fd-app .fd-item { display: grid; grid-template-columns: 88px minmax(0, 1fr) 120px 88px auto; grid-template-areas: "q n n p m" ". d d a ."; gap: 6px; align-items: center; padding-bottom: 8px; border-bottom: 1px dashed #e6ecf5; }
.fd-app .fd-item:last-child { border-bottom: 0; padding-bottom: 0; }
.fd-app .fd-item--lunch { grid-template-columns: 128px minmax(0, 1fr) 120px 88px auto; grid-template-areas: "t n n p m" ". q a . ."; }
.fd-app .fd-item__t { grid-area: t; }
.fd-app .fd-item__q { grid-area: q; }
.fd-app .fd-item__n { grid-area: n; }
.fd-app .fd-item__p { grid-area: p; }
.fd-app .fd-item__d { grid-area: d; }
.fd-app .fd-item__a { grid-area: a; }
.fd-app .fd-item .fd-mv { grid-area: m; }
.fd-app .fd-ed .fd-item input, .fd-app .fd-ed .fd-item select { height: 38px; font-size: 13.5px; padding: 0 10px; }
.fd-app .fd-ed .fd-item .fd-item__d, .fd-app .fd-ed .fd-item .fd-item__a, .fd-app .fd-ed .fd-item--lunch .fd-item__q { height: 32px; font-size: 12.5px; background: #fafbfd; }
.fd-app .fd-ed .fd-item .fd-item__n { font-weight: 600; }
.fd-app .fd-ed .fd-item__p { text-align: right; font-weight: 700; }
.fd-app .fd-ldays { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; }
.fd-app .fd-lday { background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; overflow: hidden; }
.fd-app .fd-lday.is-today { border-color: color-mix(in srgb, var(--fd-green) 50%, #fff); box-shadow: 0 0 0 1px color-mix(in srgb, var(--fd-green) 30%, transparent); }
.fd-app .fd-lday.is-past { opacity: .65; }
.fd-app .fd-lday__h { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 14px; background: #f8fafd; border-bottom: 1px solid #eef2f8; }
.fd-app .fd-lday__n { min-width: 92px; font-family: var(--fd-head); color: var(--fd-navy); font-size: 15px; }
.fd-app .fd-lday.is-today .fd-lday__n { color: #15803d; }
.fd-app .fd-ed .fd-lday__d { width: 160px !important; height: 36px !important; }
.fd-app .fd-lday__tools { display: flex; gap: 6px; margin-left: auto; }
.fd-app .fd-lday__b { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.fd-app .fd-lday__b > .fd-item { width: 100%; }
.fd-app .fd-ed .fd-lday__note { height: 36px; font-size: 13px; font-style: italic; }
.fd-app .fd-lday.is-off .fd-lday__b { background: #fafbfd; }

/* Tarify */
.fd-app .fd-tarifs { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.fd-app .fd-tarifc { --t: #64748b; position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px; background: #fff; border: 1.5px solid #e6ecf5; border-radius: 16px; overflow: hidden; }
.fd-app .fd-tarifc::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: var(--t); }
.fd-app .fd-tarifc.is-current { border-color: color-mix(in srgb, var(--t) 50%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t) 14%, transparent); }
.fd-app .fd-tarifc.is-req { border-color: var(--fd-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-primary) 16%, transparent); }
.fd-app .fd-tarifc header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fd-app .fd-tarifc header b { font-family: var(--fd-head); font-size: 18px; color: var(--t); }
.fd-app .fd-tarifc__price { font-family: var(--fd-head); font-size: 26px; font-weight: 700; color: var(--fd-navy); }
.fd-app .fd-tarifc__price small { font-size: 13px; font-weight: 500; color: var(--fd-muted); }
.fd-app .fd-tarifc p { font-size: 13.5px; color: var(--fd-muted); }
.fd-app .fd-tarifc ul { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #3b4a62; flex: 1; }
.fd-app .fd-tarifc li { display: flex; gap: 7px; align-items: flex-start; }
.fd-app .fd-tarifc li .fd-ico { width: 15px; height: 15px; color: var(--fd-green); flex: 0 0 auto; margin-top: 1px; }
.fd-app .fd-tarifc__f .fd-btn { height: 42px; font-size: 14px; }

/* Nebezpečná zóna */
.fd-app .fd-danger { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; border: 1px solid #f7d4d4; border-radius: 16px; background: #fffafa; margin-bottom: 16px; }
.fd-app .fd-danger b { display: block; color: #9b1c1c; font-size: 15px; }
.fd-app .fd-danger small { font-size: 13px; color: #8a5b5b; }

/* Lišta uložení */
.fd-app .fd-ed__bar { position: sticky; bottom: 0; z-index: 60; margin-top: 18px; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); border-top: 1px solid var(--fd-line); box-shadow: 0 -8px 24px rgba(15,38,73,.08); border-radius: 16px 16px 0 0; }
.fd-app .fd-ed__barin { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 12px; padding-bottom: 12px; }
.fd-app .fd-ed__state { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--fd-muted); font-weight: 500; }
.fd-app .fd-ed__state::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--fd-green); }
.fd-app .fd-ed.is-dirty .fd-ed__state { color: #a16207; }
.fd-app .fd-ed.is-dirty .fd-ed__state::before { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245, 158, 11, .18); }
.fd-app .fd-ed__save { height: 46px; padding: 0 26px; }

/* Toast */
.fd-app .fd-toast { transition: opacity .3s, transform .3s; }
.fd-app .fd-toast--ok { background: #166534; }
.fd-app .fd-toast--err { background: #b42318; }
.fd-app .fd-toast.is-out { opacity: 0; transform: translate(-50%, 8px); }
.fd-app .fd-acc ~ .fd-toast, .fd-app .fd-toast { bottom: 96px; }

/* ---------- Responzivita ---------- */
@media (max-width: 1100px) {
	.fd-app .fd-ed__wrap { grid-template-columns: 1fr; }
	.fd-app .fd-ed__tabs { position: sticky; top: 0; z-index: 30; flex-direction: row; overflow-x: auto; scrollbar-width: none; border-radius: 12px; box-shadow: 0 6px 18px rgba(15,38,73,.08); }
	.admin-bar .fd-app .fd-ed__tabs { top: 32px; }
	.fd-app .fd-ed__tabs::-webkit-scrollbar { display: none; }
	.fd-app .fd-ed__tab { flex: 0 0 auto; white-space: nowrap; }
	.fd-app .fd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.fd-app .fd-acc__grid { grid-template-columns: 1fr; gap: 16px; }
	.fd-app .fd-acc__side { position: static; padding: 10px; }
	.fd-app .fd-acc__me { display: none; }
	.fd-app .fd-acc__nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; gap: 4px; }
	.fd-app .fd-acc__nav::-webkit-scrollbar { display: none; }
	.fd-app .fd-acc__nav a { flex: 0 0 auto; white-space: nowrap; padding: 9px 12px; font-size: 13.5px; }
	.fd-app .fd-acc__nav .fd-acc__logout { margin: 0; border: 0; padding-top: 9px; border-radius: 10px; }
	.fd-app .fd-auth { grid-template-columns: 1fr; }
	.fd-app .fd-auth__brand { padding: 26px 24px; }
	.fd-app .fd-auth__brand ul { display: none; }
	.fd-app .fd-auth__brand > p { margin-bottom: 0; }
	.fd-app .fd-acc-cols { grid-template-columns: 1fr; }
	.fd-app .fd-item { grid-template-columns: 1fr 1fr; grid-template-areas: "n n" "q p" "d d" "a m"; padding: 10px; border: 1px solid #eef2f8; border-radius: 10px; }
	.fd-app .fd-item--lunch { grid-template-areas: "t t" "n n" "q p" "a m"; }
	.fd-app .fd-item:last-child { padding-bottom: 10px; border: 1px solid #eef2f8; }
	.fd-app .fd-item .fd-mv { justify-content: flex-end; }
	.fd-app .fd-mimo__r { grid-template-columns: 1fr 1fr; padding: 10px; border: 1px solid #eef2f8; border-radius: 10px; }
	.fd-app .fd-mimo__r > input[type=text] { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
	.fd-app .fd-acc { padding: 18px 0 40px; }
	.fd-app .fd-auth { border-radius: 16px; }
	.fd-app .fd-auth__main { padding: 26px 20px; }
	.fd-app .fd-aform__grid { grid-template-columns: 1fr; }
	.fd-app .fd-acc__head { flex-direction: column; align-items: stretch; }
	.fd-app .fd-acc__head .fd-btn { align-self: flex-start; }
	.fd-app .fd-firm { grid-template-columns: 1fr; }
	.fd-app .fd-firm__img { min-height: 0; aspect-ratio: 16 / 7; }
	.fd-app .fd-firm__top { flex-direction: column; align-items: flex-start; }
	.fd-app .fd-ecard__h, .fd-app .fd-ecard__b { padding-left: 14px; padding-right: 14px; }
	.fd-app .fd-modes { grid-template-columns: 1fr; }
	.fd-app .fd-day2 { grid-template-columns: 1fr; gap: 8px; }
	.fd-app .fd-day2__c > select { width: 100% !important; }
	.fd-app .fd-socgrid { grid-template-columns: 1fr; }
	.fd-app .fd-egrid--2a, .fd-app .fd-egrid--img { grid-template-columns: 1fr; }
	.fd-app .fd-ed__intro { flex-direction: column; }
	.fd-app .fd-gal2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fd-app .fd-gal2__tools, .fd-app .fd-gal2__grip { opacity: 1; }
	.fd-app .fd-danger { flex-direction: column; align-items: flex-start; }
	.fd-app .fd-ed__save { flex: 1; }
	.fd-app .fd-ed__barin { gap: 10px; }
	.fd-app .fd-ed__state { font-size: 12.5px; }
	.fd-app .fd-lday__tools { margin-left: 0; width: 100%; justify-content: space-between; }
	.fd-app .fd-inline { flex-wrap: wrap; }
	.fd-app .fd-ed .fd-imp select { width: 100%; }
}

/* Mřížky nesmí růst podle vodorovně posuvných záložek */
.fd-app .fd-acc__grid > *, .fd-app .fd-ed__wrap > *, .fd-app .fd-acc__main, .fd-app .fd-ed { min-width: 0; }
.fd-app .fd-acc__side, .fd-app .fd-ed__tabs { max-width: 100%; }

/* ===================== Tarify – kompletní seznam služeb ===================== */
.fd-app .fd-tarifs--full { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); align-items: stretch; }
.fd-app .fd-tarifs--full .fd-tarifc { gap: 8px; padding: 22px 18px 18px; }
.fd-app .fd-tarifc.is-best { border-color: color-mix(in srgb, var(--t) 45%, #fff); box-shadow: 0 14px 34px color-mix(in srgb, var(--t) 14%, transparent); }
.fd-app .fd-tarifc__ribbon { position: absolute; top: 14px; right: 14px; background: var(--t); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 4px 9px; border-radius: 999px; line-height: 1.2; }
.fd-app .fd-tarifc.is-best header { padding-right: 110px; }
.fd-app .fd-tarifc__price { line-height: 1.1; }
.fd-app .fd-tarifc__year { font-size: 12.5px; color: var(--fd-muted); margin-top: -2px; }
.fd-app .fd-tarifc__year b { color: var(--fd-navy); }
.fd-app .fd-tarifc__f { margin: 6px 0 4px; }
.fd-app .fd-tarifc__f .fd-btn { height: 44px; }
.fd-app .fd-tarifc__curnote { display: flex; align-items: center; justify-content: center; gap: 6px; height: 44px; border-radius: 10px; background: #f0fdf4; color: #15803d; font-weight: 600; font-size: 14px; }
.fd-app .fd-tarifc__curnote .fd-ico { width: 17px; height: 17px; }
.fd-app .fd-tarifc__list { display: flex; flex-direction: column; gap: 12px; border-top: 1px solid #edf1f7; padding-top: 14px; }
.fd-app .fd-tarifc ul { flex: none; gap: 5px; }
.fd-app .fd-tarifc__lim li { font-size: 13.5px; color: var(--fd-navy); }
.fd-app .fd-tarifc__lim li .fd-ico { color: var(--t); }
.fd-app .fd-tarifc__grp h4 { font-family: inherit; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8a9bb5; margin: 0 0 6px; }
.fd-app .fd-tarifc li.is-no { color: #a3afc2; }
.fd-app .fd-tarifc li.is-no span { text-decoration: line-through; text-decoration-color: #cfd7e3; }
.fd-app .fd-tarifc li.is-no .fd-ico { color: #c9d2df; width: 14px; height: 14px; }
.fd-app .fd-tarifs__foot { margin-top: 12px; font-size: 13px; }

.fd-app .fd-alert--pay { background: #fff8eb; color: #7c4a03; border: 1px solid #fde4b0; }
.fd-app .fd-alert--ok { background: #ecfdf3; color: #146c3c; border: 1px solid #c6f0d6; }
.fd-app .fd-alert--big { font-size: 14.5px; padding: 14px 16px; }
.fd-app .fd-alert__act { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.fd-app .fd-alert > span { flex: 1; min-width: 0; }
.fd-app .fd-acc__nav a em.is-warn { background: #f59e0b; color: #fff; }
.fd-app .fd-firm__note--pay a { color: inherit; font-weight: 700; text-decoration: underline; }

/* ===================== Objednávka – modální okno ===================== */
html.fd-noscroll { overflow: hidden; }
.fd-app .fd-ord { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 20px; background: rgba(10,24,48,.55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .18s; }
.fd-app .fd-ord.is-in { opacity: 1; }
.fd-app .fd-ord.is-out { opacity: 0; }
.fd-app .fd-ord__box { position: relative; width: min(620px, 100%); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); display: flex; flex-direction: column; background: #fff; border-radius: 20px; box-shadow: 0 30px 80px rgba(10,24,48,.35); overflow: hidden; transform: translateY(10px) scale(.98); transition: transform .2s; }
.fd-app .fd-ord.is-in .fd-ord__box { transform: none; }
.fd-app .fd-ord__x { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.18); color: #fff; z-index: 2; }
.fd-app .fd-ord__x:hover { background: rgba(255,255,255,.3); }
.fd-app .fd-ord__x .fd-ico { width: 18px; height: 18px; }
.fd-app .fd-ord__head { --t: #1a66d6; padding: 22px 26px 20px; color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--t) 92%, #000), color-mix(in srgb, var(--t) 70%, #5aa0f2)); }
.fd-app .fd-ord__head small { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.fd-app .fd-ord__head h2 { color: #fff; font-size: 26px; margin: 2px 0 2px; }
.fd-app .fd-ord__head p { margin: 0; opacity: .92; font-size: 14px; }
.fd-app .fd-ord__body { padding: 20px 26px 8px; overflow-y: auto; }
.fd-app .fd-ord__body h3 { font-size: 15px; margin: 18px 0 10px; }
.fd-app .fd-ord__sum { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 10px; }
.fd-app .fd-ord__sum > div { background: #f5f8fc; border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.fd-app .fd-ord__sum span { font-size: 12px; color: var(--fd-muted); }
.fd-app .fd-ord__sum b { font-family: var(--fd-head); font-size: 17px; color: var(--fd-navy); }
.fd-app .fd-ord__sum .is-total { background: var(--fd-navy); }
.fd-app .fd-ord__sum .is-total span, .fd-app .fd-ord__sum .is-total small { color: rgba(255,255,255,.75); font-size: 11.5px; }
.fd-app .fd-ord__sum .is-total b { color: #fff; font-size: 20px; }
.fd-app .fd-ord__info { display: flex; gap: 8px; align-items: center; font-size: 13px; color: #2c4a77; background: var(--fd-soft); padding: 9px 12px; border-radius: 10px; margin-top: 10px; }
.fd-app .fd-ord__info .fd-ico { width: 16px; height: 16px; flex: 0 0 auto; }
.fd-app .fd-ord__methods { display: grid; gap: 8px; }
.fd-app .fd-ord__m { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1.5px solid #e2e8f2; border-radius: 13px; cursor: pointer; transition: border-color .15s, background .15s; }
.fd-app .fd-ord__m:hover { border-color: color-mix(in srgb, var(--fd-primary) 40%, #fff); }
.fd-app .fd-ord__m:has(input:checked) { border-color: var(--fd-primary); background: color-mix(in srgb, var(--fd-primary) 5%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-primary) 12%, transparent); }
.fd-app .fd-ord__m input { width: 18px; height: 18px; accent-color: var(--fd-primary); flex: 0 0 auto; margin: 0; }
.fd-app .fd-ord__mi { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: var(--fd-soft); color: var(--fd-primary); flex: 0 0 auto; }
.fd-app .fd-ord__mi .fd-ico { width: 21px; height: 21px; }
.fd-app .fd-ord__m > span > b { display: block; font-size: 14.5px; color: var(--fd-navy); }
.fd-app .fd-ord__m small b { color: var(--fd-navy); font-weight: 600; }
.fd-app .fd-ord__m small { display: block; font-size: 12.5px; color: var(--fd-muted); line-height: 1.45; }
.fd-app .fd-ord__test { font-size: 12px; color: #92400e; margin: 0; }
.fd-app .fd-ord__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.fd-app .fd-ord__grid .fd-f { margin: 0; position: relative; min-width: 0; }
.fd-app .fd-ord__full { grid-column: 1 / -1; }
.fd-app .fd-ord__icof input { padding-right: 64px !important; }
.fd-app .fd-ord__ares { position: absolute; right: 6px; bottom: 6px; height: 32px; padding: 0 10px; border-radius: 8px; background: var(--fd-soft); color: var(--fd-primary); font-weight: 700; font-size: 12px; }
.fd-app .fd-ord__ares:hover { background: var(--fd-soft2); }
.fd-app .fd-ord__terms { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; font-size: 13.5px; }
.fd-app .fd-ord__terms input { margin-top: 3px; accent-color: var(--fd-primary); }
.fd-app .fd-ord__msg { min-height: 0; margin: 10px 0 0; font-size: 13.5px; }
.fd-app .fd-ord__msg.is-err { color: #b42318; background: #fdecec; padding: 9px 12px; border-radius: 10px; }
.fd-app .fd-ord__foot { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 26px 18px; border-top: 1px solid #edf1f7; background: #fbfcfe; }
.fd-app .fd-ord__foot .fd-btn { height: 46px; }
.fd-app .fd-btn--ghost { background: transparent; color: var(--fd-muted); border-color: transparent; }
.fd-app .fd-btn--ghost:hover { color: var(--fd-navy); background: #eef2f8; }
.fd-app .fd-ord__done { text-align: center; padding: 6px 0 4px; }
.fd-app .fd-ord__ok { width: 58px; height: 58px; margin: 4px auto 12px; border-radius: 50%; display: grid; place-items: center; background: #dcfce7; color: #16a34a; }
.fd-app .fd-ord__ok .fd-ico { width: 30px; height: 30px; }
.fd-app .fd-ord__lead { font-size: 15px; color: var(--fd-navy); max-width: 440px; margin: 0 auto 16px; }
.fd-app .fd-ord__pay { display: flex; gap: 18px; align-items: center; text-align: left; background: #f5f8fc; border-radius: 14px; padding: 14px 16px; margin-bottom: 12px; }
.fd-app .fd-ord__pay dl { flex: 1; display: grid; gap: 7px; margin: 0; }
.fd-app .fd-ord__pay dl div { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; }
.fd-app .fd-ord__pay dt { color: var(--fd-muted); }
.fd-app .fd-ord__pay dd { margin: 0; font-weight: 700; color: var(--fd-navy); text-align: right; }
.fd-app .fd-ord__qr { width: 132px; flex: 0 0 auto; text-align: center; }
.fd-app .fd-ord__qr svg { width: 132px; height: 132px; display: block; border-radius: 8px; }
.fd-app .fd-ord__qr small { font-size: 11.5px; font-weight: 700; color: var(--fd-navy); }

/* ===================== Fakturace ===================== */
.fd-app .fd-bill__h { display: flex; align-items: center; gap: 9px; font-size: 18px; margin: 8px 0 12px; }
.fd-app .fd-bill__h .fd-ico { width: 20px; height: 20px; color: var(--fd-primary); }
.fd-app .fd-bill__open { display: grid; gap: 14px; margin-bottom: 26px; }
.fd-app .fd-payc { display: flex; gap: 22px; padding: 20px 22px; background: #fff; border: 1.5px solid #fde4b0; border-radius: 16px; box-shadow: 0 8px 22px rgba(217,119,6,.07); }
.fd-app .fd-payc.is-hl { box-shadow: 0 0 0 4px rgba(245,158,11,.25), 0 8px 22px rgba(217,119,6,.1); }
.fd-app .fd-payc__main { flex: 1; min-width: 0; }
.fd-app .fd-payc__top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.fd-app .fd-payc__top > div:first-child small { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #b45309; }
.fd-app .fd-payc__top h3 { font-size: 17px; margin-top: 3px; }
.fd-app .fd-payc__sum { text-align: right; flex: 0 0 auto; }
.fd-app .fd-payc__sum b { display: block; font-family: var(--fd-head); font-size: 24px; color: var(--fd-navy); line-height: 1.1; }
.fd-app .fd-payc__sum small { font-size: 12px; color: var(--fd-muted); }
.fd-app .fd-payc__dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 16px 0 12px; }
.fd-app .fd-payc__dl > div { background: #f7f9fc; border-radius: 10px; padding: 8px 11px; min-width: 0; }
.fd-app .fd-payc__dl .fd-payc__wide { grid-column: 1 / -1; }
.fd-app .fd-payc__dl dt { font-size: 11.5px; color: var(--fd-muted); }
.fd-app .fd-payc__dl dd { margin: 2px 0 0; font-weight: 700; color: var(--fd-navy); font-size: 14px; overflow-wrap: anywhere; }
.fd-app .fd-payc__dl dd.is-over { color: #b42318; }
.fd-app [data-copy] { cursor: copy; border-bottom: 1px dashed #b9c6d8; }
.fd-app .fd-payc__note { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: var(--fd-muted); margin: 0 0 14px; }
.fd-app .fd-payc__note .fd-ico { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; }
.fd-app .fd-payc__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.fd-app .fd-payc__actions .fd-btn { height: 42px; font-size: 14px; }
.fd-app .fd-payc__cancel { margin-left: auto; color: var(--fd-muted); font-weight: 500; font-size: 13px; }
.fd-app .fd-payc__qr { width: 150px; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; padding: 10px; border: 1px solid #edf1f7; border-radius: 14px; align-self: flex-start; }
.fd-app .fd-payc__qr svg { width: 128px; height: 128px; display: block; }
.fd-app .fd-payc__qr b { font-size: 13px; color: var(--fd-navy); margin-top: 4px; }
.fd-app .fd-payc__qr small { font-size: 11.5px; color: var(--fd-muted); line-height: 1.3; }
.fd-app .fd-bill { background: #fff; border: 1px solid #e6ecf5; border-radius: 16px; overflow: hidden; }
.fd-app .fd-bill__row { display: grid; grid-template-columns: 1.1fr 1.7fr 1.5fr 1fr .9fr auto; gap: 14px; align-items: center; padding: 14px 18px; border-top: 1px solid #edf1f7; font-size: 14px; }
.fd-app .fd-bill__row:first-child { border-top: 0; }
.fd-app .fd-bill__row--head { background: #f7f9fc; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #8a9bb5; padding-top: 10px; padding-bottom: 10px; }
.fd-app .fd-bill__row.is-hl { background: #f0fdf4; }
.fd-app .fd-bill__row > span { min-width: 0; }
.fd-app .fd-bill__row b { color: var(--fd-navy); display: block; }
.fd-app .fd-bill__row small { display: block; font-size: 12.5px; color: var(--fd-muted); }
.fd-app .fd-bill__num { text-align: right; }
.fd-app .fd-bill__row .fd-st { display: inline-flex; align-items: center; gap: 4px; }
.fd-app .fd-bill__row .fd-st .fd-ico { width: 13px; height: 13px; }

@media (max-width: 760px) {
	.fd-app .fd-ord { padding: 0; align-items: end; }
	.fd-app .fd-ord__box { width: 100%; max-height: 94vh; max-height: 94dvh; border-radius: 20px 20px 0 0; }
	.fd-app .fd-ord__head, .fd-app .fd-ord__body, .fd-app .fd-ord__foot { padding-left: 18px; padding-right: 18px; }
	.fd-app .fd-ord__sum { grid-template-columns: 1fr 1fr; }
	.fd-app .fd-ord__sum .is-total { grid-column: 1 / -1; }
	.fd-app .fd-ord__grid { grid-template-columns: 1fr; }
	.fd-app .fd-ord__foot .fd-btn--primary { flex: 1; }
	.fd-app .fd-ord__pay { flex-direction: column-reverse; }
	.fd-app .fd-ord__pay dl { width: 100%; }
	.fd-app .fd-payc { flex-direction: column; padding: 16px; }
	.fd-app .fd-payc__qr { align-self: center; }
	.fd-app .fd-payc__dl { grid-template-columns: 1fr 1fr; }
	.fd-app .fd-payc__cancel { margin-left: 0; }
	.fd-app .fd-bill__row--head { display: none; }
	.fd-app .fd-bill__row { grid-template-columns: 1fr auto; gap: 6px 12px; }
	.fd-app .fd-bill__row > span[data-l] { grid-column: 1 / -1; font-size: 13px; color: var(--fd-muted); }
	.fd-app .fd-bill__row > span[data-l]::before { content: attr(data-l) ": "; }
	.fd-app .fd-bill__num { text-align: left; }
}