/* Shared components: cards, pills, chips, segments, tables, toggle, modal, picker */

/* ── Card ── */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh)}
.card .hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.card .hd b{font-size:15px;font-weight:700}

/* ── Segmented pill nav ── */
.seg{display:inline-flex;background:var(--mut-t);border-radius:10px;padding:3px}
.seg button{border:none;background:none;padding:7px 16px;border-radius:8px;
  font-weight:650;font-size:13px;color:var(--ink-2)}
.seg button.on{background:var(--card);color:var(--red-d);box-shadow:var(--sh)}
.seg.sm button{padding:6px 13px;font-size:12.5px}

/* ── State pills & chips ── */
.pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap;
  display:inline-flex;align-items:center;gap:5px}
/* leading state dot; --pill-glow lights it up in the dark theme */
.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;
  flex:0 0 auto;box-shadow:var(--pill-glow)}
.p-ok{background:var(--ok-t);color:var(--ok)}
.p-mut{background:var(--mut-t);color:var(--ink-2)}
.p-warn{background:var(--warn-t);color:var(--warn)}
.p-info{background:var(--info-t);color:var(--info)}
.p-bad{background:var(--bad-t);color:var(--bad)}
.chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;background:var(--red-t);color:var(--red-d)}
.chip.mut{background:var(--mut-t);color:var(--ink-2)}
.kbd{font-weight:700;background:var(--red-t);color:var(--red-d);border-radius:6px;padding:2px 8px;font-size:12px}

/* ── Toggle switch ── */
.sw{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;
  color:var(--ink-2);cursor:pointer;user-select:none}
.sw .track{width:34px;height:19px;border-radius:20px;background:var(--in-bd);position:relative;transition:background .15s}
.sw .track::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;
  border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.sw.on{color:var(--ok)}
.sw.on .track{background:var(--ok)}
.sw.on .track::after{left:17px}

/* ── Tables (white rows, horizontal separators only) ── */
table{width:100%;border-collapse:collapse;font-size:14px}
/* headers are sticky by default — they pin to the nearest scroll container
   (.tbl-scroll, .content, modal body); border lives in a box-shadow because
   collapsed borders scroll away with the rows */
th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-3);font-weight:700;padding:5px 10px;
  position:sticky;top:0;background:var(--card);z-index:1;
  box-shadow:inset 0 -2px 0 var(--line)}
td{padding:8px 10px;border-bottom:1px solid var(--line-2)}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--card-2)}
/* selected row stays distinct (red tint + left stripe), even on hover */
tbody tr.sel td{background:var(--red-t)}
tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--red)}
/* Scroll body to ~10 rows; header stays pinned */
.tbl-scroll{max-height:400px;overflow:auto}
/* ── density: comfortable (default) / compact (html.t-compact, per user) ── */
html.t-compact table{font-size:13px}
html.t-compact td{padding:3px 10px}
html.t-compact .num{font-size:12.5px}
/* ── client-side column sort (sortifyTables in app.js) ── */
th.sortable{cursor:pointer;user-select:none}
th.sortable:hover{color:var(--red-d)}
th.srt{color:var(--red)}
th.srt[data-dir="asc"]::after{content:" ▲";font-size:9px}
th.srt[data-dir="desc"]::after{content:" ▼";font-size:9px}
.rowact{color:var(--ink-3);cursor:pointer;padding:0 4px;font-weight:700}
.rowact:hover{color:var(--red-d)}
.foot{padding:11px 16px;color:var(--ink-2);font-size:13px;border-top:1px solid var(--line)}
.toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.empty,.ph{padding:44px;text-align:center;color:var(--ink-2)}

/* ── Skeleton loading (replaces "Načítám…" placeholders) ── */
.skel{position:relative;overflow:hidden;margin:12px 16px;height:158px;border-radius:8px;
  background:repeating-linear-gradient(to bottom,var(--mut-t) 0 26px,transparent 26px 38px)}
.skel.sm{height:82px}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,var(--skel-sheen),transparent);
  animation:skel 1.1s infinite}
