#addItemModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 150000;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	                    --modal-overlay-bg: var(--mobile-shop-bg) !important;
	                    --modal-text-color: var(--mobile-shop-text) !important;
	                    --modal-input-bg: var(--mobile-shop-card-bg) !important;
	                    --modal-input-border: var(--mobile-shop-border) !important;
	                    --modal-input-placeholder: var(--mobile-shop-subtle) !important;
	                    --modal-header-border: var(--mobile-shop-border) !important;
	                    --modal-cancel-bg: var(--mobile-shop-button-bg) !important;
	                    --modal-cancel-border: var(--mobile-shop-border) !important;
	                    --modal-cancel-text: var(--mobile-shop-text) !important;
	                    background: var(--mobile-shop-bg) !important;
	                    color: var(--mobile-shop-text) !important;
	                    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	                }

#addItemModal * {
    letter-spacing: 0 !important;
    box-sizing: border-box;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#addItemModal .fa,
#addItemModal .fas,
#addItemModal .fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

#addItemModal > div > div {
    max-width: 520px !important;
    padding: calc(env(safe-area-inset-top, 0px) + 18px) 14px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
}

.mobile-shop-add-item-shell {
    width: 100%;
    min-height: 100%;
    background: transparent;
    border: 0;
}

.mobile-shop-add-item-scroll {
    width: 100%;
    max-width: 420px !important;
    margin: 0 auto;
    padding: calc(20px + env(safe-area-inset-top, 0px)) 20px calc(132px + env(safe-area-inset-bottom, 0px)) !important;
}

.mobile-shop-add-item-topbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 -4px 18px;
    padding: 4px 0 10px;
    background: var(--mobile-shop-bg);
}

.mobile-shop-add-item-back {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--mobile-shop-border);
    border-radius: 999px;
    background: var(--mobile-shop-card-bg);
    color: var(--mobile-shop-text);
    -webkit-text-fill-color: var(--mobile-shop-text);
    font-size: 15px;
}

.mobile-shop-add-item-topcopy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.mobile-shop-add-item-topcopy strong {
    color: var(--mobile-shop-text);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
}

.mobile-shop-add-item-topcopy span {
    color: var(--mobile-shop-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
}

.mobile-shop-add-item-header {
    display: none;
}

.mobile-shop-add-item-header h2 {
    margin: 0 0 8px;
    color: var(--modal-text-color);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0 !important;
}

.mobile-shop-add-item-header p {
    display: none;
    margin: 0;
    color: var(--modal-input-placeholder);
    font-size: 15px;
}

.mobile-shop-add-item-quick-actions {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 0 0 12px;
}

.mobile-shop-add-item-quick-actions button {
    width: 100%;
    padding: 12px 10px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mobile-shop-add-item-primary-quick {
    border: 0;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#create-nil-moment-btn {
    display: none;
}

.mobile-shop-add-item-secondary-quick {
    border: 2px solid var(--modal-input-border);
    background: var(--modal-input-bg);
    color: var(--modal-text-color);
}

.mobile-shop-add-item-field {
    margin-bottom: 14px;
}

.mobile-shop-ticket-venue-suggestions {
    margin-top: 8px;
    overflow: hidden;
    border: 1px solid var(--mobile-shop-border);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
}

.mobile-shop-ticket-venue-suggestions[hidden] {
    display: none !important;
}

.mobile-shop-ticket-venue-suggestion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
    background: #ffffff;
    color: #111111;
    text-align: left;
    cursor: pointer;
}

.mobile-shop-ticket-venue-suggestion:last-child {
    border-bottom: 0;
}

.mobile-shop-ticket-venue-suggestion span {
    max-width: 100%;
    overflow: hidden;
    color: #111111;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shop-ticket-venue-suggestion small {
    max-width: 100%;
    margin-top: 3px;
    overflow: hidden;
    color: #646464;
    font-size: 12px;
    font-weight: 560;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shop-ticket-venue-suggestion:active {
    background: #f5f5f5;
}

.mobile-shop-ticket-wallet-preview {
    position: relative;
    display: grid;
    gap: 10px;
    margin: 4px 0 16px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    background: var(--ticket-preview-color, #18181b);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    padding: 13px;
    box-shadow: 0 16px 34px rgba(17, 17, 17, 0.16);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif !important;
}

.mobile-shop-ticket-wallet-preview::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 58px;
    height: 18px;
    border-radius: 0 0 999px 999px;
    background: #f5f5f7;
    transform: translateX(-50%);
    pointer-events: none;
}

.mobile-shop-ticket-wallet-preview * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

.mobile-shop-ticket-wallet-preview-top,
.mobile-shop-ticket-wallet-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
}

.mobile-shop-ticket-wallet-preview-top {
    min-height: 22px;
    padding: 0;
    background: transparent;
}

.mobile-shop-ticket-wallet-preview-top strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shop-ticket-wallet-preview-top span {
    max-width: 120px;
    overflow: hidden;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    text-align: right;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobile-shop-ticket-wallet-preview-art {
    width: calc(100% + 28px);
    aspect-ratio: 375 / 98;
    margin: 0 -14px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.mobile-shop-ticket-wallet-preview-art[hidden] {
    display: none !important;
}

.mobile-shop-ticket-wallet-preview-main,
.mobile-shop-ticket-wallet-preview-grid > div {
    min-width: 0;
}

.mobile-shop-ticket-wallet-preview-main {
    padding: 0;
    background: transparent;
}

.mobile-shop-ticket-wallet-preview small {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.66) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.66) !important;
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.mobile-shop-ticket-wallet-preview-main strong {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.08;
}

.mobile-shop-ticket-wallet-preview-grid {
    padding: 0;
    background: transparent;
}

.mobile-shop-ticket-wallet-preview-grid strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shop-ticket-wallet-preview-grid.is-optional strong {
    color: rgba(255, 255, 255, 0.9) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px;
}

.mobile-shop-ticket-wallet-preview-qr {
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    margin: 6px auto 0;
    padding: 7px;
    border-radius: 10px;
    background: #ffffff;
}

.mobile-shop-ticket-wallet-preview-qr img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobile-shop-add-item-ticket-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 10px;
    margin: 0;
}

.mobile-shop-add-item-ticket-actions[hidden] {
    display: none !important;
}

.mobile-shop-ticket-preview-button,
.mobile-shop-ticket-color-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #ffffff;
    color: #111111;
    -webkit-text-fill-color: #111111;
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.05);
}

