/* Sokna 1.19.0 — guest rails, event pricing, table safety, QR and category management. */

/* Guest horizontal rails */
.rail-arrow{z-index:60!important;pointer-events:auto}
.rail-arrow.is-unavailable,.rail-arrow:disabled{opacity:0!important;visibility:hidden;pointer-events:none}
.rail-arrow:not(:disabled){opacity:1;visibility:visible}
.horizontal-rail-shell::before,.horizontal-rail-shell::after{content:"";position:absolute;top:0;bottom:0;width:34px;z-index:6;pointer-events:none;opacity:0;transition:opacity .16s ease}
.horizontal-rail-shell::before{inset-inline-start:0;background:linear-gradient(to left,transparent,var(--guest-bg,#f7f3ec))}
.horizontal-rail-shell::after{inset-inline-end:0;background:linear-gradient(to right,transparent,var(--guest-bg,#f7f3ec))}
.horizontal-rail-shell.has-overflow-left::before,.horizontal-rail-shell.has-overflow-right::after{opacity:.9}
@media(min-width:900px){
  .menu-page-v18 .category-rail-shell .rail-arrow-start{right:max(10px,calc((100vw - min(var(--guest-content,1180px),100vw))/2 + 8px))!important}
  .menu-page-v18 .category-rail-shell .rail-arrow-end{left:max(10px,calc((100vw - min(var(--guest-content,1180px),100vw))/2 + 8px))!important}
  .menu-page-v18 .category-orbit{padding-inline:max(56px,calc((100vw - min(var(--guest-content,1180px),100vw))/2 + 56px))!important}
  .menu-page-v18 .featured-rail-shell{overflow:visible}
  .menu-page-v18 .featured-menu-rail{padding-inline:56px!important}
  .rail-arrow{display:grid!important}
}

/* Event price is a primary fact, not an ambiguous admission note. */
.event-meta-v118 .event-fee-row{grid-column:1/-1;grid-template-columns:24px minmax(0,1fr);padding:12px 14px;border-color:color-mix(in srgb,var(--accent) 38%,var(--guest-line,var(--line)));background:color-mix(in srgb,var(--accent) 8%,var(--guest-surface,#fff))}
.event-meta-v118 .event-fee-row .ui-icon{width:20px;height:20px}
.event-meta-v118 .event-fee-row .event-meta-copy{gap:3px}
.event-meta-v118 .event-fee-row .event-meta-copy small{font-size:.75rem;font-weight:800;color:var(--guest-soft,var(--muted))}
.event-meta-v118 .event-fee-row .event-fee-amount{font-size:1.02rem;line-height:1.5;color:var(--primary);font-weight:950;font-variant-numeric:tabular-nums}
.event-meta-v118 .event-admission-row .event-meta-copy small{font-weight:800}
@media(max-width:560px){.event-meta-v118 .event-fee-row{padding:12px}.event-meta-v118 .event-fee-row .event-fee-amount{font-size:1rem}}

/* Bulk table creation preview */
.bulk-table-preview{display:grid;gap:9px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.bulk-table-preview>div{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:12px;align-items:start}
.bulk-table-preview strong{font-size:.82rem}.bulk-table-preview span{font-size:.78rem;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.bulk-table-preview.is-ready{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 6%,#fff)}
.bulk-table-preview.is-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--line));background:color-mix(in srgb,var(--warning) 7%,#fff)}
@media(max-width:560px){.bulk-table-preview>div{grid-template-columns:1fr;gap:3px}}

/* QR management is intentionally separated from routine table actions. */
.qr-security-summary{margin-bottom:18px}.qr-security-summary .card-head{align-items:flex-start}.qr-security-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px;align-items:start}
.qr-security-status{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}
.qr-security-status strong{font-size:1rem}.qr-security-status span,.qr-security-status small{color:var(--muted);line-height:1.75}
.qr-security-actions{display:grid;gap:10px}.qr-security-actions form,.qr-security-actions .btn{width:100%}
.qr-rotation-control{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:16px;overflow:hidden}.qr-rotation-control>summary{list-style:none;width:100%;border:0;border-radius:0;cursor:pointer}.qr-rotation-control>summary::-webkit-details-marker{display:none}.qr-rotation-control>div{padding:14px;display:grid;gap:12px;background:color-mix(in srgb,var(--danger) 4%,#fff)}.qr-rotation-control p{margin:0;color:var(--muted);line-height:1.8}.qr-rotation-control label{display:grid;gap:7px;font-weight:800}.qr-rotation-control form{display:grid;gap:12px}
.qr-grid.is-single{grid-template-columns:minmax(280px,520px);justify-content:center}
@media(max-width:760px){.qr-security-grid{grid-template-columns:1fr}}

/* Category list and anchored action menu */
.categories-toolbar{justify-content:space-between}.category-empty-state{display:grid;justify-items:center;gap:10px;padding:34px 16px}.category-empty-state span{color:var(--muted)}
.category-form-card{max-width:1040px;margin-inline:auto}
@media(min-width:961px){
  .category-management-list,.category-management-list .data-table-wrap{overflow:visible!important}
  .category-management-list .row-action-menu[data-anchor-popover]{display:inline-block;position:relative;vertical-align:top}
  .category-management-list .row-action-menu[data-anchor-popover] .row-action-popover{position:absolute!important;inset-inline-end:0!important;top:calc(100% + 6px)!important;left:auto!important;max-height:min(70vh,520px);overflow:auto}
  .category-management-list .row-action-menu[data-anchor-popover].opens-upward .row-action-popover{top:auto!important;bottom:calc(100% + 6px)!important}
}
@media(max-width:960px){.categories-toolbar{align-items:stretch}.categories-toolbar .btn{width:100%}.category-management-list .row-action-popover{position:fixed!important}}