@keyframes skel{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.skel::after{animation:none}}

/* ── KPI strip (renderKpis in ui.js; clickable cards apply a filter) ── */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.kpis:empty{display:none}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 15px;box-shadow:var(--sh)}
.kpi small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);display:block}
.kpi b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:2px}
.kpi span{font-size:11px;font-weight:600;color:var(--ink-2)}
.kpi.alert b{color:var(--bad)}
.kpi.alert{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}
.kpi.click{cursor:pointer}
.kpi.click:hover{border-color:var(--red)}
.kpi.on{border-color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}
@media(max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)}}

/* ── Filter chips (renderChips in ui.js; adopted per module with KPI strips) ── */
.fchips{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.fchip{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:4px 12px;
  font-size:12px;font-weight:600;color:var(--ink-2);display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.fchip:hover{border-color:var(--red);color:var(--red-d)}
.fchip.on{background:var(--rail-hi);border-color:var(--rail-hi);color:#fff}
.fchip .n{font-size:10px;font-weight:700;background:var(--mut-t);color:var(--ink-2);
  border-radius:10px;padding:0 6px}
.fchip.on .n{background:rgba(255,255,255,.18);color:#fff}
.cust{display:flex;align-items:center;gap:9px}
.cust .av{width:28px;height:28px;border-radius:7px;background:var(--red-fill);color:#fff;
  display:grid;place-items:center;font-weight:700;font-size:11px}

/* ── Modal ── */
.modal-bg{position:fixed;inset:0;background:rgba(28,20,22,.42);display:grid;
  place-items:center;z-index:50;padding:18px}
.modal{width:460px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;
  background:var(--card);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden}
.modal .mh{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.modal .mh b{font-size:16px;font-weight:760}
.modal .mh button{margin-left:auto;border:none;background:none;font-size:18px;color:var(--ink-2)}
.modal .mb{padding:18px 20px;overflow:auto}
.modal .fld{margin-bottom:13px}
.modal label{font-size:12px;font-weight:700;color:var(--ink-2);display:block;margin-bottom:5px}
.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--in-bd);border-radius:9px;
  padding:8px 11px;font-size:14px;outline:none;font-family:inherit;background:var(--card);color:var(--ink)}
.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--red);
  box-shadow:0 0 0 3px var(--red-t)}
.modal .mf{display:flex;gap:9px;justify-content:flex-end;padding:14px 20px;
  border-top:1px solid var(--line);background:var(--card-2)}

/* ── Detail drawer (record beside the list; ui.js openDrawer/drawerForm) ──
   No backdrop on desktop on purpose: the list stays visible and clickable,
   so clicking another row just switches the record. */
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:46;width:600px;max-width:94vw;
  background:var(--card);border-left:1px solid var(--line);
  box-shadow:-12px 0 40px rgba(0,0,0,.15);display:flex;flex-direction:column;
  transform:translateX(102%);transition:transform .18s ease;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
@media(prefers-reduced-motion:reduce){.drawer{transition:none}}
.drawer .dh{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line)}
.drawer .dh b{font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer .dnav{margin-left:auto;display:flex;gap:4px;flex:0 0 auto}
.drawer .dnav button{border:1px solid var(--line);background:var(--card);border-radius:7px;
  width:28px;height:28px;display:grid;place-items:center;color:var(--ink-2)}
.drawer .dnav button:hover{color:var(--red-d);border-color:var(--red)}
.drawer .dtabs{display:flex;gap:2px;padding:8px 14px 0;border-bottom:1px solid var(--line)}
.drawer .dtab{font-size:12.5px;font-weight:650;color:var(--ink-2);padding:7px 11px;
  border:none;background:none;border-bottom:2px solid transparent}
.drawer .dtab.on{color:var(--red);border-bottom-color:var(--red)}
.drawer .db{flex:1;overflow:auto;padding:16px 18px}
.drawer .db .fld{margin-bottom:13px}
.drawer .db label{font-size:12px;font-weight:700;color:var(--ink-2);display:block;margin-bottom:5px}
.drawer .db input,.drawer .db select,.drawer .db textarea{width:100%;border:1px solid var(--in-bd);
  border-radius:9px;padding:8px 11px;font-size:14px;outline:none;font-family:inherit;
  background:var(--card);color:var(--ink)}
.drawer .db input:focus,.drawer .db select:focus,.drawer .db textarea:focus{
  border-color:var(--red);box-shadow:0 0 0 3px var(--red-t)}
.drawer .df{display:flex;flex-wrap:wrap;gap:9px;padding:14px 18px;border-top:1px solid var(--line);background:var(--card-2)}
.drawer .df .btn.pri{flex:1}
/* Obchod detail: the shared .kv strip + composition section header, tuned for
   the drawer body (drop the strip's own side padding; narrower key columns). */
.drawer .db .kv{padding:0 0 14px;border:none;border-bottom:1px solid var(--line);
  grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:12px 16px}
.drawer .db .drw-sec-hd{display:flex;align-items:center;gap:8px;margin:14px 0 9px}
.drawer .db .drw-sec-hd b{font-size:13px}
/* read-only key/value grid (dkv helper) */
.drawer .dkv{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}
.drawer .dkv .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:700}
.drawer .dkv .v{font-size:13.5px;font-weight:600;margin-top:3px;word-break:break-word;white-space:pre-wrap}
.drawer .dkv .w2{grid-column:1/-1}
@media(max-width:900px){.drawer{width:100vw;max-width:100vw;border-left:none}}
/* clickable list rows (read-only detail in drawer) */
tr[data-drw]{cursor:pointer}