.mobile-shop-ticket-preview-button {
    gap: 8px;
    font-size: 14px;
    font-weight: 820;
}

.mobile-shop-ticket-color-control {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.mobile-shop-ticket-color-control input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.mobile-shop-ticket-color-control span {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(0,0,0,.12);
    border-radius: 999px;
    background: var(--ticket-preview-color, #18181b);
}

.mobile-shop-ticket-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 250000;
    display: grid;
    grid-template-rows: auto 1fr;
    background: #f5f5f7;
    color: #111111;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif !important;
}

.mobile-shop-ticket-preview-modal * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif !important;
}

.mobile-shop-ticket-preview-modal[hidden] {
    display: none !important;
}

.mobile-shop-ticket-preview-modal-top {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    gap: 8px;
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px;
}

.mobile-shop-ticket-preview-modal-top button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(17,17,17,.1);
    border-radius: 999px;
    background: #ffffff;
    color: #111111;
    font-size: 18px;
}

.mobile-shop-ticket-preview-modal-top strong {
    text-align: center;
    font-size: 16px;
    font-weight: 780;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.mobile-shop-ticket-preview-modal-body {
    display: grid;
    place-items: center;
    padding: 18px 22px calc(34px + env(safe-area-inset-bottom, 0px));
}

#ticketPreviewModalMount {
    width: min(100%, 390px);
}

#ticketPreviewModalMount .mobile-shop-ticket-wallet-preview {
    width: 100%;
    margin: 0;
    border-radius: 20px;
    padding: 15px;
}

html body #ticketPreviewModal #ticketPreviewModalMount .mobile-shop-ticket-wallet-preview,
html body #ticketPreviewModal #ticketPreviewModalMount .mobile-shop-ticket-wallet-preview *,
html body #ticketPreviewModal #ticketPreviewModalMount .mobile-shop-ticket-wallet-preview strong,
html body #ticketPreviewModal #ticketPreviewModalMount .mobile-shop-ticket-wallet-preview span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #ticketPreviewModal #ticketPreviewModalMount .mobile-shop-ticket-wallet-preview small {
    color: rgba(255, 255, 255, 0.66) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.66) !important;
}

#ticketPreviewModalMount .mobile-shop-ticket-wallet-preview-main strong {
    font-size: 26px;
}

#ticketPreviewModalMount .mobile-shop-ticket-wallet-preview-grid strong {
    font-size: 17px;
}

#ticketPreviewModalMount .mobile-shop-ticket-wallet-preview-qr {
    width: 82px;
    height: 82px;
    margin-top: 8px;
}

.mobile-shop-add-item-primary-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
    margin-top: 8px;
}

.mobile-shop-add-item-primary-row:has(.mobile-shop-add-item-ticket-actions:not([hidden])) {
    grid-template-columns: minmax(0, 1fr) minmax(132px, 1.1fr);
}

.mobile-shop-add-item-primary-row:has(.mobile-shop-add-item-ticket-actions:not([hidden])) .mobile-shop-add-item-submit {
    min-height: 48px;
    margin-bottom: 0;
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 14px;
}

.mobile-shop-add-item-inline-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 10px;
    align-items: end;
}

.mobile-shop-add-item-field label,
.mobile-shop-add-item-option-label {
    color: var(--modal-text-color);
    font-weight: 600;
}

.mobile-shop-add-item-field > label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}