/* ── Ctrl+K command palette (js/palette.js) ── */
.pal-bg{position:fixed;inset:0;background:rgba(20,14,16,.45);z-index:55;
  display:grid;place-items:start center;padding:12vh 16px 16px}
.pal{width:540px;max-width:94vw;max-height:62vh;display:flex;flex-direction:column;
  background:var(--card);border:1px solid var(--line);border-radius:13px;
  box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}
.pal .pin{display:flex;gap:10px;align-items:center;padding:13px 16px;
  border-bottom:1px solid var(--line);color:var(--ink-2)}
.pal .pin input{flex:1;border:none;outline:none;background:none;
  font:14px/1.4 inherit;color:var(--ink)}
.pal .pls{overflow:auto;flex:1;padding-bottom:6px}
.pal .plh{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);padding:10px 16px 4px}
.pal .plr{display:flex;gap:10px;align-items:center;padding:7px 16px;font-size:13px;cursor:pointer}
.pal .plr b{font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal .plr .pic{width:24px;height:24px;border-radius:6px;background:var(--mut-t);
  color:var(--ink-2);display:grid;place-items:center;flex:0 0 auto}
.pal .plr small{color:var(--ink-2);margin-left:auto;flex:0 0 auto;font-size:11px;
  max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal .plr.on{background:var(--red-t)}
.pal .plr.on .pic{background:var(--red-fill);color:#fff}
.pal .plf{display:flex;gap:14px;padding:8px 16px;border-top:1px solid var(--line);
  font:600 10px ui-monospace,Menlo,Consolas,monospace;color:var(--ink-2)}

/* ── Item picker list ── */
.picklist{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:9px}
.picklist div{padding:8px 11px;cursor:pointer;border-bottom:1px solid var(--line-2);font-size:13px}
.picklist div:hover{background:var(--red-t)}

/* ── Filter select (toolbar) ── */
.fsel{border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:13px;
  background:var(--card);font-family:inherit;color:var(--ink);outline:none}
.fsel:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-t)}
.flabel{font-size:12px;font-weight:700;color:var(--ink-2)}

/* ── Pager ── */
.pager{display:inline-flex;align-items:center;gap:6px}
.pager button{border:1px solid var(--line);background:var(--card);border-radius:8px;width:32px;height:30px;
  font-weight:700;color:var(--ink-2)}
.pager button:hover{border-color:var(--red);color:var(--red-d)}
.pager button:disabled{opacity:.35;pointer-events:none}
.pager .pinfo{font-size:12.5px;color:var(--ink-2);padding:0 4px;font-variant-numeric:tabular-nums}

/* ── Kanban board (orders / inquiries / service) ──
   Each column carries its state color in --kb-c (set inline by renderKanban);
   the header underline, dot, card accent bar and drop hints derive from it. */
.kb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;
  overflow-x:auto;align-items:start;padding-bottom:6px}