.mobile-shop-add-item-field input:not([type="checkbox"]),
.mobile-shop-add-item-field textarea,
.mobile-shop-add-item-field select {
    width: 100%;
    padding: 14px;
    border-radius: 12px;
    box-sizing: border-box;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.mobile-shop-add-item-field input:not([type="file"]):not([type="checkbox"]),
.mobile-shop-add-item-field select {
    font-size: 16px;
}

.mobile-shop-add-item-field input[type="file"] {
    font-size: 14px;
}

.mobile-shop-add-item-field textarea {
    resize: vertical;
    font-size: 16px;
    line-height: 1.5;
}

.mobile-shop-add-item-option-label {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    margin: 0 !important;
    padding: 14px 16px;
    border: 1px solid var(--mobile-shop-border) !important;
    border-radius: 14px;
    background: var(--mobile-shop-card-bg);
    color: var(--mobile-shop-text) !important;
    cursor: pointer;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    -webkit-text-fill-color: var(--mobile-shop-text) !important;
    -webkit-user-select: none;
    user-select: none;
}

.mobile-shop-add-item-option-label input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin: 0;
    cursor: pointer;
    accent-color: var(--primary-color);
}

.mobile-shop-add-item-option-label span {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    background: transparent !important;
    color: var(--mobile-shop-text) !important;
    -webkit-text-fill-color: var(--mobile-shop-text) !important;
}

.mobile-shop-add-item-note {
    margin: 8px 0 0;
    padding-left: 0;
    color: var(--modal-input-placeholder);
    background: transparent !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    -webkit-text-fill-color: var(--modal-input-placeholder);
}

.mobile-shop-add-item-file-card {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 62px;
    margin: 0 !important;
    padding: 12px;
    border: 1px solid var(--mobile-shop-border) !important;
    border-radius: 14px;
    background: var(--mobile-shop-card-bg);
    color: var(--mobile-shop-text) !important;
    cursor: pointer;
    -webkit-text-fill-color: var(--mobile-shop-text) !important;
}

.mobile-shop-add-item-file-card input[type="file"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 0.1px !important;
    height: 0.1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0.1px !important;
    max-height: 0.1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

.mobile-shop-add-item-file-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 12px;
    background: var(--mobile-shop-button-bg);
    color: var(--mobile-shop-text);
    -webkit-text-fill-color: var(--mobile-shop-text);
    font-size: 16px;
}

.mobile-shop-add-item-preview {
    display: none;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid var(--mobile-shop-border);
    border-radius: 12px;
    background: var(--mobile-shop-button-bg);
    object-fit: cover;
}

.mobile-shop-add-item-file-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

.mobile-shop-add-item-file-copy strong {
    overflow: hidden;
    color: var(--mobile-shop-text);
    font-size: 14px;
    font-weight: 780;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shop-add-item-file-copy small {
    overflow: hidden;
    color: var(--mobile-shop-muted);
    font-size: 12px;
    font-weight: 620;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shop-add-item-file-action {
    flex: 0 0 auto;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--primary-color, #f04e2f);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.mobile-shop-add-item-type-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 5px;
    border: 1px solid var(--mobile-shop-border);
    border-radius: 16px;
    background: var(--mobile-shop-card-bg);
}

.mobile-shop-add-item-type-toggle button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 44px;
    padding: 0 10px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--mobile-shop-text);
    -webkit-text-fill-color: var(--mobile-shop-text);
    font-size: 14px;
    font-weight: 800;
    opacity: 0.58;
}