.kb-col{--kb-c:var(--ink-2);background:var(--mut-t);border:1px solid var(--line);border-radius:12px;
  min-height:120px;display:flex;flex-direction:column}
.kb-col.dragover{outline:2px dashed color-mix(in srgb,var(--kb-c) 60%,transparent);
  outline-offset:-4px;background:color-mix(in srgb,var(--kb-c) 7%,var(--mut-t))}
.kb-col.dragover .kb-col-hd{color:var(--kb-c)}
.kb-col-hd{display:flex;align-items:center;gap:8px;padding:10px 12px;
  font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);
  border-bottom:2px solid color-mix(in srgb,var(--kb-c) 45%,transparent)}
.kb-col-hd .dot{width:8px;height:8px;border-radius:50%;background:var(--kb-c);box-shadow:var(--pill-glow)}
.kb-col-hd .cnt{margin-left:auto;background:var(--card);border-radius:12px;padding:1px 8px;
  font-size:11px;font-weight:700;color:var(--ink-2)}
.kb-cards{display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;overflow-y:auto;max-height:60vh}
.kb-card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--kb-c);
  border-radius:10px;padding:10px 12px;box-shadow:var(--sh);cursor:grab}
.kb-card:hover{border-color:color-mix(in srgb,var(--red) 45%,var(--line));border-left-color:var(--kb-c)}
.kb-card.sel{border-color:var(--red);border-left-color:var(--kb-c);background:var(--red-t)}
.kb-card.dragging{opacity:.45}
.kb-card .t{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}
.kb-card .t .mono{color:var(--red-d);white-space:nowrap}
.kb-card .t .muted{overflow:hidden;text-overflow:ellipsis;min-width:0}
.kb-card .s{color:var(--ink-2);font-size:12.5px;margin-top:2px}
.kb-card .m{display:flex;gap:8px;margin-top:7px;font-size:11.5px;color:var(--ink-2);flex-wrap:wrap;align-items:center}
.kb-card .dchip{display:inline-flex;align-items:center;gap:4px;background:var(--mut-t);
  border-radius:6px;padding:1px 6px;font-size:11px;font-variant-numeric:tabular-nums}
.kb-card .dchip.warn{background:var(--red-t);color:var(--red-d);font-weight:700}
.kb-card .cust{gap:6px;font-size:12px}
.kb-card .cust .av{width:18px;height:18px;border-radius:5px;font-size:8.5px}
.kb-age{margin-left:auto;display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;
  background:var(--mut-t);color:var(--ink-2);border-radius:6px;padding:1px 6px;
  font-size:10.5px;font-weight:700}
.kb-age.warn{background:var(--red-t);color:var(--red-d)}
.kb-empty{border:1.5px dashed var(--line);border-radius:10px;padding:16px 10px;
  text-align:center;color:var(--ink-3);font-size:12px}
.kb-slot{display:none;flex:0 0 auto;height:44px;border-radius:10px;
  border:1.5px dashed color-mix(in srgb,var(--kb-c) 60%,var(--line));
  background:color-mix(in srgb,var(--kb-c) 6%,transparent)}