.mobile-shop-add-item-type-toggle button.active {
    background: var(--primary-color, #f04e2f);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    opacity: 1;
}

.mobile-shop-add-item-type-toggle button i {
    font-size: 14px;
}

.mobile-shop-subscription-toggle {
    display: grid;
    /* Subscription is hidden on the form, so only One-time + Tickets show. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 5px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 14px;
    background: #f6f6f6;
}

.mobile-shop-subscription-toggle button {
    min-width: 0;
    min-height: 42px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #111111;
    -webkit-text-fill-color: #111111;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    opacity: 0.62;
}

.mobile-shop-subscription-toggle button.active {
    background: var(--manual-shop-accent, var(--primary-color, #f04e2f));
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 8px 18px rgba(240, 78, 47, 0.18);
    opacity: 1;
}

.mobile-shop-subscription-fields[hidden] {
    display: none !important;
}

.mobile-shop-subscription-fields.is-visible {
    display: block;
}

#customCategoryDiv {
    display: none;
}

#digitalFileSection {
    display: none;
    margin-bottom: 32px;
}

.mobile-shop-add-item-submit,
.mobile-shop-add-item-cancel {
    width: 100%;
    cursor: pointer;
    transition: all 0.3s;
}

.mobile-shop-add-item-submit {
    min-height: 56px;
    margin-bottom: 12px;
    padding: 18px;
    border: 0;
    border-radius: 14px;
    background: var(--primary-color, #f04e2f);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0 !important;
}

.mobile-shop-add-item-cancel {
    min-height: 48px;
    padding: 14px;
    border-radius: 14px;
    border: 2px solid var(--modal-cancel-border);
    background: transparent;
    color: var(--modal-cancel-text);
    -webkit-text-fill-color: var(--modal-cancel-text);
    font-size: 15px;
    font-weight: 600;
}

	                #addItemModal h2 {
	                    color: var(--mobile-shop-text) !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    font-weight: 780 !important;
    margin: 0 !important;
}

	                #addItemModal label {
	                    color: var(--mobile-shop-muted) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    margin-bottom: 7px !important;
}

#addItemModal .mobile-shop-add-item-option-label {
    color: var(--mobile-shop-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

#addItemModal .mobile-shop-add-item-file-card,
#addItemModal .mobile-shop-add-item-type-toggle {
    margin-bottom: 0 !important;
}

	                #addItemModal input,
	                #addItemModal textarea,
	                #addItemModal select {
	                    border: 1px solid var(--mobile-shop-border) !important;
	                    border-radius: 10px !important;
	                    background: var(--mobile-shop-card-bg) !important;
	                    color: var(--mobile-shop-text) !important;
	                    -webkit-text-fill-color: var(--mobile-shop-text) !important;
    font-size: 15px !important;
    font-weight: 620 !important;
    box-shadow: none !important;
}

#addItemModal input:not([type="checkbox"]):not([type="file"]),
#addItemModal select {
    min-height: 44px !important;
    padding: 0 13px !important;
}

#addItemModal textarea {
    min-height: 86px !important;
    padding: 13px !important;
    line-height: 1.4 !important;
}

#addItemModal .mobile-shop-add-item-file-card input[type="file"] {
    position: absolute !important;
    width: 0.1px !important;
    height: 0.1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

	                #addItemModal input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
	                    accent-color: var(--primary-color, var(--mobile-shop-text)) !important;
}

	                #addItemModal input:focus,
	                #addItemModal textarea:focus,
	                #addItemModal select:focus {
	                    border-color: var(--primary-color, var(--mobile-shop-border)) !important;
	                    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.10) !important;
}

#addItemModal button {
    box-shadow: none !important;
}

#addItemModal button[onclick*="submitAddItem"]:not(.mobile-shop-add-item-submit) {
    background: var(--mobile-shop-button-bg) !important;
    border: 1px solid var(--mobile-shop-border) !important;
    color: var(--mobile-shop-text) !important;
    -webkit-text-fill-color: var(--mobile-shop-text) !important;
    border-radius: 999px !important;
    min-height: 48px !important;
    font-size: 14px !important;
    font-weight: 780 !important;
    text-transform: none !important;
}

#addItemModal button[onclick*="closeAddItemModal"]:not(.mobile-shop-add-item-cancel) {
    background: transparent !important;
    border: 1px solid var(--mobile-shop-border) !important;
    color: var(--mobile-shop-muted) !important;
    -webkit-text-fill-color: var(--mobile-shop-muted) !important;
    border-radius: 999px !important;
}

/* Manual add-item form: fixed light-mode treatment. */
#addItemModal {
    background: #ffffff !important;
    color: #111111 !important;
    color-scheme: light !important;
    --manual-shop-accent: #f04e2f;
    --manual-shop-text: #111111;
    --manual-shop-muted: #5f5f5f;
    --manual-shop-border: #d7d7d7;
    --manual-shop-soft: #f4f4f4;
}

#addItemModal,
#addItemModal * {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#addItemModal .mobile-shop-add-item-scroll,
#addItemModal .mobile-shop-add-item-shell,
#addItemModal form {
    background: #ffffff !important;
    color: var(--manual-shop-text) !important;
    color-scheme: light !important;
}

#addItemModal .mobile-shop-add-item-topbar {
    background: #ffffff !important;
}

#addItemModal .mobile-shop-add-item-back,
#addItemModal .mobile-shop-add-item-file-card,
#addItemModal .mobile-shop-add-item-type-toggle,
#addItemModal input,
#addItemModal textarea,
#addItemModal select {
    border-color: var(--manual-shop-border) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: var(--manual-shop-text) !important;
    -webkit-text-fill-color: var(--manual-shop-text) !important;
    caret-color: var(--manual-shop-text) !important;
    color-scheme: light !important;
}

#addItemModal input:not([type="checkbox"]):not([type="file"]),
#addItemModal textarea,
#addItemModal select {
    -webkit-appearance: none !important;
    appearance: none !important;
}

#addItemModal select {
    padding-right: 34px !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #111111 50%),
        linear-gradient(135deg, #111111 50%, transparent 50%) !important;
    background-position:
        calc(100% - 18px) 19px,
        calc(100% - 12px) 19px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

#addItemModal input::placeholder,
#addItemModal textarea::placeholder {
    color: #8a8a8a !important;
    -webkit-text-fill-color: #8a8a8a !important;
    opacity: 1 !important;
}

#addItemModal .mobile-shop-add-item-topcopy strong,
#addItemModal .mobile-shop-add-item-file-copy strong {
    color: var(--manual-shop-text) !important;
    -webkit-text-fill-color: var(--manual-shop-text) !important;
}

#addItemModal .mobile-shop-add-item-topcopy span,
#addItemModal .mobile-shop-add-item-file-copy small,
#addItemModal .mobile-shop-add-item-note,
#addItemModal .mobile-shop-add-item-field > label {
    color: var(--manual-shop-muted) !important;
    -webkit-text-fill-color: var(--manual-shop-muted) !important;
}

#addItemModal .mobile-shop-add-item-file-icon,
#addItemModal .mobile-shop-add-item-preview {
    background: var(--manual-shop-soft) !important;
    border-color: var(--manual-shop-border) !important;
    color: var(--manual-shop-text) !important;
    -webkit-text-fill-color: var(--manual-shop-text) !important;
}

#addItemModal .mobile-shop-add-item-type-toggle button {
    background: transparent !important;
    color: var(--manual-shop-muted) !important;
    -webkit-text-fill-color: var(--manual-shop-muted) !important;
    opacity: 1 !important;
}

#addItemModal .mobile-shop-add-item-type-toggle button i,
#addItemModal .mobile-shop-add-item-type-toggle button span {
    color: var(--manual-shop-muted) !important;
    -webkit-text-fill-color: var(--manual-shop-muted) !important;
}

#addItemModal .mobile-shop-add-item-type-toggle button.active,
#addItemModal .mobile-shop-add-item-submit,
#addItemModal .mobile-shop-add-item-file-action {
    background: var(--manual-shop-accent) !important;
    border-color: var(--manual-shop-accent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#addItemModal .mobile-shop-add-item-type-toggle button.active i,
#addItemModal .mobile-shop-add-item-type-toggle button.active span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#addItemModal .mobile-shop-add-item-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
}

#addItemModal .mobile-shop-add-item-cancel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    margin-top: 10px !important;
    border: 1px solid var(--manual-shop-border) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: var(--manual-shop-text) !important;
    -webkit-text-fill-color: var(--manual-shop-text) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Final override for the manual item name field. Some mobile theme rules can
   repaint text after the general add-item input styles above. */
#addItemModal #itemName,
#addItemModal input#itemName,
#addItemModal #itemName:focus,
#addItemModal #itemName:active,
#addItemModal #itemName:not(:placeholder-shown) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    color-scheme: light !important;
}

#addItemModal #itemName::placeholder {
    color: #8a8a8a !important;
    -webkit-text-fill-color: #8a8a8a !important;
    opacity: 1 !important;
}

#addItemModal #itemName:-webkit-autofill,
#addItemModal #itemName:-webkit-autofill:hover,
#addItemModal #itemName:-webkit-autofill:focus,
#addItemModal #itemName:-webkit-autofill:active {
    -webkit-text-fill-color: #111111 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    caret-color: #111111 !important;
}


/* Final override for the manual item category select. The mobile theme can
   repaint selects dark after the base add-item form styles. */
#addItemModal #itemCategory,
#addItemModal select#itemCategory,
#addItemModal #itemCategory:focus,
#addItemModal #itemCategory:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    border-color: #d7d7d7 !important;
    caret-color: #111111 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    color-scheme: light !important;
}

#addItemModal #itemCategory option {
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Digital-only manual add form recovery overrides. */
#addItemModal .mobile-shop-add-item-inline-grid.is-single-field {
    grid-template-columns: 1fr !important;
}

#addItemModal #customCategoryDiv[hidden],
#addItemModal .mobile-shop-add-item-type-toggle {
    display: none !important;
}

#addItemModal #digitalFileSection.is-visible {
    display: block !important;
}

#addItemModal #digitalFileSection.is-hidden {
    display: none !important;
}

#addItemModal input:not([type="checkbox"]):not([type="file"]),
#addItemModal textarea,
#addItemModal select,
#addItemModal input:not([type="checkbox"]):not([type="file"]):focus,
#addItemModal textarea:focus,
#addItemModal select:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    color-scheme: light !important;
}

#addItemModal .mobile-shop-add-item-cancel,
#addItemModal .mobile-shop-add-item-cancel * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* Final manual add submit visibility override. Theme rules later in mobile can
   repaint button text-fill, so this stays at the end of this stylesheet. */
html body #addItemModal button.mobile-shop-add-item-submit,
html body #addItemModal .mobile-shop-add-item-submit,
html body #addItemModal .mobile-shop-add-item-submit * {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: center !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body #addItemModal .mobile-shop-subscription-toggle button.active,
html body #addItemModal .mobile-shop-subscription-toggle button[aria-pressed="true"] {
    background: var(--manual-shop-accent, var(--primary-color, #f04e2f)) !important;
    border-color: var(--manual-shop-accent, var(--primary-color, #f04e2f)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html body #addItemModal .mobile-shop-subscription-toggle button:not(.active):not([aria-pressed="true"]) {
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 0.72 !important;
}

/* Premium neutral add-item finish: remove owner accent color from the manual
   product sheet so the form reads black/white instead of red/orange. */
html body #addItemModal {
    --manual-shop-accent: #111111 !important;
    --manual-shop-text: #111111 !important;
    --manual-shop-muted: #6b6b6b !important;
    --manual-shop-border: #dedede !important;
    --manual-shop-soft: #f5f5f5 !important;
}

html body #addItemModal .mobile-shop-subscription-toggle {
    padding: 4px !important;
    border-color: #dedede !important;
    background: #f7f7f7 !important;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.02) !important;
}

html body #addItemModal .mobile-shop-subscription-toggle button {
    min-height: 41px !important;
    border-radius: 10px !important;
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
    font-weight: 760 !important;
    opacity: 1 !important;
}