.kb-col.dragover .kb-slot{display:block}
.kb-col.dragover .kb-empty{display:none}
/* poptávky board: fit all columns to the width (no horizontal scroll) */
#pop-kanban .kb{grid-auto-columns:minmax(0,1fr);overflow-x:hidden}
/* compact density (html.t-compact) — same toggle as tables */
html.t-compact .kb-cards{gap:6px}
html.t-compact .kb-card{padding:7px 10px}
html.t-compact .kb-card .t{font-size:12.5px}
html.t-compact .kb-card .s{font-size:12px}
html.t-compact .kb-card .m{margin-top:4px}

/* Attachments modal list */
.att-up{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.att-list{max-height:320px;overflow:auto}
.att-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line-2);font-size:13px}
.att-row:last-child{border-bottom:none}
.att-nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}

/* ── Item detail cards (order/inquiry lines) ── */
.icards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:12px 16px}
.icard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:var(--sh)}
.icard .t{font-weight:700;font-size:13px}
.icard .d{color:var(--ink-2);font-size:12px;margin-top:2px;min-height:16px}
.icard .b{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.icard .price{margin-left:auto;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Raynet-style: leading glyph tile + body — `> .ic` only: descendant .ic
   would also hit the svg.ic action icons and blow them up to tile size */
.icards.wic .icard{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start}
.icards.wic .icard > .ic{width:34px;height:34px;border-radius:8px;background:var(--red-t);color:var(--red-d);
  display:grid;place-items:center;font-weight:800;font-size:12px}
.icards.wic .icard .bd{min-width:0}

/* ── Detail header: icon tile + title + subtitle (Raynet-style) ── */
.det-ic{width:42px;height:42px;border-radius:11px;background:var(--red-fill);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:13px;flex:0 0 auto}
.det-head{min-width:0}
.det-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.det-sub{color:var(--ink-2);font-size:13px;margin-top:1px}

/* ── Detail key-facts strip (Raynet-style labeled fields) ── */
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:12px 18px;
  padding:14px 18px;border-bottom:1px solid var(--line)}
.kv .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:700}
.kv .v{font-size:13.5px;font-weight:650;margin-top:3px}
.kv .v.big{font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}

/* ── Potvrzení objednávky — editable dialog form ── */
.cf label{display:block;font-size:11px;color:var(--ink-3);margin:7px 0 2px}
.cf input,.cf select,.cf textarea{width:100%}
.cf .cf-inl{display:inline;font-size:11px;color:var(--ink-3);font-weight:400;margin-left:6px}
.cf .cf-inl input{width:auto}
.cf .cf-2col{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.cf .cf-h{font-weight:700;font-size:12px;margin:12px 0 5px;border-bottom:1px solid var(--line);padding-bottom:3px}
.cf table.cf-items{width:100%;border-collapse:collapse;margin:4px 0}
.cf .cf-items th{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);text-align:left;padding:2px 5px;border:none;position:static;box-shadow:none}
.cf .cf-items td{padding:2px 5px;border-bottom:1px solid var(--line-2)}
.cf .cf-items .r{text-align:right}
.cf .cf-tot{margin-top:10px;text-align:right;line-height:1.7;font-size:13px}
.cf .cf-tot .grand{font-weight:800;border-top:1px solid var(--line);margin-top:3px;padding-top:3px;font-size:15px}

/* ── toast: transient bottom-center message (see ui.js toast()) ─────────────── */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);
  background:var(--ink);color:var(--card);padding:10px 18px;border-radius:10px;
  font-size:13px;font-weight:600;box-shadow:var(--sh);opacity:0;pointer-events:none;
  z-index:3000;max-width:90vw;transition:opacity .18s ease,transform .18s ease}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.err{background:var(--red);color:#fff}

/* ── warnbox: a standing warning above a screen's content ───────────────────────
   For a condition the user is expected to act on and that persists until they do
   (unlike toast(), which is transient). Colours come from the --warn pair, so it
   follows the light/dark theme. */
.warnbox{background:var(--warn-t);border:1px solid var(--warn);border-radius:10px;
  padding:9px 12px;font-size:13px;line-height:1.5}
.warnbox .lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.02em;
  text-transform:uppercase;color:var(--warn);margin-bottom:3px}
.warnbox p{margin:2px 0}