html body #addItemModal .mobile-shop-subscription-toggle button.active,
html body #addItemModal .mobile-shop-subscription-toggle button[aria-pressed="true"],
html body #addItemModal .mobile-shop-add-item-type-toggle button.active {
    background: #ffffff !important;
    border-color: #111111 !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: inset 0 0 0 1px #111111, 0 6px 14px rgba(17, 17, 17, 0.06) !important;
    font-weight: 840 !important;
}

html body #addItemModal .mobile-shop-add-item-file-action {
    min-height: 36px !important;
    padding: 0 13px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: 0 3px 10px rgba(17, 17, 17, 0.05) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
}

html body #addItemModal .mobile-shop-add-item-submit,
html body #addItemModal button.mobile-shop-add-item-submit {
    position: relative !important;
    min-height: 58px !important;
    border: 1px solid #111111 !important;
    border-radius: 16px !important;
    background: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(17, 17, 17, 0.14) !important;
    font-size: 17px !important;
    font-weight: 820 !important;
    overflow: hidden !important;
}

html body #addItemModal .mobile-shop-add-item-submit::after,
html body #addItemModal button.mobile-shop-add-item-submit::after {
    content: attr(data-submit-label) !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font: inherit !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    text-align: center !important;
    pointer-events: none !important;
}

html body #addItemModal .mobile-shop-add-item-cancel {
    border-color: #dedede !important;
    background: #ffffff !important;
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
    box-shadow: none !important;
}

html body #addItemModal .mobile-shop-add-item-primary-row:has(.mobile-shop-add-item-ticket-actions:not([hidden])) {
    grid-template-columns: minmax(0, 1fr) minmax(132px, 1.1fr) !important;
    gap: 10px !important;
}

html body #addItemModal .mobile-shop-add-item-primary-row:has(.mobile-shop-add-item-ticket-actions:not([hidden])) .mobile-shop-add-item-submit {
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 840 !important;
}

html body #addItemModal .mobile-shop-add-item-primary-row .mobile-shop-ticket-preview-button,
html body #addItemModal .mobile-shop-add-item-primary-row .mobile-shop-ticket-color-control {
    min-height: 48px !important;
    height: 48px !important;
}

/* Premium manual product sheet finish. */
html body #addItemModal .mobile-shop-add-item-scroll {
    max-width: 430px !important;
    padding: calc(14px + env(safe-area-inset-top, 0px)) 18px calc(112px + env(safe-area-inset-bottom, 0px)) !important;
}

html body #addItemModal .mobile-shop-add-item-topbar {
    margin: 0 0 22px !important;
    padding: 2px 0 4px !important;
    gap: 14px !important;
}

html body #addItemModal .mobile-shop-add-item-back {
    width: 44px !important;
    height: 44px !important;
    background: #ffffff !important;
    border-color: #dedede !important;
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.05) !important;
}

html body #addItemModal .mobile-shop-add-item-topcopy strong {
    font-size: 18px !important;
    font-weight: 760 !important;
}

html body #addItemModal .mobile-shop-add-item-topcopy span {
    margin-top: 2px !important;
    color: #565656 !important;
    -webkit-text-fill-color: #565656 !important;
    font-size: 13px !important;
    font-weight: 620 !important;
}

html body #addItemModal .mobile-shop-add-item-field {
    margin-bottom: 16px !important;
}

html body #addItemModal .mobile-shop-add-item-field > label,
html body #addItemModal .mobile-shop-add-item-field label {
    margin-bottom: 8px !important;
    color: #161616 !important;
    -webkit-text-fill-color: #161616 !important;
    font-size: 13px !important;
    font-weight: 780 !important;
}

html body #addItemModal input:not([type="checkbox"]):not([type="file"]),
html body #addItemModal textarea,
html body #addItemModal select {
    min-height: 48px !important;
    border: 1px solid #dddddd !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(17, 17, 17, 0.025) !important;
    font-size: 15px !important;
    font-weight: 580 !important;
}

/* The rule above sets the background shorthand, which resets background-image
   and took the dropdown arrow with it — appearance is none, so the native one
   is gone too and a select read as a plain text box. Paint the caret back on
   after it. */
html body #addItemModal select {
    padding-right: 34px !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #111111 50%),
        linear-gradient(135deg, #111111 50%, transparent 50%) !important;
    background-position:
        calc(100% - 18px) calc(50% - 1px),
        calc(100% - 12px) calc(50% - 1px) !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

html body #addItemModal textarea {
    min-height: 112px !important;
    resize: none !important;
}

html body #addItemModal .mobile-shop-subscription-toggle {
    min-height: 52px !important;
    padding: 5px !important;
    border-radius: 16px !important;
    background: #f4f4f4 !important;
    border-color: #dedede !important;
}

html body #addItemModal .mobile-shop-subscription-toggle button {
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
}

html body #addItemModal .mobile-shop-subscription-toggle button.active,
html body #addItemModal .mobile-shop-subscription-toggle button[aria-pressed="true"] {
    background: #ffffff !important;
    border-color: #111111 !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: inset 0 0 0 1px #111111, 0 8px 20px rgba(17, 17, 17, 0.07) !important;
}

html body #addItemModal .mobile-shop-add-item-file-card {
    position: relative !important;
    min-height: 74px !important;
    padding: 12px 14px !important;
    border: 1px solid #dedede !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(17, 17, 17, 0.04) !important;
}

html body #addItemModal .mobile-shop-add-item-file-card:active {
    transform: scale(0.99) !important;
    background: #fafafa !important;
}

html body #addItemModal .mobile-shop-add-item-file-icon,
html body #addItemModal .mobile-shop-add-item-preview {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    background: #f5f5f5 !important;
}

html body #addItemModal .mobile-shop-add-item-file-icon i {
    font-size: 17px !important;
}

html body #addItemModal .mobile-shop-add-item-file-copy strong {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: 15px !important;
    font-weight: 780 !important;
}

html body #addItemModal .mobile-shop-add-item-file-copy small {
    margin-top: 3px !important;
    color: #767676 !important;
    -webkit-text-fill-color: #767676 !important;
    font-size: 12px !important;
    font-weight: 620 !important;
}

html body #addItemModal .mobile-shop-add-item-file-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 38px !important;
    height: 38px !important;
    min-width: 86px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid #d8d8d8 !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.06) !important;
    font-size: 13px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body #addItemModal .mobile-shop-add-item-note {
    margin-top: 8px !important;
    color: #5f5f5f !important;
    -webkit-text-fill-color: #5f5f5f !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    line-height: 1.35 !important;
}

html body #addItemModal #productTypeNote {
    display: none !important;
}

/* Says what the Event field does: tickets sharing an event are shown to buyers
   as one listing with a choice of tiers. Muted, so it reads as help text rather
   than another value in the form. */
html body #addItemModal .mobile-shop-ticket-event-hint {
    display: block !important;
    margin-top: 7px !important;
    color: #8a8a8a !important;
    -webkit-text-fill-color: #8a8a8a !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Tier rows: name, price, quantity per line, so one event carries every tier
   it sells without the owner creating a product for each. */
html body #addItemModal .mobile-shop-ticket-tiers {
    display: grid !important;
    gap: 8px !important;
}

html body #addItemModal .mobile-shop-ticket-tier {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

html body #addItemModal .mobile-shop-ticket-tier-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 86px 72px 34px !important;
    align-items: center !important;
    gap: 7px !important;
}

html body #addItemModal .mobile-shop-ticket-tier input {
    min-height: 44px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    font-size: 14px !important;
}

html body #addItemModal .mobile-shop-ticket-tier button[data-tier-remove] {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #9a9a9a !important;
    -webkit-text-fill-color: #9a9a9a !important;
    font-size: 14px !important;
}

html body #addItemModal .mobile-shop-ticket-tier textarea[data-tier-field="perks"] {
    width: 100% !important;
    min-height: 44px !important;
    resize: none !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
}

html body #addItemModal .mobile-shop-ticket-tier-add {
    min-height: 40px !important;
    margin-top: 9px !important;
    padding: 0 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px dashed #cfcfcf !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: 13px !important;
    font-weight: 760 !important;
}


/* ---- Life-size Apple Wallet preview ---------------------------------
   Sized like the pass in Wallet on an iPhone: full width up to 375pt,
   store-card layout, the strip at 375x123, QR at the bottom. Colours are
   pinned with !important because the modal id ends in "Modal" and the
   blanket repaint rules would otherwise force them. */
html body #ticketPreviewModal {
    background: #000000 !important;
    color: #ffffff !important;
}
html body #ticketPreviewModal .mobile-shop-ticket-preview-modal-top strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body #ticketPreviewModal .mobile-shop-ticket-preview-modal-top button {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: #1c1c1e !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body #ticketPreviewModal .mobile-shop-ticket-preview-modal-top button i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body #ticketPreviewModal .mobile-shop-ticket-preview-modal-body {
    align-content: start !important;
    padding: 6px 12px calc(30px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
html body #ticketPreviewModal #ticketPreviewModalMount {
    width: 100% !important;
    max-width: 375px !important;
}
html body #ticketPreviewModal .wp-stage {
    display: grid;
    gap: 14px;
    justify-items: center;
}
html body #ticketPreviewModal .wp-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 180px;
    padding: 3px;
    border-radius: 999px;
    background: #1c1c1e !important;
}
html body #ticketPreviewModal .wp-toggle button {
    height: 30px;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}
html body #ticketPreviewModal .wp-toggle button.is-active {
    background: #3a3a3c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body #ticketPreviewModal .wp-card {
    position: relative;
    width: 100%;
    min-height: 500px;
    border-radius: 12px;
    background: var(--wp-bg, #18181b) !important;
    color: var(--wp-fg, #ffffff) !important;
    overflow: hidden;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.55);
}
html body #ticketPreviewModal .wp-card,
html body #ticketPreviewModal .wp-card strong,
html body #ticketPreviewModal .wp-card span {
    color: var(--wp-fg, #ffffff) !important;
    -webkit-text-fill-color: var(--wp-fg, #ffffff) !important;
}
html body #ticketPreviewModal .wp-card small {
    display: block;
    color: var(--wp-label, #a1a1aa) !important;
    -webkit-text-fill-color: var(--wp-label, #a1a1aa) !important;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}
html body #ticketPreviewModal .wp-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 58px;
    padding: 0 14px;
}
html body #ticketPreviewModal .wp-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
html body #ticketPreviewModal .wp-logo {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.12);
    font-size: 16px;
    font-weight: 700;
}
html body #ticketPreviewModal .wp-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
html body #ticketPreviewModal .wp-logo-text {
    min-width: 0;
    overflow: hidden;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
    text-overflow: ellipsis;
}
html body #ticketPreviewModal .wp-header-field {
    flex: 0 0 auto;
    text-align: right;
}
html body #ticketPreviewModal .wp-header-field strong {
    display: block;
    margin-top: 3px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.1;
}
html body #ticketPreviewModal .wp-strip {
    position: relative;
    width: 100%;
    aspect-ratio: 375 / 123;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
}
html body #ticketPreviewModal .wp-strip.is-empty {
    aspect-ratio: auto;
    min-height: 92px;
}
html body #ticketPreviewModal .wp-strip:not(.is-empty)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.55) 100%);
}
html body #ticketPreviewModal .wp-primary {
    position: relative;
    width: 100%;
    padding: 0 14px 10px;
}
html body #ticketPreviewModal .wp-strip:not(.is-empty) .wp-primary small,
html body #ticketPreviewModal .wp-strip:not(.is-empty) .wp-primary strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
html body #ticketPreviewModal .wp-strip:not(.is-empty) .wp-primary small {
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}
html body #ticketPreviewModal .wp-primary strong {
    display: -webkit-box;
    margin-top: 4px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.01em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
html body #ticketPreviewModal .wp-secondary {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px 0;
}
html body #ticketPreviewModal .wp-secondary > div {
    min-width: 0;
}
html body #ticketPreviewModal .wp-secondary > div:last-child {
    text-align: right;
}
html body #ticketPreviewModal .wp-secondary strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
html body #ticketPreviewModal .wp-barcode {
    display: grid;
    justify-items: center;
    gap: 6px;
    width: 172px;
    margin: 34px auto 18px;
    padding: 8px 8px 6px;
    border-radius: 6px;
    background: #ffffff !important;
}
html body #ticketPreviewModal .wp-barcode img {
    display: block;
    width: 150px;
    height: 150px;
}
html body #ticketPreviewModal .wp-barcode span {
    max-width: 100%;
    overflow: hidden;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* Back of the pass: iOS grouped list on a light ground. */
html body #ticketPreviewModal .wp-card.is-back {
    background: #f2f2f7 !important;
    color: #111111 !important;
    padding: 16px 0 18px;
}
html body #ticketPreviewModal .wp-card.is-back,
html body #ticketPreviewModal .wp-card.is-back * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}
html body #ticketPreviewModal .wp-back-title {
    padding: 0 16px 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
}
html body #ticketPreviewModal .wp-back-group {
    margin: 0 12px;
    border-radius: 12px;
    background: #ffffff !important;
    overflow: hidden;
}
html body #ticketPreviewModal .wp-back-row {
    display: grid;
    grid-template-columns: minmax(96px, 0.8fr) minmax(0, 1.2fr);
    gap: 12px;
    padding: 11px 14px;
    border-bottom: 1px solid rgba(60, 60, 67, 0.16);
    background: #ffffff !important;
}
html body #ticketPreviewModal .wp-back-row:last-child {
    border-bottom: 0;
}
html body #ticketPreviewModal .wp-back-row.is-full {
    display: block;
}
html body #ticketPreviewModal .wp-back-row span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
}
html body #ticketPreviewModal .wp-back-row strong {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    text-align: right;
    color: rgba(60, 60, 67, 0.6) !important;
    -webkit-text-fill-color: rgba(60, 60, 67, 0.6) !important;
    word-break: break-word;
}
html body #ticketPreviewModal .wp-back-row.is-full strong {
    margin-top: 4px;
    text-align: left;
}
html body #ticketPreviewModal .wp-back-row.is-link strong {
    color: #3478f6 !important;
    -webkit-text-fill-color: #3478f6 !important;
}
html body #ticketPreviewModal .wp-note {
    max-width: 320px;
    margin: 0;
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

/* The blanket modal repaint whitens children of any "*Modal" id; pin the
   Wallet-black ground on every layer of the preview sheet. */
html body #ticketPreviewModal .mobile-shop-ticket-preview-modal-top,
html body #ticketPreviewModal .mobile-shop-ticket-preview-modal-body,
html body #ticketPreviewModal #ticketPreviewModalMount,
html body #ticketPreviewModal .wp-stage {
    background: #000000 !important;
}