:root {
    --space-20: 20px;
    /* Shared web typography; the font faces are served by fonts.css. */
    --ntf-font-family: 'Montserrat', sans-serif;
    --space-40: 40px;
    --page-section-gap: var(--space-20);
    --section-content-gap: var(--space-20);
    --event-detail-entity-name-size: 18px;
    --admin-heading-content-gap: var(--section-content-gap);
    --account-section-title-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
    --account-subsection-title-size: clamp(1.05rem, 1rem + 0.2vw, 1.2rem);
    --layout-wrapper-width: 90%;
    --layout-wrapper-width-mobile: 96%;
    --background-color: var(--ntf-color-000000);
    --text-color: var(--ntf-color-ffffff);
    --hr-color: var(--ntf-color-333333);
    --placeholder-color: var(--ntf-color-aaaaaa);
    --safe-area-top: 0px;
    --nav-flow-offset: calc(var(--nav-height) + var(--nav-chrome-block-padding) + var(--safe-area-top));
    --nav-viewport-offset: calc(var(--nav-flow-offset) + var(--safe-area-top));
    --input-accessory-bg: var(--ntf-color-444444);
    --native-select-option-bg: var(--ntf-color-ffffff);
    --native-select-option-text: var(--ntf-color-111111);
    --ui-disabled-opacity: 0.5;
    --ui-disabled-cursor: not-allowed;
    --with-sidebar-padding-left: 300px;
    --single-line-title-max-size: 64px;
    --carousel-title-slide-size: 64px;
    --ntf-color-000000: #000000;
    --ntf-color-ffffff: #ffffff;
    --ntf-color-333333: #333333;
    --nightify-avatar-gradient: radial-gradient(circle at 30% 22%, var(--ntf-color-666666) 0%, var(--ntf-color-333333) 42%, var(--ntf-color-111111) 100%);
    --ntf-color-aaaaaa: #aaaaaa;
    --ntf-color-444444: #444444;
    --ntf-color-cccccc: #cccccc;
    --ntf-color-555555: #555555;
    --ntf-color-rgba-255-255-255-0-08: rgba(255, 255, 255, 0.08);
    --ntf-color-rgba-0-0-0-0-5: rgba(0, 0, 0, 0.5);
    --ntf-color-rgba-255-255-255-0-16: rgba(255, 255, 255, 0.16);
    --ntf-color-rgba-255-255-255-0-35: rgba(255, 255, 255, 0.35);
    --ntf-color-rgba-0-0-0-0-55: rgba(0, 0, 0, 0.55);
    --ntf-color-rgba-255-255-255-0-2: rgba(255, 255, 255, 0.2);
    --ntf-color-rgba-255-255-255-0-25: rgba(255, 255, 255, 0.25);
    --ntf-color-rgba-255-255-255-0-3: rgba(255, 255, 255, 0.3);
    --ntf-color-rgba-0-0-0-0-35: rgba(0, 0, 0, 0.35);
    --ntf-color-rgba-255-255-255-0-12: rgba(255, 255, 255, 0.12);
    --ntf-color-rgba-0-0-0-0-08: rgba(0, 0, 0, 0.08);
    --ntf-color-rgba-0-0-0-0-8: rgba(0, 0, 0, 0.8);
    --ntf-color-fb1a3f: #fb1a3f;
    --ntf-color-rgba-251-26-63-0-15: rgba(251, 26, 63, 0.15);
    --ntf-color-rgba-0-200-83-0-15: rgba(0, 200, 83, 0.15);
    --ntf-color-6ddc6a: #6ddc6a;
    --ntf-color-rgba-255-215-0-0-15: rgba(255, 215, 0, 0.15);
    --ntf-color-ffd54f: #ffd54f;
    --ntf-color-rgba-96-125-139-0-15: rgba(96, 125, 139, 0.15);
    --ntf-color-90a4ae: #90a4ae;
    --ntf-color-rgba-138-43-226-0-15: rgba(138, 43, 226, 0.15);
    --ntf-color-b47cff: #b47cff;
    --ntf-color-rgba-0-123-255-0-15: rgba(0, 123, 255, 0.15);
    --ntf-color-3399ff: #3399ff;
    --ntf-color-rgba-255-87-34-0-15: rgba(255, 87, 34, 0.15);
    --ntf-color-ff7043: #ff7043;
    --ntf-color-rgba-66-133-244-0-15: rgba(66, 133, 244, 0.15);
    --ntf-color-5da4ff: #5da4ff;
    --ntf-color-rgba-233-30-99-0-15: rgba(233, 30, 99, 0.15);
    --ntf-color-ff5c8d: #ff5c8d;
    --ntf-color-rgba-255-255-255-0-1: rgba(255, 255, 255, 0.1);
    --ntf-color-rgba-0-255-150-0-12: rgba(0, 255, 150, 0.12);
    --ntf-color-rgba-255-0-0-0-12: rgba(255, 0, 0, 0.12);
    --ntf-color-222222: #222222;
    --ntf-color-111111: #111111;
    --ntf-color-999999: #999999;
    --ntf-color-f5f5f5: #f5f5f5;
    --ntf-color-070707: #070707;
    --ntf-color-rgba-255-255-255-0-06: rgba(255, 255, 255, 0.06);
    --ntf-color-1f1f1f: #1f1f1f;
    --ntf-color-bfbfbf: #bfbfbf;
    --ntf-color-8f8f8f: #8f8f8f;
    --ntf-color-rgba-255-255-255-0-14: rgba(255, 255, 255, 0.14);
    --ntf-color-rgba-255-255-255-0-96: rgba(255, 255, 255, 0.96);
    --ntf-color-rgba-255-255-255-0-55: rgba(255, 255, 255, 0.55);
    --ntf-color-rgba-255-255-255-0-28: rgba(255, 255, 255, 0.28);
    --ntf-color-050505: #050505;
    --ntf-color-rgba-255-255-255-0-02: rgba(255, 255, 255, 0.02);
    --ntf-color-rgba-255-255-255-0-32: rgba(255, 255, 255, 0.32);
    --ntf-color-rgba-0-0-0-0-42: rgba(0, 0, 0, 0.42);
    --ntf-color-rgba-255-255-255-0-5: rgba(255, 255, 255, 0.5);
    --ntf-color-rgba-255-255-255-0-75: rgba(255, 255, 255, 0.75);
    --ntf-color-rgba-251-26-63-0-4: rgba(251, 26, 63, 0.4);
    --ntf-color-rgba-20-20-20-0-96: rgba(20, 20, 20, 0.96);
    --ntf-color-rgba-10-10-10-0-96: rgba(10, 10, 10, 0.96);
    --ntf-color-rgba-251-26-63-0-5: rgba(251, 26, 63, 0.5);
    --ntf-color-rgba-0-0-0-0-18: rgba(0, 0, 0, 0.18);
    --ntf-color-rgba-251-26-63-0-75: rgba(251, 26, 63, 0.75);
    --ntf-color-rgba-251-26-63-0-28: rgba(251, 26, 63, 0.28);
    --ntf-color-rgba-251-26-63-0-18: rgba(251, 26, 63, 0.18);
    --ntf-color-rgba-251-26-63-0-08: rgba(251, 26, 63, 0.08);
    --ntf-color-141414: #141414;
    --ntf-color-090909: #090909;
    --ntf-color-rgba-26-26-26-0-98: rgba(26, 26, 26, 0.98);
    --ntf-color-rgba-12-12-12-0-98: rgba(12, 12, 12, 0.98);
    --ntf-color-rgba-0-0-0-0-28: rgba(0, 0, 0, 0.28);
    --ntf-color-rgba-34-34-34-0-98: rgba(34, 34, 34, 0.98);
    --ntf-color-rgba-18-18-18-0-98: rgba(18, 18, 18, 0.98);
    --ntf-color-d0d0d0: #d0d0d0;
    --ntf-color-0f0f0f: #0f0f0f;
    --ntf-color-rgba-255-255-255-0-04: rgba(255, 255, 255, 0.04);
    --ntf-color-rgba-255-255-255-0-68: rgba(255, 255, 255, 0.68);
    --ntf-color-rgba-255-255-255-0-72: rgba(255, 255, 255, 0.72);
    --ntf-color-2b2b2b: #2b2b2b;
    --ntf-color-777777: #777777;
    --ntf-color-0b0b0b: #0b0b0b;
    --ntf-color-9ca3af: #9ca3af;
    --ntf-color-2d2d2d: #2d2d2d;
    --ntf-color-373737: #373737;
    --ntf-color-3a3a3a: #3a3a3a;
    --ntf-color-484848: #484848;
    --ntf-color-rgba-0-0-0-0-2: rgba(0, 0, 0, 0.2);
    --ntf-color-888888: #888888;
    --ntf-color-3479eb: #3479eb;
    --ntf-color-ff3b30: #ff3b30;
    --ntf-color-ffdddd: #ffdddd;
    --ntf-color-cbd1e0: #cbd1e0;
    --ntf-color-9aa5c1: #9aa5c1;
    --ntf-color-bbbbbb: #bbbbbb;
    --ntf-color-ff4d4d: #ff4d4d;
    --ntf-color-dddddd: #dddddd;
    --ntf-color-f5f4f2: #f5f4f2;
    --ntf-color-b5b5be: #b5b5be;
    --ntf-color-2f2f2f: #2f2f2f;
    --ntf-color-f1f1f1: #f1f1f1;
    --ntf-color-151515: #151515;
    --ntf-color-rgba-45-32-71-0-35: rgba(45, 32, 71, 0.35);
    --ntf-color-rgba-248-248-248-0-9: rgba(248, 248, 248, 0.9);
    --ntf-color-2d2047: #2d2047;
    --ntf-color-120b2c: #120b2c;
    --ntf-color-666666: #666666;
    --ntf-color-rgba-0-0-0-0-46: rgba(0, 0, 0, 0.46);
    --ntf-color-rgba-0-0-0-0-7: rgba(0, 0, 0, 0.7);
    --ntf-color-rgba-255-255-255-0-9: rgba(255, 255, 255, 0.9);
    --ntf-color-rgba-255-255-255-0-58: rgba(255, 255, 255, 0.58);
    --ntf-color-rgba-0-0-0-0-1: rgba(0, 0, 0, 0.1);
    --ntf-color-171419: #171419;
    --ntf-color-efe9ed: #efe9ed;
    --ntf-color-rgba-28-28-31-0-98: rgba(28, 28, 31, 0.98);
    --ntf-color-rgba-10-10-12-0-98: rgba(10, 10, 12, 0.98);
    --ntf-color-rgba-245-245-245-0-9: rgba(245, 245, 245, 0.9);
    --ntf-color-rgba-0-0-0-0-94: rgba(0, 0, 0, 0.94);
    --ntf-color-rgba-0-0-0-0: rgba(0, 0, 0, 0);
    --ntf-color-rgba-36-36-40-0-99: rgba(36, 36, 40, 0.99);
    --ntf-color-rgba-14-14-16-0-99: rgba(14, 14, 16, 0.99);
    --ntf-color-rgba-0-0-0-0-38: rgba(0, 0, 0, 0.38);
    --ntf-color-rgba-255-255-255-0-18: rgba(255, 255, 255, 0.18);
    --ntf-color-rgba-251-26-63-0-45: rgba(251, 26, 63, 0.45);
    --ntf-color-rgba-251-26-63-0-2: rgba(251, 26, 63, 0.2);
    --ntf-color-rgba-251-26-63-0-12: rgba(251, 26, 63, 0.12);
    --ntf-color-rgba-255-255-255-0: rgba(255, 255, 255, 0);
    --ntf-color-rgba-226-42-74-0-35: rgba(226, 42, 74, 0.35);
    --ntf-color-e22a4a: #e22a4a;
    --ntf-color-e7eefb: #e7eefb;
    --ntf-color-ffd08a: #ffd08a;
    --ntf-color-rgba-255-208-138-0-24: rgba(255, 208, 138, 0.24);
    --ntf-color-92f0cd: #92f0cd;
    --ntf-color-rgba-146-240-205-0-24: rgba(146, 240, 205, 0.24);
    --ntf-color-b9b9b9: #b9b9b9;
    --ntf-color-rgba-18-18-18-0-9: rgba(18, 18, 18, 0.9);
    --ntf-color-rgba-7-7-7-0-96: rgba(7, 7, 7, 0.96);
    --ntf-color-rgba-7-7-10-0-08: rgba(7, 7, 10, 0.08);
    --ntf-color-rgba-7-7-10-0-22: rgba(7, 7, 10, 0.22);
    --ntf-color-rgba-7-7-10-0-62: rgba(7, 7, 10, 0.62);
    --ntf-color-rgba-0-0-0-0-02: rgba(0, 0, 0, 0.02);
    --ntf-color-rgba-0-0-0-0-12: rgba(0, 0, 0, 0.12);
    --ntf-color-rgba-0-0-0-0-72: rgba(0, 0, 0, 0.72);
    --ntf-color-rgba-255-255-255-0-86: rgba(255, 255, 255, 0.86);
    --ntf-color-262626: #262626;
    --ntf-color-c5c5c5: #c5c5c5;
    --ntf-color-e2e2e2: #e2e2e2;
    --ntf-color-1b1b1b: #1b1b1b;
    --ntf-color-b3b3b3: #b3b3b3;
    --ntf-color-rgba-34-197-94-0-15: rgba(34, 197, 94, 0.15);
    --ntf-color-rgba-34-197-94-0-4: rgba(34, 197, 94, 0.4);
    --ntf-color-rgba-255-191-0-0-15: rgba(255, 191, 0, 0.15);
    --ntf-color-rgba-255-191-0-0-4: rgba(255, 191, 0, 0.4);
    --ntf-color-rgba-239-68-68-0-15: rgba(239, 68, 68, 0.15);
    --ntf-color-rgba-239-68-68-0-4: rgba(239, 68, 68, 0.4);
    --ntf-color-facc15: #facc15;
    --ntf-color-ef4444: #ef4444;
    --ntf-color-2a2a2a: #2a2a2a;
    --ntf-color-22c55e: #22c55e;
    --ntf-color-8f8d97: #8f8d97;
    --ntf-color-4db6ac: #4db6ac;
    --ntf-color-rgba-38-8-16-0-98: rgba(38, 8, 16, 0.98);
    --ntf-color-rgba-20-3-9-0-98: rgba(20, 3, 9, 0.98);
    --ntf-color-rgba-255-122-149-0-16: rgba(255, 122, 149, 0.16);
    --ntf-color-rgba-0-0-0-0-3: rgba(0, 0, 0, 0.3);
    --ntf-color-rgba-251-26-63-0-02: rgba(251, 26, 63, 0.02);
    --ntf-color-rgba-251-26-63-0-008: rgba(251, 26, 63, 0.008);
    --ntf-color-rgba-251-26-63-0: rgba(251, 26, 63, 0);
    --ntf-color-rgba-13-14-16-0-995: rgba(13, 14, 16, 0.995);
    --ntf-color-rgba-8-9-11-0-998: rgba(8, 9, 11, 0.998);
    --ntf-color-050608: #050608;
    --ntf-color-rgba-255-255-255-0-05: rgba(255, 255, 255, 0.05);
    --ntf-color-rgba-251-26-63-0-005: rgba(251, 26, 63, 0.005);
    --ntf-color-rgba-251-26-63-0-05: rgba(251, 26, 63, 0.05);
    --ntf-color-rgba-251-26-63-0-03: rgba(251, 26, 63, 0.03);
    --ntf-color-d5cfd2: #d5cfd2;
    --ntf-color-9d9599: #9d9599;
    --ntf-color-rgba-0-0-0-0-6: rgba(0, 0, 0, 0.6);
    --ntf-color-db2e78: #db2e78;
    --ntf-color-7b35ff: #7b35ff;
    --ntf-color-2f63ff: #2f63ff;
    --ntf-color-1f9dff: #1f9dff;
    --ntf-color-rgba-255-227-122-0-78: rgba(255, 227, 122, 0.78);
    --ntf-color-rgba-255-200-87-0-92: rgba(255, 200, 87, 0.92);
    --ntf-color-rgba-255-182-66-0-45: rgba(255, 182, 66, 0.45);
    --ntf-color-rgba-255-216-124-0-55: rgba(255, 216, 124, 0.55);
    --ntf-color-fff4cf: #fff4cf;
    --ntf-color-f2f2f2: #f2f2f2;
    --ntf-color-dbdbdb: #dbdbdb;
    --ntf-color-fb5a7d: #fb5a7d;
    --ntf-color-ff6b6b: #ff6b6b;
    --ntf-color-rgba-8-12-18-0-28: rgba(8, 12, 18, 0.28);
    --ntf-color-rgba-18-23-31-0-45: rgba(18, 23, 31, 0.45);
    --ntf-color-1a1a1a: #1a1a1a;
    --ntf-color-rgba-38-8-16-0-82: rgba(38, 8, 16, 0.82);
    --ntf-color-rgba-20-3-9-0-82: rgba(20, 3, 9, 0.82);
    --ntf-color-rgba-0-0-0-0-32: rgba(0, 0, 0, 0.32);
    --ntf-color-202020: #202020;
    --ntf-color-f7f7f7: #f7f7f7;
    --ntf-color-a7a7a7: #a7a7a7;
    --ntf-color-f0f0f0: #f0f0f0;
    --ntf-color-ff8484: #ff8484;
    --ntf-color-bcbcbc: #bcbcbc;
    --ntf-color-d2d2d2: #d2d2d2;
    --ntf-color-cfcfcf: #cfcfcf;
    --ntf-color-e5e5e5: #e5e5e5;
    --ntf-color-rgba-0-0-0-0-04: rgba(0, 0, 0, 0.04);
    --ntf-color-eaeaea: #eaeaea;
    --ntf-color-e4e6f1: #e4e6f1;
    --ntf-color-rgba-29-53-125-0-12: rgba(29, 53, 125, 0.12);
    --ntf-color-1a1f4b: #1a1f4b;
    --ntf-color-e9ecf7: #e9ecf7;
    --ntf-color-f7f8fd: #f7f8fd;
    --ntf-color-6b7285: #6b7285;
    --ntf-color-3057f2: #3057f2;
    --ntf-color-e6e9f6: #e6e9f6;
    --ntf-color-9aa3b8: #9aa3b8;
    --ntf-color-e7ecff: #e7ecff;
    --ntf-color-rgba-24-30-60-0-95: rgba(24, 30, 60, 0.95);
    --ntf-color-rgba-8-13-34-0-45: rgba(8, 13, 34, 0.45);
    --ntf-color-f5f7ff: #f5f7ff;
    --ntf-color-rgba-36-44-90-0-85: rgba(36, 44, 90, 0.85);
    --ntf-color-rgba-231-235-255-0-75: rgba(231, 235, 255, 0.75);
    --ntf-color-rgba-88-102-177-0-4: rgba(88, 102, 177, 0.4);
    --ntf-color-c5d1ff: #c5d1ff;
    --ntf-color-e3ecff: #e3ecff;
    --ntf-color-edf2ff: #edf2ff;
    --ntf-color-f5f0ff: #f5f0ff;
    --ntf-color-dce9ff: #dce9ff;
    --ntf-color-e8f0ff: #e8f0ff;
    --ntf-color-f3f6ff: #f3f6ff;
    --ntf-color-ede8ff: #ede8ff;
    --ntf-color-f1f4ff: #f1f4ff;
    --ntf-color-e6f5ff: #e6f5ff;
    --ntf-color-rgba-29-53-125-0-2: rgba(29, 53, 125, 0.2);
    --ntf-color-rgba-255-255-255-0-65: rgba(255, 255, 255, 0.65);
    --ntf-color-2b388f: #2b388f;
    --ntf-color-rgba-26-31-75-0-8: rgba(26, 31, 75, 0.8);
    --ntf-color-rgba-59-75-130-0-85: rgba(59, 75, 130, 0.85);
    --ntf-color-rgba-39-51-102-0-92: rgba(39, 51, 102, 0.92);
    --ntf-color-rgba-26-34-76-0-95: rgba(26, 34, 76, 0.95);
    --ntf-color-rgba-64-83-145-0-9: rgba(64, 83, 145, 0.9);
    --ntf-color-rgba-52-70-128-0-9: rgba(52, 70, 128, 0.9);
    --ntf-color-rgba-41-56-108-0-92: rgba(41, 56, 108, 0.92);
    --ntf-color-rgba-68-64-134-0-9: rgba(68, 64, 134, 0.9);
    --ntf-color-rgba-56-74-132-0-9: rgba(56, 74, 132, 0.9);
    --ntf-color-rgba-45-86-142-0-92: rgba(45, 86, 142, 0.92);
    --ntf-color-e2e7ff: #e2e7ff;
    --ntf-color-rgba-242-244-255-0-85: rgba(242, 244, 255, 0.85);
    --ntf-color-rgba-99-99-99-0-6: rgba(99, 99, 99, 0.6);
    --ntf-color-rgba-210-210-210-0-9: rgba(210, 210, 210, 0.9);
    --ntf-color-rgba-80-80-80-0-6: rgba(80, 80, 80, 0.6);
    --ntf-color-rgba-110-110-110-0-9: rgba(110, 110, 110, 0.9);
    --ntf-color-d9534f: #d9534f;
    --ntf-color-ff7b7b: #ff7b7b;
    --ntf-color-f9c6cf: #f9c6cf;
    --ntf-color-fdf2f5: #fdf2f5;
    --ntf-color-b4233f: #b4233f;
    --ntf-color-rgba-0-0-0-0-05: rgba(0, 0, 0, 0.05);
    --ntf-color-eceef4: #eceef4;
    --ntf-color-1f8f5f: #1f8f5f;
    --ntf-color-d93025: #d93025;
    --ntf-color-f4f4f4: #f4f4f4;
    --ntf-color-b5b5b5: #b5b5b5;
    --ntf-color-ff4a67: #ff4a67;
    --ntf-color-e0d9cf: #e0d9cf;
    --ntf-color-fefbf7: #fefbf7;
    --ntf-color-2c1a0b: #2c1a0b;
    --ntf-color-f0e6db: #f0e6db;
    --ntf-color-fdf9f4: #fdf9f4;
    --ntf-color-e0d2c1: #e0d2c1;
    --ntf-color-e3e3e3: #e3e3e3;
    --ntf-color-f8f9ff: #f8f9ff;
    --ntf-color-c8cdfc: #c8cdfc;
    --ntf-color-1877f2: #1877f2;
    --ntf-color-25d366: #25d366;
    --ntf-color-5c6bff: #5c6bff;
    --ntf-color-5c667a: #5c667a;
    --ntf-color-rgba-255-255-255-0-45: rgba(255, 255, 255, 0.45);
    --ntf-color-rgba-53-20-49-0-08: rgba(53, 20, 49, 0.08);
    --ntf-color-2ecc71: #2ecc71;
    --ntf-color-e74c3c: #e74c3c;
    --ntf-color-rgba-0-0-0-0-75: rgba(0, 0, 0, 0.75);
    --ntf-color-rgba-0-0-0-0-25: rgba(0, 0, 0, 0.25);
    --ntf-color-d9d9d9: #d9d9d9;
    --ntf-color-7a7a7a: #7a7a7a;
    --ntf-color-rgba-122-122-122-0-2: rgba(122, 122, 122, 0.2);
    --ntf-color-d0021b: #d0021b;
    --ntf-color-e0e0e0: #e0e0e0;
    --ntf-color-363636: #363636;
    --ntf-color-f3f3f3: #f3f3f3;
    --ntf-color-ededed: #ededed;
    --ntf-color-b49bc3: #b49bc3;
    --ntf-color-rgba-245-93-151-0-55: rgba(245, 93, 151, 0.55);
    --ntf-color-de1b3d: #de1b3d;
    --ntf-color-a7132d: #a7132d;
    --ntf-color-rgba-175-28-58-0-4: rgba(175, 28, 58, 0.4);
    --ntf-color-rgba-255-138-182-0-8: rgba(255, 138, 182, 0.8);
    --ntf-color-rgba-210-45-86-0-45: rgba(210, 45, 86, 0.45);
    --ntf-color-rgba-255-255-255-0-6: rgba(255, 255, 255, 0.6);
    --ntf-color-rgba-255-196-219-0-95: rgba(255, 196, 219, 0.95);
    --ntf-color-rgba-255-145-187-0-35: rgba(255, 145, 187, 0.35);
    --ntf-color-9d9d9d: #9d9d9d;
    --ntf-color-3c3c3c: #3c3c3c;
    --ntf-color-d5d5d5: #d5d5d5;
    --ntf-color-b1b1b1: #b1b1b1;
    --ntf-color-5a5a5a: #5a5a5a;
    --ntf-color-eec8ff: #eec8ff;
    --ntf-color-171717: #171717;
    --ntf-color-676767: #676767;
    --ntf-color-5f5f5f: #5f5f5f;
    --ntf-color-303030: #303030;
    --ntf-color-959595: #959595;
    --ntf-color-afafaf: #afafaf;
    --ntf-color-ac1430: #ac1430;
    --ntf-color-rgba-217-30-62-0-34: rgba(217, 30, 62, 0.34);
    --ntf-color-1e1e1e: #1e1e1e;
    --ntf-color-191919: #191919;
    --ntf-color-4a4a4a: #4a4a4a;
    --ntf-color-1d1d1d: #1d1d1d;
    --ntf-color-292929: #292929;
    --ntf-color-bdbdbd: #bdbdbd;
    --ntf-color-1c1c1c: #1c1c1c;
    --ntf-color-707070: #707070;
    --ntf-color-3f3f3f: #3f3f3f;
    --ntf-color-d8d8d8: #d8d8d8;
    --ntf-color-8a8a8a: #8a8a8a;
    --ntf-color-3b3b3b: #3b3b3b;
    --ntf-color-a0a0a0: #a0a0a0;
    --ntf-color-161616: #161616;
    --ntf-color-2c2c2c: #2c2c2c;
    --ntf-color-ff9898: #ff9898;
    --ntf-color-8bdfa8: #8bdfa8;
    --ntf-color-131313: #131313;
    --ntf-color-4f4f4f: #4f4f4f;
    --ntf-color-d4d4d4: #d4d4d4;
    --ntf-color-5f6570: #5f6570;
    --ntf-color-505661: #505661;
    --ntf-color-424852: #424852;
    --ntf-color-3ea8ff: #3ea8ff;
    --ntf-color-rgba-62-168-255-0-35: rgba(62, 168, 255, 0.35);
    --ntf-color-4b4b4b: #4b4b4b;
    --ntf-color-rgba-255-255-255-0-8: rgba(255, 255, 255, 0.8);
    --ntf-color-b9f6ce: #b9f6ce;
    --ntf-color-rgba-145-238-176-0-55: rgba(145, 238, 176, 0.55);
    --ntf-color-rgba-52-125-77-0-22: rgba(52, 125, 77, 0.22);
    --ntf-color-3d3d3d: #3d3d3d;
    --ntf-color-a8a8a8: #a8a8a8;
    --ntf-color-b7b7b7: #b7b7b7;
    --ntf-color-89d79f: #89d79f;
    --ntf-color-ff8f8f: #ff8f8f;
    --ntf-color-c4c4c4: #c4c4c4;
    --ntf-color-6b6b6b: #6b6b6b;
    --ntf-color-adadad: #adadad;
    --ntf-color-181818: #181818;
    --ntf-color-ababab: #ababab;
    --ntf-color-b287ca: #b287ca;
    --ntf-color-rgba-0-0-0-0-9: rgba(0, 0, 0, 0.9);
    --ntf-color-eeeeee: #eeeeee;
    --ntf-color-28a745: #28a745;
    --ntf-color-e9c46a: #e9c46a;
    --ntf-color-9aa0a6: #9aa0a6;
    --ntf-color-ff7a8f: #ff7a8f;
    --ntf-color-rgba-251-26-63-0-65: rgba(251, 26, 63, 0.65);
    --ntf-color-ff99ab: #ff99ab;
    --ntf-color-rgba-233-196-106-0-6: rgba(233, 196, 106, 0.6);
    --ntf-color-9e9e9e: #9e9e9e;
}

.wrapper {
    width: var(--layout-wrapper-width, 90%);
    margin: auto
}
@media screen and (max-width: 736px) {
    .wrapper {
        width: var(--layout-wrapper-width-mobile, 96%);
    }
}

.card-rail-section-shell {
    width: 95%;
    margin-left: 5%;
    overflow: hidden;
}

@media screen and (max-width: 736px) {
    .card-rail-section-shell {
        width: 97.5%;
        margin-left: 2.5%
    }
}

.card-rail-section-shell .large-12 {
    padding-top: 0;
}

.card-rail-section {
    min-width: 0;
}

.card-rail-heading,
.card-rail-heading .textupper {
    display: block;
    margin: 0;
}

.card-rail-section > .service-items {
    margin-top: 0;
}

*, *::before, *::after {
        box-sizing: border-box;
}

[hidden] {
        display: none !important;
}

.cookie-choice-info--header {
        position: fixed;
        width: 100%;
        background-color: var(--ntf-color-eeeeee);
        margin: 0;
        left: 0;
        top: 0;
        padding: 4px;
        z-index: 1000;
        text-align: center;
}

.cookie-choice-info__glass {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        top: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        background-color: var(--ntf-color-cccccc);
}

.cookie-choice-info__dialog {
        z-index: 1000;
        position: fixed;
        left: 50%;
        top: 50%;
}

.cookie-choice-info__content {
        position: relative;
        left: -50%;
        margin-top: -25%;
        background-color: var(--ntf-color-ffffff);
        padding: 20px;
        box-shadow: 4px 4px 25px var(--ntf-color-888888);
}

.cookie-choice-info__dismiss {
        display: block;
        text-align: right;
        margin-top: 8px;
}

.cookie-choice-info__action--dismiss {
        margin-left: 24px;
}

.cookie-choice-info__action--info {
        margin-left: 8px;
}

@supports (padding-top: env(safe-area-inset-top)) {
                :root {
                                --safe-area-top: env(safe-area-inset-top);
                }
}

@supports (padding-top: constant(safe-area-inset-top)) {
                :root {
                                --safe-area-top: constant(safe-area-inset-top);
                }
}

body.light {
        --background-color: var(--ntf-color-ffffff);
        --text-color: var(--ntf-color-000000);
        --hr-color: var(--ntf-color-cccccc);
        --placeholder-color: var(--ntf-color-555555);
        color-scheme: light;
}

body.dark {
        --background-color: var(--ntf-color-000000);
        --text-color: var(--ntf-color-ffffff);
        --hr-color: var(--ntf-color-333333);
        --placeholder-color: var(--ntf-color-aaaaaa);
        color-scheme: dark;
}
html, body {
        height: 100%;
        background: var(--background-color) !important;
        margin: 0;
        padding: 0;
}

body {
        display: flow-root;
        box-sizing: border-box;
                padding-top: var(--safe-area-top);
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
        padding-bottom: env(safe-area-inset-bottom, 0px);
}

body > header.main-header {
        margin-top: var(--nav-flow-offset);
}

button,
input,
select,
textarea {
        font: inherit;
        color: inherit;
}

a {
        outline: none;
}

a:focus {
        outline: none;
}

a img {
        border: none;
}

.back-link {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color: var(--ntf-color-ffffff);
        font-weight: 600;
        font-family: var(--ntf-font-family);
        font-size: 1rem;
        text-decoration: none;
        letter-spacing: 0.01em;
        transition: color 0.2s ease;
}

.back-link:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
        border-radius: 999px;
}

.back-link__label {
        line-height: 1;
        font-size: 0.95rem;
}

.back-link__icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid var(--ntf-color-ffffff);
        background: var(--ntf-color-rgba-255-255-255-0-08);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        line-height: 1;
        color: currentColor;
        box-shadow: 0 12px 26px var(--ntf-color-rgba-0-0-0-0-5);
        transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.back-link__icon .zmdi {
        font-size: 1.25rem;
        line-height: 1;
}

.back-link:hover .back-link__icon,
.back-link:focus-visible .back-link__icon {
        background: var(--ntf-color-rgba-255-255-255-0-16);
        border-color: var(--ntf-color-rgba-255-255-255-0-35);
        transform: translateX(-2px);
        box-shadow: 0 16px 28px var(--ntf-color-rgba-0-0-0-0-55);
}

body:not(.dark) .back-link {
        color: var(--ntf-color-ffffff);
}

body:not(.dark) .back-link__icon {
        border: 1px solid var(--ntf-color-ffffff);
        background: var(--ntf-color-rgba-255-255-255-0-2);
        box-shadow: 0 10px 18px var(--ntf-color-rgba-255-255-255-0-25);
}

body:not(.dark) .back-link:hover .back-link__icon,
body:not(.dark) .back-link:focus-visible .back-link__icon {
        background: var(--ntf-color-rgba-255-255-255-0-3);
        box-shadow: 0 10px 18px var(--ntf-color-rgba-255-255-255-0-25);
}

img {
    image-orientation: from-image;
}

ul, li{
    list-style:none;
    outline: none;
}

figure, abbr {
    margin: 0;
    padding: 0
}

input:focus, textarea:focus{
 outline:none;
}

.events-empty-state {
        padding: 60px 20px;
        max-width: 480px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;
        color: var(--ntf-color-ffffff);
}

.events-empty-state__icon {
        width: 144px;
        max-width: 100%;
}

.events-empty-state__icon svg {
        display: block;
        width: 100%;
        height: auto;
}

.events-empty-state__icon > img {
        display: block;
        width: 100%;
}

.events-empty-state__text {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
}

.events-empty-state--compact {
        padding: 32px 16px;
        gap: 18px;
        max-width: 360px;
}

.events-empty-state--compact .events-empty-state__icon {
        width: 112px;
}

.events-empty-state--compact .events-empty-state__text {
        font-size: 15px;
}


hr{
        margin-top: 15px;
        margin-bottom: 15px;
        border: 0;
        border-top: 1px solid var(--hr-color);
        width: 100%
}

.placeholder{
  color: var(--placeholder-color);
}

.clear{
    clear:both;
}

.displblo{
    display:block !important;
}

.h60{
    height: 60px !important;
}

.h100{
    height: 100px !important;
}

.h120{
    height: 120px !important;
}

.h140{
    height: 140px !important;
}

.h150{
    height: 150px !important;
}

.maxwidth{
    width: 100% !important;
}

.img-responsive{
    max-width: 100%;
    height: auto;
}

.img-max-100{
    max-width: 100px;
    height: auto;
}

.clickable-row{
    cursor: pointer;
}

.iframe-borderless{
    border: 0;
}

.text-center{
    text-align: center !important;
}

.text-right{
    text-align: right;
}

.field-reset{
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.js-phone-country-input{
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.total-price{
    padding-left:10px;
    padding-right:10px;
}

.paddingt0{
    padding-top:0px !important;
}

.padding0{
    padding: 0px !important;
}
.paddingb0{
    padding-bottom:0px !important;
}

.paddingt10{
    padding-top: 10px !important;
}

.paddingb10{
    padding-bottom: 10px !important;
}

.paddingt20{
    padding-top:var(--space-20) !important;
}

.paddingb20{
    padding-bottom:var(--space-20) !important;
}

.paddingt40{
    padding-top:var(--space-40) !important;
}

.paddingb40{
    padding-bottom:var(--space-40) !important;
}

.paddingb60{
    padding-bottom:60px;
}

.paddingb80{
    padding-bottom:80px;
}

.margint0{
    margin-top: 0px !important;
}

.marginb0{
    margin-bottom: 0px !important;
}

.margint10{
    margin-top: 10px !important;
}

.margint5{
    margin-top: 5px !important;
}

.marginb10{
    margin-bottom: 10px !important;
}

.marginl5{
    margin-left: 5px !important;
}

.marginr6{
    margin-right: 6px !important;
}

.fontsize100{
    font-size: 100px !important;
}

.text-justify{
    text-align: justify;
}

.buyer-total-container{
    display: block;
    position: relative;
    margin-top: 5px;
}

.margint20{
    margin-top:var(--space-20) !important;
}

.marginb20{
    margin-bottom:var(--space-20) !important;
}

.page-section-stack,
.section-content-stack {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.page-section-stack {
    gap: var(--page-section-gap);
}

.page-section-stack--page-inset {
    padding-block: var(--section-content-gap);
}

.section-content-stack {
    gap: var(--section-content-gap);
}

:is(.page-section-stack, .section-content-stack, .flex-stack) > * {
    margin-block: 0 !important;
    min-width: 0;
}

.flex-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.layout-gap--0 {
    gap: 0;
}

.layout-gap--4 {
    gap: 4px;
}

.layout-gap--6 {
    gap: 6px;
}

.layout-gap--8 {
    gap: 8px;
}

.layout-gap--10 {
    gap: 10px;
}

.layout-gap--12 {
    gap: 12px;
}

.layout-gap--16 {
    gap: 16px;
}

.layout-gap--18 {
    gap: 18px;
}

.plain-list-stack {
    list-style: none;
    margin: 0;
    padding: 0;
}

.flex-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.row-cluster {
    display: flex;
    align-items: center;
    gap: 12px;
}

.account-info-row,
.split-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.split-row--wrap {
    flex-wrap: wrap;
}

.split-row--center {
    align-items: center;
}

.auto-fit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.auto-fit-grid--wide {
    gap: 20px;
}

.page-narrow-column {
    box-sizing: border-box;
    width: 66.666666667%;
    min-width: 0;
    margin-inline: auto;
    padding-block: calc(var(--space-20) / 2);
}

.event-detail {
    --event-detail-hero-block-offset: clamp(30px, 3vw, 48px);
    --event-detail-sticky-top: var(--nav-viewport-offset);
    --event-detail-sticky-bottom-gap: calc(var(--section-content-gap) / 2);
    --event-detail-sticky-max-height: calc(100vh - var(--event-detail-sticky-top) - var(--event-detail-hero-block-offset) - var(--event-detail-sticky-bottom-gap));
}

@supports (height: 100dvh) {
    .event-detail {
        --event-detail-sticky-max-height: calc(100dvh - var(--event-detail-sticky-top) - var(--event-detail-hero-block-offset) - var(--event-detail-sticky-bottom-gap));
    }
}

.event-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: stretch;
    gap: var(--section-content-gap);
    min-width: 0;
}

/* Canonical blurred event hero backdrop: the host anchors it, the content
   wrapper stays above it without opening a stacking context so fixed overlays
   inside the page keep escaping to the viewport. */
.event-hero-backdrop-host {
    position: relative;
    overflow-x: clip;
}

.event-hero-backdrop-host > .wrapper,
.event-hero-backdrop-host > form > .wrapper {
    position: relative;
}

.event-hero-backdrop {
    position: absolute;
    top: -72px;
    right: -4%;
    left: -4%;
    height: clamp(500px, 62vw, 760px);
    background-position: center 28%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(50px);
    opacity: 0.4;
    transform: scale(1.08);
    transform-origin: top center;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.72) 58%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.72) 58%, transparent 100%);
}

.event-detail-layout > * {
    min-width: 0;
}

.event-detail .eventdetail-summary {
    padding-top: var(--event-detail-hero-block-offset);
}

.event-detail .eventdetail-summary .servizio-titolo {
    margin: 6px 0 !important;
    max-width: 18ch;
    font-size: clamp(44px, 4.2vw, 60px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.04em;
}

@media screen and (min-width: 1025px) {
    .event-detail .event-detail-layout > :first-child {
        padding-top: var(--event-detail-hero-block-offset);
    }
}

.event-detail .event-detail-sections {
    --event-detail-section-block-spacing: clamp(32px, 4vw, 40px);
    gap: 0;
}

.event-detail .event-detail-sections > .section-content-stack {
    gap: var(--section-content-gap);
    padding-block: var(--event-detail-section-block-spacing);
    scroll-margin-top: calc(var(--nav-viewport-offset) + var(--event-detail-section-block-spacing));
}

.event-detail .event-detail-sections > .section-content-stack > h3 {
    font-size: clamp(24px, 2vw, 28px);
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.event-detail .event-detail-sections > .section-content-stack:not(:first-child) {
    border-top: 1px solid var(--ntf-color-262626);
}

.event-detail .event-detail-sections > .section-content-stack:first-child {
    padding-top: 0;
}

.event-detail .event-detail-sections > .section-content-stack:last-child {
    padding-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .page-narrow-column {
        width: 100%;
    }

    .event-detail-layout,
    .auto-fit-grid--stack-until-desktop {
        grid-template-columns: minmax(0, 1fr);
    }

    .event-detail #images {
        width: 100vw;
        max-width: none;
        margin-inline: calc(50% - 50vw);
    }

    .event-hero-backdrop {
        top: -48px;
        right: -14%;
        left: -14%;
        height: clamp(960px, calc(90vw + 300px), 1220px);
        filter: blur(50px);
        opacity: 0.4;
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.82) 72%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.82) 72%, transparent 100%);
    }

    .event-detail .eventdetail-summary {
        padding-top: var(--section-content-gap);
    }

    .event-detail .event-detail-sections > .section-content-stack:first-child {
        padding-top: var(--event-detail-section-block-spacing);
    }
}

@media screen and (max-width: 736px) {
    .event-hero-backdrop {
        top: -72px;
        right: -24%;
        left: -24%;
        height: clamp(620px, 112vh, 880px);
        background-position: center top;
        filter: blur(60px) saturate(1.15);
        opacity: 0.5;
        transform: scale(1.14);
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.82) 64%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.82) 64%, transparent 100%);
    }

    .event-detail .eventdetail-summary .servizio-titolo {
        max-width: none;
        font-size: 36px;
        line-height: 1.08;
    }
}

.grid-stack {
    display: grid;
    gap: 12px;
}

.grid-item--full-row {
    grid-column: 1 / -1;
}

.inline-cluster {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.stacked-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.block-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

:is(.page-section-stack, .section-content-stack) > .buckets {
    row-gap: var(--section-content-gap);
}

:is(.page-section-stack, .section-content-stack) > .buckets > [class^="large-"],
:is(.page-section-stack, .section-content-stack).buckets > [class^="large-"] {
    padding-top: 0;
    padding-bottom: 0;
}

.margint40{
    margin-top:var(--space-40) !important;
}

.marginb40{
    margin-bottom:var(--space-40) !important;
}

.minheight{
    min-height:100px;
}

@media(min-width:736px){
    .large{
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
}

.buckets {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        align-items: stretch;
}

.buckets .lang-fields {
        flex: 0 0 100%;
        width: 100%;
}

.buckets [class^="large-"] {
        box-sizing: border-box;
        padding: 10px;
        display: flex;
        flex-direction: column;
}

.buckets.top0 [class^="large-"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.buckets [class^="large-"] .section.row {
    flex: 1;
}

.large-1 {
    width: 8.3333333333%;
}

.large-2 {
    width: 16.666666667%;
}

.large-3 {
    width: 25%;
}

.large-4 {
    width: 33.333333333%;
}

.large-5 {
    width: 41.666666667%;
}

.large-6 {
    width: 50%;
}

.large-7 {
    width: 58.333333333%;
}

.large-8 {
    width: 66.666666666%;
}

.large-9 {
    width: 75%;
}

.large-10 {
    width: 83.333333333%;
}

.large-11 {
    width: 91.666666666%;
}

.large-12 {
    width: 100%;
}

@media screen and (max-width: 736px) {

    .buckets:not(.noresponsive) .large-6,
    .buckets:not(.noresponsive) .large-4 {
        float: none;
        width: 100%;
      }
}

.noresponsive h2,
.noresponsive p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  word-break: break-word;
}

.offset-12 {
    margin-left: 100%
}

.offset-11 {
    margin-left: 91.66666667%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-9 {
    margin-left: 75%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-6 {
    margin-left: 50%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-3 {
    margin-left: 25%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-0 {
    margin-left: 0
}

@media only screen and (max-width: 1024px) {

    .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-12{
        margin-left: 0px;
        opacity: 1;
    }

    .buckets:not(.noresponsive) .large-9,
      .buckets:not(.noresponsive) .large-8,
      .buckets:not(.noresponsive) .large-7,
      .buckets:not(.noresponsive) .large-6,
      .buckets:not(.noresponsive) .large-5,
      .buckets:not(.noresponsive) .large-4,
      .buckets:not(.noresponsive) .large-3,
      .buckets:not(.noresponsive) .large-1 {
        float: none;
        width: 100%;
      }

}

.site-footer {
        --site-footer-surface: var(--ntf-color-0b0b0b);
        --site-footer-text: var(--ntf-color-f5f5f5);
        --site-footer-muted: var(--ntf-color-a8a8a8);
        --site-footer-heading: var(--ntf-color-8f8f8f);
        --site-footer-border: var(--ntf-color-2a2a2a);
        --site-footer-border-strong: var(--ntf-color-3f3f3f);
        --site-footer-accent: var(--ntf-color-fb1a3f);
        width: 100%;
        position: sticky;
        top: 100vh;
        margin-block-start: var(--space-40);
        padding: clamp(44px, 4vw, 56px) 0 max(28px, env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
        border-top: 1px solid var(--site-footer-border);
        background: var(--site-footer-surface);
        color: var(--site-footer-text);
        font-family: var(--ntf-font-family);
}

.site-footer *,
.site-footer *::before,
.site-footer *::after {
        box-sizing: border-box;
}

.site-footer__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.5fr) repeat(auto-fit, minmax(160px, 1fr));
        gap: 40px clamp(32px, 4vw, 64px);
        align-items: start;
}

.site-footer__identity,
.site-footer__column,
.site-footer__actions {
        min-width: 0;
}

.site-footer__identity {
        display: grid;
        align-content: start;
        gap: 18px;
}

.site-footer__powered-by {
        display: block;
        width: 150px;
        max-width: none;
        height: auto;
}

.site-footer__company {
        margin: 0;
        display: grid;
        gap: 2px;
        color: var(--site-footer-muted);
        font-size: 13px;
        line-height: 1.55;
        overflow-wrap: anywhere;
}

.site-footer__heading {
        margin: 0 0 14px;
        color: var(--site-footer-heading);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: 0.1em;
        text-transform: uppercase;
}

.site-footer__links {
        display: grid;
        justify-items: start;
        gap: 2px;
}

.site-footer__link {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        padding: 4px 0;
        color: var(--site-footer-muted);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        text-decoration: none;
        overflow-wrap: anywhere;
        transition: color 160ms ease;
}

.site-footer__link:hover,
.site-footer__link:focus-visible,
.site-footer__legal-link:hover,
.site-footer__legal-link:focus-visible {
        color: var(--site-footer-text);
}

.site-footer a:focus-visible,
.site-footer button:focus-visible {
        outline: 2px solid var(--site-footer-accent);
        outline-offset: 4px;
}

.site-footer__actions {
        display: grid;
        align-content: start;
        justify-items: start;
        gap: 12px;
}

.site-footer__actions .site-footer__heading {
        margin-bottom: 2px;
}

.site-footer__app-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 44px;
        padding: 10px 22px;
        border: 1px solid var(--ntf-color-ffffff);
        border-radius: 999px;
        background: var(--ntf-color-ffffff);
        color: var(--ntf-color-111111);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        transition: background-color 160ms ease, color 160ms ease;
}

.site-footer__app-link:hover,
.site-footer__app-link:focus-visible {
        background: var(--ntf-color-f1f1f1);
        color: var(--ntf-color-111111);
}

.site-footer-language {
        position: relative;
        display: block;
        width: 100%;
        max-width: 240px;
}

.site-footer .site-footer-language__trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        height: auto;
        min-height: 44px;
        margin: 0;
        padding: 8px 12px 8px 14px;
        border: 1px solid var(--site-footer-border);
        border-radius: 12px;
        background: transparent;
        color: var(--site-footer-text);
        font-family: var(--ntf-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        text-align: left;
        transition: border-color 160ms ease;
        cursor: pointer;
}

.site-footer .site-footer-language__trigger:hover,
.site-footer .site-footer-language__trigger:focus-visible,
.site-footer .site-footer-language__trigger[aria-expanded="true"] {
        border-color: var(--site-footer-border-strong);
        background: transparent;
}

.site-footer-language__trigger > * {
        pointer-events: none;
}

.site-footer-language__trigger i {
        color: var(--site-footer-muted);
        font-size: 20px;
        transition: transform 160ms ease;
}

.site-footer-language__trigger[aria-expanded="true"] i {
        transform: rotate(180deg);
}

.site-footer-language__menu.options-menu {
        --site-footer-text: var(--ntf-color-f5f5f5);
        --site-footer-border: var(--ntf-color-2a2a2a);
        --site-footer-accent: var(--ntf-color-fb1a3f);
        right: auto;
        top: calc(100% + 8px);
        left: 0;
        min-width: min(240px, calc(100vw - 16px));
        max-height: calc(100vh - 16px);
        max-height: calc(100dvh - 16px);
        margin: 0;
        padding: 6px;
        overflow-y: auto;
        border: 1px solid var(--site-footer-border);
        border-radius: 14px;
        background: var(--ntf-color-161616);
        box-shadow: 0 20px 44px var(--ntf-color-rgba-0-0-0-0-46);
        list-style: none;
}

.site-footer-language__menu.options-menu--floating {
        right: auto;
        top: auto;
        left: auto;
}

.site-footer-language__menu.options-menu li {
        width: 100%;
        margin: 0;
        padding: 0;
}

.site-footer-language__menu.options-menu .site-footer-language__link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 10px 12px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: var(--site-footer-text);
        font-family: var(--ntf-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        text-decoration: none;
}

.site-footer-language__menu.options-menu .site-footer-language__link:hover,
.site-footer-language__menu.options-menu .site-footer-language__link:focus-visible,
.site-footer-language__menu.options-menu .site-footer-language__link[aria-current="page"] {
        background: var(--ntf-color-2d2d2d);
        color: var(--site-footer-text);
}

.site-footer-language__menu.options-menu .site-footer-language__link:focus-visible {
        outline: 2px solid var(--site-footer-accent);
        outline-offset: -2px;
}

.site-footer-language__menu.options-menu .site-footer-language__link[aria-current="page"] {
        font-weight: 700;
}

.site-footer__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px 32px;
        margin-top: clamp(36px, 3vw, 48px);
        padding-top: 20px;
        border-top: 1px solid var(--site-footer-border);
}

.site-footer__rights {
        margin: 0;
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 4px 0;
        color: var(--site-footer-muted);
        font-size: 13px;
        line-height: 1.5;
}

.site-footer__rights span + span::before {
        content: "\00b7";
        margin: 0 8px;
}

.site-footer__legal {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px 24px;
}

.site-footer__legal-link {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        color: var(--site-footer-muted);
        font-size: 13px;
        font-weight: 500;
        line-height: 1.3;
        text-decoration: none;
        transition: color 160ms ease;
}

body.admin-with-sidebar .site-footer {
        padding-left: var(--with-sidebar-padding-left);
}

@media screen and (max-width: 1080px) {
        .site-footer__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 40px clamp(32px, 6vw, 64px);
        }
}

@media screen and (min-width: 1081px) and (max-width: 1725px) {
        body.admin-with-sidebar .site-footer__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media screen and (max-width: 736px) {
        .site-footer {
                padding-top: 36px;
        }

        .site-footer__grid {
                grid-template-columns: minmax(0, 1fr);
                gap: 28px;
        }

        .site-footer__column,
        .site-footer__actions {
                padding-top: 24px;
                border-top: 1px solid var(--site-footer-border);
        }

        .site-footer__heading {
                margin-bottom: 8px;
        }

        .site-footer__links {
                justify-items: stretch;
                gap: 0;
        }

        .site-footer__link {
                min-height: 44px;
                font-size: 15px;
        }

        .site-footer__actions {
                justify-items: stretch;
        }

        .site-footer__app-link {
                width: 100%;
        }

        .site-footer-language {
                max-width: none;
        }

        .site-footer__bottom {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
                margin-top: 32px;
        }

        .site-footer__legal {
                gap: 4px 20px;
        }

        .site-footer__legal-link {
                min-height: 40px;
        }
}

@media (prefers-reduced-motion: reduce) {
        .site-footer__link,
        .site-footer__legal-link,
        .site-footer__app-link,
        .site-footer .site-footer-language__trigger,
        .site-footer-language__trigger i {
                transition: none;
        }
}

@media print {
        .site-footer {
                display: none;
        }
}
.status-pill {
    border-radius: 8px;
    text-align: center;
    padding: 4px 8px;
    white-space: nowrap;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
}

.status-pill--danger,
[data-status-tone="danger"] {
    --status-background: var(--ntf-color-rgba-251-26-63-0-15);
    --status-foreground: var(--ntf-color-fb1a3f);
}

.status-pill--success,
[data-status-tone="success"] {
    --status-background: var(--ntf-color-rgba-0-200-83-0-15);
    --status-foreground: var(--ntf-color-6ddc6a);
}

.status-pill--warning,
[data-status-tone="warning"] {
    --status-background: var(--ntf-color-rgba-255-215-0-0-15);
    --status-foreground: var(--ntf-color-ffd54f);
}

.status-pill:is(.status-pill--success, .status-pill--danger, .status-pill--warning, .status-pill--neutral) {
    background: var(--status-background);
    color: var(--status-foreground);
}

.btn-status-badge,
.form > .status-pill {
    align-self: flex-start;
    display: inline-flex;
    width: auto;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}

.status-pill--neutral,
[data-status-tone="neutral"] {
    --status-background: var(--ntf-color-rgba-96-125-139-0-15);
    --status-foreground: var(--ntf-color-9ca3af);
}

.consent-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    max-width: 100%;
}

.form > .consent-status-badge {
    align-self: flex-start;
}

.consent-status-badge__info.tooltip {
    margin-left: 0;
    flex: 0 0 auto;
}

.status-pill--purple {
    background: var(--ntf-color-rgba-138-43-226-0-15);
    color: var(--ntf-color-b47cff);
}

.status-pill--blue {
    background: var(--ntf-color-rgba-0-123-255-0-15);
    color: var(--ntf-color-3399ff);
}

.status-pill--orange {
    background: var(--ntf-color-rgba-255-87-34-0-15);
    color: var(--ntf-color-ff7043);
}

.status-pill--azure {
    background: var(--ntf-color-rgba-66-133-244-0-15);
    color: var(--ntf-color-5da4ff);
}

.status-pill--pink {
    background: var(--ntf-color-rgba-233-30-99-0-15);
    color: var(--ntf-color-ff5c8d);
}

.fielderror{
    display: inline-block;
}


.row{
    border: 0.125rem solid var(--ntf-color-333333);
    padding: 15px;
    border-radius: 10px;
}

.row.success {
    background-color: var(--ntf-color-rgba-0-255-150-0-12);
    border: 0.125rem solid var(--ntf-color-333333);
}

.row.error {
    background-color: var(--ntf-color-rgba-255-0-0-0-12);
    border: 0.125rem solid var(--ntf-color-333333);
}


.row.organizer-callout {
    background-color: var(--ntf-color-222222);
    border-color: var(--ntf-color-ffffff);
    color: var(--ntf-color-ffffff);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.row.organizer-callout .callout-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--ntf-color-ffffff);
    color: var(--ntf-color-000000);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    align-self: flex-start;
}

.row.organizer-callout .callout-pill i {
    font-size: 16px;
}

.row.organizer-callout h3 {
    margin: 0;
    color: var(--ntf-color-ffffff);
    font-weight: 700;
}

.row.organizer-callout p {
    margin: 0;
    color: var(--ntf-color-ffffff);
}

.row.organizer-callout .callout-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: var(--ntf-color-fb1a3f);
}

.row.organizer-callout .callout-link:hover {
    text-decoration: underline;
}

.row.organizer-callout .callout-link i {
        font-size: 18px;
}

.row.organizer-callout.onboarding-checklist {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        gap: 24px;
        padding: 24px;
        flex-wrap: wrap;
}

.onboarding-checklist-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex: 1 1 240px;
}

.onboarding-checklist-list li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
}

.onboarding-checklist-list li .checklist-icon {
        font-size: 22px;
        color: var(--ntf-color-fb1a3f);
        margin-top: 2px;
        flex-shrink: 0;
}

.onboarding-checklist-list li.completed .checklist-icon {
        color: var(--ntf-color-fb1a3f);
}

.onboarding-checklist-list li .checklist-link {
        font-weight: 600;
        color: var(--ntf-color-fb1a3f);
}

.onboarding-checklist-list li span{
        color: var(--ntf-color-ffffff) !important;
}

.onboarding-checklist-list li .checklist-content {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 16px;
                width: 100%;
                column-gap: 16px;
}

.onboarding-checklist-list li .checklist-text {
                display: flex;
                flex-direction: column;
                gap: 8px;
                flex: 1 1 auto;
}

.onboarding-checklist-list li .checklist-cta {
                align-self: flex-start;
}

.onboarding-checklist-list li.completed .checklist-link {
                color: var(--ntf-color-ffffff);
}

.onboarding-checklist-list li.completed span{
    color: var(--ntf-color-ffffff) !important
}

.onboarding-checklist-list li .checklist-link:hover {
        text-decoration: underline;
}

.onboarding-checklist-actions {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                flex: 0 0 auto;
                margin-left: auto;
}


@media screen and (max-width: 736px) {
                .row.organizer-callout.onboarding-checklist {
                                flex-direction: column;
                                align-items: flex-start;
                                gap: 16px;
                }

                .onboarding-checklist-list li .checklist-content {
                                flex-direction: column;
                                align-items: flex-start;
                                gap: 12px;
                }

}

.card-style,
.card,
.lineup-item,
.business-action-card,
.account-notification-preview {
        background: linear-gradient(135deg, var(--ntf-color-111111), var(--ntf-color-222222));
        border: 0.125rem solid var(--ntf-color-222222);
}


.card {
        border-radius: 10px;
        padding: 10px;
        color: var(--ntf-color-ffffff);
        display: flex;
        justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    width: 100%;
}

.business-action-card {
        border-radius: 10px;
        padding: 10px 15px;
        width: 100%;
}

.business-action-card:hover {
        background-color: var(--ntf-color-222222);
}

.business-event-link-card__body {
        display: inline-block;
        max-width: 100%;
        min-width: 0;
        vertical-align: middle;
        overflow-wrap: anywhere;
}

.business-event-link-card__body > span,
.business-event-link-card__body > span strong {
        overflow-wrap: anywhere;
        word-break: break-word;
}

.business-ticket-type-card__body {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        max-width: 100%;
        vertical-align: middle;
}

.business-ticket-type-card__title {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-width: 0;
        margin: 0;
        white-space: nowrap;
}

.business-ticket-type-card__body > .img-stencil {
        flex: 0 0 auto;
}

.business-ticket-type-card__title .zmdi {
        flex: 0 0 auto;
        font-size: 26px;
        line-height: 1;
}

.card-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
}

.ticket-card-link .card {
        cursor: pointer;
}

.ticket-card-link .card.disabled {
        opacity: 0.6;
}

.ticket-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: flex-start;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ticket-card-title .description {
    text-align: left;
}

.access-title-with-strip .access-type-color-strip,
.flow-access-type-title .access-type-color-strip {
    align-self: center;
    height: 16px;
    min-height: 16px;
}

.description {
    font-size: 16px;
    text-align: center;
    margin: 0px;
}

.event-detail .ticket-card-link .event-ticket-card {
    background: var(--ntf-color-111111);
    border: 1px solid var(--ntf-color-2f2f2f);
    border-radius: 14px;
    padding: 20px;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.event-detail .ticket-card-link:hover .event-ticket-card {
    background: var(--ntf-color-151515);
    border-color: var(--ntf-color-444444);
}

.event-detail .ticket-card-link .event-ticket-card__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    width: 100%;
    min-width: 0;
    align-items: flex-start;
}

.event-detail .ticket-card-link .ticket-card-title {
    margin: 0;
}

.event-detail .ticket-card-link .ticket-card-title .description {
    margin: 0;
    text-align: left;
    font-size: 1.05rem;
    line-height: 1.2;
}

.event-detail .ticket-card-link .event-ticket-card__description {
    margin: 0;
    color: var(--ntf-color-999999);
    font-size: 0.95rem;
    line-height: 1.4;
    text-align: left;
    width: 100%;
}

.event-detail .ticket-card-link .event-ticket-card__meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
    min-width: 140px;
    align-self: stretch;
}

.event-detail .ticket-card-link .event-ticket-card__price {
    font-size: 1.1rem;
    font-weight: 700;
    white-space: nowrap;
}

.event-detail .ticket-card-link .event-ticket-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
}

@media screen and (max-width: 736px) {
    .event-detail .ticket-card-link .event-ticket-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 18px;
    }

    .event-detail .ticket-card-link .event-ticket-card__meta {
        width: 100%;
        min-width: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .event-detail .ticket-card-link .event-ticket-card__cta {
        align-self: flex-end;
    }
}

.counter {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
}

.count {
        font-size: 20px;
        margin: 0 15px;
        color: var(--ntf-color-ffffff);
}

.price {
        font-size: 16px;
        color: var(--ntf-color-ffffff);
}

.flow-ticket-page .flow-hero {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 24px 0;
        border-bottom: 1px solid var(--ntf-color-1f1f1f);
        margin-bottom: 0;
}

.flow-ticket-page .flow-hero__media .image-container-detail.flowpage {
        width: 72px;
        height: 72px;
        aspect-ratio: 1 / 1;
        border-radius: 8px;
        border: 1px solid var(--ntf-color-1f1f1f);
}

.flow-ticket-page .flow-hero__details h1 {
        font-size: 1.6rem;
        letter-spacing: 0.02em;
}

.flow-ticket-page .flow-hero__details .data_evento {
        color: var(--ntf-color-bfbfbf);
        font-size: 0.95rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.flow-ticket-page .flow-hero__details .luogo_evento {
        color: var(--ntf-color-8f8f8f);
        font-size: 0.95rem;
}

.flow-ticket-page .flow-ticket-layout {
        display: flex;
        align-items: flex-start;
        column-gap: 32px;
        row-gap: var(--page-section-gap);
}

.flow-ticket-page .flow-ticket-content {
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        min-width: 0;
}

.flow-ticket-page .flow-wizard {
        overflow: hidden;
}

.flow-ticket-page .flow-wizard__steps {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        align-items: flex-start;
        counter-reset: flowstep;
        list-style: none;
        margin: 0;
        padding: 0;
        justify-content: space-between;
        width: 100%;
        position: relative;
        --wizard-track-top: calc(var(--wizard-icon-size) / 2);
        --wizard-track-start: calc(var(--wizard-icon-size) / 2);
        --wizard-progress-ratio: 0;
}

.flow-ticket-page .flow-wizard__steps::before,
.flow-ticket-page .flow-wizard__steps::after {
        content: "";
        position: absolute;
        left: var(--wizard-track-start);
        right: var(--wizard-track-start);
        top: var(--wizard-track-top);
        height: 2px;
        border-radius: 999px;
        transform: translateY(-50%);
}

.flow-ticket-page .flow-wizard__steps::before {
        background: var(--ntf-color-rgba-255-255-255-0-14);
}

.flow-ticket-page .flow-wizard__steps::after {
        width: calc((100% - var(--wizard-icon-size)) * var(--wizard-progress-ratio));
        right: auto;
        background: linear-gradient(90deg, var(--ntf-color-rgba-255-255-255-0-96) 0%, var(--ntf-color-rgba-255-255-255-0-75) 100%);
}

.flow-ticket-page .flow-wizard__step {
        flex: 1 1 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        color: var(--ntf-color-rgba-255-255-255-0-55);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.2px;
        position: relative;
        min-height: 56px;
        min-width: 0;
        counter-increment: flowstep;
        z-index: 1;
}

.flow-ticket-page .flow-wizard__step:first-child {
        justify-content: flex-start;
}

.flow-ticket-page .flow-wizard__step:last-child {
        justify-content: flex-end;
}

.flow-ticket-page .flow-wizard__step--completed {
        color: var(--ntf-color-rgba-255-255-255-0-5);
}

.flow-ticket-page .flow-wizard__step--current {
        color: var(--ntf-color-ffffff);
}

.flow-ticket-page .flow-wizard__pill {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 0 10px;
        margin: 0 -10px;
        border-radius: 0;
        background: var(--ntf-color-000000);
        border: none;
        box-shadow: none;
        min-height: auto;
        min-width: 0;
        position: relative;
        z-index: 1;
        max-width: 100%;
}

.flow-ticket-page .flow-wizard__step:first-child .flow-wizard__pill {
        margin-left: 0;
        padding-left: 0;
}

.flow-ticket-page .flow-wizard__step:last-child .flow-wizard__pill {
        margin-right: 0;
        padding-right: 0;
}

.flow-ticket-page .flow-wizard__pill--link {
        color: inherit;
        cursor: pointer;
        text-decoration: none;
}

.flow-ticket-page .flow-wizard__pill--disabled {
        cursor: not-allowed;
}

.flow-ticket-page .flow-wizard__step--current .flow-wizard__pill {
        color: var(--ntf-color-ffffff);
}

.flow-ticket-page .flow-wizard__step--completed .flow-wizard__pill {
        color: var(--ntf-color-rgba-255-255-255-0-5);
}

.flow-ticket-page .flow-wizard__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 1;
        width: var(--wizard-icon-size);
        height: var(--wizard-icon-size);
        flex: 0 0 var(--wizard-icon-size);
        border-radius: 50%;
        border: 2px solid var(--ntf-color-rgba-255-255-255-0-28);
        color: var(--ntf-color-rgba-255-255-255-0-45);
        background: var(--ntf-color-050505);
        box-sizing: border-box;
        position: relative;
        z-index: 1;
        box-shadow: 0 0 0 1px var(--ntf-color-rgba-255-255-255-0-02);
}

.flow-ticket-page .flow-wizard__step .flow-wizard__icon::before {
        content: counter(flowstep);
        font-weight: 700;
}

.flow-ticket-page .flow-wizard__step--completed .flow-wizard__icon,
.flow-ticket-page .flow-payment-method__input[type="radio"]:checked + .flow-payment-method__label .flow-wizard__icon {
        border-color: var(--ntf-color-rgba-255-255-255-0-32);
        background: var(--ntf-color-rgba-255-255-255-0-12);
        color: var(--ntf-color-rgba-255-255-255-0-75);
        box-shadow: none;
}

.flow-ticket-page .flow-wizard__step--completed .flow-wizard__icon::before,
.flow-ticket-page .flow-payment-method__input[type="radio"]:checked + .flow-payment-method__label .flow-wizard__icon::before {
        content: "✓";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -54%);
        transform-origin: center;
        font-family: var(--ntf-font-family);
        font-style: normal;
        font-size: 16px;
        font-weight: 800;
        color: var(--ntf-color-rgba-255-255-255-0-8);
        line-height: 1;
        width: auto;
        height: auto;
        background: none;
        border: none;
}

.flow-ticket-page .flow-wizard__step--current .flow-wizard__icon {
        border-color: var(--ntf-color-ffffff);
        background: var(--ntf-color-050505);
        color: var(--ntf-color-ffffff);
        box-shadow: 0 0 0 6px var(--ntf-color-rgba-255-255-255-0-08), 0 14px 30px var(--ntf-color-rgba-0-0-0-0-42);
}

.flow-ticket-page .flow-wizard__step--current .flow-wizard__icon::before {
        content: counter(flowstep);
}

.flow-ticket-page .flow-wizard__label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        line-height: 1.12;
        position: relative;
        padding-top: 0;
        z-index: 1;
        min-width: 0;
}

.flow-ticket-page .flow-wizard__step:not(.flow-wizard__step--current) .flow-wizard__pill {
        padding: 0;
}

.flow-ticket-page .flow-wizard__step--completed .flow-wizard__label {
        color: var(--ntf-color-rgba-255-255-255-0-5);
}

.flow-ticket-page .flow-wizard__step--current .flow-wizard__label {
        color: var(--ntf-color-ffffff);
        font-weight: 700;
}

.flow-ticket-page .flow-wizard__step--upcoming .flow-wizard__label {
        color: var(--ntf-color-rgba-255-255-255-0-5);
}

.flow-ticket-page .flow-attendee-card {
        display: flex;
        flex-direction: column;
        gap: 20px;
        border: none;
        padding: 0;
        background: transparent;
        width: 100%;
}

.flow-ticket-page .flow-attendee-card:not(.flow-attendee-card--active) {
        cursor: pointer;
}

.flow-ticket-page .flow-attendee-card__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
}

.flow-ticket-page .flow-attendee-card__header-actions {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
        margin-left: auto;
        justify-content: flex-end;
        text-align: right;
        flex: 0 0 auto;
}

.flow-ticket-page .flow-attendee-card__toggle {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 0;
        border: none;
        background: transparent;
        text-align: left;
        cursor: pointer;
        color: inherit;
        min-width: 0;
}

.flow-ticket-page .flow-attendee-card__status {
        font-size: 14px;
        font-weight: 600;
        color: var(--ntf-color-rgba-255-255-255-0-75);
        text-transform: uppercase;
        letter-spacing: 0.04em;
}

.flow-ticket-page .flow-attendee-card__meta {
        display: flex;
        flex-direction: column;
        gap: 6px;
}

.flow-ticket-page .flow-attendee-card__title {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--ntf-color-ffffff);
}

.flow-ticket-page .flow-attendee-card__subtitle {
        font-size: 14px;
        color: inherit;
}

.flow-ticket-page .flow-attendee-card__fields {
        width: 100%;
}

.flow-ticket-page .flow-attendee-card__actions {
        display: flex;
        justify-content: flex-end;
}


.flow-ticket-page .flow-attendee-card .form {
        margin: 0;
        position: relative;
        width: 100%;
}

.flow-ticket-page .flow-attendee-card .inputstyle,
.flow-ticket-page .flow-attendee-card .phone-input.inputstyle {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
}

.flow-ticket-page .flow-attendee-card .phone-number {
        width: 100%;
        min-width: 0;
}

.flow-ticket-page .flow-attendee-card .error-message {
        margin-top: 6px;
}

.flow-ticket-page .flow-attendee-card .input-error {
        border-color: var(--ntf-color-fb1a3f) !important;
}

.flow-ticket-page .flow-attendee-card--active .flow-attendee-card__fields {
        display: flex;
        flex-direction: column;
}

.flow-ticket-page .flow-attendee-card:not(.flow-attendee-card--active) .flow-attendee-card__fields {
        display: none;
}

.flow-ticket-page .flow-attendee-card:not(.flow-attendee-card--active) .flow-attendee-card__choice--inline {
        display: none;
}

.flow-ticket-page .flow-attendee-card--confirmed .flow-attendee-card__status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        border-radius: 50%;
        border: 2px solid var(--ntf-color-ffffff);
        background: var(--ntf-color-ffffff);
        color: transparent;
        font-size: 0;
        line-height: 1;
        text-indent: -9999px;
        overflow: hidden;
        position: relative;
}

.flow-ticket-page .flow-attendee-card--confirmed .flow-attendee-card__status::before {
        content: "✓";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -54%);
        transform-origin: center;
        font-family: var(--ntf-font-family);
        font-style: normal;
        font-size: 16px;
        font-weight: 800;
        color: var(--ntf-color-000000);
        line-height: 1;
        text-indent: 0;
}

.flow-ticket-page .flow-attendee-card.flow-attendee-card--active[data-attendee-confirmed="0"] .flow-attendee-card__status {
        display: none;
}

.flow-ticket-page .flow-attendee-card__choice {
        margin-top: 8px;
        display: flex;
        align-items: center;
        gap: 12px;
}

.flow-ticket-page .flow-attendee-card__choice--inline {
        margin: 0;
}

.flow-ticket-page .flow-attendee-card__choice input[type="checkbox"] + label {
        margin-left: 0;
}

.flow-ticket-page .js-attendee-error:empty {
        display: none;
}

.flow-ticket-page .flow-ticket-layout .flow-ticket-content {
        flex: 1 1 0%;
        min-width: 0;
}

.flow-ticket-page .flow-ticket-layout .flow-ticket-summary {
        align-self: flex-start;
        flex: 0 0 32%;
        min-width: 320px;
        max-width: 32%;
        position: sticky;
        top: 80px;
}

.flow-ticket-page .flow-ticket-summary .account-section,
.flow-reservation-summary-card {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
}

.flow-ticket-page .flow-ticket-list {
        display: flex;
        flex-direction: column;
        gap: 20px;
}

.flow-ticket-page .flow-ticket-browser {
        display: flex;
        flex-direction: column;
        gap: 12px;
        color: var(--ntf-color-ffffff);
}

.flow-ticket-page .flow-selection-mode__column {
        min-width: 0;
}

.flow-ticket-page .flow-selection-mode__card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 10px;
        border-radius: 16px;
        border: 2px solid var(--ntf-color-rgba-255-255-255-0-12);
        background: linear-gradient(145deg, var(--ntf-color-rgba-20-20-20-0-96), var(--ntf-color-rgba-10-10-10-0-96));
        color: var(--ntf-color-ffffff);
        text-align: left;
        cursor: pointer;
        transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
        width: 100%;
        min-height: 100%;
}

.flow-ticket-page .flow-selection-mode__card:hover {
        transform: translateY(-1px);
        border-color: var(--ntf-color-rgba-251-26-63-0-5);
        box-shadow: 0 18px 36px var(--ntf-color-rgba-0-0-0-0-18);
}

.flow-ticket-page .flow-selection-mode__card.is-active {
        border-color: var(--ntf-color-rgba-251-26-63-0-75);
        box-shadow: 0 0 0 1px var(--ntf-color-rgba-251-26-63-0-28), 0 22px 38px var(--ntf-color-rgba-0-0-0-0-25);
}

.flow-ticket-page .flow-selection-mode__card strong {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
}

.flow-ticket-page .flow-selection-mode__card small {
        color: var(--ntf-color-rgba-255-255-255-0-75);
        font-size: 0.88rem;
        line-height: 1.4;
}

.flow-ticket-page .flow-selection-mode__header {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        column-gap: 10px;
        row-gap: 0;
        align-items: center;
        width: 100%;
}

.flow-ticket-page .flow-selection-mode__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 14px;
        border: 1px solid var(--ntf-color-rgba-251-26-63-0-18);
        background: var(--ntf-color-rgba-251-26-63-0-08);
        color: var(--ntf-color-fb1a3f);
        flex: 0 0 44px;
        grid-row: 1 / span 2;
}

.flow-ticket-page .flow-selection-mode__icon svg {
        width: 24px;
        height: 24px;
        display: block;
}

.flow-ticket-page .flow-selection-mode__title-group {
        display: flex;
        flex-direction: column;
        gap: 0;
        min-width: 0;
}

.flow-ticket-page .flow-selection-mode__description {
        grid-column: 2;
        display: block;
        min-width: 0;
}

.flow-ticket-page .flow-seat-map-shell {
        display: flex;
        flex-direction: column;
        gap: 10px;
        border-radius: 26px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-1);
        background: linear-gradient(180deg, var(--ntf-color-141414) 0%, var(--ntf-color-090909) 100%);
        padding: 10px;
        color: var(--ntf-color-ffffff);
        box-shadow: 0 24px 48px var(--ntf-color-rgba-0-0-0-0-25);
}

.flow-ticket-page .flow-seat-map-toolbar__category-container {
        display: inline-flex;
}

.flow-ticket-page .flow-seat-map-toolbar__category {
        width: auto;
        height: auto;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 14px 18px;
        border-radius: 16px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
        background: linear-gradient(180deg, var(--ntf-color-rgba-26-26-26-0-98) 0%, var(--ntf-color-rgba-12-12-12-0-98) 100%);
        color: var(--ntf-color-ffffff);
        font-size: 1rem;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 14px 28px var(--ntf-color-rgba-0-0-0-0-28);
}

.flow-ticket-page .flow-seat-map-toolbar__category:hover,
.flow-ticket-page .flow-seat-map-toolbar__category[aria-expanded="true"] {
        background: linear-gradient(180deg, var(--ntf-color-rgba-34-34-34-0-98) 0%, var(--ntf-color-rgba-18-18-18-0-98) 100%);
}

.flow-ticket-page .flow-seat-map-toolbar__swatch {
        width: 8px;
        min-width: 8px;
        flex: 0 0 8px;
        align-self: center;
        display: inline-flex;
        height: 16px;
        min-height: 16px;
}

.flow-ticket-page .flow-seat-map-toolbar__category-label {
        min-width: 0;
}

.flow-ticket-page .flow-seat-map-toolbar__category-chevron {
        font-size: 1.2rem;
        line-height: 1;
        opacity: 0.88;
}

.flow-ticket-page .flow-seat-map-toolbar__clear-filter {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 16px;
        border-radius: 16px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
        background: linear-gradient(180deg, var(--ntf-color-rgba-26-26-26-0-98) 0%, var(--ntf-color-rgba-12-12-12-0-98) 100%);
        color: var(--ntf-color-ffffff);
        font-size: 0.94rem;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 12px 24px var(--ntf-color-rgba-0-0-0-0-25);
}

.flow-ticket-page .flow-seat-map-toolbar__clear-filter:hover,
.flow-ticket-page .flow-seat-map-toolbar__clear-filter:focus-visible {
        background: linear-gradient(180deg, var(--ntf-color-rgba-34-34-34-0-98) 0%, var(--ntf-color-rgba-18-18-18-0-98) 100%);
        outline: none;
}

.flow-ticket-page .flow-seat-map-toolbar__clear-filter .zmdi {
        font-size: 1.15rem;
        line-height: 1;
}

.flow-ticket-page .flow-seat-map-toolbar__action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border-radius: 16px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
        background: linear-gradient(180deg, var(--ntf-color-rgba-26-26-26-0-98) 0%, var(--ntf-color-rgba-12-12-12-0-98) 100%);
        color: var(--ntf-color-ffffff);
        font-size: 1.25rem;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 12px 24px var(--ntf-color-rgba-0-0-0-0-25);
}

.flow-ticket-page .flow-seat-map-toolbar__action .zmdi {
        font-size: 1.45rem;
        line-height: 1;
}

.flow-ticket-page .flow-seat-map-layout {
        position: relative;
}

.flow-ticket-page .flow-seat-map-toolbar__menu.options-menu {
        min-width: 320px;
        max-width: min(360px, calc(100vw - 24px));
        max-height: min(420px, calc(100vh - 32px));
        overflow-y: auto;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-button {
        gap: 16px;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-button.language-selector__option--active {
        background: var(--ntf-color-d0d0d0);
        box-shadow: none;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-main {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
        flex: 1;
}

.flow-ticket-page .flow-seat-map-toolbar__swatch-bar {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 999px;
        opacity: 0.95;
}

.flow-ticket-page .flow-seat-map-toolbar__swatch-svg {
        width: 100%;
        height: 100%;
        display: block;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-label {
        color: var(--ntf-color-1f1f1f);
        font-size: 0.98rem;
        font-weight: 700;
        min-width: 0;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-aside {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        flex: 0 0 auto;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-price {
        color: var(--ntf-color-1f1f1f);
        font-size: 0.96rem;
        font-weight: 700;
        white-space: nowrap;
}

.flow-ticket-page .flow-seat-map-toolbar__menu-active {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--ntf-color-1f1f1f);
}

.flow-ticket-page .flow-seat-map-toolbar__menu-active .zmdi {
        font-size: 1.05rem;
        line-height: 1;
}

.flow-ticket-page .nightify-seat-map-scope {
        --flow-seat-map-fit-scale: 1;
        --flow-seat-map-render-scale: 1;
        --nightify-sector-gap: calc(4px * var(--flow-seat-map-fit-scale));
        --nightify-seat-gap: calc(4px * var(--flow-seat-map-fit-scale));
        --nightify-row-label-width: calc(20px * var(--flow-seat-map-fit-scale));
        --nightify-row-label-size: calc(16px * var(--flow-seat-map-fit-scale));
        --nightify-seat-size: calc(20px * var(--flow-seat-map-fit-scale));
        --nightify-seat-font-size: calc(10px * var(--flow-seat-map-fit-scale));
        --nightify-seat-map-border-width: calc(2px * var(--flow-seat-map-fit-scale));
        --nightify-seat-map-radius: calc(10px * var(--flow-seat-map-fit-scale));
        --nightify-sector-title-size: calc(16px * var(--flow-seat-map-fit-scale));
        --nightify-area-title-padding-right: calc(60px * var(--flow-seat-map-fit-scale));
        --nightify-area-padding-top: calc(24px * var(--flow-seat-map-fit-scale));
        --nightify-area-padding-side: calc(16px * var(--flow-seat-map-fit-scale));
        --nightify-area-padding-bottom: calc(16px * var(--flow-seat-map-fit-scale));
        --nightify-area-min-height: calc(80px * var(--flow-seat-map-fit-scale));
        --nightify-area-font-size: calc(16px * var(--flow-seat-map-fit-scale));
        --nightify-stage-padding: calc(10px * var(--flow-seat-map-fit-scale));
        --nightify-stage-radius: calc(4px * var(--flow-seat-map-fit-scale));
        --nightify-stage-font-size: calc(16px * var(--flow-seat-map-fit-scale));
        --nightify-table-rect-radius: calc(14px * var(--flow-seat-map-fit-scale));
        --nightify-table-indicator-size: calc(8px * var(--flow-seat-map-fit-scale));
        --nightify-table-seat-font-size: calc(12px * var(--flow-seat-map-fit-scale));
}

.flow-ticket-page .nightify-seat-map-scope .sector,
.flow-ticket-page .nightify-seat-map-scope .area {
        overflow: visible;
}

.flow-ticket-page .nightify-seat-map-scope [data-flow-seat-map-element-filter].is-filtered-out {
        opacity: 0.28;
}

.flow-ticket-page .nightify-seat-map-scope .seat-map-title--positioned {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        z-index: 2;
        pointer-events: none;
        margin: 0;
}

.flow-ticket-page .nightify-seat-map-scope .sector-content--positioned {
        position: absolute;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        overflow: visible;
}

.flow-ticket-page .nightify-seat-map-scope .area-content--positioned {
        position: absolute;
        left: 0;
        width: 100%;
        box-sizing: border-box;
}

.flow-ticket-page .nightify-seat-map-scope .sector-content--positioned .row-label--positioned,
.flow-ticket-page .nightify-seat-map-scope .sector-content--positioned .seat--positioned {
        position: absolute;
        margin: 0;
}

.flow-ticket-page .nightify-seat-map-scope .sector-content--positioned .row-label--positioned {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: calc(var(--nightify-row-label-width-raw, 20px) * var(--flow-seat-map-fit-scale));
        height: calc(var(--nightify-row-label-height-raw, 20px) * var(--flow-seat-map-fit-scale));
}

.flow-ticket-page .nightify-seat-map-scope .sector-content--positioned .seat--positioned {
        width: calc(var(--nightify-seat-width-raw, 20px) * var(--flow-seat-map-fit-scale));
        height: calc(var(--nightify-seat-height-raw, 20px) * var(--flow-seat-map-fit-scale));
}

.flow-ticket-page .nightify-seat-map-scope .map-table .seat--positioned {
        width: calc(var(--nightify-seat-width-raw, 20px) * var(--flow-seat-map-fit-scale));
        height: calc(var(--nightify-seat-height-raw, 20px) * var(--flow-seat-map-fit-scale));
}

.flow-ticket-page .nightify-seat-map-scope .map-table .table-seat {
        pointer-events: auto;
}

.flow-ticket-page .nightify-seat-map-scope .seat[data-flow-seat-action],
.flow-ticket-page .nightify-seat-map-scope .table-seat[data-flow-seat-action] {
        cursor: pointer;
}

.flow-ticket-page .nightify-seat-map-scope .seat.is-seat-disabled,
.flow-ticket-page .nightify-seat-map-scope .table-seat.is-seat-disabled {
        cursor: not-allowed;
}

.flow-ticket-page .nightify-seat-map-scope .seat.is-seat-unavailable,
.flow-ticket-page .nightify-seat-map-scope .table-seat.is-seat-unavailable {
        opacity: 0.55;
}

.flow-ticket-page .flow-seat-map-board {
        display: flex;
        flex-direction: column;
        gap: 14px;
        height: auto;
        min-height: 0;
}

.flow-ticket-page .flow-seat-map-status {
        margin: 0;
        color: var(--ntf-color-rgba-255-255-255-0-6);
        font-size: 0.96rem;
}

.flow-ticket-page .flow-seat-map-canvas-wrap {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex: 0 0 auto;
        height: var(--flow-seat-map-browser-height, auto);
        min-height: var(--flow-seat-map-browser-height, 0px);
        max-height: var(--flow-seat-map-browser-height, none);
        overflow: auto;
        box-sizing: border-box;
        padding: 40px;
        border-radius: 18px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
        background: var(--ntf-color-0f0f0f);
        background-image: linear-gradient(var(--ntf-color-222222) 1px, transparent 1px), linear-gradient(90deg, var(--ntf-color-222222) 1px, transparent 1px);
        background-size: 10px 10px;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
}

.flow-ticket-page .nightify-seat-map-scope #seat-map-wrapper {
        overscroll-behavior: contain;
        touch-action: none;
}

.flow-ticket-page .flow-seat-map-canvas-wrap.is-dragging {
        cursor: grabbing;
}

.flow-ticket-page .flow-seat-map-canvas-wrap.is-dragging * {
        cursor: grabbing !important;
}

.flow-ticket-page .flow-seat-map-zoom-shell {
        position: relative;
        flex: 0 0 auto;
        width: calc(100% * var(--flow-seat-map-render-scale, 1));
        min-width: calc(100% * var(--flow-seat-map-render-scale, 1));
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: var(--flow-seat-map-aspect-ratio, 1 / 1);
        transform: translate(
            var(--flow-seat-map-pan-x, 0px),
            var(--flow-seat-map-pan-y, 0px)
        );
}

.flow-ticket-page .flow-seat-map-canvas-wrap #seat-map {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background-image: none;
        background-size: auto;
        background-color: transparent;
}

.flow-ticket-page .flow-seat-map-selected-panel {
        margin-bottom: 18px;
}

.flow-ticket-page .flow-seat-map-selected-panel__header {
        padding-bottom: 14px;
        border-bottom: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
        margin-bottom: 14px;
}

.flow-ticket-page .flow-seat-map-selected-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border-radius: 18px;
        border: 0;
        box-sizing: border-box;
}

.flow-ticket-page .flow-seat-map-selected-list__empty {
        margin: 0;
        color: var(--ntf-color-999999);
        line-height: 1.6;
}

.flow-ticket-page .flow-seat-map-selected-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 14px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
        background: var(--ntf-color-rgba-255-255-255-0-04);
}

.flow-ticket-page .flow-seat-map-selected-item__accent {
        align-self: stretch;
        flex: 0 0 4px;
        min-height: 36px;
        border-radius: 999px;
}

.flow-ticket-page .flow-seat-map-selected-item__copy strong {
        color: var(--ntf-color-ffffff);
        font-size: 0.96rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
}

.flow-ticket-page .flow-seat-map-selected-item__copy span {
        color: var(--ntf-color-999999);
        font-size: 0.84rem;
}



.flow-ticket-page .flow-seat-map-area-modal__access-type-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
}

.flow-ticket-page .flow-seat-map-area-modal__access-type {
        display: flex;
        align-items: center;
        gap: 14px;
        width: 100%;
        padding: 16px 18px;
        border-radius: 18px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
        background: var(--ntf-color-rgba-255-255-255-0-04);
        text-align: left;
        cursor: pointer;
        transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.flow-ticket-page button.flow-seat-map-area-modal__access-type {
        appearance: none;
}

.flow-ticket-page .flow-seat-map-area-modal__access-type:hover,
.flow-ticket-page .flow-seat-map-area-modal__access-type:focus-visible,
.flow-ticket-page .flow-seat-map-area-modal__access-type--selected {
        border-color: var(--ntf-color-rgba-255-255-255-0-18);
        background: var(--ntf-color-rgba-255-255-255-0-08);
        transform: translateY(-1px);
}

.flow-ticket-page .flow-seat-map-area-modal__access-type:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 2px var(--ntf-color-rgba-255-255-255-0-12);
}

.flow-ticket-page .flow-seat-map-area-modal__access-type-strip {
        flex: 0 0 8px;
        width: 8px;
        min-width: 8px;
        min-height: 48px;
}

.flow-ticket-page .flow-seat-map-area-modal__access-type-name {
        color: var(--ntf-color-ffffff);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
}

.flow-ticket-page .flow-seat-map-area-modal__access-type-meta {
        color: var(--ntf-color-rgba-255-255-255-0-68);
        font-size: 0.88rem;
        line-height: 1.4;
}

.flow-ticket-page .flow-seat-map-area-modal__access-type-price {
        color: var(--ntf-color-ffffff);
        font-size: 1rem;
        font-weight: 700;
        white-space: nowrap;
}

.flow-ticket-page .flow-seat-map-area-modal__title {
        margin: 0;
        color: var(--ntf-color-ffffff);
        font-size: clamp(1.45rem, 1.8vw, 2rem);
        line-height: 1.15;
}

.flow-ticket-page .flow-seat-map-area-modal__description {
        margin: 0;
        color: var(--ntf-color-rgba-255-255-255-0-72);
        line-height: 1.6;
}

.flow-ticket-page .flow-seat-map-area-modal__quantity-section {
        margin-top: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
}

.flow-ticket-page .flow-seat-map-area-modal__quantity-label {
        color: var(--ntf-color-ffffff);
        font-size: 0.92rem;
        font-weight: 700;
}

.flow-ticket-page .flow-seat-map-area-modal__stepper {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
}

.flow-ticket-page .flow-seat-map-area-modal__quantity-input {
        width: 100%;
        min-width: 0;
        height: 56px;
        border-radius: 16px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
        background: var(--ntf-color-rgba-255-255-255-0-06);
        color: var(--ntf-color-ffffff);
        font-size: 1.2rem;
        font-weight: 700;
        text-align: center;
        padding: 0 14px;
        box-sizing: border-box;
}

.flow-ticket-page .flow-seat-map-area-modal__quantity-input::-webkit-outer-spin-button,
.flow-ticket-page .flow-seat-map-area-modal__quantity-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
}

.flow-ticket-page .flow-seat-map-area-modal__quantity-input[type=number] {
        -moz-appearance: textfield;
}

.flow-ticket-page .flow-seat-map-area-modal__hint,
.flow-ticket-page .flow-seat-map-area-modal__error {
        margin: 0;
        min-height: 1.3em;
}

.flow-ticket-page .flow-seat-map-area-modal__hint {
        color: var(--ntf-color-rgba-255-255-255-0-68);
        line-height: 1.5;
}

.flow-ticket-page .flow-ticket-card {
        background: var(--ntf-color-000000);
        border: 2px solid var(--ntf-color-f5f5f5);
        border-radius: 12px;
        padding: 24px;
        display: flex;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
}

.flow-ticket-page .flow-payment-method-card {
        gap: 16px;
}

.flow-ticket-page .flow-payment-method {
        width: 100%;
        align-items: center;
        gap: 16px;
}

.flow-ticket-page .flow-payment-method__input[type="radio"] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        opacity: 0;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
}

.flow-ticket-page .flow-payment-method__input[type="radio"]:focus-visible + .flow-payment-method__label .flow-wizard__icon {
        outline: 2px solid var(--ntf-color-fb1a3f);
        outline-offset: 2px;
}

.flow-ticket-page .flow-payment-method__label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--ntf-color-ffffff);
        cursor: pointer;
}

.flow-ticket-page .flow-payment-method__label-main {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        min-width: 0;
}

.flow-ticket-page .flow-payment-method__badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 10px;
        background: var(--ntf-color-ffffff);
        color: var(--ntf-color-000000);
        font-size: 0.8rem;
        font-weight: 700;
}

.flow-ticket-page .flow-payment-method__badge-text {
        line-height: 1;
}

.flow-ticket-page .flow-payment-method__name {
        font-size: 1.2rem;
        font-weight: 700;
}

.flow-ticket-page .flow-payment-method__label-icons {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
}

.flow-ticket-page .flow-payment-method__brand-icon {
        height: 18px;
        width: auto;
        display: block;
}

.flow-ticket-page .flow-saved-payment-method__brand-icon {
        height: 20px;
        width: auto;
        display: block;
        flex: 0 0 auto;
        padding: 2px 3px;
        border-radius: 4px;
        background: var(--ntf-color-ffffff);
}

.flow-ticket-page .flow-saved-payment-method__text {
        display: inline-flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
}

.flow-ticket-page .flow-saved-payment-method__title {
        font-weight: 700;
}

.flow-ticket-page .flow-ticket-card:hover {
        background: var(--ntf-color-070707);
}

.flow-ticket-page .flow-ticket-card__content {
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
        width: 100%;
}

.flow-ticket-page .flow-ticket-card__title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 700;
}

.flow-ticket-page .flow-ticket-card__name {
        font-size: 1.05rem;
        text-transform: none;
}

.flow-ticket-page .flow-ticket-card__description,
.flow-reservation-summary-item__description {
        color: var(--ntf-color-999999);
        margin: 0;
        font-size: 0.95rem;
}

.flow-ticket-page .flow-ticket-card__meta {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
        min-width: 140px;
}

.flow-ticket-page .flow-ticket-card__price {
        font-size: 1.1rem;
        font-weight: 700;
}

.flow-ticket-page .flow-ticket-card__counter {
        margin: 0;
        gap: 12px;
}

.flow-ticket-page .flow-ticket-card .count {
        font-size: 1rem;
        font-weight: 700;
        margin: 0 6px;
}

.flow-ticket-page .flow-ticket-summary .account-section {
        background: var(--ntf-color-0b0b0b);
        border: 1px solid var(--ntf-color-2b2b2b);
}



.flow-ticket-page .flow-ticket-summary__actions {
        margin-top: 16px;
}

.flow-ticket-page .flow-access-type-unlock {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin: 0;
        padding: 18px 20px;
        border: 1px solid var(--ntf-color-2b2b2b);
        border-radius: 16px;
        background: var(--ntf-color-0b0b0b);
}

.flow-ticket-page .flow-access-type-unlock__copy {
        min-width: 0;
}

.flow-ticket-page .flow-access-type-unlock__title {
        margin: 0 0 6px;
        font-size: 18px;
        line-height: 1.25;
}

.flow-ticket-page .flow-access-type-unlock__help,
.flow-ticket-page .flow-access-type-unlock__message {
        margin: 0;
        line-height: 1.45;
}

.flow-ticket-page .flow-access-type-unlock__message {
        margin-top: 8px;
}


.flow-access-type-unlock-form label {
        font-weight: 700;
}

.flow-ticket-page .flow-ticket-summary__captcha {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 14px;
}

.flow-ticket-page .flow-ticket-summary__captcha-error {
        width: 100%;
        line-height: 1.4;
        text-align: center;
}

.flow-ticket-page .flow-ticket-summary__countdown .payment-countdown {
        display: flex;
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
}

.flow-ticket-page .flow-ticket-summary__turnstile-note {
        margin: 10px 0 0;
        font-size: 12px;
        line-height: 1.5;
        color: var(--ntf-color-rgba-255-255-255-0-8);
}

.flow-reservation-summary-card {
        background: var(--ntf-color-000000);
        border: 2px solid var(--ntf-color-f5f5f5);
}

.flow-reservation-summary-event {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding-bottom: 16px;
        margin-bottom: 12px;
        border-bottom: 1px solid var(--ntf-color-2b2b2b);
}

.reservation-event-thumbnail {
        flex: 0 0 72px;
}

.reservation-event-thumbnail__image {
        width: 72px;
        height: 72px;
        border-radius: 6px;
        background-size: cover;
        background-position: center;
        background-color: var(--ntf-color-1f1f1f);
}

.flow-reservation-summary-event__details {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1;
        min-width: 0;
}

.flow-reservation-summary-event__date {
        margin: 0;
        color: var(--ntf-color-999999);
        font-size: 0.9rem;
}

.flow-reservation-summary-event__title {
        margin: 0;
        color: var(--ntf-color-ffffff);
        font-weight: 700;
        text-transform: uppercase;
        overflow-wrap: anywhere;
}

.flow-reservation-summary-event__location {
        margin: 0;
        color: var(--ntf-color-999999);
        font-size: 0.9rem;
        display: flex;
        gap: 6px;
        align-items: center;
        min-width: 0;
        overflow-wrap: anywhere;
}

.flow-reservation-summary-card .account-info-row:not(.account-info-row--total) {
        padding-bottom: 12px;
        border-bottom: 1px dashed var(--ntf-color-2b2b2b);
}

.flow-reservation-summary-card .account-info-row--total {
        padding-top: 12px;
        border-top: 1px solid var(--ntf-color-2b2b2b);
}

.flow-reservation-summary-item {
        align-items: flex-start;
}

.flow-reservation-summary-item__details {
        display: flex;
        flex-direction: column;
        gap: 6px;
        flex: 1;
}

.flow-access-type-title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 700;
        color: var(--ntf-color-ffffff);
}

.flow-access-type-title__quantity {
        color: var(--ntf-color-9ca3af);
        font-weight: 600;
        text-transform: none;
}

.flow-access-type-title__name {
        color: var(--ntf-color-ffffff);
        text-transform: none;
}

.flow-reservation-summary-item__seats {
        list-style: none;
        margin: 8px 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        color: var(--ntf-color-999999);
        font-size: 0.86rem;
        line-height: 1.35;
}

.flow-reservation-summary-item__seats li {
        overflow-wrap: anywhere;
}

.flow-reservation-summary-item__price strong {
        font-size: 1.05rem;
}

.flow-ticket-page {
        --flow-mobile-submit-footer-space: 96px;
        --wizard-icon-size: 38px;
}

.flow-ticket-page #table-footer-mobile {
        display: none;
}

.flow-ticket-page #table-footer-mobile .flow-mobile-submit-footer__inner {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 12px;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
}

.flow-ticket-page #table-footer-mobile .flow-mobile-submit-footer__countdown {
        display: flex;
        justify-content: center;
}

.flow-ticket-page #table-footer-mobile .flow-mobile-submit-footer__countdown .payment-countdown {
        display: inline-flex;
        justify-content: center;
        width: 100%;
}

@media screen and (max-width: 1024px) {
        .flow-ticket-page .flow-ticket-layout {
                flex-direction: column;
                align-items: stretch;
        }

        .flow-ticket-page .flow-ticket-layout > .flow-ticket-summary,
        .flow-ticket-page .flow-ticket-layout > .flow-ticket-content {
                width: 100% !important;
                max-width: 100%;
                min-width: 0;
                flex: 0 0 auto;
        }

        .flow-ticket-page [data-flow-desktop-submit] {
                display: none;
        }

        .flow-ticket-page #table-footer-mobile {
                display: block;
                position: sticky;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
        }

}

@media screen and (max-width: 736px) {
        .flow-ticket-page {
                --wizard-icon-size: 34px;
        }

        .flow-ticket-page .flow-wizard__steps {
                gap: 14px;
                --wizard-track-top: calc(var(--wizard-icon-size) / 2);
        }

        .flow-ticket-page .flow-wizard__icon {
                box-shadow: none;
        }

        .flow-ticket-page .flow-wizard__label {
                font-size: 13px;
                padding-top: 0;
        }

        .flow-ticket-page .flow-ticket-card {
                flex-direction: column;
                align-items: flex-start;
        }

        .flow-ticket-page .flow-ticket-card__meta {
                width: 100%;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
        }

        .flow-ticket-page .flow-ticket-card__price,
        .flow-ticket-page .flow-ticket-card__meta .status-badge {
                margin-right: auto;
        }

        .flow-ticket-page .flow-attendee-card__fields {
                grid-template-columns: minmax(0, 1fr);
        }

        .flow-ticket-page .flow-ticket-summary__actions {
                display: block;
        }

        .flow-ticket-page .flow-ticket-summary--mobile-hidden {
                display: none;
        }

        .flow-ticket-page .flow-access-type-unlock {
                align-items: flex-start;
                flex-direction: column;
                gap: 14px;
                padding: 16px;
        }

        .flow-ticket-page .flow-selection-mode.buckets:not(.noresponsive) .large-6 {
                width: 50%;
                max-width: 50%;
                flex: 0 0 50%;
        }

        .flow-ticket-page .flow-seat-map-shell {
                padding: 10px;
                border-radius: 20px;
        }

        .flow-ticket-page .flow-seat-map-toolbar__menu.options-menu {
                min-width: min(320px, calc(100vw - 24px));
                max-height: min(300px, calc(100vh - 32px));
        }


}

.disabled,
button:disabled:not(.ui-action-button),
input:is([type="button"], [type="submit"], [type="reset"]):disabled:not(.ui-action-button) {
        opacity: var(--ui-disabled-opacity);
        cursor: var(--ui-disabled-cursor);
        pointer-events: none;
}

.review-submitted-banner {
        background: linear-gradient(135deg, var(--ntf-color-111111), var(--ntf-color-222222));
        border: 1px solid var(--ntf-color-1f1f1f);
        border-radius: 16px;
        padding: 24px;
        text-align: center;
}

.review-submitted-banner__icon {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: var(--ntf-color-rgba-251-26-63-0-15);
        color: var(--ntf-color-fb1a3f);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        margin-bottom: 16px;
}

.review-submitted-banner__title {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 8px;
}

.review-submitted-banner__subtitle {
                margin: 0;
                font-size: 16px;
                color: var(--ntf-color-aaaaaa);
}

.ui-compact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    flex: 0 0 auto;
    min-width: 32px;
    height: 32px;
    margin: 0;
    padding: 7px;
    border: 1px solid var(--ntf-color-444444);
    border-radius: 8px;
    background: var(--ntf-color-222222);
    color: var(--ntf-color-ffffff);
    font-family: var(--ntf-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    appearance: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.ui-compact-button:hover {
    background: var(--ntf-color-333333);
    border-color: var(--ntf-color-666666);
    color: var(--ntf-color-ffffff);
    text-decoration: none;
}

.ui-compact-button:focus-visible {
    outline: 2px solid var(--ntf-color-ffffff);
    outline-offset: 2px;
}

.ui-compact-button > .zmdi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1;
    pointer-events: none;
}

[data-input-accessory] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

[data-input-accessory="clear"] {
    display: none;
}

[data-input-accessory="clear"].is-visible {
    display: inline-flex;
}

[data-input-accessory="locate"] {
    right: 52px;
}

.autocomplete-container:has([data-input-accessory]) > .inputstyle {
    padding-right: 50px;
}

.autocomplete-container:has([data-input-accessory="locate"]) > .inputstyle {
    padding-right: 92px;
}

[data-filters-toggle] > .zmdi {
    transition: transform 0.2s ease;
}

[data-filters-toggle][aria-expanded="true"] > .zmdi {
    transform: rotate(180deg);
}

.map-action-btn {
    --map-action-background: rgba(251, 26, 63, 0.15);
    --map-action-border: rgba(251, 26, 63, 0.45);
    --map-action-color: #ff7a8f;
    --map-action-hover-background: rgba(251, 26, 63, 0.28);
    --map-action-hover-border: rgba(251, 26, 63, 0.65);
    --map-action-hover-color: #ff99ab;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    min-height: 30px;
    min-width: 0;
    max-width: 100%;
    width: fit-content;
    margin: 0;
    text-align: center;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
    overflow-wrap: anywhere;
    appearance: none;
    text-decoration: none;
    font-family: var(--ntf-font-family);
    background: var(--map-action-background);
    border: 1px solid var(--map-action-border);
    color: var(--map-action-color);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.map-action-btn:hover,
.map-action-btn[aria-pressed="true"] {
    text-decoration: none;
    background: var(--map-action-hover-background);
    border-color: var(--map-action-hover-border);
    color: var(--map-action-hover-color);
}

.map-action-btn[data-tone="green"] {
    --map-action-background: rgba(76, 175, 80, 0.18);
    --map-action-border: rgba(76, 175, 80, 0.45);
    --map-action-color: #a5f5a5;
    --map-action-hover-background: rgba(76, 175, 80, 0.28);
    --map-action-hover-border: rgba(76, 175, 80, 0.65);
    --map-action-hover-color: #c8ffca;
}

.map-action-btn[data-tone="gray"] {
    --map-action-background: rgba(255, 255, 255, 0.1);
    --map-action-border: rgba(255, 255, 255, 0.22);
    --map-action-color: #d5d5d5;
    --map-action-hover-background: rgba(255, 255, 255, 0.18);
    --map-action-hover-border: rgba(255, 255, 255, 0.34);
    --map-action-hover-color: #ffffff;
}

.map-action-btn:focus-visible,
.map-action-btn.seat-map-builder-onboarding-target {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.seat-map-builder-onboarding-target {
    z-index: 1202;
}

.map-action-btn i {
    font-size: 16px;
}


.ui-action-button {
        --ui-action-color: var(--ntf-color-ffffff);
        --ui-action-background: rgba(34, 34, 34, 0.72);
        --ui-action-hover-background: rgba(48, 48, 48, 0.8);
        --ui-action-border: rgba(255, 255, 255, 0.22);
        --ui-action-hover-border: rgba(255, 255, 255, 0.34);
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 0.5em;
        box-sizing: border-box;
        min-height: 35px;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding: 0.5em 1.05em;
        border: 1px solid var(--ui-action-border);
        border-radius: 8px;
        background: var(--ui-action-background);
        color: var(--ui-action-color);
        font-family: var(--ntf-font-family);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        white-space: normal;
        overflow-wrap: break-word;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        backdrop-filter: blur(12px) saturate(140%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.12);
        transition: background-color 180ms ease, border-color 180ms ease;
}

.ui-action-button:not(:disabled):not([aria-disabled="true"]):hover,
.ui-action-button:not(:disabled):not([aria-disabled="true"]):focus-visible {
        border-color: var(--ui-action-hover-border);
        background: var(--ui-action-hover-background);
        color: var(--ui-action-color);
        text-decoration: none;
}

.ui-action-button:focus-visible {
        outline: 2px solid var(--ntf-color-ffffff);
        outline-offset: 2px;
}

.ui-action-button--primary {
        --ui-action-background: rgba(199, 16, 52, 0.84);
        --ui-action-hover-background: rgba(199, 16, 52, 0.94);
        --ui-action-border: rgba(255, 146, 166, 0.42);
        --ui-action-hover-border: rgba(255, 162, 180, 0.56);
}

/* Keep text and backdrop compositing intact; the surface alone signals inactivity. */
.ui-action-button:is(:disabled, [aria-disabled="true"]) {
        --ui-action-background: rgba(128, 128, 128, 0.2);
        --ui-action-border: rgba(255, 255, 255, 0.24);
        color: var(--ntf-color-cccccc);
        box-shadow: none;
        cursor: var(--ui-disabled-cursor);
}

.ui-action-button[aria-disabled="true"] {
        pointer-events: none;
}

.ui-compact-button:disabled,
.ui-compact-button[aria-disabled='true'],
.map-action-btn:disabled,
.map-action-btn[aria-disabled='true'] {
        cursor: var(--ui-disabled-cursor);
        opacity: var(--ui-disabled-opacity);
        pointer-events: none;
}

.ui-action-button > .zmdi,
.ui-action-button__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
        flex: 0 0 1em;
        font-size: 1em;
        line-height: 1;
}

.ui-action-button[data-options-btn] > .zmdi-chevron-down {
        transition: transform 180ms ease;
}

.ui-action-button[data-options-btn][aria-expanded="true"] > .zmdi-chevron-down {
        transform: rotate(180deg);
}

.ui-action-button__label {
        min-width: 0;
}

.ui-action-button--block {
        width: 100%;
}

.ui-action-button--large {
        min-height: 0;
        padding: 0.7em 1.5em;
        border-radius: 10px;
        font-size: 18px;
}

.auth-provider-button {
        --auth-provider-background: var(--ntf-color-ffffff);
        --auth-provider-hover-background: #f1f1f1;
        --auth-provider-color: var(--ntf-color-000000);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5em;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 0.7em 1.5em;
        border: 1px solid var(--auth-provider-background);
        border-radius: 10px;
        color: var(--auth-provider-color);
        background: var(--auth-provider-background);
        font-family: var(--ntf-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        transition: background-color 180ms ease, border-color 180ms ease;
}

.auth-provider-button:hover,
.auth-provider-button:focus-visible,
a:hover .auth-provider-button,
a:focus-visible .auth-provider-button {
        background: var(--auth-provider-hover-background);
        border-color: var(--auth-provider-hover-background);
        color: var(--auth-provider-color);
        text-decoration: none;
}

.auth-provider-button:focus-visible,
a:focus-visible .auth-provider-button {
        outline: 2px solid currentColor;
        outline-offset: 3px;
}

.auth-provider-button--facebook {
        --auth-provider-background: var(--ntf-color-3479eb);
        --auth-provider-hover-background: #4283ee;
        --auth-provider-color: var(--ntf-color-ffffff);
}

.auth-provider-button--email {
        --auth-provider-background: var(--ntf-color-fb1a3f);
        --auth-provider-hover-background: #ff3153;
        --auth-provider-color: var(--ntf-color-ffffff);
}

@media (prefers-reduced-motion: reduce) {
        .ui-action-button,
        .auth-provider-button {
                transition: none;
        }
}

.event-promotion-badge {
        position: absolute;
        z-index: 2;
        top: 10px;
        left: 10px;
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 10px;
        color: var(--ntf-color-ffffff);
        background: var(--ntf-color-fb1a3f);
        border-radius: 999px;
        font-size: 11px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: normal;
        box-shadow: 0 8px 20px var(--ntf-color-rgba-0-0-0-0-25);
}

.servizio-img {
        --event-card-media-radius: 12px;
        --event-card-media-hover-scale: 1.05;
        position: relative;
        overflow: hidden;
        border-radius: var(--event-card-media-radius);
}

.event-detail-promotion-badge {
        top: auto;
        bottom: 10px;
}

.event-promotion-banner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) minmax(220px, 0.42fr) auto;
        gap: 18px;
        align-items: center;
        margin: 22px 0;
        padding: 20px;
        border: 1px solid var(--ntf-color-rgba-251-26-63-0-28);
        border-radius: 8px;
        background:
                linear-gradient(135deg, var(--ntf-color-rgba-251-26-63-0-15), var(--ntf-color-rgba-251-26-63-0-05) 42%, var(--ntf-color-rgba-255-255-255-0-05)),
                var(--ntf-color-171717);
        box-shadow: 0 18px 42px var(--ntf-color-rgba-0-0-0-0-28);
}

.event-promotion-banner--scheduled {
        border-color: var(--ntf-color-rgba-255-255-255-0-18);
        background:
                linear-gradient(135deg, var(--ntf-color-rgba-255-255-255-0-08), var(--ntf-color-rgba-251-26-63-0-05) 46%, var(--ntf-color-rgba-255-255-255-0-05)),
                var(--ntf-color-171717);
}

.event-promotion-banner__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        color: var(--ntf-color-ffffff);
        background: var(--ntf-color-fb1a3f);
        box-shadow: 0 12px 28px var(--ntf-color-rgba-251-26-63-0-28);
}

.event-promotion-banner__icon i {
        font-size: 22px;
}

.event-promotion-banner__content {
        display: grid;
        gap: 8px;
        min-width: 0;
}

.event-promotion-banner__eyebrow {
        color: var(--ntf-color-ff4a67);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: normal;
        text-transform: uppercase;
}

.event-promotion-banner__content h3 {
        margin: 0;
        color: var(--ntf-color-ffffff);
        font-size: 24px;
        line-height: 1.15;
}

.event-promotion-banner__content p {
        margin: 0;
        color: var(--ntf-color-d5cfd2);
        line-height: 1.45;
}

.event-promotion-banner__chips span,
.event-promotion-banner-details__status {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        background: var(--ntf-color-rgba-255-255-255-0-1);
        color: var(--ntf-color-ffffff);
        font-size: 12px;
        font-weight: 800;
}

.event-promotion-banner__meta {
        display: grid;
        gap: 10px;
        min-width: 0;
}

.event-promotion-banner__meta div {
        display: grid;
        gap: 3px;
}

.event-promotion-banner__meta span {
        color: var(--ntf-color-9d9599);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
}

.event-promotion-banner__meta strong {
        color: var(--ntf-color-ffffff);
        font-size: 15px;
        line-height: 1.25;
}



.event-promotion-banner-details {
        display: grid;
        gap: 12px;
        margin: -8px 0 24px;
        padding: 16px;
        border: 1px solid var(--ntf-color-373737);
        border-radius: 8px;
        background: var(--ntf-color-111111);
}

.event-promotion-banner-details__header {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        color: var(--ntf-color-ffffff);
}

.event-promotion-banner-details__header span,
.event-promotion-calendar__header span,
.event-promotion-total-bar__multiplier {
        color: var(--ntf-color-aaaaaa);
        font-size: 13px;
        font-weight: 700;
}

.event-promotion-banner-details__item {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) minmax(210px, auto) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--ntf-color-2b2b2b);
        border-radius: 8px;
        background: var(--ntf-color-171717);
}

.event-promotion-banner-details__item strong {
        color: var(--ntf-color-ffffff);
        line-height: 1.25;
}

.event-promotion-banner-details__item span {
        color: var(--ntf-color-d5cfd2);
        font-size: 13px;
        line-height: 1.25;
}

.event-promotion-banner-details__status {
        background: var(--ntf-color-rgba-251-26-63-0-18);
        color: var(--ntf-color-ff4a67) !important;
}

.event-promotion-banner-details__status--scheduled {
        background: var(--ntf-color-rgba-255-255-255-0-1);
        color: var(--ntf-color-ffffff) !important;
}

.event-promotion-banner-details__item--muted {
        display: block;
        color: var(--ntf-color-aaaaaa);
        font-weight: 700;
        text-align: center;
}

.event-promotion-page .section {
        overflow: visible;
}

.event-promotion-packages {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        margin-top: 22px;
}

.event-promotion-duration {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-top: 18px;
        padding: 18px 20px;
        border: 1px solid var(--ntf-color-373737);
        border-radius: 8px;
        background: var(--ntf-color-222222);
}

.event-promotion-duration__copy {
        display: grid;
        min-width: 0;
        gap: 5px;
}

.event-promotion-duration__eyebrow {
        color: var(--ntf-color-aaaaaa);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
}

.event-promotion-duration__copy strong {
        color: var(--text-color);
        font-size: 18px;
        line-height: 1.2;
}

.event-promotion-duration__copy span:last-child {
        color: var(--ntf-color-cccccc);
        font-size: 14px;
}

.event-promotion-package {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 540px;
        content-visibility: auto;
        contain-intrinsic-block-size: auto 540px;
        padding: 28px;
        border: 1px solid var(--ntf-color-484848);
        border-radius: 8px;
        background: var(--ntf-color-222222);
        color: var(--text-color);
        cursor: pointer;
        transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.event-promotion-package:hover,
.event-promotion-package:focus-within,
.event-promotion-package.is-selected {
        border-color: var(--ntf-color-fb1a3f);
        box-shadow: 0 18px 40px var(--ntf-color-rgba-0-0-0-0-25);
        transform: translateY(-2px);
}

.event-promotion-visual {
        position: relative;
        display: block;
        overflow: hidden;
        border: 1px solid var(--ntf-color-373737);
        border-radius: 8px;
        background:
                radial-gradient(circle at 28% 20%, var(--ntf-color-rgba-251-26-63-0-2), transparent 34%),
                linear-gradient(135deg, var(--ntf-color-2d2d2d), var(--ntf-color-171717));
        box-shadow: inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-08);
}

.event-promotion-visual--package {
        height: 146px;
        margin-bottom: 22px;
}

.event-promotion-package--has-ribbon .event-promotion-visual--package {
        margin-top: 28px;
}

.event-promotion-visual--option {
        width: 92px;
        height: 72px;
}

.event-promotion-visual svg {
        display: block;
        width: 100%;
        height: 100%;
}

.event-promotion-visual .ep-spotlight {
        fill: var(--ntf-color-rgba-251-26-63-0-2);
        opacity: 0.8;
        transform-origin: center;
        animation: eventPromotionGlow 3.4s ease-in-out infinite;
}

.event-promotion-visual .ep-spotlight--right {
        animation-delay: 0.45s;
}

.event-promotion-visual .ep-related-card,
.event-promotion-visual .ep-mini-result,
.event-promotion-visual .ep-screen,
.event-promotion-visual .ep-feed-card,
.event-promotion-visual .ep-home-hero,
.event-promotion-visual .ep-home-tile,
.event-promotion-visual .ep-related-main {
        fill: var(--ntf-color-303030);
        stroke: var(--ntf-color-5a5a5a);
        stroke-width: 1.4;
        transform-origin: center;
}

.event-promotion-visual .ep-screen {
        fill: var(--ntf-color-171717);
}

.event-promotion-visual .ep-feed-card--hero {
        animation: eventPromotionFloat 3.8s ease-in-out infinite;
}

.event-promotion-visual .ep-accent-fill {
        fill: var(--ntf-color-fb1a3f);
}

.event-promotion-visual .ep-feed-line {
        fill: var(--ntf-color-ffffff);
        opacity: 0.82;
}

.event-promotion-visual .ep-feed-line--short {
        opacity: 0.5;
}

.event-promotion-visual .ep-feed-card--muted,
.event-promotion-visual .ep-mini-result--one,
.event-promotion-visual .ep-mini-result--two {
        fill: var(--ntf-color-2d2d2d);
        opacity: 0.75;
}

.event-promotion-visual .ep-feed-card--middle {
        opacity: 0.92;
}

.event-promotion-visual .ep-feed-card--rising {
        transform-origin: center;
        animation: eventPromotionRiseToFirst 4s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}

.event-promotion-visual .ep-mini-result--top {
        transform-origin: center;
        animation: eventPromotionMiniRiseToFirst 4s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}

.event-promotion-visual .ep-search {
        fill: var(--ntf-color-2d2d2d);
        stroke: var(--ntf-color-484848);
        stroke-width: 1.2;
}

.event-promotion-visual .ep-spark,
.event-promotion-visual .ep-arrow,
.event-promotion-visual .ep-orbit,
.event-promotion-visual .ep-hour-ring {
        fill: var(--ntf-color-fb1a3f);
        transform-origin: center;
}

.event-promotion-visual .ep-spark {
        animation: eventPromotionSpark 2.7s ease-in-out infinite;
}

.event-promotion-visual .ep-spark--two {
        animation-delay: 0.8s;
}

.event-promotion-visual .ep-mini-result--top .ep-mini-result {
        fill: var(--ntf-color-3a3a3a);
}

.event-promotion-visual .ep-mini-result--two {
        opacity: 0.82;
}

.event-promotion-visual .ep-mini-result--one {
        opacity: 0.55;
}

.event-promotion-visual .ep-arrow {
        animation: eventPromotionArrow 2.2s ease-in-out infinite;
}

.event-promotion-visual .ep-arrow--small {
        transform-origin: 95px 48px;
}

.event-promotion-visual .ep-pulse {
        fill: none;
        stroke: var(--ntf-color-fb1a3f);
        stroke-width: 4;
        transform-origin: center;
        animation: eventPromotionPulse 2.2s ease-out infinite;
}

.event-promotion-visual .ep-hour-ring {
        fill: none;
        stroke: var(--ntf-color-fb1a3f);
        stroke-width: 2;
}

.event-promotion-visual .ep-hour-hand {
        fill: none;
        stroke: var(--ntf-color-ffffff);
        stroke-width: 1.8;
        stroke-linecap: round;
        transform-origin: 31px 38px;
        animation: nightify-spin 4s linear infinite;
}

.event-promotion-visual .ep-rank-badge {
        fill: var(--ntf-color-fb1a3f);
        stroke: var(--ntf-color-rgba-255-255-255-0-2);
        stroke-width: 1;
}

.event-promotion-visual .ep-rank-number {
        fill: var(--ntf-color-ffffff);
        font-family: var(--ntf-font-family);
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
}

.event-promotion-visual .ep-rank-badge--mini {
        stroke-width: 0.8;
}

.event-promotion-visual .ep-rank-number--mini {
        font-size: 7px;
}

.event-promotion-visual .ep-home-hero {
        fill: var(--ntf-color-3a3a3a);
        animation: eventPromotionHome 3.6s ease-in-out infinite;
}

.event-promotion-visual .ep-home-tile--two,
.event-promotion-visual .ep-related-card--two {
        fill: var(--ntf-color-3a3a3a);
}

.event-promotion-visual .ep-orbit {
        animation: eventPromotionOrbit 2.8s ease-in-out infinite;
}

.event-promotion-visual .ep-orbit--two {
        animation-delay: 0.7s;
}

.event-promotion-visual .ep-related-card--one,
.event-promotion-visual .ep-related-card--three {
        opacity: 0.76;
        animation: eventPromotionSideCards 3s ease-in-out infinite;
}

.event-promotion-visual .ep-related-card--three {
        animation-delay: 0.45s;
}

.event-promotion-visual .ep-related-card--two {
        animation: eventPromotionFloat 3.4s ease-in-out infinite;
}

.event-promotion-visual .ep-link-line {
        fill: none;
        stroke: var(--ntf-color-fb1a3f);
        stroke-width: 3;
        stroke-linecap: round;
        stroke-dasharray: 12;
        animation: eventPromotionDash 1.8s linear infinite;
}

.event-promotion-page .event-promotion-visual * {
        animation-play-state: paused !important;
}

.event-promotion-page .event-promotion-visual.is-in-viewport * {
        animation-play-state: running !important;
}

.event-promotion-package__ribbon {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        color: var(--ntf-color-fb1a3f);
        background: var(--ntf-color-rgba-255-255-255-0-08);
        border-radius: 8px 8px 0 0;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: normal;
}

.event-promotion-selection__main {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
}

.event-promotion-selection__main input {
        width: 18px;
        height: 18px;
        accent-color: var(--ntf-color-fb1a3f);
}

.event-promotion-package__name {
        display: block;
        font-size: 28px;
        line-height: 1.1;
        font-weight: 900;
}

.event-promotion-selection__label-row {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        gap: 8px;
}

.event-promotion-package__subtitle {
        display: block;
        margin-top: 8px;
        color: var(--ntf-color-aaaaaa);
        font-size: 18px;
        line-height: 1.35;
}

.event-promotion-package__price {
        display: block;
        margin-top: 34px;
        color: var(--ntf-color-cccccc);
        font-size: 18px;
}

.event-promotion-package__price strong {
        color: var(--text-color);
        font-size: 30px;
        line-height: 1;
}

.event-promotion-price-unit {
        display: inline-flex;
        margin-left: 6px;
        color: var(--ntf-color-aaaaaa);
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
}

.event-promotion-package__button {
        width: 100%;
        margin-top: 20px;
}

.event-promotion-package__features {
        display: grid;
        gap: 18px;
        margin-top: 28px;
}

.event-promotion-feature {
        display: grid;
        grid-template-columns: 24px 1fr;
        gap: 14px;
        align-items: center;
        color: var(--ntf-color-cccccc);
        font-size: 15px;
        line-height: 1.35;
}

.event-promotion-feature i {
        color: var(--text-color);
        font-size: 22px;
}

.event-promotion-feature--disabled {
        color: var(--ntf-color-777777);
}

.event-promotion-feature--disabled i {
        color: var(--ntf-color-777777);
}

.event-promotion-options {
        display: grid;
        gap: 20px;
        margin-top: 20px;
}

.event-promotion-option {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr) auto;
        gap: 20px;
        align-items: center;
        content-visibility: auto;
        contain-intrinsic-block-size: auto 118px;
        padding: 22px 24px;
        border: 1px solid var(--ntf-color-484848);
        border-radius: 8px;
        background: var(--ntf-color-222222);
        cursor: pointer;
        transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.event-promotion-option:hover,
.event-promotion-option:focus-within,
.event-promotion-option.is-selected {
        border-color: var(--ntf-color-fb1a3f);
        box-shadow: 0 14px 32px var(--ntf-color-rgba-0-0-0-0-2);
        transform: translateY(-1px);
}

.event-promotion-package--disabled,
.event-promotion-package--disabled:hover,
.event-promotion-package--disabled:focus-within,
.event-promotion-package--disabled.is-selected,
.event-promotion-option--disabled,
.event-promotion-option--disabled:hover,
.event-promotion-option--disabled:focus-within {
        border-color: var(--ntf-color-484848);
        box-shadow: none;
        cursor: not-allowed;
        opacity: 0.62;
        transform: none;
}

.event-promotion-package--disabled .event-promotion-package__button,
.event-promotion-option--disabled .event-promotion-option__button {
        color: var(--ntf-color-777777);
        background: transparent;
        border-color: var(--ntf-color-484848);
        cursor: not-allowed;
}

.event-promotion-option__text {
        display: grid;
        min-width: 0;
        gap: 6px;
}

.event-promotion-option__label {
        color: var(--text-color);
        font-size: 18px;
        font-weight: 800;
}

.event-promotion-option__info {
        color: var(--ntf-color-fb1a3f);
        font-size: 14px;
        font-weight: 800;
        text-decoration: underline;
        text-underline-offset: 3px;
}

.event-promotion-option__side {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 18px;
}

.event-promotion-option__price {
        display: inline-flex;
        align-items: baseline;
        gap: 2px;
        white-space: nowrap;
}

.event-promotion-option__side strong {
        color: var(--text-color);
        font-size: 18px;
        white-space: nowrap;
}

.event-promotion-option__button {
        min-width: 145px;
}


.event-promotion-period-modal .modal-stack {
        min-height: 0;
}

.event-promotion-period-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 18px;
}

.event-promotion-period-field > span {
        color: var(--text-color);
        font-size: 14px;
        font-weight: 800;
}

.event-promotion-period-field small {
        color: var(--ntf-color-aaaaaa);
        font-size: 12px;
        font-weight: 700;
}

.event-promotion-audience-fields {
        grid-template-columns: 1fr;
}

.event-promotion-audience-stepper {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
}

.event-promotion-audience-stepper__count {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 64px;
        padding: 10px 14px;
        border: 1px solid var(--ntf-color-484848);
        border-radius: 8px;
        color: var(--ntf-color-ffffff);
        background: var(--ntf-color-171717);
        font-size: 28px;
        font-weight: 900;
        line-height: 1.15;
        text-align: center;
        box-sizing: border-box;
}

.event-promotion-calendar {
        margin-top: 18px;
        padding: 16px;
        border: 1px solid var(--ntf-color-373737);
        border-radius: 8px;
        background: var(--ntf-color-171717);
}

.event-promotion-calendar__header {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        margin-bottom: 8px;
}

.event-promotion-calendar__title {
        display: grid;
        gap: 4px;
        min-width: 0;
        text-align: center;
}

.event-promotion-calendar__header strong {
        color: var(--text-color);
        font-size: 18px;
        text-transform: capitalize;
}

.event-promotion-calendar__hint {
        margin: 0 0 12px;
        color: var(--ntf-color-999999);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
}

.event-promotion-calendar__weekdays,
.event-promotion-calendar__grid {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 6px;
}

.event-promotion-calendar__weekdays span {
        color: var(--ntf-color-777777);
        font-size: 11px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
}

.event-promotion-calendar__grid {
        margin-top: 8px;
}

.event-promotion-calendar__day {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: clamp(42px, 5.6vw, 58px);
        min-width: 0;
        border: 1px solid var(--ntf-color-373737);
        border-radius: 8px;
        color: var(--ntf-color-cccccc);
        background: var(--ntf-color-222222);
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
}

.event-promotion-calendar__day.is-muted {
        color: var(--ntf-color-777777);
        background: var(--ntf-color-151515);
        opacity: 0.72;
}

.event-promotion-calendar__day:hover:not(:disabled),
.event-promotion-calendar__day:focus-visible {
        border-color: var(--ntf-color-fb1a3f);
        color: var(--ntf-color-ffffff);
        outline: none;
}

.event-promotion-calendar__day.is-disabled,
.event-promotion-calendar__day:disabled {
        color: var(--ntf-color-555555);
        background: var(--ntf-color-151515);
        cursor: not-allowed;
        opacity: 0.45;
}

.event-promotion-calendar__day.is-selected {
        border-color: var(--ntf-color-fb1a3f);
        color: var(--ntf-color-ffffff);
        background: var(--ntf-color-fb1a3f);
}

.event-promotion-calendar__day.is-range-start,
.event-promotion-calendar__day.is-range-end {
        box-shadow: inset 0 0 0 2px var(--ntf-color-ffffff);
}

.event-promotion-calendar__day.is-event-date {
        box-shadow: inset 0 0 0 2px var(--ntf-color-ffffff);
}

.event-promotion-calendar__legend {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 14px;
        color: var(--ntf-color-aaaaaa);
        font-size: 12px;
        font-weight: 800;
}

.event-promotion-calendar__legend span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
}

.event-promotion-calendar__dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--ntf-color-fb1a3f);
}

.event-promotion-calendar__dot--event {
        border: 2px solid var(--ntf-color-ffffff);
        background: transparent;
}


.event-promotion-note {
        margin-top: 28px;
        color: var(--ntf-color-aaaaaa);
        font-size: 14px;
        line-height: 1.6;
}

.event-promotion-active {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        padding: 14px 18px;
        border: 1px solid var(--ntf-color-484848);
        border-radius: 8px;
        background: var(--ntf-color-2d2d2d);
}

.event-promotion-active strong {
        color: var(--text-color);
}

.event-promotion-active span {
        color: var(--ntf-color-cccccc);
}

.event-promotion-total-bar {
        position: sticky;
        bottom: 0;
        z-index: 20;
        padding: 18px 0;
        background: var(--background-color);
        border-top: 1px solid var(--ntf-color-373737);
}

.event-promotion-total-bar__inner {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 24px;
}

.event-promotion-total-bar__summary {
        display: grid;
        gap: 4px;
        text-align: right;
}

.event-promotion-total-bar__inner span {
        color: var(--ntf-color-cccccc);
        font-size: 22px;
}

.event-promotion-total-bar__inner strong {
        color: var(--text-color);
        font-size: 28px;
}

@media (max-width: 980px) {
        .event-promotion-banner {
                grid-template-columns: auto minmax(0, 1fr);
        }

        .event-promotion-banner__meta,
        .event-promotion-banner > .ui-action-button {
                grid-column: 1 / -1;
        }

        .event-promotion-banner-details__item {
                grid-template-columns: 1fr;
        }

        .event-promotion-banner-details__header {
                display: grid;
        }

        .event-promotion-packages {
                grid-template-columns: 1fr;
        }

        .event-promotion-duration {
                display: grid;
                align-items: stretch;
        }

        .event-promotion-package {
                min-height: 0;
        }

        .event-promotion-option,
        .event-promotion-option__side,
        .event-promotion-total-bar__inner {
                grid-template-columns: 1fr;
                align-items: stretch;
        }

        .event-promotion-option {
                contain-intrinsic-block-size: auto 260px;
        }

        .event-promotion-visual--option {
                width: 100%;
                height: 90px;
        }

        .event-promotion-option .event-promotion-selection__main {
                display: grid;
                grid-template-columns: 22px 1fr;
        }

        .event-promotion-option__info {
                grid-column: auto;
        }

        .event-promotion-option__side {
                display: grid;
                gap: 12px;
        }

        .event-promotion-period-fields {
                grid-template-columns: 1fr;
        }

        .event-promotion-audience-stepper {
                grid-template-columns: auto minmax(0, 1fr) auto;
                gap: 8px;
        }

        .event-promotion-audience-stepper__count {
                min-height: 58px;
                padding: 8px 10px;
                font-size: 22px;
        }


        .event-promotion-calendar {
                padding: 12px;
        }

        .event-promotion-calendar__header {
                grid-template-columns: auto minmax(0, 1fr) auto;
                gap: 8px;
        }


        .event-promotion-calendar__day {
                height: clamp(38px, 11vw, 48px);
                border-radius: 7px;
        }


        .event-promotion-option__button {
                width: 100%;
        }

        .event-promotion-total-bar__inner {
                display: grid;
                gap: 14px;
                justify-items: start;
        }
}

@keyframes eventPromotionFloat {
        0%, 100% {
                transform: translateY(0);
        }
        50% {
                transform: translateY(-7px);
        }
}

@keyframes eventPromotionGlow {
        0%, 100% {
                opacity: 0.45;
                transform: scale(0.96);
        }
        50% {
                opacity: 0.88;
                transform: scale(1.04);
        }
}

@keyframes eventPromotionSpark {
        0%, 100% {
                opacity: 0.35;
                transform: scale(0.82) rotate(0deg);
        }
        50% {
                opacity: 1;
                transform: scale(1.12) rotate(18deg);
        }
}

@keyframes eventPromotionRiseToFirst {
        0% {
                opacity: 0.62;
                transform: translateY(42px) scale(0.94);
        }
        16% {
                opacity: 0.72;
                transform: translateY(42px) scale(0.94);
        }
        52% {
                opacity: 1;
                transform: translateY(-4px) scale(1.02);
        }
        64%, 100% {
                opacity: 1;
                transform: translateY(0) scale(1);
        }
}

@keyframes eventPromotionMiniRiseToFirst {
        0% {
                opacity: 0.62;
                transform: translateY(30px) scale(0.94);
        }
        16% {
                opacity: 0.72;
                transform: translateY(30px) scale(0.94);
        }
        52% {
                opacity: 1;
                transform: translateY(-3px) scale(1.03);
        }
        64%, 100% {
                opacity: 1;
                transform: translateY(0) scale(1);
        }
}

@keyframes eventPromotionArrow {
        0%, 100% {
                transform: translateY(3px);
                opacity: 0.78;
        }
        50% {
                transform: translateY(-5px);
                opacity: 1;
        }
}

@keyframes eventPromotionPulse {
        0% {
                opacity: 0.8;
                transform: scale(0.7);
        }
        100% {
                opacity: 0;
                transform: scale(2.1);
        }
}

@keyframes eventPromotionHome {
        0%, 100% {
                transform: translateY(0);
        }
        50% {
                transform: translateY(-4px);
        }
}

@keyframes nightify-spin {
        to {
                transform: rotate(360deg);
        }
}

@keyframes eventPromotionOrbit {
        0%, 100% {
                opacity: 0.45;
                transform: translateY(0) scale(0.9);
        }
        50% {
                opacity: 1;
                transform: translateY(-8px) scale(1.08);
        }
}

@keyframes eventPromotionSideCards {
        0%, 100% {
                transform: translateX(0);
        }
        50% {
                transform: translateX(-3px);
        }
}

@keyframes eventPromotionDash {
        to {
                stroke-dashoffset: -24;
        }
}

@media (prefers-reduced-motion: reduce) {
        .event-promotion-visual * {
                animation: none !important;
        }
}

.review-submitted-banner__actions {
                margin-top: 16px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                gap: 10px;
}

.review-submitted-banner__actions form {
                display: flex;
                margin: 0;
}

.review-submitted-card {
                background: linear-gradient(135deg, var(--ntf-color-111111), var(--ntf-color-222222));
        border: 1px solid var(--ntf-color-1f1f1f);
        border-radius: 12px;
        padding: 24px;
}

.review-submitted-card__label {
        font-size: 12px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ntf-color-888888);
}

.review-submitted-card__value {
        font-size: 16px;
        font-weight: 500;
        color: var(--text-color);
        word-break: break-word;
}

@media screen and (max-width: 736px) {
        .review-submitted-banner {
                padding: 20px 16px;
        }

        .review-submitted-card {
                padding: 20px 16px;
        }

        .review-submitted-card__grid {
                gap: 16px;
        }
}

.auth-action-result {
    display: flex;
    padding: 72px 0 86px;
}

.auth-action-result .wrapper {
    display: flex;
    justify-content: center;
}

.auth-action-result__panel {
    background:
        linear-gradient(180deg, var(--ntf-color-rgba-255-255-255-0-08), var(--ntf-color-rgba-255-255-255-0-02)),
        var(--ntf-color-050505);
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    border-radius: 8px;
    box-shadow: 0 26px 70px var(--ntf-color-rgba-0-0-0-0-42);
    color: var(--ntf-color-ffffff);
    max-width: 720px;
    overflow: hidden;
    padding: 42px 46px 34px;
    position: relative;
    text-align: center;
    width: 100%;
}

.auth-action-result__panel::before {
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.auth-action-result__panel--success::before {
    background: var(--ntf-color-6ddc6a);
}

.auth-action-result__panel--error::before {
    background: var(--ntf-color-fb1a3f);
}

.auth-action-result__icon {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 32px;
    height: 66px;
    justify-content: center;
    margin-bottom: 18px;
    width: 66px;
}

.auth-action-result__panel--success .auth-action-result__icon {
    background: var(--ntf-color-rgba-0-200-83-0-15);
    border: 1px solid rgba(109, 220, 106, .42);
    color: var(--ntf-color-6ddc6a);
}

.auth-action-result__panel--error .auth-action-result__icon {
    background: var(--ntf-color-rgba-251-26-63-0-15);
    border: 1px solid var(--ntf-color-rgba-251-26-63-0-45);
    color: var(--ntf-color-fb1a3f);
}

.auth-action-result__eyebrow {
    color: var(--ntf-color-rgba-255-255-255-0-68);
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.auth-action-result__title {
    color: var(--ntf-color-ffffff);
    font-size: 38px;
    line-height: 1.12;
    margin: 0 auto;
    max-width: 620px;
}

.auth-action-result__message {
    color: var(--ntf-color-rgba-255-255-255-0-9);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    margin: 20px auto 0;
    max-width: 600px;
}

.auth-action-result__description {
    color: var(--ntf-color-rgba-255-255-255-0-68);
    font-size: 16px;
    line-height: 1.6;
    margin: 10px auto 0;
    max-width: 560px;
}

.auth-action-result__support {
    align-items: center;
    border-top: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
    color: var(--ntf-color-rgba-255-255-255-0-55);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 6px;
    justify-content: center;
    margin-top: 30px;
    padding-top: 20px;
}

.auth-action-result__support a {
    color: var(--ntf-color-ffffff);
    font-weight: 700;
    text-decoration: none;
}

.auth-action-result__support a:hover,
.auth-action-result__support a:focus {
    color: var(--ntf-color-fb1a3f);
}

@media screen and (max-width: 736px) {
    .auth-action-result {
        padding: 34px 0 54px;
    }

    .auth-action-result__panel {
        padding: 30px 20px 24px;
    }

    .auth-action-result__icon {
        font-size: 28px;
        height: 58px;
        margin-bottom: 16px;
        width: 58px;
    }

    .auth-action-result__title {
        font-size: 28px;
        line-height: 1.16;
    }

    .auth-action-result__message {
        font-size: 17px;
    }

}

.form {
        display: flex;
        flex-direction: column;
        position: relative;
}

#google-location-wrapper {
        width: 100%;
}

#google-location-wrapper .inputstyle {
        width: 100%;
        min-width: 0;
}

.form.form-choice {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        margin: 15px 0px;
}

.form input, .form textarea {
        gap: 10px;
}

.form.form-choice input[type="checkbox"],
.form.form-choice input[type="radio"] {
        margin: 0;
}

.form.form-choice label {
        margin: 0;
        font-weight: 300 !important;
}
label{
    font-size: 12px !important;
    font-weight: 700;
    margin-bottom: 0.5em;
}

select{
    min-width: 150px;
    border-color: var(--ntf-color-aaaaaa);
    background:transparent;
    outline: none;
    font-family: var(--ntf-font-family);
    font-weight: 700;
}

select option,
select optgroup {
    margin:40px;
    color: var(--native-select-option-text);
    background-color: var(--native-select-option-bg);
    font-family: var(--ntf-font-family);
    font-weight: 700;
}

form .autocomplete-container {
    flex: 0 0 auto;
}


form input {
    flex: 0 0 auto;
}


form input.error {
    background-color: var(--ntf-color-ffdddd);
}

input[type="radio"] + label {
        font-weight: 300;
}

.inputstyle{
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%),
        rgba(17, 17, 17, 0.26);
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    font-family: var(--ntf-font-family);
    letter-spacing: normal;
    min-width: 150px;
    height: 45px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 500;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-appearance: none;
    color: var(--text-color);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.inputstyle:focus,
.select-style select:focus {
    outline: none;
    border-color: var(--ntf-color-rgba-255-255-255-0-35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 3px var(--ntf-color-rgba-255-255-255-0-06);
}

.inputstyle::placeholder {
    color: var(--ntf-color-rgba-255-255-255-0-28);
    opacity: 1;
}

.select-style {
        color: var(--text-color);
        width: 100%;
        min-width: auto;
        max-width: 100%;
        border-radius: 14px;
        overflow: hidden;
        position: relative;
        background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%),
                rgba(17, 17, 17, 0.26);
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
}

.select-style:focus-within {
        border-color: var(--ntf-color-rgba-255-255-255-0-35);
        box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 0 0 3px var(--ntf-color-rgba-255-255-255-0-06);
}

.select-style::before {
        font-family: 'Material-Design-Iconic-Font';
        content: "\f2f9";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: var(--text-color);
        font-size: 18px;
}

.select-style select {
        height: 42px;
        padding: 0px 28px 0px 16px;
        width: 100%;
        font-size: 16px;
        color: var(--text-color);
        font-weight: 500;
        background: transparent;
        border: 0;
        box-shadow: none;
        -webkit-appearance: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
}

select.inputstyle {
        padding-left: 16px;
        padding-right: 36px;
        background-color: rgba(17, 17, 17, 0.26);
        background-image:
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),
                linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: right 16px center, 0 0;
        background-size: 10px 6px, auto;
}

.input-error {
        border: 1px solid var(--ntf-color-fb1a3f) !important;

}

.select-style:has(select.input-error) {
        border-color: var(--ntf-color-fb1a3f);
}

.select-style:has(select.input-error:focus) {
        box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 0 0 3px var(--ntf-color-rgba-251-26-63-0-15);
}

.select-style select.input-error {
        border: 0 !important;
        box-shadow: none;
}

.phone-input:has(.phone-number.input-error) {
        border-color: var(--ntf-color-fb1a3f);
}

.phone-input:has(.phone-number.input-error:focus) {
        box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 0 0 3px var(--ntf-color-rgba-251-26-63-0-15);
}

.phone-input .phone-number.input-error {
        border: 0 !important;
        box-shadow: none;
}

.siae-ticketing-options.input-error {
        border-radius: 8px;
        padding: 16px;
}
.error-message {
    color: var(--ntf-color-fb1a3f);
    font-size: 10px;
    margin-top: 0px;
    display: block;
}

input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border: 1.5px solid var(--ntf-color-cbd1e0);
        border-radius: 6px;
        background-color: var(--ntf-color-ffffff);
        display: inline-grid;
        place-items: center;
        cursor: pointer;
        position: relative;
        transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="checkbox"]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 10px;
        border: solid var(--ntf-color-ffffff);
        border-width: 0 2px 2px 0;
        transform: translate(-50%, -55%) rotate(45deg) scale(0);
        transition: transform 0.2s ease;
}

input[type="checkbox"]:hover {
        border-color: var(--ntf-color-9aa5c1);
}

input[type="checkbox"]:checked {
        background-color: var(--ntf-color-fb1a3f);
        border-color: var(--ntf-color-fb1a3f);
}

input[type="checkbox"]:checked::after {
        transform: translate(-50%, -55%) rotate(45deg) scale(1);
}

input[type="checkbox"]:focus-visible {
        outline: 2px solid var(--ntf-color-fb1a3f);
        outline-offset: 2px;
}

input[type="checkbox"] + label {
        margin: 0;
        margin-left: 12px;
        color: var(--text-color);
        font-size: 0.95rem;
        line-height: 1.4;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
}


.form.form-choice input[type="checkbox"] + label {
        margin-left: 0;
}


/* =========================================================
   RADIO - GLOBAL (con pallino rosso) ESCLUSI i radio pagamento
   ========================================================= */

input[type="radio"]:not(.flow-payment-method__input) {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid var(--text-color);
        border-radius: 50%;
        background-color: var(--ntf-color-000000);
        cursor: pointer;
        position: relative;
        vertical-align: middle;
}

input[type="radio"]:not(.flow-payment-method__input)::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        background-color: var(--ntf-color-fb1a3f);
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        transition: transform 0.2s ease;
}

input[type="radio"]:not(.flow-payment-method__input):checked::after {
        transform: translate(-50%, -50%) scale(1);
}

input[type="radio"]:not(.flow-payment-method__input):focus {
        outline: 2px solid var(--ntf-color-fb1a3f);
        outline-offset: 2px;
}


.searchbar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchbar .form {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.searchbar .inputstyle {
    width: 100%;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: var(--ntf-color-222222);
    font-size: 16px;
    color: var(--text-color);
    border: 0;
    font-weight: 400;
}

.searchbar .inputstyle::placeholder {
    color: var(--ntf-color-bbbbbb);
}

.searchbar.form::before {
    content: "\f002";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ntf-color-888888);
    font-size: 16px;
}

.searchbar.form::after {
    content: "\00d7";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--ntf-color-888888);
    cursor: pointer;
}

[data-footer-sort-handle] {
    cursor: grab;
}

[data-footer-sort-handle]:active {
    cursor: grabbing;
}

@media screen and (max-width: 736px) {
    .footer-admin-form-grid {
        margin-right: 0;
        margin-left: 0;
    }

    .footer-admin-form-grid > [class^="large-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.content-notice {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin: 0 0 14px;
        padding: 14px 16px;
        border: 1px solid var(--ntf-color-333333);
        border-radius: 12px;
        background: var(--ntf-color-141414);
        color: var(--ntf-color-f5f5f5);
}

.content-notice > .zmdi {
        flex: 0 0 auto;
        margin-top: 2px;
        font-size: 20px;
}

.content-notice > p {
        margin: 0;
        line-height: 1.45;
}

.content-notice--warning {
        border-color: var(--ntf-color-rgba-255-191-0-0-4);
}

.content-notice--warning > .zmdi {
        color: var(--ntf-color-facc15);
}

body.light .content-notice {
        border-color: var(--ntf-color-e4e6f1);
        background: var(--ntf-color-ffffff);
        color: var(--ntf-color-1a1f4b);
}

body.light .content-notice--warning {
        border-color: var(--ntf-color-rgba-255-191-0-0-4);
}



.event-table-main {
                display: flex;
                align-items: center;
                gap: 15px;
}


.access-type-color-strip {
                width: 8px;
                min-width: 8px;
                align-self: stretch;
                border-radius: 999px;
                opacity: 0.95;
}


.event-table-date-cell {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                min-width: 40px
}

.event-table-date {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        line-height: 1;
}

.event-table-date__month {
        font-size: 12px;
        font-weight: 700;
        color: var(--ntf-color-ff4d4d);
        text-transform: uppercase;
        letter-spacing: 0.5px;
}

.event-table-date__day {
        font-size: 22px;
        font-weight: 700;
        color: var(--ntf-color-ffffff);
}

.event-table-date__empty {
        font-size: 12px;
        font-weight: 600;
        color: var(--ntf-color-777777);
}

.event-table-image {
                width: 70px;
                height: 70px;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 10px;
}

.event-table-image img {
                width: 100% !important;
                height: 100%;
                object-fit: cover;
                display: block;
}

.event-table-image__lightbox-trigger {
                width: 100%;
                height: 100%;
                display: block;
                cursor: zoom-in;
}

.event-table-image__lightbox-trigger img {
                pointer-events: none;
}

.event-table-image__placeholder {
                width: 100%;
                height: 100%;
                background: var(--ntf-color-333333);
                color: var(--ntf-color-999999);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 26px;
}

.event-table-avatar {
                --avatar-size: 44px;
                overflow: hidden;
}

.event-table-info {
                                display: flex;
                                flex-direction: column;
                                gap: 4px;
                line-height: 1.2;
                flex: 1;
                min-width: 300px;
}

.event-table-info__name {
        font-size: 14px;
        font-weight: 600;
        color: var(--ntf-color-ffffff);
}

.event-table-info__location {
        font-size: 12px;
        color: var(--ntf-color-999999);
}

.event-table-info__datetime {
	                font-size: 12px;
	                color: var(--ntf-color-999999);
	                letter-spacing: 0.5px;
	                text-transform: uppercase;
	                display: block;
	                max-width: 100%;
	                white-space: nowrap;
	                overflow: hidden;
	                text-overflow: ellipsis;
}

.event-table-info--compact {
                min-width: 0;
}

.column5perc{
    width: 5%;
}

.column10perc{
    width: 10%;
}

.column15perc{
    width: 15%;
}

.column20perc{
    width: 20%;
}

.column30perc{
    width: 30%;
}

.column35perc{
        width: 35%;
}

.map-container {
        position: relative;
        height: 100%;
        overflow: hidden;
        border-radius: inherit;
}

.map-container .event-map {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: var(--ntf-color-151515);
        touch-action: pan-y;
}

.event-location-layout {
        display: flex;
        flex-direction: column;
        gap: var(--section-content-gap);
}

.event-location-layout__content {
        display: flex;
        flex-direction: column;
        gap: var(--section-content-gap);
}

.event-location-address__name {
        margin: 0;
        color: var(--ntf-color-f7f7f7);
}

.event-location-address__line {
        margin: 0;
        color: var(--ntf-color-b5b5be);
        line-height: 1.45;
}

.event-location-directions h4 {
        margin: 0 0 14px;
        font-size: 0.95rem;
        color: var(--ntf-color-f1f1f1);
}

.event-location-directions__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 20px;
}

.event-location-directions__link {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 44px;
        width: 100%;
        text-decoration: none;
        color: var(--ntf-color-b5b5be);
        font-size: 1.15rem;
        line-height: 1;
}

.event-location-directions__link i {
        color: var(--color-primary, var(--ntf-color-fb1a3f));
        min-width: 26px;
        text-align: center;
}

.event-location-directions__text {
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.2;
}

.event-location-directions__link:hover,
.event-location-directions__link:focus-visible {
        color: var(--ntf-color-f5f5f5);
}

.event-location-map-card {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        background: var(--ntf-color-151515);
        height: 340px;
}

.event-location-map-card .event-map[data-map-state="unavailable"] {
        background: linear-gradient(135deg, var(--ntf-color-151515), var(--ntf-color-222222));
}

@media screen and (min-width: 1025px) {
        .event-location-layout {
                display: grid;
                grid-template-columns: minmax(240px, 0.8fr) minmax(420px, 1.4fr);
                gap: var(--section-content-gap);
                align-items: start;
        }

        .event-location-map-card {
                height: clamp(320px, 30vw, 440px);
        }
}

@media screen and (max-width: 736px) {
        .event-location-directions__link {
                font-size: 1.1rem;
        }

        .event-location-directions__text {
                font-size: 0.95rem;
        }

}

.autocomplete-container {
  position: relative;
  display: flex;
  flex-direction: column;
}


/* Every autocomplete uses the same popup, option and field presentation. */
.autocomplete-input {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.autocomplete-input-wrapper {
    position: relative;
    width: 100%;
}

.autocomplete-input-wrapper:has([data-input-accessory="clear"]) .autocomplete-input {
    padding-right: 50px;
}

.autocomplete-suggestions {
    position: fixed;
    z-index: 100000;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--ntf-color-111111);
    color: var(--text-color);
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    padding: 6px;
    font-family: var(--ntf-font-family);
    text-align: left;
}

.autocomplete-suggestions[hidden] {
    display: none;
}

.autocomplete-suggestion {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 44px;
    box-sizing: border-box;
    padding: 11px 12px;
    border-radius: 8px;
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: anywhere;
    text-decoration: none;
    cursor: pointer;
}

.autocomplete-suggestion:not([aria-disabled="true"]):hover,
.autocomplete-suggestion.active {
    background: var(--ntf-color-rgba-255-255-255-0-08);
}

.autocomplete-suggestion__description,
.autocomplete-status,
.autocomplete-suggestion[aria-disabled="true"] {
    color: var(--ntf-color-b5b5b5);
    font-size: 13px;
    cursor: default;
}

.autocomplete-status {
    padding: 11px 12px;
    line-height: 1.4;
}

.autocomplete-attribution {
    padding: 10px 12px 5px;
    text-align: right;
}

.autocomplete-attribution img {
    width: auto;
    height: 16px;
}

.phone-prefix-search {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 100001;
    width: 100%;
}










#loading-overlay {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background: var(--ntf-color-rgba-0-0-0-0-42);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index: 10050;
        display: none;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
        opacity: 0;
        transition: opacity 0.2s ease;
}

#loading-overlay.is-active {
        display: flex;
        opacity: 1;
}

body.dark #loading-overlay {
        background: var(--ntf-color-rgba-0-0-0-0-46);
}

@supports not (backdrop-filter: blur(1px)) {
        #loading-overlay {
                background: var(--ntf-color-rgba-0-0-0-0-7);
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
        }
}

#loading-overlay .loader {
        position: relative;
        width: 24px;
        height: 24px;
        border: none;
        border-radius: 50%;
        animation: none;
        transform: scale(2.4);
        transform-origin: center;
        background: transparent;
        box-shadow: none;
}

#loading-overlay .loader::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0.08);
        opacity: 0;
        background: radial-gradient(
                circle,
                var(--ntf-color-rgba-255-255-255-0-9) 0%,
                var(--ntf-color-rgba-255-255-255-0-9) 8%,
                var(--ntf-color-rgba-255-255-255-0-58) 8%,
                var(--ntf-color-rgba-255-255-255-0-58) 22%,
                var(--ntf-color-rgba-255-255-255-0-32) 22%,
                var(--ntf-color-rgba-255-255-255-0-32) 42%,
                var(--ntf-color-rgba-255-255-255-0-14) 42%,
                var(--ntf-color-rgba-255-255-255-0-14) 68%,
                var(--ntf-color-rgba-255-255-255-0-04) 68%,
                var(--ntf-color-rgba-255-255-255-0-04) 100%
        );
        animation: loading-wave-out 1.68s linear infinite;
}

@keyframes loading-wave-out {
        0% {
                transform: translate(-50%, -50%) scale(0.08);
                opacity: 0.95;
        }
        100% {
                transform: translate(-50%, -50%) scale(1);
                opacity: 0;
        }
}


.loader-button{
    border:2px solid var(--ntf-color-000000);
    border-top:2px solid var(--text-color);
    border-radius:50%;
    width:12px;
    height:12px;
    animation: nightify-spin 0.8s linear infinite;
    display:inline-block;
}

.loader-button[hidden]{
    display:none !important;
}

.loader {
    border: 6px solid var(--ntf-color-000000);
    border-top:6px solid var(--text-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: nightify-spin 0.8s linear infinite;
}


.loader-container {
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
}

.scolllaterale .loader-container {
        aspect-ratio: 9 / 16;
        align-self: flex-start;
}

#card-payment-details {
    margin-top: 10px;
}

#table-footer,
#table-footer-mobile {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

@supports selector(.wrapper:has(#table-footer), .wrapper:has(#table-footer-mobile), body:has(#table-footer), body:has(#table-footer-mobile)) {
    .wrapper:has(#table-footer),
    .wrapper:has(#table-footer-mobile),
    body:has(#table-footer),
    body:has(#table-footer-mobile) {
        padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
        scroll-padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    }
}

#table-footer {
    text-align: center;
    z-index: 90;
    background-color: var(--ntf-color-000000);
    box-shadow: 0 -2px 5px var(--ntf-color-rgba-0-0-0-0-1);
    padding: 0px;
}

#table-footer-mobile {
    z-index: 1000;
    padding: 0px;
}

@media screen and (max-width: 1024px) {
    #table-footer-mobile {
        border-top: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
        background: var(--ntf-color-rgba-0-0-0-0-9);
        backdrop-filter: blur(18px) saturate(140%);
        -webkit-backdrop-filter: blur(18px) saturate(140%);
    }
}

.table-footer-content {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.table-footer-content > * {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 10px 0;
}

#table-footer.admin-review-table-footer .wrapper {
        width: 90% !important;
        margin: 0 auto !important;
}

@media screen and (max-width: 736px) {
        #table-footer.admin-review-table-footer .wrapper {
                width: 95% !important;
        }
}

.admin-review-actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
}

.admin-review-actions > * {
        flex: 0 0 auto;
}

#table-footer-mobile h4{
        margin: 0px !important;
}

@media screen and (max-width: 1024px) {
        .flow-ticket-page form > .wrapper {
                padding-bottom: calc(var(--flow-mobile-submit-footer-space, 96px) + env(safe-area-inset-bottom, 0px));
                scroll-padding-bottom: calc(var(--flow-mobile-submit-footer-space, 96px) + env(safe-area-inset-bottom, 0px));
        }

        @supports selector(.flow-ticket-page .wrapper:has(#table-footer-mobile)) {
                .flow-ticket-page .wrapper:has(#table-footer-mobile) {
                        padding-bottom: calc(var(--flow-mobile-submit-footer-space, 96px) + env(safe-area-inset-bottom, 0px));
                        scroll-padding-bottom: calc(var(--flow-mobile-submit-footer-space, 96px) + env(safe-area-inset-bottom, 0px));
                }
        }
}

.textupper1{
    text-transform: uppercase !important;
    font-weight: 700;
}

.textupper{
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: 700;
}
.header-links-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.header-links {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
    padding: 4px 0 6px;
    scrollbar-width: none;
}

.header-links-wrapper .header-links {
    padding-left: 0;
    padding-right: 52px;
}

.header-links::-webkit-scrollbar {
    display: none;
}

.header-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 41px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--ntf-color-ffffff);
    text-decoration: none;
    padding: 0 17px;
    cursor: pointer;
    background: var(--ntf-color-222222);
    border: none;
    border-radius: 999px;
    outline: none;
    font-weight: 800;
    flex: 0 0 auto;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
    appearance: none;
}

.header-link:not(a):not(button) {
    cursor: default;
    pointer-events: none;
}

.header-link.is-hidden {
    opacity: 0.72;
}

.header-link.active {
    color: var(--ntf-color-171419);
    background: linear-gradient(180deg, var(--ntf-color-ffffff) 0%, var(--ntf-color-efe9ed) 100%);
    box-shadow:
        0 10px 24px var(--ntf-color-rgba-0-0-0-0-25),
        inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-8);
}

.header-link .zmdi {
    font-size: 1.02em;
}

.header-link:not(.active):hover,
.header-link:not(.active):focus-visible {
    color: var(--ntf-color-ffffff);
    background: var(--ntf-color-2f2f2f);
    box-shadow:
        0 10px 24px var(--ntf-color-rgba-0-0-0-0-2),
        inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-08);
    text-decoration: none;
    transform: translateY(-1px);
}

.header-link.active:hover,
.header-link.active:focus-visible {
    color: var(--ntf-color-171419);
    background: linear-gradient(180deg, var(--ntf-color-ffffff) 0%, var(--ntf-color-efe9ed) 100%);
    transform: translateY(-1px);
}

.header-nav-paddle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background:
        linear-gradient(180deg, var(--ntf-color-rgba-28-28-31-0-98) 0%, var(--ntf-color-rgba-10-10-12-0-98) 100%);
    border: 2px solid var(--ntf-color-rgba-245-245-245-0-9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ntf-color-ffffff);
    cursor: pointer;
    z-index: 10;
    box-shadow: inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-12);
    transition: opacity 0.24s ease, transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.header-nav-paddle.left  { left: 0; }
.header-nav-paddle.right { right: 0; }
.header-nav-paddle:hover {
    background:
        linear-gradient(180deg, var(--ntf-color-rgba-36-36-40-0-99) 0%, var(--ntf-color-rgba-14-14-16-0-99) 100%);
    box-shadow: inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-18);
    transform: translateY(calc(-50% - 1px));
}
.header-nav-paddle.disabled {
    opacity: 0;
    pointer-events: none;
}
.header-nav-paddle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    pointer-events: none;
}
@media (max-width:736px) {
    .header-links-wrapper .header-links {
        padding-left: 0;
        padding-right: 44px;
    }

    .header-nav-paddle {
        width: 36px;
        height: 36px;
    }

    .header-nav-paddle span {
        font-size: 20px;
    }
}

html.has-scroll-reveal .scroll-reveal-item {
    --scroll-reveal-opacity: 0;
    --scroll-reveal-translate-x: 0px;
    --scroll-reveal-translate-y: 42px;
    --scroll-reveal-blur: 10px;
    --scroll-reveal-scale: 0.985;
    --scroll-reveal-delay: 0ms;
    opacity: var(--scroll-reveal-opacity);
    transform: translate3d(var(--scroll-reveal-translate-x), var(--scroll-reveal-translate-y), 0) scale(var(--scroll-reveal-scale));
    filter: blur(var(--scroll-reveal-blur));
    transition: opacity 360ms cubic-bezier(0.16, 1, 0.3, 1), transform 520ms cubic-bezier(0.16, 1, 0.3, 1), filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--scroll-reveal-delay);
    will-change: opacity, transform, filter;
    backface-visibility: hidden;
}

html.has-scroll-reveal {
    overflow-x: hidden;
}

.scroll-reveal-scope {
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html.has-scroll-reveal,
    .scroll-reveal-scope {
        overflow-x: clip;
    }
}

html.has-scroll-reveal .scroll-reveal-item--from-left {
    --scroll-reveal-translate-x: -28px;
    --scroll-reveal-translate-y: 24px;
}

html.has-scroll-reveal .scroll-reveal-item--from-right {
    --scroll-reveal-translate-x: 28px;
    --scroll-reveal-translate-y: 24px;
}

html.has-scroll-reveal .scroll-reveal-item--soft {
    --scroll-reveal-translate-y: 24px;
    --scroll-reveal-blur: 6px;
    --scroll-reveal-scale: 0.99;
}

html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--pending {
    pointer-events: auto;
}

html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--visible {
    --scroll-reveal-opacity: 1;
    --scroll-reveal-translate-x: 0px;
    --scroll-reveal-translate-y: 0px;
    --scroll-reveal-blur: 0px;
    --scroll-reveal-scale: 1;
    pointer-events: auto;
}

/* Once the reveal has played out the item drops every compositing property so
   fixed and sticky descendants keep anchoring to the viewport. */
html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--settled {
    transform: none;
    filter: none;
    transition: none;
    will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
    html.has-scroll-reveal .scroll-reveal-item,
    html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--pending,
    html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--visible {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}

.scroll-reveal-scope .scroll-reveal-item {
    transform-origin: center top;
}

.static-custom-page {
        overflow-x: hidden;
}

@supports (overflow: clip) {
        .static-custom-page {
                overflow-x: clip;
        }
}

.admin-heading {
    margin: 0 0 var(--admin-heading-content-gap);
}

div.admin-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 0px;
}

.admin-heading__title {
    font-weight: 700;
}

:is(h1, h2, h3, h4).admin-heading.admin-heading__title {
    display: block;
    margin: 0 0 var(--admin-heading-content-gap);
}

.admin-heading > :is(h1, h2, h3, h4).admin-heading,
.admin-heading > :is(h1, h2, h3, h4).admin-heading__title {
    margin: 0;
}

.page-section-stack > .page-title > .admin-heading:last-child,
.section-content-stack > .page-title > .admin-heading:last-child {
    margin-bottom: 0;
}

.admin-heading .header-links-wrapper {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
}

.admin-heading .header-links {
    width: 100%;
}

.admin-heading > .admin-heading__control {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    margin: 0;
}

.header-links-wrapper:has(> .header-links:empty) {
    display: none;
}

.admin-heading > .ui-action-button {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
}

.admin-heading > .admin-heading__actions {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}


@media (max-width: 736px) {

    .admin-heading > .admin-heading__control {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        justify-self: stretch;
    }

    .admin-heading:has(> .admin-heading__control) > .header-links-wrapper {
        grid-row: 3;
    }

    .header-link {
        min-height: 36px;
        font-size: 14px;
        padding: 0 14px;
    }

    .header-links {
        flex-wrap: nowrap;
        align-items: center;
        gap: 7px;
    }

    .textupper {
        flex-direction: column;
        align-items: flex-start;
    }


    .admin-heading > .admin-heading__actions {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
    }

}

.slider {
        height: 500px;
        position: relative;
}

section.slider {
        --home-hero-header-overlap: var(--nav-flow-offset);
        height: calc(500px - var(--home-hero-header-overlap));
}

.slider .slider-media {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
}

.slider video.slider-media {
        object-fit: cover;
}

.slider img.slider-media {
        object-fit: cover;
}

.slider.less {
        height: 250px;
}

.slider-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--ntf-color-rgba-0-0-0-0-2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    padding-top: var(--home-hero-header-overlap);
}

.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-top: calc(0px - var(--home-hero-header-overlap));
}


.carousel .slides {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: transform 0.5s ease-in-out;
}

.carousel .slides.has-active {
    display: block;
}

.carousel .slides.has-active li {
    display: none;
}

.carousel .slides.has-active li.is-active {
    display: block;
}

.carousel .slides li {
    min-width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
}

.carousel .title-slide {
    color: var(--text-color);
    text-transform: uppercase;
    font-size: var(--carousel-title-slide-size);
    text-align: left;
    font-weight: 900;
    margin: 0.5em 0;
}

.carousel .url-slide {
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.5em;
    margin-top: 1em;
}

.carousel .ui-action-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-line-title {

    white-space: nowrap;
    overflow: hidden;

    font-size: clamp(8px, 5vw, var(--single-line-title-max-size)) !important;

    max-width: 100%;
    text-align: center !important;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


@media (max-width: 1024px) {
    .single-line-title {
        font-size: 5vw;
    }
}

@media (max-width: 736px) {
    .single-line-title {
        font-size: 3.5vw;
    }
}

.upload-container {
        border: 1px solid var(--ntf-color-262626);
        border-radius: 12px;
        padding: 20px;
        text-align: center;
        position: relative;
        background: var(--ntf-color-111111);
        display: flex;
        flex-direction: column;
        transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.upload-container .drop-area {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 220px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 40px 20px;
        border-radius: 10px;
        background: var(--ntf-color-rgba-255-255-255-0-02);
        border: 1px dashed var(--ntf-color-rgba-255-255-255-0-18);
        transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        box-sizing: border-box;
}
.upload-container .drop-area p {
        margin: 0;
}
.upload-container .drop-area.dragover {
                background: var(--ntf-color-rgba-251-26-63-0-08);
                border-color: var(--ntf-color-rgba-251-26-63-0-45);
                box-shadow: 0 0 0 3px var(--ntf-color-rgba-251-26-63-0-2);
                transform: translateY(-2px);
}
.upload-container .drop-area.is-uploading {
        cursor: progress;
}
.upload-container .drop-area.is-disabled {
        cursor: not-allowed;
}
.upload-container .drop-area.is-uploading button {
        pointer-events: none;
}
.upload-container .drop-area.is-disabled button {
        pointer-events: none;
}
.upload-container.dragover {
                border-color: var(--ntf-color-fb1a3f);
                background: var(--ntf-color-rgba-251-26-63-0-12);
                box-shadow: 0 8px 20px var(--ntf-color-rgba-251-26-63-0-15);
}
#gallery img,
.single-image-gallery img {
        max-width: 100px;
}

.upload-container > .ui-compact-button {
    margin: 12px auto 0;
}

#profileImageUploadContainer .drop-area {
        min-height: 260px;
}

.profile-image-modal-secondary-text {
        color: var(--ntf-color-aaaaaa);
        font-size: 0.95em;
        margin: 0;
}

.profile-image-preview {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
        margin: 20px auto 0;
        border: 2px solid var(--ntf-color-rgba-255-255-255-0-08);
        box-shadow: 0 6px 18px var(--ntf-color-rgba-0-0-0-0-35);
}

.profile-image-preview[hidden] {
        display: none;
}

.profile-image-selected-file {
        margin-top: 16px;
        text-align: center;
        color: var(--text-color);
        font-size: 0.95em;
}
#progress-container {
        width: 100%;
        background: var(--ntf-color-ffffff);
        height: 5px;
    margin-top: 10px;
    position: relative;
}
#progress-bar {
    height: 100%;
    background: var(--ntf-color-fb1a3f);
    width: 0%;
    transition: width 0.3s;
}
.dragging {
    opacity: 0.5;
}

.drag-over {
    border: 2px dashed var(--ntf-color-000000);
}
.drag-handle {
    cursor: move;
    font-size: 1.2em;
}

.admin-email-page .template-group-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--ntf-color-rgba-255-255-255-0-08);
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    font-size: 12px;
    line-height: 1.2;
}

.admin-email-page .template-group-badge--mandatory {
    border-color: var(--ntf-color-rgba-226-42-74-0-35);
    color: var(--ntf-color-e22a4a);
}

.admin-email-page .template-context-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-14);
    background: var(--ntf-color-rgba-255-255-255-0-06);
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}

.admin-email-page .template-context-badge--user {
    color: var(--ntf-color-e7eefb);
}

.admin-email-page .template-context-badge--admin {
    color: var(--ntf-color-ffd08a);
    border-color: var(--ntf-color-rgba-255-208-138-0-24);
}

.admin-email-page .template-context-badge--organization {
    color: var(--ntf-color-92f0cd);
    border-color: var(--ntf-color-rgba-146-240-205-0-24);
}

.admin-email-page .notification-groups-settings {
    min-width: 0;
}

.admin-email-page .notification-groups-settings__description {
    margin-top: 0;
    margin-bottom: 14px;
    max-width: 960px;
}

.admin-email-page .notification-groups-settings__field {
    width: 100%;
    min-width: 120px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-16);
    border-radius: 8px;
    background: var(--ntf-color-rgba-255-255-255-0-04);
    color: inherit;
    padding: 10px 12px;
}

.admin-email-page .notification-groups-settings__field[readonly] {
    opacity: 0.72;
}

.admin-email-page .notification-groups-settings__checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
}

.admin-email-page .notification-groups-settings__code {
    font-size: 13px;
    white-space: nowrap;
}

.admin-email-page .template-order-column {
    width: 52px;
    text-align: center;
}

.admin-email-page .template-order-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: inherit;
    opacity: 0.78;
}

.admin-email-page .template-order-handle:hover {
    opacity: 1;
}

#listaimmagini-main, #listaimmagini-square, #listaimmagini-gallery, #listaimmagini-gallery-preview,
.event-image-upload-pending-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
}
#listaimmagini-main li, #listaimmagini-square li, #listaimmagini-gallery li, #listaimmagini-gallery-preview li,
.event-image-upload-pending-list li {
    position: relative;
    width: 120px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 10px;
}
#listaimmagini-main li img, #listaimmagini-square li img, #listaimmagini-gallery li img, #listaimmagini-gallery-preview li img,
.event-image-upload-pending-list li img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 4px;
}
.event-image-upload-pending-list:empty {
    display: none;
}
#listaimmagini-gallery:empty {
    display: none;
}
.event-image-list-region {
    min-width: 0;
}
.event-image-list-region > ul {
    margin: 0;
}
.event-image-upload-item__preview {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--ntf-color-1a1a1a);
}
.event-image-upload-item__fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: var(--ntf-color-aaaaaa);
    font-size: 12px;
    line-height: 1.3;
}
.event-image-upload-item__fallback[hidden] {
    display: none;
}
.event-image-upload-item__status {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    color: var(--ntf-color-ffffff);
    background: var(--ntf-color-rgba-0-0-0-0-6);
    text-align: center;
}
.event-image-upload-item__spinner {
    width: 26px;
    height: 26px;
    border: 3px solid var(--ntf-color-rgba-255-255-255-0-2);
    border-top-color: var(--ntf-color-fb1a3f);
    border-radius: 50%;
    animation: nightify-spin 0.8s linear infinite;
}
.event-image-upload-item__status-text {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}
.event-image-upload-item__progress {
    position: absolute;
    right: 6px;
    bottom: 6px;
    left: 6px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ntf-color-rgba-255-255-255-0-2);
}
.event-image-upload-item__progress-bar {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--ntf-color-fb1a3f);
    transition: width 0.18s ease;
}
.event-image-upload-item__filename {
    display: block;
    width: 120px;
    margin-top: 8px;
    overflow: hidden;
    color: var(--ntf-color-aaaaaa);
    font-size: 11px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event-image-upload-item--error .event-image-upload-item__status {
    background: var(--ntf-color-rgba-251-26-63-0-45);
}
.event-image-upload-item--error .event-image-upload-item__spinner,
.event-image-upload-item--error .event-image-upload-item__progress {
    display: none;
}
.event-image-upload-item--complete .event-image-upload-item__status {
    display: none;
}
.event-image-upload-item__image--error {
    opacity: 0.28;
}
.event-image-mutation-feedback {
    width: 100%;
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-16);
    border-radius: 6px;
    color: var(--ntf-color-ffffff);
    background: var(--ntf-color-1a1a1a);
}
.event-image-mutation-feedback[data-feedback-type="error"] {
    border-color: var(--ntf-color-fb1a3f);
}
.event-image-mutation-feedback[hidden] {
    display: none;
}

[id^="progress-container-"] {
    width: 100%;
    height: 5px;
    margin-top: 10px;
    overflow: hidden;
    background: var(--ntf-color-rgba-255-255-255-0-16);
}
[id^="progress-bar-"] {
    width: 0;
    height: 100%;
    background: var(--ntf-color-fb1a3f);
    transition: width 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
    .event-image-upload-item__spinner {
        animation: none;
    }
    .event-image-upload-item__progress-bar,
    [id^="progress-bar-"] {
        transition: none;
    }
}
.event-image-panel-wrap {
    min-width: 0;
}
.event-image-panel {
    margin: 0;
    border: 1px solid var(--ntf-color-262626);
    border-radius: 12px;
    background: var(--ntf-color-111111);
    overflow: hidden;
}
.event-image-panel > summary {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    cursor: pointer;
    list-style: none;
}
.event-image-panel > summary::-webkit-details-marker {
    display: none;
}
.event-image-panel__lead {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-16);
    color: var(--ntf-color-ffffff);
    font-weight: 700;
    font-size: 13px;
    background: var(--ntf-color-rgba-255-255-255-0-05);
}
.event-image-panel__lead--icon {
    font-size: 21px;
}
.event-image-panel__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    text-align: left;
}
.event-image-panel__title {
    color: var(--ntf-color-ffffff);
    font-weight: 700;
}
.event-image-panel__summary,
.event-image-panel__copy p {
    color: var(--ntf-color-aaaaaa);
    font-size: 14px;
    line-height: 1.4;
}
.event-image-panel__chevron {
    margin-left: auto;
    color: var(--ntf-color-aaaaaa);
    transition: transform 0.2s ease;
}
.event-image-panel[open] .event-image-panel__chevron {
    transform: rotate(180deg);
}
.event-image-panel__body {
    border-top: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
    padding: 14px 16px 16px;
}
.event-image-panel__copy p {
    margin: 0 0 12px;
    text-align: left;
}
.event-square-image-upload--compact {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border-style: solid;
    border-color: var(--ntf-color-rgba-255-255-255-0-08);
    background: var(--ntf-color-rgba-0-0-0-0-08);
    text-align: left;
}
.event-square-image-upload--compact .event-square-image-drop {
    min-height: 96px;
    align-items: flex-start;
    padding: 16px;
    text-align: left;
}
.event-square-image-upload--compact .event-square-image-drop p {
    color: var(--ntf-color-aaaaaa);
    font-size: 14px;
}
.event-square-image-upload--compact #listaimmagini-square,
.event-square-image-upload--compact .event-image-upload-pending-list {
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
}
.event-square-image-upload--compact #listaimmagini-square:empty,
.event-square-image-upload--compact .event-image-upload-pending-list:empty {
    display: none;
}
.event-square-image-upload--compact #listaimmagini-square li,
.event-square-image-upload--compact .event-image-upload-pending-list li {
    width: 96px;
    padding: 6px;
}
.event-square-image-upload--compact #listaimmagini-square li img,
.event-square-image-upload--compact .event-image-upload-pending-list li img,
.event-square-image-upload--compact .event-image-upload-item__preview {
    width: 96px;
    height: 96px;
}
.event-square-image-upload--compact .event-image-upload-item__filename {
    width: 96px;
}
.event-square-image-upload--compact #progress-container-square {
    grid-column: 1 / -1;
}
@media screen and (max-width: 700px) {
    .event-image-panel > summary {
        align-items: flex-start;
        padding: 13px;
    }
    .event-image-panel__lead {
        width: 40px;
        height: 40px;
    }
    .event-square-image-upload--compact {
        grid-template-columns: 1fr;
    }
}
.gallery-preview-section {
    margin-top: var(--section-content-gap);
}
.gallery-preview-trigger {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.gallery-preview-trigger img {
    display: block;
}
.gallery-preview-more-badge {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ntf-color-rgba-0-0-0-0-6);
    color: var(--ntf-color-ffffff);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
}
.image-buttons {
    margin-top: 10px;
    display: flex;
    gap: 5px;
    width: 100%;
    justify-content: center;
}



.service-items .large-2 {
    width: 50%;
}


@media screen and (min-width: 736px) and (max-width: 1024px) {
    .service-items .large-2 {
        width: 25%;
    }
}


@media only screen and (min-width: 1024px) {
    .service-items .large-2 {
        width: 16.6666667%;
    }
}



.service-items .servizio-img{
    width: 100%;
}

.service-items .servizio-img div{
    width: 100%;
    height: 100%;
    border-radius: var(--event-card-media-radius);
    background-position: center center;
    background-size: cover;
}

:where(
    [data-browse-telemetry-entity-type="event"],
    [data-search-entity-type="event"]
) .servizio-img {
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.38);
    transition: box-shadow 180ms ease;
}

:where(
    [data-browse-telemetry-entity-type="event"],
    [data-search-entity-type="event"]
) .servizio-img .image-container {
    transform-origin: center;
    transition: transform 180ms ease;
}

:where(
    [data-browse-telemetry-entity-type="event"],
    [data-search-entity-type="event"]
):where(:hover, :focus-within) .servizio-img {
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.5);
}

:where(
    [data-browse-telemetry-entity-type="event"],
    [data-search-entity-type="event"]
):where(:hover, :focus-within) .servizio-img .image-container {
    transform: scale(var(--event-card-media-hover-scale));
}

@media (prefers-reduced-motion: reduce) {
    :where(
        [data-browse-telemetry-entity-type="event"],
        [data-search-entity-type="event"]
    ) .servizio-img,
    :where(
        [data-browse-telemetry-entity-type="event"],
        [data-search-entity-type="event"]
    ) .servizio-img .image-container {
        transition: none;
    }

    :where(
        [data-browse-telemetry-entity-type="event"],
        [data-search-entity-type="event"]
    ):where(:hover, :focus-within) .servizio-img .image-container {
        transform: none;
    }
}

.service-items .data_evento{
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-items .luogo_evento{
    font-size: 12px;
    font-weight: 700;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    color: var(--text-color);
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-items .servizio-titolo{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    font-weight: 700;
    font-size: 18px;
}

h2.data_evento{
    font-size: 24px;
    font-weight: 700;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

h1.servizio-titolo{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

h2.luogo_evento{
    font-size: 24px;
    font-weight: 700;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

@media screen and (max-width: 736px) {
    h2.data_evento{
        font-size: 18px;
    }

    h2.luogo_evento{
        font-size: 18px;
    }
}

.data_evento{
    color: var(--ntf-color-fb1a3f);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}


@media screen and (max-width: 736px) {

    .home-service .large-3{
        width: 50%;
        float: left;
    }

}


.console-functions-section .console-functions-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 26px 20px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        align-items: start;
}

.console-functions-section .console-functions-grid > .console-function-card {
        width: auto !important;
        min-width: 0;
        padding: 0;
        display: block;
}

.console-functions-section .console-function-card a,
.console-functions-section .console-function-card .event-create-admin-card {
		display: flex;
		min-width: 0;
		height: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
}

.console-functions-section .console-function-card .event-create-admin-card,
.event-create-organization-option {
		width: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
		font: inherit;
		text-align: left;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
}

.console-functions-section .console-function-card img {
        width: clamp(42px, 28%, 68px);
        height: auto;
        object-fit: contain;
}

.console-functions-section .console-function-card h4,
.console-functions-section .console-function-card h5,
.console-functions-section .event-create-admin-card__title,
.console-functions-section .event-create-admin-card__description {
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: normal;
		hyphens: auto;
}

.console-functions-section .console-function-card h4,
.console-functions-section .event-create-admin-card__title {
		font-size: 18px;
		line-height: 1.15;
}

.console-functions-section .event-create-admin-card__description {
		font-size: 16px;
		line-height: 1.2;
}

@media screen and (max-width: 420px) {
		.console-functions-section .console-functions-grid {
				grid-template-columns: minmax(0, 1fr);
		}

		.console-functions-section .event-create-admin-card__title {
				font-size: 16px;
		}

		.console-functions-section .event-create-admin-card__description {
				font-size: 14px;
		}
}

body header ::-webkit-input-placeholder {
    color:    var(--ntf-color-666666);
}
body header :-moz-placeholder {
   color:    var(--ntf-color-666666);
   opacity:  1;
}
body header ::-moz-placeholder {
   color:    var(--ntf-color-666666);
   opacity:  1;
}
body header :-ms-input-placeholder {
   color:    var(--ntf-color-666666);
}
body header ::-ms-input-placeholder {
   color:    var(--ntf-color-666666);
}
body header ::placeholder {
   color:    var(--ntf-color-666666);
}



#cookieChoiceInfo{
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    font-size: 16px;
    color: var(--text-color);
    padding: 40px 0 !important;
    background-color: var(--ntf-color-rgba-0-0-0-0-7) !important;
}

#cookieChoiceInfo a {
    margin: 0;
    color: var(--text-color);
    text-decoration: underline;
    display: inline-block;
}


#cookieChoiceInfo a#cookieChoiceDismiss {
    text-decoration: none;
    font-size: 12px;
    background: var(--ntf-color-fb1a3f);
    padding: 0 10px;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--ntf-font-family);
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid var(--text-color);
    color: var(--text-color);
}



.image-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    aspect-ratio: 9 / 16;
    background-size: cover;
    background-position: center;
    background-color: #101114;
    overflow: hidden;
}

.image-container.js-lazy-bg.is-image-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.05) 32%,
            rgba(255, 255, 255, 0.16) 50%,
            rgba(255, 255, 255, 0.05) 68%,
            rgba(255, 255, 255, 0) 100%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.02) 0%,
            rgba(255, 255, 255, 0.01) 100%
        );
    transform: translateX(-100%);
    animation: nightify-card-image-shimmer 1.35s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.image-container.js-lazy-bg.is-image-loaded::before {
    opacity: 0;
}

@keyframes nightify-card-image-shimmer {
    100% {
        transform: translateX(100%);
    }
}

.square{
    aspect-ratio: 1 / 1 !important;
}

.image-container-detail {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.image-container-detail.flowpage{
    aspect-ratio: 1 / 1;
}

@media screen and (max-width: 1024px) {
    .image-container-detail.detailpage {
        aspect-ratio: 1 / 1;
    }
}

.filter-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.filter-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: var(--ntf-color-222222);
    color: var(--text-color);
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s, color 0.3s;
}

.filter-item.selected {
    background-color: var(--ntf-color-666666) !important;
    color: var(--text-color);
    padding-right: 30px;
}

.filter-item .label {
    white-space: nowrap;
}

.filter-item .close-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 16px;
    color: var(--text-color);
    text-decoration: none;
    display: none;
}

.filter-item.selected .close-icon {
    display: block;
}

.filter-item:hover {
    background-color: var(--ntf-color-555555);
}

.filter-item.selected:hover {
    background-color: var(--ntf-color-222222);
}

#selected-org{
    margin-top: 10px;
}

.account-page-shell {
        padding-top: 20px;
        padding-bottom: 40px;
}

.account-layout {
	        display: grid;
	        grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
	        align-items: flex-start;
	        gap: var(--page-section-gap);
}

.account-layout > .account-sidebar,
.account-layout > .account-content {
        width: auto !important;
        min-width: 0;
        padding: 0;
}

.account-sidebar {
	        position: relative;
	        top: auto;
	        align-self: flex-start;
	        display: flex;
	        flex-direction: column;
	        gap: 20px;
}

.account-sidebar-panel {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 30px 28px;
        border: 1px solid var(--ntf-color-262626);
        border-radius: 24px;
        background: var(--ntf-color-111111);
}

.account-sidebar .profile-avatar-wrapper {
        display: flex;
}

.account-sidebar .account-profile__avatar.profile-avatar {
        --avatar-size: 150px;
        font-size: 58px;
}

.account-sidebar-profile__avatar-link {
        display: inline-flex;
        text-decoration: none;
}

.account-sidebar-header {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 0px;
}

.account-sidebar-header .servizio-titolo {
        color: var(--ntf-color-ffffff);
        display: flex;
        flex-direction: column;
        gap: 2px;
        font-size: clamp(2rem, 2.35vw, 2.55rem);
        font-weight: 850;
        line-height: 0.98;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
}

.account-sidebar-header .subheadline {
        color: var(--ntf-color-rgba-255-255-255-0-62);
        font-size: 0.68em;
        font-weight: 800;
        letter-spacing: 0.04em;
        line-height: 1.2;
        text-transform: uppercase;
}

.account-stats {
        flex-wrap: wrap;
        gap: 12px 20px;
        align-items: flex-start;
}

.account-stats .stat {
        text-align: left;
}

.account-sidebar .account-profile__stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        align-items: start;
        margin-top: 8px;
}

.account-sidebar .account-profile__stats .stat {
        align-items: flex-start;
        gap: 6px;
        min-width: 0;
        text-align: left;
}

.account-sidebar .account-profile__stats .stat strong,
.account-sidebar .account-profile__stats .stat .stat__value,
.account-sidebar .account-stats .stat .stat__value {
        font-size: 1.55rem;
        font-weight: 850;
        line-height: 1;
}

.account-sidebar .stat__label {
        color: var(--ntf-color-rgba-255-255-255-0-72);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.12;
}

.stat__value {
        background: none;
        border: none;
        color: inherit;
        font: inherit;
        padding: 0;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
}

.stat__value:hover,
.stat__value:focus {
        text-decoration: underline;
}

.stat__value:focus {
        outline: 2px solid var(--ntf-color-ffffff);
        outline-offset: 2px;
}

.stat__value--static,
.stat__value--static:hover,
.stat__value--static:focus {
        cursor: default;
        text-decoration: none;
}

.stat__value--locked {
        color: var(--ntf-color-rgba-255-255-255-0-72);
}

.account-link {
	        color: var(--ntf-color-fb1a3f);
	        font-weight: 600;
	        text-decoration: none;
}

.account-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
}

.account-nav-logout-form {
        margin: 0;
}

.account-nav-logout-form .account-nav-item {
        width: 100%;
        background: transparent;
        cursor: pointer;
        font-family: inherit;
        text-align: left;
}

.account-nav-item {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 44px;
        padding: 9px 10px;
        border: 1px solid transparent;
        border-radius: 12px;
        color: var(--ntf-color-rgba-255-255-255-0-82);
        font-size: 0.95rem;
        font-weight: 800;
        transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.account-nav-item:hover,
.account-nav-item:focus-visible,
.account-nav-item.is-active {
        border-color: var(--ntf-color-rgba-251-26-63-0-45);
        background: var(--ntf-color-rgba-251-26-63-0-12);
        color: var(--ntf-color-ffffff);
        text-decoration: none;
}

.account-nav-item:focus-visible {
        outline: 2px solid var(--ntf-color-ffffff);
        outline-offset: 2px;
}

.account-nav-item__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: var(--ntf-color-rgba-255-255-255-0-06);
        color: var(--ntf-color-fb1a3f);
}

.account-nav-item__label {
        min-width: 0;
        line-height: 1.2;
        overflow-wrap: anywhere;
}

.account-nav-item--logout {
        color: var(--ntf-color-rgba-255-255-255-0-62);
}

.account-link:hover,
.account-link:focus,
.account-link:focus-visible {
        text-decoration: none;
}

.public-profile--account-hero {
        max-width: none;
        margin: 0 auto;
        width: 100%;
        padding: clamp(28px, 4vw, 42px) 24px 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: relative;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
        border-radius: 32px;
        background:
                radial-gradient(circle at top, var(--ntf-color-rgba-255-255-255-0-12), transparent 42%),
                linear-gradient(180deg, var(--ntf-color-rgba-18-18-18-0-9) 0%, var(--ntf-color-rgba-7-7-7-0-96) 100%);
        box-shadow: 0 28px 80px var(--ntf-color-rgba-0-0-0-0-38);
}

.event-submit-preview-card {
        min-height: 240px;
        width: 100%;
        padding: 24px 22px 22px;
        display: flex;
        align-items: flex-end;
        text-align: left;
        position: relative;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
        border-radius: 28px;
        background:
                radial-gradient(circle at top, var(--ntf-color-rgba-255-255-255-0-05), transparent 38%),
                linear-gradient(180deg, var(--ntf-color-rgba-20-20-20-0-96) 0%, var(--ntf-color-rgba-10-10-10-0-96) 100%);
        transition: transform 0.2s ease, border-color 0.2s ease;
}

.public-profile--account-hero.public-profile--with-backdrop,
.event-submit-preview-card--with-backdrop {
        background:
                linear-gradient(180deg, var(--ntf-color-rgba-7-7-10-0-08) 0%, var(--ntf-color-rgba-7-7-10-0-22) 42%, var(--ntf-color-rgba-7-7-10-0-62) 100%),
                radial-gradient(circle at top, var(--ntf-color-rgba-255-255-255-0-16), transparent 48%);
}

.public-profile--account-hero::after,
.event-submit-preview-card--with-backdrop::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
                linear-gradient(180deg, var(--ntf-color-rgba-0-0-0-0-02) 0%, var(--ntf-color-rgba-0-0-0-0-12) 30%, var(--ntf-color-rgba-0-0-0-0-42) 70%, var(--ntf-color-rgba-0-0-0-0-72) 100%),
                radial-gradient(circle at top, var(--ntf-color-rgba-255-255-255-0-14), transparent 52%);
        pointer-events: none;
}

.event-submit-preview-card:not(.event-submit-preview-card--with-backdrop)::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
                linear-gradient(180deg, var(--ntf-color-rgba-0-0-0-0-04) 0%, var(--ntf-color-rgba-0-0-0-0-12) 34%, var(--ntf-color-rgba-0-0-0-0-42) 72%, var(--ntf-color-rgba-0-0-0-0-72) 100%),
                radial-gradient(circle at top, var(--ntf-color-rgba-255-255-255-0-04), transparent 46%);
        pointer-events: none;
}

.public-profile__backdrop-image,
.event-submit-preview-card__backdrop-image {
        display: block;
        position: absolute;
        top: -14%;
        left: -8%;
        width: 116%;
        height: 128%;
        z-index: 0;
        object-fit: cover;
        object-position: center 18%;
        filter: blur(60px) saturate(1.85) brightness(1.35);
        transform: scale(1.38);
        mix-blend-mode: screen;
        opacity: 1;
        pointer-events: none;
}

.public-profile--account-hero > :not(.public-profile__backdrop-image),
.event-submit-preview-card > :not(.event-submit-preview-card__backdrop-image) {
        position: relative;
        z-index: 2;
}

.event-submit-preview-card__content {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
}

.event-submit-preview-card__date,
.event-submit-preview-card__location {
        margin: 0;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--ntf-color-rgba-255-255-255-0-86);
        font-size: 0.95rem;
        font-weight: 600;
}

.event-submit-preview-card__date {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.event-submit-preview-card__location span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

.event-submit-preview-card__title {
        margin: 0;
        color: var(--ntf-color-ffffff);
        font-size: clamp(1.65rem, 2.2vw, 2.15rem);
        line-height: 1.02;
        font-weight: 800;
        text-wrap: balance;
}

.public-profile--account-hero .profile-avatar-wrapper {
        justify-content: center;
}

.public-profile--account-hero .public-profile__avatar.profile-avatar {
        box-shadow: 0 18px 36px var(--ntf-color-rgba-0-0-0-0-35);
}

.public-profile--account-hero .public-profile__header {
        justify-content: center;
}

.public-profile--account-hero .servizio-titolo {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
}

.public-profile--account-hero .servizio-titolo .subheadline {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        padding: 4px 10px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-16);
        border-radius: 999px;
        background: var(--ntf-color-rgba-0-0-0-0-32);
        color: var(--text-color) !important;
        text-shadow: 0 2px 10px var(--ntf-color-rgba-0-0-0-0-75);
        -webkit-backdrop-filter: blur(14px) saturate(1.2);
        backdrop-filter: blur(14px) saturate(1.2);
}

.member-private-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        margin-top: 0;
        padding: 7px 12px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-16);
        border-radius: 999px;
        background: var(--ntf-color-rgba-0-0-0-0-32);
        color: var(--ntf-color-ffffff);
        font-size: 0.78rem;
        font-weight: 700;
}

.member-private-badge .zmdi {
        font-size: 1rem;
}

.public-profile__actions {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 14px;
        width: 100%;
}

.public-profile__actions .member-private-badge {
        min-height: 28px;
}

.public-profile--account-hero .public-profile__description {
        max-width: 100%;
        margin: 12px auto 0;
        text-align: center;
        color: var(--ntf-color-rgba-255-255-255-0-8);
}

.public-profile--account-hero .public-profile__stats {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 12px 24px;
}

.public-profile--account-hero .public-profile__stats .stat {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        min-width: 72px;
        text-align: center;
}

.profile-privacy-toggle {
        margin: 0;
        padding: 0;
        border: 0;
}

.profile-privacy-toggle legend {
        display: block;
        margin-bottom: 5px;
        color: var(--ntf-color-ffffff);
        font-weight: 700;
}

.profile-privacy-toggle__options {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        max-width: 360px;
}

.profile-privacy-toggle__option {
        position: relative;
        display: block;
        margin: 0;
}

.profile-privacy-toggle__option input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
}

.profile-privacy-toggle__option span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        min-height: 44px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-16);
        border-radius: 999px;
        background: var(--ntf-color-rgba-255-255-255-0-06);
        color: var(--ntf-color-ffffff);
        font-weight: 700;
        cursor: pointer;
        transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.profile-privacy-toggle__option input:checked + span {
        border-color: var(--ntf-color-fb1a3f);
        background: var(--ntf-color-fb1a3f);
        color: var(--ntf-color-ffffff);
}

.profile-privacy-toggle__option input:focus-visible + span {
        outline: 2px solid var(--ntf-color-ffffff);
        outline-offset: 2px;
}

.settings-privacy-section__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: var(--ntf-color-rgba-255-255-255-0-06);
        color: var(--ntf-color-fb1a3f);
        flex-shrink: 0;
}

.settings-privacy-section__header p {
        color: var(--ntf-color-rgba-255-255-255-0-72);
}

.settings-privacy-section {
        scroll-margin-top: 116px;
}

.settings-privacy-section__header {
        display: flex;
        align-items: flex-start;
        gap: 14px;
}

.settings-privacy-section__header h2 {
        font-size: 1.35rem;
        line-height: 1.1;
}

.settings-privacy-list__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 14px 0;
        border-top: 1px solid var(--ntf-color-262626);
}

.settings-privacy-list__row:first-child {
        border-top: 0;
        padding-top: 0;
}

.settings-privacy-list__row:last-child {
        padding-bottom: 0;
}

.settings-privacy-list__row span {
        color: var(--ntf-color-rgba-255-255-255-0-72);
        font-weight: 600;
}

.settings-privacy-list__row strong {
        color: var(--ntf-color-ffffff);
        text-align: right;
        word-break: break-word;
}

.settings-privacy-empty {
        color: var(--ntf-color-rgba-255-255-255-0-72);
        font-weight: 600;
}

.settings-privacy-payment-method {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 14px;
        border: 1px solid var(--ntf-color-262626);
        border-radius: 14px;
        background: var(--ntf-color-rgba-255-255-255-0-04);
}

.settings-privacy-payment-method__body {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
}

.settings-privacy-payment-method__brand-line {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
}

.settings-privacy-payment-method__brand-icon {
        height: 22px;
        width: auto;
        display: block;
        flex: 0 0 auto;
        padding: 2px 3px;
        border-radius: 4px;
        background: var(--ntf-color-ffffff);
}

.settings-privacy-payment-method__body strong,
.settings-privacy-payment-method__body span {
        display: block;
}

.settings-privacy-payment-method__body strong {
        color: var(--ntf-color-ffffff);
        font-weight: 800;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

.settings-privacy-payment-method__body span {
        color: var(--ntf-color-rgba-255-255-255-0-72);
        font-weight: 600;
}

.settings-privacy-field {
        margin: 0;
}

.settings-privacy-field .inputstyle {
        width: min(100%, 460px);
}

.public-profile--account-hero .public-profile__links {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 16px;
        align-items: center;
        margin-top: 18px;
}

.public-profile--account-hero .account-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
}

.public-profile__link-button {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        padding: 0;
}

.public-profile__links-more {
        display: inline-flex;
        justify-content: center;
}

.public-profile__links-more-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
}

.public-profile__links-more-trigger .zmdi {
        font-size: 16px;
        line-height: 1;
}

.public-profile__links-menu {
        min-width: 220px;
        width: min(280px, calc(100vw - 16px));
}

.public-profile__links-menu-text {
        flex: 1 1 auto;
        text-align: left;
}

.public-profile__links-menu-icon {
        width: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--ntf-color-1f1f1f);
        flex-shrink: 0;
}

.account-content {
	        display: flex;
	        flex-direction: column;
	        flex: 1;
	        min-width: 0;
}

.account-page-heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 4px 0 8px;
}

.account-page-title {
        color: var(--ntf-color-ffffff);
        font-size: clamp(2rem, 3.2vw, 3.4rem);
        font-weight: 850;
        letter-spacing: 0;
        line-height: 0.98;
}

.account-page-heading p {
        color: var(--ntf-color-rgba-255-255-255-0-72);
        font-weight: 600;
        line-height: 1.45;
}

.account-page-heading__action {
        flex: 0 0 auto;
}

.account-section {
	        --account-section-padding: 24px;
	        background: var(--ntf-color-111111);
	        border: 1px solid var(--ntf-color-262626);
        border-radius: 16px;
        padding: var(--account-section-padding);
        display: flex;
        flex-direction: column;
        gap: var(--section-content-gap);
        min-width: 0;
}

.account-section-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                flex-wrap: wrap;
                min-width: 0;
}

.account-section > .account-section-header--framed {
                background: linear-gradient(180deg, var(--ntf-color-rgba-255-255-255-0-06) 0%, var(--ntf-color-rgba-255-255-255-0-02) 100%);
                border-bottom: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
                border-radius: 15px 15px 0 0;
                box-shadow: inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-08);
                margin: calc(var(--account-section-padding) * -1) calc(var(--account-section-padding) * -1) 0;
                min-height: 76px;
                overflow: hidden;
                padding: 20px var(--account-section-padding) 18px;
                position: relative;
}

.account-section > .account-section-header--framed::before {
                background: linear-gradient(180deg, var(--ntf-color-fb1a3f) 0%, var(--ntf-color-rgba-251-26-63-0-75) 100%);
                content: '';
                inset: 0 auto 0 0;
                pointer-events: none;
                position: absolute;
                width: 4px;
}

.account-section > .account-section-header--framed .servizio-titolo {
                color: var(--ntf-color-ffffff);
                font-size: var(--account-section-title-size);
                font-weight: 850;
                letter-spacing: -0.025em;
                line-height: 1.12;
                text-wrap: balance;
}

.account-section > .account-section-header--framed .colorsubtitle {
                font-size: 0.9rem;
                line-height: 1.45;
}

.account-section > .account-section-header--framed ~ .section-content-stack h3:not(.admin-heading) {
                color: var(--ntf-color-rgba-255-255-255-0-86);
                font-size: var(--account-subsection-title-size);
                font-weight: 700;
                letter-spacing: -0.01em;
                line-height: 1.3;
}

.account-section-title-group {
                display: inline-flex;
                align-items: center;
                gap: 8px;
}

.account-notification-count-badge {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 32px;
                padding: 6px 10px;
                background: var(--ntf-color-fb1a3f);
                color: var(--ntf-color-ffffff);
                border-radius: 999px;
                font-weight: 700;
                font-size: 0.85em;
                line-height: 1;
}

.account-link--right {
        margin-left: auto;
        text-align: right;
}

.account-link--underline:hover {
	                text-decoration: underline;
}

.account-form-grid {
        margin-left: 0;
        margin-right: 0;
}

.account-form-grid > .large-12 {
        padding-left: 0;
        padding-right: 0;
}

.account-form-actions {
        display: flex;
        justify-content: flex-end;
}


.account-notification-preview__row {
                display: flex;
                align-items: center;
                width: 100%;
                flex-wrap: nowrap;
                justify-content: flex-start;
                gap: 12px;
}

.account-notification-preview__meta {
                display: flex;
                align-items: center;
                gap: 8px;
                min-width: 0;
                flex: 1;
}

.account-notification-preview__title {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
}

.account-notification-preview__date {
                color: var(--ntf-color-c5c5c5);
                font-size: 0.9em;
                font-weight: 600;
                white-space: nowrap;
}

.account-notification-preview__actions {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin-left: auto;
                flex-shrink: 0;
}

.account-notification-card__badge {
                background: var(--ntf-color-fb1a3f);
                color: var(--ntf-color-ffffff);
                border-radius: 999px;
                padding: 4px 10px;
                font-size: 0.85em;
                font-weight: 700;
                white-space: nowrap;
}

.account-notification-detail__body {
                line-height: 1.6;
                color: var(--ntf-color-e2e2e2);
                white-space: pre-line;
}

.account-notification-preview {
                border-radius: 10px;
                color: inherit;
                display: flex;
                align-items: center;
                gap: 14px;
                min-width: 0;
                overflow: hidden;
                padding: 10px 15px;
                text-decoration: none;
                width: 100%;
}

.account-notification-preview:hover {
                background-color: var(--ntf-color-1b1b1b);
}

.account-order-card {
        display: block;
        padding: 16px;
        border: 1px solid var(--ntf-color-262626);
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        background: var(--ntf-color-141414);
        transition: border-color 0.2s ease, transform 0.2s ease;
}

.account-order-card:hover {
        border-color: var(--ntf-color-fb1a3f);
        transform: translateY(-2px);
}

.account-order-main {
        display: flex;
        gap: 16px;
        align-items: stretch;
}

.account-order-date {
        min-width: 72px;
        padding-right: 16px;
        border-right: 1px solid var(--ntf-color-262626);
}

.account-order-info {
        display: flex;
        align-items: center;
        gap: 16px;
        flex: 1;
        padding-right: 16px;
}

.account-order-image {
        width: 96px;
        min-width: 96px;
        height: 96px;
        border-radius: 12px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
}

.account-order-details {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        min-width: 0;
}

.account-order-details .data_evento {
        color: inherit;
        font-size: 1rem;
        font-weight: 600;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
}

.account-order-details .servizio-titolo {
        font-size: clamp(1.45rem, 2.2vw, 2rem);
        line-height: 1.05;
        font-weight: 700;
}

.account-order-details .luogo_evento {
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--ntf-color-b3b3b3);
        font-size: 1rem;
}

.account-order-details .luogo_evento i {
        flex-shrink: 0;
}

.account-order-meta {
                                display: flex;
                                flex-direction: column;
                                gap: 6px;
                                justify-content: center;
                                align-items: flex-end;
                                text-align: right;
                                margin-left: auto;
                                min-width: 200px;
}

.account-empty {
                padding: 0;
                border: 0;
                border-radius: 0;
                color: inherit;
                background: transparent;
}

.account-reservation-hero {
                display: flex;
                gap: 24px;
                background: var(--ntf-color-111111);
                border: 1px solid var(--ntf-color-262626);
                border-radius: 16px;
                padding: 24px;
                flex-wrap: wrap;
}

.account-reservation-hero--success {
                background: var(--ntf-color-rgba-34-197-94-0-15);
                border-color: var(--ntf-color-rgba-34-197-94-0-4);
}

.account-reservation-hero--warning {
                background: var(--ntf-color-rgba-255-191-0-0-15);
                border-color: var(--ntf-color-rgba-255-191-0-0-4);
}

.account-reservation-hero--danger {
                background: var(--ntf-color-rgba-239-68-68-0-15);
                border-color: var(--ntf-color-rgba-239-68-68-0-4);
}

.account-reservation-hero--compact {
                padding: 16px;
                gap: 16px;
}

.account-reservation-hero--compact .account-reservation-hero__image {
                width: 120px;
                height: 120px;
                border-radius: 12px;
}

.account-reservation-hero--compact .account-reservation-hero__date-cell {
                min-width: 72px;
                padding-right: 12px;
}

.account-reservation-hero--compact .account-reservation-hero__title {
                font-size: 1.5rem;
}

.account-reservation-hero__image {
                width: 220px;
                height: 220px;
                border-radius: 16px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                flex-shrink: 0;
}

.account-reservation-hero__date-cell {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 88px;
                padding-right: 16px;
                border-right: 1px solid var(--ntf-color-262626);
}

.account-reservation-hero__body {
                flex: 1;
                min-width: 240px;
}

.account-reservation-hero__date-row {
                display: flex;
                align-items: center;
                gap: 16px;
                margin-bottom: 10px;
                flex-wrap: wrap;
}

.account-reservation-hero__date-row .event-table-date {
                flex-shrink: 0;
}

.account-reservation-hero__date {
                font-weight: 600;
}

.account-reservation-hero__title {
                font-size: 2rem;
}

.account-reservation-hero__location {
                display: flex;
                align-items: center;
                gap: 6px;
                color: var(--ntf-color-b3b3b3);
}

.hero__warning {
                color: var(--ntf-color-facc15);
                font-weight: 600;
}

.hero__danger {
                color: var(--ntf-color-ef4444);
                font-weight: 600;
}

.status-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: 999px;
border: 1px solid var(--ntf-color-2a2a2a);
background: var(--ntf-color-rgba-255-255-255-0-08);
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
}

.reservation-state-badges {
                display: inline-flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 6px;
}

.reservation-history__timeline {
                display: flex;
                flex-direction: column;
                gap: 0;
}

.reservation-history__event {
                display: grid;
                grid-template-columns: 42px minmax(0, 1fr);
                gap: 14px;
                padding: 16px 0;
                border-top: 1px solid var(--ntf-color-262626);
}

.reservation-history__event:first-child {
                padding-top: 0;
                border-top: 0;
}

.reservation-history__event:last-child {
                padding-bottom: 0;
}

.reservation-history__icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex: 0 0 42px;
                width: 42px;
                height: 42px;
                border-radius: 50%;
                padding: 0;
                font-size: 1.15rem;
}

.status-badge--success {
                background: var(--ntf-color-rgba-34-197-94-0-15);
                border-color: var(--ntf-color-rgba-34-197-94-0-4);
                color: var(--ntf-color-22c55e);
}

.status-badge--warning {
                background: var(--ntf-color-rgba-255-191-0-0-15);
                border-color: var(--ntf-color-rgba-255-191-0-0-4);
                color: var(--ntf-color-facc15);
}

.status-badge--danger {
                background: var(--ntf-color-rgba-239-68-68-0-15);
                border-color: var(--ntf-color-rgba-239-68-68-0-4);
                color: var(--ntf-color-ef4444);
}

.status-badge--muted {
                color: var(--ntf-color-9ca3af);
}

.reservation-history__event-header {
                align-items: baseline;
}

.reservation-history__event-header time {
	                flex: 0 1 auto;
	                min-width: 0;
	                color: var(--ntf-color-9ca3af);
	                font-size: 0.78rem;
	                font-weight: 600;
	                letter-spacing: 0.02em;
	                overflow-wrap: anywhere;
	                text-align: end;
}

.account-order-meta > .reservation-state-badges {
                justify-content: flex-end;
}

td > .reservation-state-badges {
                display: flex;
                margin-top: 6px;
}

.account-info-card {
                display: flex;
                flex-direction: column;
                gap: var(--section-content-gap);
                background: var(--ntf-color-141414);
                border: 1px solid var(--ntf-color-262626);
                border-radius: 12px;
                padding: 20px;
                min-width: 0;
}

@media (max-width: 640px) {
                .account-section {
                                --account-section-padding: 18px;
                }

                .account-section > .account-section-header--framed {
                                min-height: 68px;
                                padding-block: 18px 16px;
                }

                .account-info-card {
                                padding: 16px;
                }

                .account-order-meta > .reservation-state-badges {
                                justify-content: flex-start;
                }
}

.account-info-row span {
                color: var(--ntf-color-8f8d97);
                font-weight: 600;
                text-transform: uppercase;
                font-size: 0.85rem;
}

.account-info-row strong {
                color: var(--ntf-color-ffffff);
                text-align: right;
}

.account-info-row__value {
                display: flex;
                flex: 0 1 auto;
                flex-direction: column;
                align-items: flex-end;
                gap: 6px;
                min-width: 0;
                text-align: right;
}

.account-info-row__hint {
                display: block;
                margin-top: 3px;
                color: var(--ntf-color-999999);
                font-size: 0.72rem;
                font-weight: 500;
                line-height: 1.25;
                text-transform: none;
}

.business-reservation-detail__hero {
                width: 100%;
                box-sizing: border-box;
}

.business-reservation-summary-grid {
	                display: grid;
	                grid-template-columns: repeat(2, minmax(0, 1fr));
	                align-items: start;
	                gap: var(--section-content-gap);
}

.business-reservation-section-action {
                flex: 0 0 auto;
                padding: 0;
                border: 0;
                background: transparent;
                font: inherit;
                cursor: pointer;
}

.business-reservation-detail-page .account-info-row strong {
                min-width: 0;
                overflow-wrap: anywhere;
}

.business-reservation-total-row {
                margin-top: 2px;
                padding-top: 16px;
                border-top: 1px solid var(--ntf-color-262626);
}

.business-reservation-technical-details {
                border-top: 1px solid var(--ntf-color-262626);
}

.business-reservation-technical-details > summary {
                display: flex;
                align-items: center;
                justify-content: space-between;
                min-height: 48px;
                color: var(--ntf-color-bbbbbb);
                font-weight: 700;
                cursor: pointer;
                list-style: none;
}

.business-reservation-technical-details > summary::-webkit-details-marker {
                display: none;
}

.business-reservation-technical-details > summary::after {
                content: '\f2f9';
                font-family: 'Material-Design-Iconic-Font';
                font-size: 20px;
                transition: transform 0.2s ease;
}

.business-reservation-technical-details[open] > summary::after {
                transform: rotate(180deg);
}

.business-reservation-technical-details > .account-info-card {
                margin-top: 4px;
}

@media screen and (max-width: 900px) {
                .business-reservation-summary-grid {
                                grid-template-columns: minmax(0, 1fr);
                }
}

@media screen and (max-width: 640px) {
                .business-reservation-detail-page .account-section-header {
                                align-items: flex-start;
                }

                .business-reservation-section-action {
                                text-align: right;
                }

                .business-reservation-detail-page .account-info-row {
                                flex-direction: column;
                                gap: 6px;
                }

                .business-reservation-detail-page .account-info-row strong,
                .business-reservation-detail-page .account-info-row__value {
                                align-items: flex-start;
                                text-align: left;
                }
}

.reservation-access-list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                gap: 12px;
}

.reservation-access-item {
	                display: flex;
	                align-items: center;
	                justify-content: space-between;
	                gap: 12px;
	                font-size: 1em;
}

.reservation-access-item__label {
                font-weight: 600;
                color: var(--ntf-color-ffffff);
                display: inline-flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
}

.reservation-access-item__value {
                white-space: nowrap;
}

.reservation-accreditations-item {
                display: flex;
                align-items: stretch;
                gap: 16px;
                padding: 16px;
                background: var(--ntf-color-141414);
                border: 1px solid var(--ntf-color-262626);
                border-radius: 16px;
}

.reservation-accreditations-item--with-qr {
                background: var(--ntf-color-111111);
}

.reservation-accreditations-item__content {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                flex: 1;
                min-width: 0;
                width: 100%;
}

.reservation-accreditations-item__body {
                display: flex;
                flex-direction: column;
                gap: 6px;
                flex: 1;
                min-width: 0;
}

.reservation-accreditations-item__title {
                color: var(--ntf-color-ffffff);
                font-weight: 700;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                line-height: 1.2;
}

.reservation-accreditations-item__price {
                color: var(--ntf-color-ffffff);
                white-space: nowrap;
                font-size: 1.05rem;
}

.reservation-accreditations-item__qr-panel {
                flex: 0 0 210px;
                display: flex;
                align-items: stretch;
}

.reservation-accreditations-item__qrs {
                display: flex;
                flex: 1;
                flex-direction: column;
                justify-content: stretch;
                gap: 12px;
}

.reservation-accreditations-item__qr-link {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                flex: 1;
                min-height: 0;
                padding: 16px;
                background: var(--ntf-color-ffffff);
                border: 1px solid var(--ntf-color-262626);
                border-radius: 12px;
                overflow: hidden;
                cursor: pointer;
                appearance: none;
}

.reservation-accreditations-item__qr-link:hover,
.reservation-accreditations-item__qr-link:focus-visible {
                border-color: var(--ntf-color-4db6ac);
}

.reservation-accreditations-item__qr-image {
                display: block;
                width: 100%;
                max-width: 180px;
                height: auto;
}


.reservation-qr-modal__image {
                margin-inline: auto;
                display: block;
                width: min(100%, 360px);
                height: auto;
                padding: 16px;
                background: var(--ntf-color-ffffff);
                border-radius: 14px;
}

@media (max-width: 736px) {
                .reservation-accreditations-item--with-qr {
                                flex-direction: column;
                }

                .reservation-accreditations-item--with-qr .reservation-accreditations-item__qr-panel {
                                flex-basis: auto;
                                width: 100%;
                }

                .reservation-accreditations-item--with-qr .reservation-accreditations-item__qrs {
                                width: 100%;
                }

                .reservation-accreditations-item--with-qr .reservation-accreditations-item__qr-link {
                                min-height: 220px;
                }

                .reservation-accreditations-item--with-qr .reservation-accreditations-item__content {
                                width: 100%;
                }
}

.account-download-card {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 24px;
                background: var(--ntf-color-141414);
                border: 1px solid var(--ntf-color-262626);
                border-radius: 12px;
                padding: 20px;
}

.account-download-card__image {
                width: 120px;
                height: 120px;
                border-radius: 16px;
                background-color: var(--ntf-color-1f1f1f);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
}

.account-ticket-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                align-items: flex-start;
}

.account-ticket-action,
.account-wallet-badge {
                width: 200px;
                min-height: 55px;
                box-sizing: border-box;
                border-radius: 10px;
}

.account-ticket-action--pdf {
                display: inline-flex;
                align-items: center;
                justify-content: flex-start;
                gap: 12px;
                padding: 10px 14px;
                background: var(--ntf-color-111111);
                border: 1px solid var(--ntf-color-777777);
                color: var(--ntf-color-ffffff);
                line-height: 1.2;
                text-decoration: none;
}

.account-ticket-provider-icon {
                display: block;
                width: auto;
                max-width: 40px;
                height: 30px;
                flex: 0 0 auto;
                object-fit: contain;
}

.account-ticket-provider-icon--apple {
                height: 28px;
}

.account-ticket-action__label {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
}

.account-ticket-action__label-line {
                display: block;
                color: var(--ntf-color-ffffff);
                letter-spacing: -0.01em;
}

.account-ticket-action__label-line--secondary {
                font-size: 0.85rem;
                font-weight: 300;
}

.account-ticket-action__label-line--primary {
                font-size: 1rem;
                font-weight: 700;
}

.account-wallet-badge {
                display: inline-flex;
                align-items: center;
                justify-content: flex-start;
                gap: 12px;
                text-decoration: none;
                line-height: 1.2;
                max-width: 100%;
                padding: 10px 14px;
                background: var(--ntf-color-111111);
                border: 1px solid var(--ntf-color-777777);
                overflow: hidden;
}

.account-wallet-badge:hover,
.account-wallet-badge:focus {
                opacity: 0.92;
}

.account-ticket-resale-section .alert {
                margin-top: 0;
}

.account-ticket-resale-card {
                display: grid;
                grid-template-columns: 44px minmax(0, 1fr) minmax(330px, auto);
                align-items: center;
                gap: 14px;
                padding: 16px;
                background: var(--ntf-color-141414);
                border: 1px solid var(--ntf-color-262626);
                border-radius: 12px;
}

.account-ticket-resale-card__icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                border-radius: 12px;
                background: var(--ntf-color-rgba-255-255-255-0-08);
                color: var(--ntf-color-ffffff);
                font-size: 1.35rem;
}

.account-ticket-resale-card__body {
                display: flex;
                min-width: 0;
                flex-direction: column;
                gap: 6px;
}

.account-ticket-resale-card__header {
                display: flex;
                align-items: flex-start;
}

.account-ticket-resale-card__header strong {
                min-width: 0;
                color: var(--ntf-color-ffffff);
                font-size: 1rem;
                line-height: 1.25;
}

.account-ticket-resale-card__meta,
.account-ticket-resale-card__hint {
                margin: 0;
                color: var(--ntf-color-999999);
                line-height: 1.35;
}

.account-ticket-resale-card__hint {
                color: var(--ntf-color-8f8d97);
}

.account-ticket-resale-card__action {
                display: grid;
                grid-template-columns: 132px minmax(170px, auto);
                align-items: center;
                justify-content: end;
                gap: 16px;
}

.account-ticket-resale-card__action .status-badge {
                justify-self: start;
                white-space: nowrap;
}

.account-ticket-resale-card__action--status-only {
                grid-template-columns: auto;
}

.account-ticket-resale-card__action--status-only .status-badge {
                justify-self: end;
}

.account-ticket-resale-form {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                min-width: 0;
}




@media screen and (max-width: 1024px) {
                .account-reservation-hero__image {
                                width: 160px;
                                height: 160px;
                }

                .account-reservation-hero--compact .account-reservation-hero__image {
                                width: 140px;
                                height: 140px;
                }
}

@media screen and (max-width: 736px) {
                .account-reservation-hero {
                                align-items: stretch;
                                gap: 12px;
                }

                .account-reservation-hero__date-cell {
                                min-width: 72px;
                                padding-right: 12px;
                                align-self: stretch;
                }

                .account-reservation-hero__image {
                                flex: 1 1 0;
                                width: auto;
                                min-width: 0;
                                height: 180px;
                }

                .account-reservation-hero--compact .account-reservation-hero__image {
                                height: 160px;
                }

                .account-reservation-hero__body {
                                flex: 1 0 100%;
                                min-width: 0;
                }

                .account-download-card {
                                flex-direction: column;
                                align-items: flex-start;
                }

                .account-ticket-actions {
                                width: 100%;
                                flex-direction: column;
                                align-items: stretch;
                }

                .account-ticket-action {
                                width: min(200px, 100%);
                }

                .account-wallet-badge {
                                align-self: flex-start;
                                width: min(260px, 100%);
                }

                .account-ticket-resale-card {
                                grid-template-columns: 40px minmax(0, 1fr);
                                align-items: flex-start;
                }

                .account-ticket-resale-card__icon {
                                width: 40px;
                                height: 40px;
                }

                .account-ticket-resale-card__action {
                                grid-column: 2;
                                grid-template-columns: 1fr;
                                justify-content: stretch;
                                gap: 10px;
                                width: 100%;
                }

                .account-ticket-resale-card__action--status-only .status-badge {
                                justify-self: start;
                }
.account-ticket-resale-form {
                                width: 100%;
                }

                .account-info-row {
                                flex-direction: column;
                                align-items: flex-start;
                }
}

.account-follow-requests-entry {
        align-items: center;
        background: var(--ntf-color-111111);
        border: 1px solid var(--ntf-color-333333);
        border-radius: 8px;
        color: var(--ntf-color-ffffff);
        display: flex;
        gap: 14px;
        margin-bottom: 18px;
        padding: 14px 16px;
        text-decoration: none;
}

.account-follow-requests-entry:hover {
        background: var(--ntf-color-222222);
        color: var(--ntf-color-ffffff);
}

.account-follow-requests-entry__icon {
        align-items: center;
        border: 1px solid var(--ntf-color-333333);
        border-radius: 50%;
        display: inline-flex;
        flex: 0 0 46px;
        font-size: 22px;
        height: 46px;
        justify-content: center;
        width: 46px;
}

.account-follow-requests-entry__copy strong {
        font-size: 16px;
        line-height: 1.2;
}

.account-follow-requests-entry__copy span {
        color: var(--ntf-color-999999);
        font-size: 13px;
        font-weight: 600;
        line-height: 1.25;
}

.account-follow-requests-entry__aside {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 10px;
}

.account-follow-meta {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
}

.account-follow-name {
        color: var(--ntf-color-ffffff);
        display: block;
        font-weight: 600;
        line-height: 1.2;
        max-width: 100%;
        overflow: hidden;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
}

.account-follow-name:hover {
        text-decoration: underline;
}

.account-follow-type {
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: var(--ntf-color-999999);
        line-height: 1.2;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

@media screen and (max-width: 1024px) {
        .account-sidebar {
                position: static;
        }

        .account-scroll {
                max-height: none;
                overflow: visible;
                padding-right: 0;
        }

	        .account-layout {
	                grid-template-columns: minmax(0, 1fr);
	        }

        .account-nav {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .settings-privacy-page .large-10 {
                float: none;
                width: 100%;
        }

        .public-profile--account-hero {
                padding-inline: 22px;
        }
}

@media screen and (max-width: 736px) {
	        .account-sidebar,
	        .account-content {
	                width: 100% !important;
	        }

        .account-page-shell:not([data-account-current="account"]) .account-sidebar {
                display: none;
        }

        .account-sidebar-panel {
                padding: 14px;
        }

        .account-nav {
                grid-template-columns: minmax(0, 1fr);
        }

        .account-page-heading {
                flex-direction: column;
                gap: 10px;
        }


	        .settings-privacy-page .buckets {
	                margin-left: 0;
                margin-right: 0;
        }

        .settings-privacy-page .buckets > .large-10 {
                padding-left: 0;
                padding-right: 0;
        }

        .settings-privacy-section {
                padding: 20px;
        }

        .settings-privacy-section__header {
                gap: 12px;
        }

        .settings-privacy-section__header h2 {
                font-size: 1.1rem;
        }

        .settings-privacy-list__row {
                align-items: flex-start;
                flex-direction: column;
                gap: 5px;
        }

        .settings-privacy-list__row strong {
                text-align: left;
        }

        .settings-privacy-payment-method {
                align-items: stretch;
                flex-direction: column;
        }

        .settings-privacy-field .inputstyle,
        .profile-privacy-toggle__options {
                width: 100%;
                max-width: none;
        }

        .public-profile--account-hero {
                max-width: none;
                border-radius: 24px;
                padding: 24px 18px 26px;
        }

        .public-profile__backdrop-image {
                top: -18%;
                left: -14%;
                width: 128%;
                height: 136%;
        }

        .account-order-main {
                display: grid;
                grid-template-columns: 72px minmax(0, 1fr);
                gap: 12px;
                align-items: stretch;
        }

        .account-order-date {
                grid-column: 1;
                grid-row: 1;
                border-right: 1px solid var(--ntf-color-262626);
                border-bottom: none;
                padding-right: 12px;
                padding-bottom: 0;
                width: auto;
                justify-content: flex-start;
                align-self: stretch;
        }

        .account-order-info {
                display: contents;
        }

        .account-order-image {
                grid-column: 2;
                grid-row: 1;
                width: 100%;
                min-width: 0;
                height: 180px;
        }

        .account-order-details {
                grid-column: 1 / -1;
                grid-row: 2;
        }

        .account-order-meta {
                grid-column: 1 / -1;
                grid-row: 3;
                min-width: 0;
                width: 100%;
                text-align: right;
                align-items: flex-end;
        }
}



.chart-scroll-container {
        overflow-x: auto;
        min-height: 360px;
        height: auto;
        width: 100%;
}

.chart-scroll-container canvas {
        background: transparent;
        height: 360px;
        width: 100%;
}

.event-stats-wave {
        --event-capacity-neon: #00ff8a;
        --event-capacity-neon-glow-strong: rgba(0, 255, 138, 0.82);
        --event-capacity-neon-glow-soft: rgba(0, 255, 138, 0.42);
        --event-capacity-track-color: rgba(255, 255, 255, 0.14);
        --event-capacity-progress-size: 8px;
        --event-sales-state-glow-strong: rgba(255, 255, 255, 0.32);
        --event-sales-state-glow-soft: rgba(255, 255, 255, 0.16);
        --event-sales-state-surface: rgba(255, 255, 255, 0.07);
        --event-sales-sold-neon: var(--event-capacity-neon);
        --event-sales-sold-neon-glow-strong: var(--event-capacity-neon-glow-strong);
        --event-sales-sold-neon-glow-soft: var(--event-capacity-neon-glow-soft);
        --event-sales-sold-surface: var(--event-sales-state-surface);
        --event-sales-pending-neon: var(--ntf-color-e2e2e2);
        --event-sales-pending-neon-glow-strong: var(--event-sales-state-glow-strong);
        --event-sales-pending-neon-glow-soft: var(--event-sales-state-glow-soft);
        --event-sales-pending-surface: var(--event-sales-state-surface);
        --event-sales-processing-neon: var(--ntf-color-d0d0d0);
        --event-sales-processing-neon-glow-strong: var(--event-sales-state-glow-strong);
        --event-sales-processing-neon-glow-soft: var(--event-sales-state-glow-soft);
        --event-sales-processing-surface: var(--event-sales-state-surface);
        --event-sales-available-neon: var(--ntf-color-dbdbdb);
        --event-sales-available-neon-glow-strong: var(--event-sales-state-glow-strong);
        --event-sales-available-neon-glow-soft: var(--event-sales-state-glow-soft);
        --event-sales-available-surface: var(--event-sales-state-surface);
        --event-sales-failed-neon: var(--ntf-color-b9b9b9);
        --event-sales-failed-neon-glow-strong: var(--event-sales-state-glow-strong);
        --event-sales-failed-neon-glow-soft: var(--event-sales-state-glow-soft);
        --event-sales-failed-surface: var(--event-sales-state-surface);
        --event-dashboard-panel-border: 1px solid rgba(255, 255, 255, 0.09);
        --event-dashboard-panel-radius: 14px;
        --event-dashboard-panel-background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0) 34%),
                linear-gradient(180deg, rgba(18, 18, 19, 0.99), rgba(12, 12, 13, 0.99));
        --event-dashboard-panel-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.035),
                0 18px 42px rgba(0, 0, 0, 0.28);
}

.event-stats-wave .chart-scroll-frame {
        background: var(--event-dashboard-panel-background);
        border: var(--event-dashboard-panel-border);
        border-radius: var(--event-dashboard-panel-radius);
        box-shadow: var(--event-dashboard-panel-shadow);
        min-height: 364px;
        overflow: hidden;
        padding: 12px;
        width: 100%;
}

.event-stats-wave .chart-scroll-container {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        min-height: 340px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 0;
        touch-action: pan-x pinch-zoom;
        width: 100%;
        -webkit-overflow-scrolling: touch;
}

.event-stats-wave .chart-scroll-container canvas {
	background: transparent;
	display: block;
	height: 360px;
	width: auto;
	min-width: 0;
	max-width: none;
	touch-action: pan-x pinch-zoom;
}

.event-stats-wave [data-nightify-trend-group][hidden],
.event-stats-wave [data-nightify-trend-report][hidden] {
        display: none;
}

.event-stats-wave .nightify-trend-reports {
        width: auto;
}

.event-stats-wave .event-trend-granularity-field {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        gap: 8px;
        width: auto;
        max-width: 100%;
}

.event-stats-wave .event-trend-granularity-field .filter-select-field__label {
        flex: 0 0 auto;
        margin: 0;
        white-space: nowrap;
}

.event-stats-wave .event-trend-granularity-field .filter-select-field__control {
        flex: 0 1 220px;
        width: 220px;
        min-width: 180px;
}

.event-stats-wave .event-trend-lazy-state {
        display: none;
        min-height: 132px;
        padding: 24px 20px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-06);
        border-radius: 14px;
        background:
                linear-gradient(135deg, var(--ntf-color-rgba-255-255-255-0-05) 0%, var(--ntf-color-rgba-255-255-255-0-02) 100%),
                linear-gradient(180deg, var(--ntf-color-rgba-18-18-18-0-96) 0%, var(--ntf-color-rgba-8-8-8-0-98) 100%);
        color: var(--ntf-color-rgba-255-255-255-0-82);
        align-items: center;
        justify-content: flex-start;
}

.event-stats-wave .event-trend-lazy-state.is-visible {
        display: flex;
}

.event-stats-wave .event-trend-lazy-state.is-loading {
        justify-content: center;
}

.event-stats-wave .event-trend-lazy-state.is-loading::before {
        content: '';
        width: 34px;
        height: 34px;
        margin-right: 0;
        border-radius: 999px;
        border: 3px solid var(--ntf-color-rgba-255-255-255-0-16);
        border-top-color: var(--ntf-color-rgba-251-26-63-0-88);
        box-shadow: 0 0 24px var(--ntf-color-rgba-251-26-63-0-18);
        animation: nightify-trend-spinner 0.9s linear infinite;
        flex-shrink: 0;
}

.event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading {
        justify-content: stretch;
        overflow: hidden;
        position: relative;
}

.event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading::before {
        position: absolute;
        inset: 18px 20px;
        width: auto;
        height: auto;
        margin: 0;
        border: 0;
        border-radius: 10px;
        background:
                linear-gradient(to right, var(--ntf-color-rgba-255-255-255-0-06) 1px, transparent 1px) 0 0 / 20% 100%,
                linear-gradient(to bottom, var(--ntf-color-rgba-255-255-255-0-06) 1px, transparent 1px) 0 0 / 100% 33.333%;
        box-shadow: none;
        animation: nightify-trend-grid-loading 1.8s ease-in-out infinite;
}

.event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading::after {
        content: '';
        position: absolute;
        inset: 24px 24px 26px;
        background: linear-gradient(
                90deg,
                var(--ntf-color-rgba-251-26-63-0-18) 0%,
                var(--ntf-color-rgba-251-26-63-0-75) 48%,
                var(--ntf-color-rgba-251-26-63-0-4) 100%
        );
        background-size: 220% 100%;
        clip-path: polygon(
                0 73%, 14% 56%, 27% 63%, 42% 31%, 55% 44%, 70% 17%, 82% 31%, 100% 7%,
                100% 12%, 82% 37%, 70% 23%, 55% 50%, 42% 37%, 27% 69%, 14% 62%, 0 79%
        );
        filter: drop-shadow(0 0 8px var(--ntf-color-rgba-251-26-63-0-28));
        transform: scaleX(0);
        transform-origin: left center;
        animation: nightify-trend-line-loading 1.8s ease-in-out infinite;
}

.event-stats-wave .event-trend-lazy-state.is-error {
        border-color: var(--ntf-color-rgba-251-26-63-0-32);
        color: var(--ntf-color-rgba-255-184-196-0-96);
}

.event-stats-wave .event-trend-lazy-state.is-unavailable {
        border-color: var(--ntf-color-rgba-255-255-255-0-12);
        color: var(--ntf-color-rgba-255-255-255-0-72);
}

.event-stats-wave .event-trend-lazy-state.is-retryable {
        cursor: pointer;
}

.event-stats-wave .event-trend-lazy-state.is-retryable:focus-visible {
        outline: 2px solid var(--ntf-color-fb1a3f);
        outline-offset: 3px;
}

@keyframes nightify-trend-spinner {
        from {
                transform: rotate(0deg);
        }

        to {
                transform: rotate(360deg);
        }
}

@keyframes nightify-trend-grid-loading {
        0%, 100% {
                opacity: 0.42;
        }

        50% {
                opacity: 0.82;
        }
}

@keyframes nightify-trend-line-loading {
        0% {
                background-position: 100% 0;
                opacity: 0.2;
                transform: scaleX(0);
        }

        62% {
                background-position: 15% 0;
                opacity: 1;
                transform: scaleX(1);
        }

        86% {
                background-position: -35% 0;
                opacity: 0.72;
                transform: scaleX(1);
        }

        100% {
                background-position: -100% 0;
                opacity: 0;
                transform: scaleX(1);
        }
}

@media (prefers-reduced-motion: reduce) {
        .event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading::before,
        .event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading::after {
                animation: none;
        }

        .event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading::before {
                opacity: 0.62;
        }

        .event-stats-wave [data-nightify-trend-report] .event-trend-lazy-state.is-loading::after {
                opacity: 0.78;
                transform: scaleX(1);
        }
}

.event-stats-wave h4 {
        margin-bottom: 10px;
}

.event-stats-wave .event-metric-card,
.dashboard-metric-card {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 220px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-06);
        border-radius: 14px;
        background:
                linear-gradient(140deg, var(--ntf-color-rgba-255-255-255-0-06) 0%, var(--ntf-color-rgba-255-255-255-0-02) 18%, var(--ntf-color-rgba-255-255-255-0) 34%),
                radial-gradient(145% 54% at 50% -10%, var(--ntf-color-rgba-251-26-63-0-02) 0%, var(--ntf-color-rgba-251-26-63-0-008) 16%, var(--ntf-color-rgba-251-26-63-0) 46%),
                radial-gradient(130% 90% at 50% 118%, var(--ntf-color-rgba-251-26-63-0-08) 0%, var(--ntf-color-rgba-251-26-63-0-02) 20%, var(--ntf-color-rgba-251-26-63-0) 58%),
                linear-gradient(180deg, var(--ntf-color-rgba-13-14-16-0-995) 0%, var(--ntf-color-rgba-8-9-11-0-998) 52%, var(--ntf-color-050608) 100%);
        box-shadow:
                inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-05),
                inset 0 -1px 0 var(--ntf-color-rgba-255-255-255-0-02),
                inset 0 10px 22px var(--ntf-color-rgba-251-26-63-0-005),
                0 20px 42px var(--ntf-color-rgba-0-0-0-0-46);
        padding: 18px 18px 20px;
}

.event-stats-wave .event-metric-card {
        padding-right: 52px;
}

.event-stats-wave .event-metric-card::before,
.dashboard-metric-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
                linear-gradient(180deg, var(--ntf-color-rgba-255-255-255-0-02) 0%, var(--ntf-color-rgba-255-255-255-0) 18%),
                radial-gradient(140% 12% at 50% 0%, var(--ntf-color-rgba-251-26-63-0-05) 0%, var(--ntf-color-rgba-251-26-63-0-02) 14%, var(--ntf-color-rgba-251-26-63-0) 42%);
        pointer-events: none;
        opacity: 0.42;
        z-index: 0;
}

.event-stats-wave .event-metric-card::after,
.dashboard-metric-card::after {
        content: "";
        position: absolute;
        inset: auto 16px -26px 16px;
        height: 96px;
        border-radius: 999px;
        background:
                radial-gradient(62% 100% at 50% 0%, var(--ntf-color-rgba-251-26-63-0-08) 0%, var(--ntf-color-rgba-251-26-63-0-03) 34%, var(--ntf-color-rgba-251-26-63-0) 74%),
                radial-gradient(54% 82% at 50% 0%, var(--ntf-color-rgba-255-255-255-0-06) 0%, var(--ntf-color-rgba-255-255-255-0) 72%);
        filter: blur(12px);
        opacity: 0.36;
        pointer-events: none;
        z-index: 0;
}

.event-stats-wave .event-metric-card > *,
.dashboard-metric-card > * {
        position: relative;
        z-index: 1;
}

.event-stats-wave .event-metric-card > .event-metric-card__info {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 2;
        margin-left: 0;
}

.event-stats-wave .event-metric-card h2,
.dashboard-metric-card h2 {
        margin: 0;
        font-size: clamp(2.2rem, 2.9vw, 3.35rem);
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.035em;
        color: var(--ntf-color-ffffff);
        text-shadow:
                0 0 6px var(--ntf-color-rgba-255-255-255-0-08),
                0 0 14px var(--ntf-color-rgba-255-255-255-0-04),
                0 0 18px var(--ntf-color-rgba-251-26-63-0-05);
}

.event-stats-wave .event-metric-card__primary-metric,
.dashboard-metric-card .event-metric-card__primary-metric {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 0 18px;
}

.event-stats-wave .event-metric-card__primary-label,
.dashboard-metric-card .event-metric-card__primary-label {
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ntf-color-b9b0b4);
}

.event-stats-wave .event-metric-card__secondary-metric,
.dashboard-metric-card .event-metric-card__secondary-metric {
        display: flex;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap;
        margin: 0 0 18px;
}

.event-stats-wave .event-metric-card__secondary-value,
.dashboard-metric-card .event-metric-card__secondary-value {
        font-size: clamp(1.15rem, 1.5vw, 1.5rem);
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.025em;
        color: var(--ntf-color-f5f1f3);
}

.event-stats-wave .event-metric-card__secondary-metric.is-loading .event-metric-card__secondary-value,
.dashboard-metric-card .event-metric-card__secondary-metric.is-loading .event-metric-card__secondary-value {
        color: var(--ntf-color-b9b0b4);
        animation: nightify-metric-lazy-pulse 0.95s ease-in-out infinite alternate;
}

.event-stats-wave .event-metric-card__secondary-metric.is-error .event-metric-card__secondary-value,
.dashboard-metric-card .event-metric-card__secondary-metric.is-error .event-metric-card__secondary-value {
        color: var(--ntf-color-rgba-255-184-196-0-96);
}

@keyframes nightify-metric-lazy-pulse {
        from {
                opacity: 0.58;
        }

        to {
                opacity: 1;
        }
}

.event-stats-wave .event-metric-card__secondary-label,
.dashboard-metric-card .event-metric-card__secondary-label {
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ntf-color-9d9599);
}

.event-stats-wave .event-metric-card__trend,
.dashboard-metric-card .event-metric-card__trend {
        display: flex;
        align-items: baseline;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0 0 18px;
        font-weight: 700;
        line-height: 1.1;
}

.event-stats-wave .event-metric-card__primary-metric .event-metric-card__trend,
.dashboard-metric-card .event-metric-card__primary-metric .event-metric-card__trend {
        margin: 0;
}

.event-stats-wave .event-metric-card__secondary-metric .event-metric-card__trend,
.dashboard-metric-card .event-metric-card__secondary-metric .event-metric-card__trend {
        margin: 0;
        gap: 6px;
}

.event-stats-wave .event-metric-card__trend-value,
.dashboard-metric-card .event-metric-card__trend-value {
        font-size: 1rem;
        letter-spacing: -0.02em;
}

.event-stats-wave .event-metric-card__trend-reference,
.dashboard-metric-card .event-metric-card__trend-reference {
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ntf-color-9d9599);
}

.event-stats-wave .event-metric-card__trend--positive,
.dashboard-metric-card .event-metric-card__trend--positive {
        color: #6fe39b;
        text-shadow: 0 0 12px rgba(111, 227, 155, 0.18);
}

.event-stats-wave .event-metric-card__trend--negative,
.dashboard-metric-card .event-metric-card__trend--negative {
        color: #ff6d83;
        text-shadow: 0 0 12px rgba(255, 109, 131, 0.18);
}

.event-stats-wave .event-metric-card__trend--neutral,
.dashboard-metric-card .event-metric-card__trend--neutral {
        color: #c3b8bc;
}

.event-stats-wave .event-metric-card--capacity {
        gap: 14px;
        padding-right: 52px;
}

.event-stats-wave .event-metric-card__capacity-heading {
        min-height: 0;
        padding-right: 0;
}

.event-stats-wave .event-metric-card__capacity-heading .event-metric-card__primary-label {
        display: block;
        line-height: 1.12;
        overflow-wrap: anywhere;
}

.event-stats-wave .event-metric-card__capacity-gauge {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 18px;
        min-height: 0;
        margin-top: 6px;
}

.event-stats-wave .event-metric-card__capacity-ring {
        position: relative;
        display: grid;
        place-items: center;
        width: clamp(146px, 12vw, 190px);
        aspect-ratio: 1;
        border-radius: 50%;
        background:
                radial-gradient(circle at 50% 50%, rgba(0, 255, 138, 0.08) 0%, rgba(0, 255, 138, 0) 66%);
        box-shadow:
                0 0 18px rgba(0, 255, 138, 0.12),
                inset 0 0 22px rgba(0, 255, 138, 0.22);
}

.event-stats-wave .event-metric-card__capacity-ring::before {
        content: "";
        position: absolute;
        inset: 14px;
        border-radius: inherit;
        background:
                radial-gradient(circle at 50% 42%, rgba(0, 255, 138, 0.08) 0%, rgba(0, 255, 138, 0) 44%),
                linear-gradient(180deg, rgba(5, 19, 15, 0.99) 0%, rgba(7, 10, 11, 0.99) 100%);
        box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.62);
        z-index: 1;
}

.event-stats-wave .event-metric-card__capacity-svg {
        position: absolute;
        inset: 0;
        z-index: 2;
        overflow: visible;
}

.event-stats-wave .event-metric-card__capacity-track,
.event-stats-wave .event-metric-card__capacity-progress {
        fill: none;
        stroke-width: var(--event-capacity-progress-size);
        vector-effect: non-scaling-stroke;
}

.event-stats-wave .event-metric-card__capacity-track {
        stroke: var(--event-capacity-track-color);
}

.event-stats-wave .event-metric-card__capacity-progress {
        stroke: var(--event-capacity-neon);
        stroke-linecap: round;
        filter:
                drop-shadow(0 0 5px var(--event-capacity-neon-glow-strong))
                drop-shadow(0 0 16px var(--event-capacity-neon-glow-soft));
}

.event-stats-wave .event-metric-card__capacity-value {
        position: relative;
        z-index: 3;
        max-width: 74%;
        color: var(--ntf-color-ffffff);
        font-size: clamp(3.1rem, 4vw, 4.9rem);
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.035em;
        text-align: center;
        overflow-wrap: anywhere;
        text-shadow:
                0 0 6px var(--ntf-color-rgba-255-255-255-0-08),
                0 0 14px var(--ntf-color-rgba-255-255-255-0-04),
                0 0 24px rgba(0, 255, 138, 0.28);
}

.event-stats-wave .event-metric-card__capacity-meta {
        display: flex;
        align-items: baseline;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        min-height: 0;
        text-align: left;
}

.event-stats-wave .event-metric-card__capacity-percent {
        color: #70ffbe;
        font-size: 0.9rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.02em;
        text-shadow: 0 0 16px rgba(112, 255, 190, 0.34);
}

.dashboard-metric-card h2 .finance-amount-chip {
        display: inline-flex;
        align-items: baseline;
        gap: 0.45em;
        flex-wrap: wrap;
}

.dashboard-metric-card h2 .finance-amount-chip strong,
.dashboard-metric-card h2 .colorsubtitle {
        font-size: 0.42em;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-shadow: none;
}

.dashboard-metric-card h2 .finance-amount-chip strong {
        color: var(--ntf-color-ffffff);
}

.dashboard-metric-card h2 .colorsubtitle {
        font-weight: 600;
}

.event-stats-wave .event-metric-card p,
.dashboard-metric-card p {
        margin: 0;
        color: var(--ntf-color-d5cfd2);
        line-height: 1.25;
}

.event-stats-wave .event-metric-card .colorsubtitle,
.dashboard-metric-card .colorsubtitle {
        color: var(--ntf-color-9d9599) !important;
}

.event-stats-wave .event-tracking-diagnostics-card.dashboard-metric-card,
.dashboard-metric-card.event-tracking-diagnostics-card {
        min-height: 0;
        gap: 8px;
        padding: 22px 24px;
}

.event-stats-wave .event-tracking-diagnostics-card .admin-heading--compact,
.dashboard-metric-card.event-tracking-diagnostics-card .admin-heading--compact {
        align-items: start;
        margin-bottom: 8px;
}

.event-stats-wave .event-tracking-diagnostics-card .admin-heading--compact > span,
.dashboard-metric-card.event-tracking-diagnostics-card .admin-heading--compact > span {
        align-self: start;
        justify-self: end;
}

.event-stats-wave .event-tracking-diagnostics-card h4,
.dashboard-metric-card.event-tracking-diagnostics-card h4 {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: 0;
        color: var(--ntf-color-ffffff);
}

.event-stats-wave .event-tracking-diagnostics-card p,
.dashboard-metric-card.event-tracking-diagnostics-card p {
        max-width: none;
        line-height: 1.32;
}

.event-tracking-diagnostics-card__actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
}

.event-tracking-diagnostics-card__actions [data-event-tracking-test-status] {
        margin-left: 0;
}

.dashboard-metric-card > .event-detail-text-action {
        margin-top: auto;
}


@media (max-width: 736px) {
        .event-stats-wave > .wrapper {
                width: calc(100% - 20px);
        }

        .event-stats-wave .event-metric-card,
        .dashboard-metric-card {
                min-height: 0;
        }

        .event-stats-wave .event-dashboard-metrics-grid > .large-4 {
                flex: 0 0 50%;
                max-width: 50%;
                width: 50%;
        }

        .event-stats-wave .event-metric-card--capacity {
                min-height: 220px;
                padding: 14px 38px 16px 12px;
        }

        .event-stats-wave .event-metric-card__capacity-gauge {
                gap: 12px;
                min-height: 0;
                margin-top: 4px;
        }

        .event-stats-wave .event-metric-card__capacity-ring {
                width: clamp(104px, 30vw, 132px);
        }

        .event-stats-wave .event-metric-card__capacity-ring::before {
                inset: 10px;
        }

        .event-stats-wave .event-metric-card__capacity-value {
                font-size: clamp(2.05rem, 8.4vw, 2.8rem);
        }

        .event-stats-wave .event-metric-card__capacity-percent {
                font-size: 0.82rem;
        }
}

@media (max-width: 736px) {
        .event-stats-wave .chart-scroll-frame {
                padding: 10px;
        }

        .event-stats-wave .chart-scroll-container {
                min-height: 312px;
        }
}

@media (max-width: 420px) {
        .event-stats-wave .event-trend-granularity-field {
                justify-content: flex-start;
        }

        .event-stats-wave .event-trend-granularity-field .filter-select-field__control {
                flex: 1 1 180px;
                width: auto;
        }
}

.event-stats-wave .event-sales-panel {
        overflow: hidden;
        border: var(--event-dashboard-panel-border);
        border-radius: var(--event-dashboard-panel-radius);
        background: var(--event-dashboard-panel-background);
        box-shadow: var(--event-dashboard-panel-shadow);
}

.event-sales-status-strip__metrics {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 20px 16px;
}

.event-sales-status-strip__metric {
        --event-sales-status-neon: var(--ntf-color-ffffff);
        --event-sales-status-neon-glow-soft: rgba(255, 255, 255, 0.18);
        --event-sales-status-surface: rgba(255, 255, 255, 0.08);
        position: relative;
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 14px;
        padding: 4px 20px;
        color: var(--ntf-color-ffffff);
        text-decoration: none;
}

.event-sales-status-strip__metric + .event-sales-status-strip__metric::before {
        content: "";
        position: absolute;
        inset: 2px auto 2px 0;
        width: 1px;
        background: rgba(255, 255, 255, 0.1);
}

a.event-sales-status-strip__metric:hover,
a.event-sales-status-strip__metric:focus {
        color: var(--ntf-color-ffffff);
        text-decoration: none;
}

a.event-sales-status-strip__metric:focus-visible {
        border-radius: 10px;
        outline: 2px solid var(--ntf-color-fb1a3f);
        outline-offset: -2px;
}

.event-sales-status-strip__icon {
        display: grid;
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
        place-items: center;
        border: 1px solid currentColor;
        border-radius: 50%;
        color: var(--event-sales-status-neon);
        background: var(--event-sales-status-surface);
        box-shadow:
                inset 0 0 18px var(--event-sales-status-surface),
                0 0 12px var(--event-sales-status-neon-glow-soft);
        font-size: 25px;
        transition: transform 160ms ease, background-color 160ms ease;
}

a.event-sales-status-strip__metric:hover .event-sales-status-strip__icon {
        transform: translateY(-2px);
}

.event-sales-status-strip__metric--sold {
        --event-sales-status-neon: var(--event-sales-sold-neon);
        --event-sales-status-neon-glow-soft: var(--event-sales-sold-neon-glow-soft);
        --event-sales-status-surface: var(--event-sales-sold-surface);
}

.event-sales-status-strip__metric--pending {
        --event-sales-status-neon: var(--event-sales-pending-neon);
        --event-sales-status-neon-glow-soft: var(--event-sales-pending-neon-glow-soft);
        --event-sales-status-surface: var(--event-sales-pending-surface);
}

.event-sales-status-strip__metric--processing {
        --event-sales-status-neon: var(--event-sales-processing-neon);
        --event-sales-status-neon-glow-soft: var(--event-sales-processing-neon-glow-soft);
        --event-sales-status-surface: var(--event-sales-processing-surface);
}

.event-sales-status-strip__metric--failed {
        --event-sales-status-neon: var(--event-sales-failed-neon);
        --event-sales-status-neon-glow-soft: var(--event-sales-failed-neon-glow-soft);
        --event-sales-status-surface: var(--event-sales-failed-surface);
}

.event-sales-status-strip__metric--available {
        --event-sales-status-neon: var(--event-sales-available-neon);
        --event-sales-status-neon-glow-soft: var(--event-sales-available-neon-glow-soft);
        --event-sales-status-surface: var(--event-sales-available-surface);
}

.event-sales-status-strip__content {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        align-self: stretch;
        flex-direction: column;
        gap: 4px;
        justify-content: flex-start;
        padding-top: 2px;
}

.event-sales-status-strip__label {
        display: block;
        min-height: 0;
        order: 2;
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        line-height: 1.15;
        overflow-wrap: break-word;
        text-transform: uppercase;
}

.event-sales-status-strip__value {
        order: 1;
        color: var(--ntf-color-ffffff);
        font-size: clamp(1.9rem, 2.3vw, 2.65rem);
        font-weight: 800;
        letter-spacing: -0.035em;
        line-height: 1;
}

.event-sales-status-strip__footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        min-height: 62px;
        padding: 14px 28px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.event-sales-status-strip__footer p {
        margin: 0;
        color: rgba(255, 255, 255, 0.58);
        font-size: 0.82rem;
}

.event-sales-status-strip__footer a {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: var(--ntf-color-fb1a3f);
        font-size: 0.86rem;
        font-weight: 700;
        text-decoration: none;
}

.event-sales-status-strip__footer a:hover,
.event-sales-status-strip__footer a:focus {
        color: var(--ntf-color-ff7a8f);
        text-decoration: none;
}

.event-sales-availability__header,
.event-sales-availability__row {
        display: grid;
        grid-template-columns: minmax(170px, 0.72fr) minmax(430px, 2.78fr);
        column-gap: 28px;
}

.event-sales-availability__header {
        padding: 18px 24px 14px;
        color: rgba(255, 255, 255, 0.52);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        line-height: 1.25;
        text-transform: uppercase;
}

.event-sales-availability__row {
        min-height: 116px;
        align-items: center;
        padding: 22px 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.event-sales-availability__access-type {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 12px;
        color: var(--ntf-color-ffffff);
}

.event-sales-availability__access-type .access-type-color-strip {
        height: 28px;
        min-height: 28px;
}

.event-sales-availability__access-type strong {
        overflow-wrap: anywhere;
}

.event-sales-availability__capacity {
        min-width: 0;
}

.event-sales-availability__bar {
        display: flex;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: var(--event-capacity-progress-size);
        border-radius: 999px;
        background: var(--event-capacity-track-color);
}

.event-sales-availability__segment {
        display: block;
        min-width: 2px;
        height: 100%;
        filter:
                drop-shadow(0 0 5px var(--event-sales-state-neon-glow-strong))
                drop-shadow(0 0 16px var(--event-sales-state-neon-glow-soft));
}

.event-sales-availability__segment:first-child {
        border-radius: 999px 0 0 999px;
}

.event-sales-availability__segment:last-child {
        border-radius: 0 999px 999px 0;
}

.event-sales-availability__segment:only-child {
        border-radius: 999px;
}

.event-sales-availability__segment--sold,
.event-sales-availability__state-key--sold i {
        --event-sales-state-neon: var(--event-sales-sold-neon);
        --event-sales-state-neon-glow-strong: var(--event-sales-sold-neon-glow-strong);
        --event-sales-state-neon-glow-soft: var(--event-sales-sold-neon-glow-soft);
}

.event-sales-availability__segment--pending_payment,
.event-sales-availability__state-key--pending i {
        --event-sales-state-neon: var(--event-sales-pending-neon);
        --event-sales-state-neon-glow-strong: var(--event-sales-pending-neon-glow-strong);
        --event-sales-state-neon-glow-soft: var(--event-sales-pending-neon-glow-soft);
}

.event-sales-availability__segment--processing,
.event-sales-availability__state-key--processing i {
        --event-sales-state-neon: var(--event-sales-processing-neon);
        --event-sales-state-neon-glow-strong: var(--event-sales-processing-neon-glow-strong);
        --event-sales-state-neon-glow-soft: var(--event-sales-processing-neon-glow-soft);
}

.event-sales-availability__state-key--available i {
        --event-sales-state-neon: var(--event-sales-available-neon);
        --event-sales-state-neon-glow-strong: var(--event-sales-available-neon-glow-strong);
        --event-sales-state-neon-glow-soft: var(--event-sales-available-neon-glow-soft);
}

.event-sales-availability__segment,
.event-sales-availability__state-key i {
        background: var(--event-sales-state-neon);
}

.event-sales-availability__counts {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 16px;
        margin-top: 12px;
}

.event-sales-availability__state-key {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.72rem;
        line-height: 1.2;
}

.event-sales-availability__state-key i {
        display: block;
        flex: 0 0 7px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        box-shadow:
                0 0 5px var(--event-sales-state-neon-glow-strong),
                0 0 16px var(--event-sales-state-neon-glow-soft);
}

.event-sales-availability__meta {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
}

.event-sales-availability__failed,
.event-sales-availability__sales-state {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 4px 9px;
        border-radius: 999px;
        font-size: 0.68rem;
        font-weight: 700;
        line-height: 1.2;
}

.event-sales-availability__failed {
        background: var(--event-sales-state-surface);
        color: var(--event-sales-failed-neon);
}

.event-sales-availability__sales-state {
        background: rgba(255, 255, 255, 0.07);
        color: rgba(255, 255, 255, 0.62);
}

.event-sales-availability__legend {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
        padding: 17px 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.event-sales-availability__note {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 17px 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.018);
        color: rgba(255, 255, 255, 0.55);
}

.event-sales-availability__note > i {
        margin-top: 2px;
        color: rgba(255, 255, 255, 0.52);
}

.event-sales-availability__note p {
        margin: 0;
        font-size: 0.78rem;
        line-height: 1.55;
}

@media (max-width: 1280px) {
        .event-sales-status-strip__metrics {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                row-gap: 20px;
        }

        .event-sales-status-strip__metric:nth-child(4)::before {
                display: none;
        }

        .event-sales-availability__header,
        .event-sales-availability__row {
                grid-template-columns: minmax(150px, 0.7fr) minmax(330px, 2.5fr);
                column-gap: 20px;
        }
}

@media (max-width: 820px) {
        .event-sales-status-strip__metrics {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .event-sales-status-strip__metric:nth-child(odd)::before {
                display: none;
        }

        .event-sales-status-strip__metric:nth-child(even)::before {
                display: block;
        }

        .event-sales-availability__header {
                display: none;
        }

        .event-sales-availability__row {
                grid-template-columns: minmax(0, 1fr);
                gap: 18px;
        }

}

@media (max-width: 560px) {
        .event-sales-status-strip__metrics {
                grid-template-columns: minmax(0, 1fr);
                padding: 10px 16px;
        }

        .event-sales-status-strip__metric {
                padding: 13px 10px;
        }

        .event-sales-status-strip__metric + .event-sales-status-strip__metric::before,
        .event-sales-status-strip__metric:nth-child(even)::before {
                display: block;
                inset: 0 10px auto;
                width: auto;
                height: 1px;
        }

        .event-sales-status-strip__label {
                min-height: 0;
        }

        .event-sales-status-strip__footer {
                align-items: flex-start;
                flex-direction: column;
                padding: 18px 24px;
        }

        .event-sales-availability__row,
        .event-sales-availability__legend,
        .event-sales-availability__note {
                padding-right: 18px;
                padding-left: 18px;
        }
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.gallery-item {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 100% 0 0;
    border: 0;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
}

.gallery-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-image:hover {
    transform: scale(1.05);
}


.event-image-lightbox__image {
    display: block;
    width: 100%;
    height: min(60dvh, 720px);
    object-fit: contain;
}

.event-detail-image-preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: zoom-in;
}

.scolllaterale{
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    flex-wrap: nowrap !important;
    padding-bottom: 10px;
}

.scolllaterale::-webkit-scrollbar {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .scolllaterale {
        scroll-behavior: auto;
    }
}

/* Single owner of the rail card width: every rail, featured included, uses these cards as they are. */
.scolllaterale .large-2{
    scroll-snap-align: var(--event-card-snap-alignment);
    scroll-snap-stop: var(--event-card-snap-stop);
    flex: 0 0 44%;
    max-width: 44%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}
.scolllaterale .large-2 .servizio-titolo{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scolllaterale .large-2 .luogo_evento{
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 736px) and (max-width: 1024px) {
    .scolllaterale .large-2 {
        flex: 0 0 22%;
        max-width: 22%;
    }
}


@media only screen and (min-width: 1024px) {
    .scolllaterale .large-2 {
        flex: 0 0 15.0000000333333%;
        max-width: 15.0000000333333%;
    }
}

forms-row {
    display: flex;
    gap: 20px;
}
.searchbars {
    display: flex;
    gap: 5px;
    position: relative;
    z-index: 1100;
}
.searchbars .searchbar {
    flex: 1;
}

section.maxwidth.servizi {
    position: relative;
}

section.maxwidth.servizi::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ntf-color-fb1a3f) 0%, var(--ntf-color-db2e78) 30%, var(--ntf-color-7b35ff) 62%, var(--ntf-color-2f63ff) 84%, var(--ntf-color-1f9dff) 100%);
    background-size: 220% 100%;
    opacity: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none;
    z-index: 20;
}

section.maxwidth.servizi.is-search-loading::before {
    opacity: 1;
    transform: scaleX(1);
    animation: eventi-search-loading-bar 1s linear infinite;
}

section.maxwidth.servizi .service-items .large-2 {
    transition: opacity 0.2s ease, filter 0.2s ease;
}

section.maxwidth.servizi.is-search-loading .service-items .large-2:not(.loader-container) {
    opacity: 0.58;
    filter: saturate(0.82);
}

@keyframes eventi-search-loading-bar {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.search-highlight {
    display: inline;
    padding: 0 2px;
    border-radius: 4px;
    background: linear-gradient(120deg, var(--ntf-color-rgba-255-227-122-0-78), var(--ntf-color-rgba-255-200-87-0-92));
    color: inherit;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

body.dark .search-highlight {
    background: linear-gradient(120deg, var(--ntf-color-rgba-255-182-66-0-45), var(--ntf-color-rgba-255-216-124-0-55));
    color: var(--ntf-color-fff4cf);
}

@media (prefers-reduced-motion: reduce) {
    #loading-overlay {
        transition: none;
    }

    section.maxwidth.servizi::before {
        transition: none;
    }

    section.maxwidth.servizi.is-search-loading::before {
        animation: none;
    }
}

.options-container {
        position: relative;
        display: inline-block;
}

.options-menu {
                           position: absolute;
                           right: calc(100% - 24px);
                           top: calc(100% - 24px);
                           background: var(--ntf-color-f2f2f2);
                           border: 1px solid var(--ntf-color-dbdbdb);
                           border-radius: 18px;
                           display: none;
                           min-width: 180px;
                           padding: 6px;
                           box-shadow: 0 18px 36px var(--ntf-color-rgba-0-0-0-0-28);
                           z-index: 1000;
}

.options-menu--visible {
                           display: block;
                           transform-origin: top right;
                           animation: options-menu-open 170ms cubic-bezier(0.16, 1, 0.3, 1);
                           will-change: opacity, transform;
}

.options-menu--floating {
                                                   position: fixed;
                                                   left: auto;
                                                   right: auto;
                                                   top: auto;
                                                   bottom: auto;
                                                   z-index: 11000;
}

@keyframes options-menu-open {
                           from {
                                                      opacity: 0;
                                                      transform: scale(0.96);
                           }

                           to {
                                                      opacity: 1;
                                                      transform: scale(1);
                           }
}

@media (prefers-reduced-motion: reduce) {
                           .options-menu--visible {
                                                      animation: none;
                           }
}

td:first-child .options-container .options-menu {
                left: 100%;
                right: auto;
}

.options-menu :is(a, button) {
                color: var(--ntf-color-1f1f1f);
                background: transparent;
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                box-sizing: border-box;
                min-height: 56px;
                padding: 6px;
                border: none;
                border-radius: 12px;
                text-decoration: none;
                font-family: var(--ntf-font-family);
                font-size: 16px;
                font-weight: 500;
                line-height: 1.2;
                text-transform: none;
                text-align: left;
                cursor: pointer;
}

.options-menu form {
                margin: 0;
}

.options-menu :is(a, button).danger {
                color: var(--ntf-color-fb1a3f);
}

.options-menu :is(a, button):is(:hover, :focus-visible) {
                background: var(--ntf-color-d0d0d0);
                outline: none;
}

.options-field {
        width: 100%;
}

.options-field > .ui-action-button {
        justify-content: space-between;
}

.options-field > .ui-action-button > .zmdi-chevron-down {
        order: 1;
}

.options-field > .ui-action-button[data-status-tone] {
        --ui-action-color: var(--status-foreground);
}

.options-menu [data-status-tone] {
        color: color-mix(in srgb, var(--status-foreground) 58%, black);
}

[data-status-tone] :is(.ui-action-button__label, [data-options-label]) {
        display: inline-flex;
        align-items: center;
        gap: 8px;
}

[data-status-tone] :is(.ui-action-button__label, [data-options-label])::before {
        content: '';
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        border-radius: 50%;
        background: currentColor;
}

.options-menu [aria-checked="true"] {
        background: var(--ntf-color-d0d0d0);
}

.options-menu [aria-checked="false"] .options-field__check {
        visibility: hidden;
}

.member-info {
                display: flex;
                align-items: center;
                gap: 16px;
}

.nightify-avatar {
                --avatar-size: 48px;
                width: var(--avatar-size);
                height: var(--avatar-size);
                min-width: var(--avatar-size);
                min-height: var(--avatar-size);
                max-width: var(--avatar-size);
                max-height: var(--avatar-size);
                inline-size: var(--avatar-size);
                block-size: var(--avatar-size);
                aspect-ratio: 1 / 1;
                box-sizing: border-box;
                background: var(--nightify-avatar-gradient);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                font-weight: 700;
                color: var(--ntf-color-ffffff);
                font-size: 16px;
                line-height: 1;
                vertical-align: middle;
                padding: 0;
                text-transform: uppercase;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                overflow: hidden;
                border-radius: 50%;
                clip-path: none;
                object-fit: cover;
                transform: none;
}

.nightify-avatar[hidden] {
                display: none !important;
}

.nightify-avatar[data-avatar-has-image="1"] {
                color: transparent;
}

.member-name {
                font-weight: 600;
                font-size: 16px;
                color: var(--ntf-color-ffffff);
}

.member-email {
                font-size: 13px;
                color: var(--ntf-color-999999);
}

.status-tag {
                display: inline-flex;
                align-items: center;
                padding: 6px 12px;
                border-radius: 999px;
                font-size: 12px;
                font-weight: 600;
                letter-spacing: 0.04em;
}

.status-tag--member {
                background: var(--ntf-color-rgba-0-200-83-0-15);
                color: var(--ntf-color-6ddc6a);
}

.status-tag--invite {
                background: var(--ntf-color-rgba-251-26-63-0-15);
                color: var(--ntf-color-fb5a7d);
}


.follow-card {
  background: linear-gradient(135deg, var(--ntf-color-111111), var(--ntf-color-222222));
  border: 0.125rem solid var(--ntf-color-222222);
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.follow-card:hover {
  background-color: var(--ntf-color-222222);
}


.follow-modal-count {
  margin: 0;
  color: var(--ntf-color-aaaaaa);
  font-size: 0.95rem;
}

.follow-modal-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid var(--ntf-color-333333);
  border-top-color: var(--ntf-color-ffffff);
  align-self: center;
  animation: nightify-spin 1s linear infinite;
}

.follow-modal-loader.follow-modal-loader--inline {
  width: 28px;
  height: 28px;
  border-width: 2px;
  align-self: center;
  margin-top: 10px;
}

.follow-modal-sentinel {
  height: 1px;
  width: 100%;
  pointer-events: none;
}

.follow-modal-empty,
.follow-modal-error {
  text-align: center;
  margin: 40px 0;
  color: var(--ntf-color-aaaaaa);
}

.follow-modal-error {
  color: var(--ntf-color-ff6b6b);
}

.follow-request-actions {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 100%;
  margin-left: auto;
}

.follow-info {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 140px;
  flex-wrap: nowrap;
  min-width: 0;
  overflow: hidden;
  word-break: normal;
  overflow-wrap: normal;
}

.img-stencil {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.buttons-row {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        flex-direction: row !important;
        gap: 10px;
}
.buttons-row > * {
        flex: 1;
        min-width: 0;
        max-width: 100%;
}

.event-detail #images {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .event-detail #images {
        position: sticky;
        top: var(--event-detail-sticky-top);
        max-height: var(--event-detail-sticky-max-height);
    }

    .event-detail #images > .image-container-detail.detailpage {
        max-height: var(--event-detail-sticky-max-height);
    }
}

.event-detail .eventdetail-content > #table-footer-mobile {
    margin-top: calc(var(--section-content-gap) / 2);
}

@media screen and (max-width: 1024px) {
    .event-detail #table-footer-mobile {
        position: fixed;
        inset: auto 0 0;
        z-index: 1100;
        box-sizing: border-box;
        width: auto;
        padding: 10px max(2%, 12px) calc(10px + env(safe-area-inset-bottom, 0px));
    }

    .event-detail #table-footer-mobile > * {
        width: min(100%, 760px);
        margin-inline: auto !important;
    }
}

@media screen and (max-width: 736px) {
        .event-detail .servizi #images{
                margin-top: -60px;
                width: 100vw;
                margin-left: calc(50% - 50vw);
                                overflow: hidden;
                }
}


.image-container-detail .admin-event-actions {
                                position: absolute;
                                top: 72px !important;
                                right: 12px !important;
                                bottom: auto !important;
                                left: auto !important;
                                display: flex;
                                flex-direction: column;
                                gap: 10px;
                                z-index: 2;
                                align-items: flex-end;
}

@media screen and (max-width: 1024px) {
                                .image-container-detail .admin-event-actions {
                                        top: 82px !important;
                                }
}

.image-container-detail .event-share-options {
                                position: absolute !important;
                                bottom: 16px !important;
                                right: 16px !important;
                                top: auto !important;
                                left: auto !important;
                                width: auto !important;
                                height: auto !important;
                                z-index: 3 !important;
}

.image-container-detail .event-detail-share-button {
                                position: relative !important;
                                width: auto !important;
                                min-height: 44px !important;
                                border-radius: 14px;
                                background: var(--ntf-color-rgba-8-12-18-0-28);
                                backdrop-filter: blur(14px) saturate(140%);
                                -webkit-backdrop-filter: blur(14px) saturate(140%);
                                border: 1px solid var(--ntf-color-rgba-255-255-255-0-3);
                                color: var(--ntf-color-ffffff);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                gap: 8px;
                                padding: 0 12px;
                                margin: 0;
                                cursor: pointer;
                                z-index: 3;
                                outline: none;
                                box-shadow: 0 10px 28px var(--ntf-color-rgba-0-0-0-0-28);
                                transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.image-container-detail .event-detail-share-button__label {
                                font-size: 14px;
                                font-weight: 700;
                                line-height: 1;
                                white-space: nowrap;
}

.image-container-detail .event-detail-share-button svg {
                                width: 20px;
                                height: 20px;
                                stroke: currentColor;
                                fill: none;
                                display: block;
}

.image-container-detail .event-detail-share-button:hover,
.image-container-detail .event-detail-share-button:focus-visible {
                                background: var(--ntf-color-rgba-18-23-31-0-45);
                                border-color: var(--ntf-color-rgba-255-255-255-0-5);
                                transform: translateY(-1px);
}

.image-container-detail .event-share-options-menu {
                                width: min(92vw, 460px);
}

.event-share-option--copy {
                                order: -1;
}

.event-share-option--whatsapp {
                                order: 1;
}

.event-share-option--facebook {
                                order: 2;
}

.event-share-option--instagram {
                                order: 3;
}

.event-share-option--x {
                                order: 4;
}

.event-share-option__text {
                                display: flex;
                                flex-direction: column;
                                gap: 2px;
                                flex: 1 1 auto;
                                min-width: 0;
}

.event-share-option__title {
                                font-weight: 500;
                                font-size: 16px;
                                line-height: 1.2;
                                letter-spacing: 0.01em;
}

.event-share-option__social-icon {
                                width: 30px;
                                height: 30px;
                                border-radius: 0;
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                flex-shrink: 0;
                                background: transparent;
                                border: 0;
                                color: var(--ntf-color-1f1f1f);
}

.event-share-option__social-icon svg {
                                width: 30px;
                                height: 30px;
                                display: block;
                                fill: currentColor;
}

.organization-avatar {
        --avatar-size: 100px;
        object-fit: cover;
        aspect-ratio: 1 / 1;
}

.organization-invite-avatar {
        --avatar-size: 60px;
}

.organization-links {
        display: flex;
        gap: 2px;
        align-items: center;
        flex-wrap: wrap;
}

.organization-links h6 {
    margin: 0;
}

.password-container {
    position: relative;
}

.password-container .inputstyle {
    padding-right: 50px;
}



.phone-input{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.phone-input.inputstyle{
    padding-right: 16px;
}
.phone-input.inputstyle .phone-number,
.phone-input .phone-number.inputstyle{
    border: none;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 0;
    height: 100%;
    min-width: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
}
.phone-input .phone-number{
    flex: 1;
}
.phone-input .phone-prefix-flag{
    font-size: 18px;
}
.phone-input .phone-prefix-toggle{
    cursor: pointer;
}
.admin-sidebar{
                                position:fixed;
                                top:0px;
                                bottom: 0;
                left:0;
                width:300px;
                height:100vh;
                overflow-y:auto;
                padding:60px 10px 60px 10px;
                z-index:900;
}
.admin-sidebar .event-submit-preview-card--sidebar{
                min-height: 228px;
                padding: 22px 18px 20px;
                border-radius: 28px;
}
.admin-sidebar .event-submit-preview-card--sidebar .event-submit-preview-card__content{
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                gap: 8px;
                min-height: 100%;
                width: 100%;
}
.admin-sidebar .event-submit-preview-card--sidebar .event-submit-preview-card__badges{
                gap: 6px;
}
.admin-sidebar .event-submit-preview-card--sidebar .event-submit-preview-card__badges .status-pill {
                font-size: 10px;
                padding: 4px 7px;
}
.admin-sidebar .event-submit-preview-card--sidebar .event-submit-preview-card__date,
.admin-sidebar .event-submit-preview-card--sidebar .event-submit-preview-card__location {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ntf-color-rgba-255-255-255-0-86);
}
.admin-sidebar .event-submit-preview-card--sidebar .event-submit-preview-card__title {
    display: -webkit-box;
    font-size: clamp(1.65rem, 2.2vw, 2.15rem);
    line-height: 1.02;
    font-weight: 800;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.admin-sidebar h4{
    margin: 40px 0 0 0;
    font-size: 16px;
    font-weight: 700;

}
.admin-sidebar ul.steps{
        list-style:none;
        padding:0;
}
.admin-sidebar ul.steps li{
                                padding:0;
                                margin: 10px 0;
                                font-size:16px;
                                font-weight: 700;
}
.admin-sidebar ul.steps li:not(.disabled) a:hover,
.admin-sidebar ul.steps li:not(.disabled) .event-create-navigation-action:hover{
    background: var(--ntf-color-rgba-239-68-68-0-15);
    border-color: var(--ntf-color-rgba-239-68-68-0-4);
}

.admin-sidebar ul.steps li.current a,
.admin-sidebar ul.steps li.active a{
        background: var(--ntf-color-rgba-239-68-68-0-15);
        border-color: var(--ntf-color-rgba-239-68-68-0-4);
}

#admin-sidebar .sidebar-toggle-button,
.admin-sidebar ul.steps li a,
.admin-sidebar ul.steps li .event-create-navigation-action{
								min-width: 0;
								display: flex;
								align-items: center;
                                gap: 6px;
                                width: 100%;
                                height: 50px;
                                padding: 5px;
                                border-radius: 10px;
                                background: linear-gradient(135deg, var(--ntf-color-111111), var(--ntf-color-222222));
                                border: 0.125rem solid var(--ntf-color-222222);
                                color: inherit;
								text-decoration: none;
								cursor: pointer;
}
.admin-sidebar ul.steps li a,
.admin-sidebar ul.steps li .event-create-navigation-action{
								flex: 1;
}
.admin-sidebar ul.steps li .event-create-navigation-action{
								font: inherit;
								text-align: left;
								-webkit-appearance: none;
								-moz-appearance: none;
								appearance: none;
}
.admin-sidebar ul.steps li a.step-link{
								gap: 6px;
}
#admin-sidebar .admin-nav-list li a > span:not(.navigation-avatar),
#admin-sidebar .admin-only-nav li a > span:not(.navigation-avatar),
.admin-sidebar ul.steps li a .step-label,
.admin-sidebar ul.steps li .event-create-navigation-action .step-label{
								flex: 1;
								min-width: 0;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: block;
}

.admin-sidebar ul.steps li svg{
                width:16px;
                height:16px;
                margin-right:0;
                flex-shrink:0;
}
.admin-sidebar ul.steps li.completed:before{
                                content:none;
}
#admin-sidebar .admin-nav-icons{
                                list-style:none;
                                padding:0;
                                margin:0 0 10px;
                                display:none;
                                flex-direction:column;
                                gap:10px;
}
#admin-sidebar .admin-nav-icons li{
                                padding:0;
                                margin:0;
                                height:auto;
                                display:flex;
                                align-items:center;
                                justify-content:center;
                                background:none;
                                border:0;
}
#admin-sidebar .admin-nav-icons a,
#admin-sidebar .admin-nav-icons .event-create-navigation-action{
								display:flex;
								align-items:center;
                                justify-content:center;
                                width:100%;
}
#admin-sidebar .sidebar-toggle-item{
                                padding:0;
                                margin:0;
                                height:auto;
                                display:flex;
                                align-items:center;
                                justify-content:center;
}
#admin-sidebar .sidebar-toggle-button{
                                flex: 0 0 auto;
                                justify-content:center;
                                color: var(--text-color);
                                font-size:24px;
}
#admin-sidebar .steps li{
                                                                gap:10px;
}
#admin-sidebar .admin-nav-list li{
                                                                padding:0;
                                                                height:auto;
                                                                align-items:stretch;
}
#admin-sidebar .steps li a,
#admin-sidebar .steps li .event-create-navigation-action{
														gap:5px;
}
#admin-sidebar .steps li:not(.disabled){
                                                                cursor:pointer;
}
#admin-sidebar ul.steps li.disabled,
.admin-sidebar ul.steps li.disabled{
                opacity: 0.55;
                cursor: not-allowed;
}

#admin-sidebar ul.steps li.disabled a,
.admin-sidebar ul.steps li.disabled a{
                color: var(--ntf-color-777777) !important;
                background: linear-gradient(135deg, var(--ntf-color-0f0f0f), var(--ntf-color-1a1a1a));
                border-color: var(--ntf-color-111111);
                pointer-events: none;
                cursor: not-allowed;
}
#admin-sidebar .admin-sidebar__content{
                                margin-bottom: 40px;
}
#admin-sidebar .admin-sidebar__content:first-child{
                                margin-top:0;
}
#mobile-sidebar-overlay{
                                display:none;
}

body.admin-with-sidebar section.maxwidth,
body.admin-with-sidebar .card-rail-section-shell{
                padding-left: var(--with-sidebar-padding-left);
                box-sizing:border-box;
}

body.admin-with-sidebar #table-footer:not(.table-footer--inside-wrapper),
body.admin-with-sidebar #table-footer-mobile:not(.table-footer--inside-wrapper){
                padding-left: var(--with-sidebar-padding-left);
                box-sizing:border-box;
}

@media screen and (max-width:1024px){

:root {
        --with-sidebar-padding-left: 40px;
}

#mobile-sidebar-overlay{
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:var(--ntf-color-rgba-0-0-0-0-5);
z-index:1300;
}
#mobile-sidebar-overlay.active{
display:block;
}
.admin-sidebar{
display:flex;
flex-direction:column;
align-items:stretch;
position:fixed;
top:0;
bottom:0;
left:0;
width:40px;
max-width:40px;
padding:10px 0px;
padding-top:90px;
overflow:hidden;
background:var(--ntf-color-000000);
transition:width .3s ease, max-width .3s ease, padding .3s ease;
z-index:1301;
max-height:none;
}
.admin-sidebar.open{
        width:80%;
        max-width:300px;
        padding:20px;
        padding-top:100px;
        overflow-y:auto;
}
#admin-sidebar .admin-nav-icons{
        display:flex;
}
#admin-sidebar:not(.open) .event-submit-preview-card,
#admin-sidebar:not(.open) h4,
#admin-sidebar:not(.open) .sidebar-section-heading,
#admin-sidebar:not(.open) .admin-nav-list,
#admin-sidebar:not(.open) .admin-only-nav,
#admin-sidebar:not(.open) .admin-sidebar__content,
#admin-sidebar:not(.open) ul.steps:not(.admin-nav-icons){
        display:none;
}
#admin-sidebar:not(.open) .admin-nav-icons{
        display:flex;
        flex-direction:column;
        gap:10px;
        position:relative;
        height:100%;
        justify-content:center;
        padding-top:52px;
}
#admin-sidebar:not(.open) .admin-nav-icons a,
#admin-sidebar:not(.open) .admin-nav-icons button,
#admin-sidebar:not(.open) .sidebar-toggle-button{
        background:none;
        border:0;
}
#admin-sidebar:not(.open) .admin-nav-icons .sidebar-toggle-item{
        position:absolute;
        top:0;
        left:0;
        right:0;
}
#admin-sidebar.open .admin-nav-icons li:not(.sidebar-toggle-item){
        display:none;
}
#admin-sidebar:not(.open) .admin-nav-icons .navigation-avatar{
        margin:0 auto;
}
}

.buyer-tooltip {
                                position: absolute;
                                background: var(--ntf-color-111111);
                                border: 1px solid var(--ntf-color-333333);
                                padding: 10px;
                                border-radius: 4px;
                                margin-top: 5px;
                                width: 220px;
                                z-index: 20;
                                display: none;
}

.buyer-tooltip p {
                                margin: 0 0 5px;
}


i.tooltip {
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                width: 18px;
                                height: 18px;
                                margin-left: 6px;
                                border-radius: 50%;
                                border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
                                color: var(--ntf-color-rgba-255-255-255-0-72);
                                background: var(--ntf-color-rgba-255-255-255-0-04);
                                font-size: 11px;
                                line-height: 1;
                                cursor: help;
                                vertical-align: middle;
                                transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

i.tooltip:hover,
i.tooltip:focus {
                                background: var(--ntf-color-rgba-255-255-255-0-08);
                                border-color: var(--ntf-color-rgba-255-255-255-0-28);
                                color: var(--ntf-color-f5f5f5);
}

.cursor-tooltip {
                                --tooltip-bg-start: var(--ntf-color-rgba-34-34-34-0-98);
                                --tooltip-bg-end: var(--ntf-color-rgba-18-18-18-0-98);
                                --tooltip-bg-border: var(--ntf-color-rgba-255-255-255-0-14);
                                --tooltip-shadow: var(--ntf-color-rgba-0-0-0-0-32);
                                --tooltip-arrow-fill: var(--ntf-color-rgba-18-18-18-0-98);
                                --tooltip-arrow-size: 10px;
                                --tooltip-arrow-left: 50%;
                                position: fixed;
                                top: 0;
                                left: 0;
                                display: block;
                                max-width: 280px;
                                padding: 12px 16px;
                                border: 1px solid var(--tooltip-bg-border);
                                border-radius: 16px;
                                background: linear-gradient(180deg, var(--tooltip-bg-start) 0%, var(--tooltip-bg-end) 100%);
                                color: var(--ntf-color-f5f5f5);
                                font-size: 14px;
                                font-weight: 600;
                                line-height: 1.3;
                                box-shadow: 0 14px 32px var(--tooltip-shadow);
                                z-index: 9999;
                                pointer-events: none;
                                opacity: 0;
                                transform: translate3d(-9999px, -9999px, 0);
                                transition: opacity 0.12s ease;
}

.cursor-tooltip--wide {
                                max-width: 380px;
                                line-height: 1.45;
}

.cursor-tooltip.is-visible {
                                opacity: 1;
}

.cursor-tooltip::after {
                                content: "";
                                position: absolute;
                                left: var(--tooltip-arrow-left);
                                transform: translateX(-50%);
                                border-left: var(--tooltip-arrow-size) solid transparent;
                                border-right: var(--tooltip-arrow-size) solid transparent;
}

.cursor-tooltip[data-placement="top"]::after {
                                bottom: calc(var(--tooltip-arrow-size) * -1.1);
                                border-top: calc(var(--tooltip-arrow-size) * 1.4) solid var(--tooltip-arrow-fill);
}

.cursor-tooltip[data-placement="bottom"]::after {
                                top: calc(var(--tooltip-arrow-size) * -1.9);
                                border-bottom: calc(var(--tooltip-arrow-size) * 1.4) solid var(--tooltip-arrow-fill);
}

.cursor-tooltip.cursor-tooltip--rich {
                                --tooltip-bg-start: var(--ntf-color-ffffff);
                                --tooltip-bg-end: var(--ntf-color-ffffff);
                                --tooltip-bg-border: var(--ntf-color-rgba-17-17-17-0-08);
                                --tooltip-arrow-fill: var(--ntf-color-ffffff);
                                max-width: 320px;
                                padding: 0;
                                color: var(--ntf-color-181818);
                                box-shadow: 0 14px 32px var(--ntf-color-rgba-0-0-0-0-22);
}

.cursor-tooltip--seat-map-sector .cursor-tooltip__card {
                                display: flex;
                                flex-direction: column;
                                min-width: 240px;
                                padding: 14px 16px;
                                box-sizing: border-box;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__header {
                                gap: 0;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__title {
                                color: var(--ntf-color-181818);
                                font-size: 0.95rem;
                                font-weight: 600;
                                line-height: 1.2;
}

.cursor-tooltip--seat-map-sector .cursor-tooltip__divider {
                                width: 100%;
                                height: 1px;
                                margin: 10px 0;
                                background: var(--ntf-color-rgba-17-17-17-0-10);
}

.cursor-tooltip--seat-map-sector .cursor-tooltip__availability {
                                color: var(--ntf-color-181818);
                                font-size: 0.82rem;
                                font-weight: 700;
                                line-height: 1.3;
}

.cursor-tooltip--seat-map-sector .cursor-tooltip__availability--sold-out {
                                color: var(--ntf-color-FB1A3F);
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type {
                                cursor: default;
                                transform: none;
                                gap: 10px;
                                padding: 10px 12px;
                                border-radius: 14px;
                                border-color: var(--ntf-color-rgba-17-17-17-0-08);
                                background: var(--ntf-color-rgba-17-17-17-0-03);
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type + .flow-seat-map-area-modal__access-type {
                                margin-top: 8px;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type:hover,
.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type:focus-visible {
                                transform: none;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type-strip,
.cursor-tooltip--seat-map-sector .access-type-color-strip {
                                background: var(--cursor-tooltip-access-color, var(--cursor-tooltip-accent, var(--ntf-color-FB1A3F)));
                                min-height: 28px;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type-name {
                                color: var(--cursor-tooltip-access-color, var(--cursor-tooltip-accent, var(--ntf-color-ffffff)));
                                font-size: 0.9rem;
                                line-height: 1.2;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type-copy {
                                gap: 2px;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type-meta {
                                color: var(--ntf-color-666666);
                                font-size: 0.78rem;
}

.cursor-tooltip--seat-map-sector .flow-seat-map-area-modal__access-type-price {
                                color: var(--ntf-color-181818);
                                font-size: 0.9rem;
                                line-height: 1.2;
}

.save-status{
    font-weight: 700;
    background: var(--ntf-color-111111);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.access-type-visibility {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.access-type-visibility__sublegend {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-family: var(--ntf-font-family);
    font-weight: 700;
}

.access-type-visibility__sublegend {
    font-size: 15px;
}

.access-type-visibility__sublegend--with-tooltip {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.access-type-visibility__message,
.access-type-visibility__configured,
.access-type-visibility__selected-count {
    margin: 6px 0 0;
    color: var(--ntf-color-aaaaaa);
    font-size: 12px;
    line-height: 1.5;
}

.access-type-visibility__tooltip {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.access-type-visibility__tooltip-content {
    position: absolute;
    z-index: 50;
    top: calc(100% + 8px);
    left: 50%;
    width: min(320px, calc(100vw - 48px));
    padding: 10px 12px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
    border-radius: 10px;
    background: var(--ntf-color-181818);
    box-shadow: 0 12px 28px var(--ntf-color-rgba-0-0-0-0-42);
    color: var(--text-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-4px);
    transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
    pointer-events: none;
}

.access-type-visibility__tooltip:hover .access-type-visibility__tooltip-content,
.access-type-visibility__tooltip:focus-within .access-type-visibility__tooltip-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.access-type-visibility__limited {
    display: flex;
    flex-direction: column;
    gap: 26px;
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
}

.access-type-visibility__code {
    min-width: 0;
}

.access-type-visibility__code .inputstyle,
.access-type-visibility__channel-search,
.access-type-visibility__quota-limit .inputstyle,
.access-type-visibility__channel-quota .inputstyle {
    width: 100%;
    min-width: 0;
}

.access-type-visibility__code .inputstyle {
    min-height: 56px;
    margin-top: 10px;
}

.access-type-visibility__configured {
    color: var(--text-color);
    font-weight: 600;
}

.access-type-visibility__remove-code.form-choice {
    margin: 10px 0 0;
}

.access-type-visibility__channel-picker {
    min-width: 0;
    margin-top: 12px;
}

.access-type-visibility__channel-trigger {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    margin: 0;
    cursor: pointer;
    font-weight: 600;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.access-type-visibility__channel-trigger:hover,
.access-type-visibility__channel-trigger[aria-expanded='true'] {
    border-color: var(--ntf-color-rgba-255-255-255-0-35);
    background: var(--ntf-color-rgba-255-255-255-0-08);
}

.access-type-visibility__channel-trigger:focus-visible {
    outline: 2px solid var(--ntf-color-fb1a3f);
    outline-offset: 2px;
}

.access-type-visibility__channel-trigger:disabled {
    cursor: not-allowed;
    opacity: var(--ui-disabled-opacity, 0.5);
}

.access-type-visibility__channel-dropdown {
    position: static;
    width: 100%;
    max-height: min(420px, 55vh);
    max-height: min(420px, 55dvh);
    margin-top: 10px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
    border-radius: 14px;
    background: var(--ntf-color-181818);
}

.access-type-visibility__channel-toolbar {
    position: sticky;
    z-index: 2;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 14px;
    align-items: center;
    border-bottom: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    background: var(--ntf-color-181818);
}

.access-type-visibility__channel-search-wrap {
    position: relative;
    min-width: 0;
}

.access-type-visibility__channel-search-wrap > .zmdi {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--ntf-color-aaaaaa);
    font-size: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}

.access-type-visibility__channel-search-wrap .access-type-visibility__channel-search {
    min-height: 42px;
    padding-left: 42px;
}

.access-type-visibility__channel-actions {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.access-type-visibility__channel-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 6px 14px 14px;
}

.access-type-visibility__channel-list.input-error,
.access-type-visibility__channel-quotas.input-error {
    border-color: var(--ntf-color-fb1a3f) !important;
}

.access-type-visibility__channel-quotas-title {
    margin: 0 0 10px;
    color: var(--text-color);
    font-size: 13px;
    font-weight: 700;
}

.access-type-visibility__channel-group + .access-type-visibility__channel-group {
    border-top: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
}

.access-type-visibility__channel-group-header {
    display: flex;
    min-height: 42px;
    padding: 10px 4px;
    align-items: center;
    gap: 10px;
}

.access-type-visibility__channel-group-header > input[type='checkbox'] {
    flex: 0 0 20px;
    margin: 0;
}

.access-type-visibility__channel-group-title {
    min-width: 0;
    margin: 0 !important;
    color: var(--text-color);
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.access-type-visibility__channel-option {
    display: flex;
    min-width: 0;
    min-height: 42px;
    padding: 9px 4px 9px 34px;
    align-items: flex-start;
    border-radius: 8px;
}

.access-type-visibility__channel-option:focus-within {
    background: var(--ntf-color-rgba-255-255-255-0-06);
}

.access-type-visibility__channel-option.is-disabled {
    opacity: var(--ui-disabled-opacity, 0.5);
}

.access-type-visibility__channel-option > input[type='checkbox'] {
    flex: 0 0 20px;
    margin-top: 1px;
}

.access-type-visibility__channel-option > label {
    display: flex;
    min-width: 0;
    margin: 0 0 0 10px !important;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    color: var(--text-color);
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.access-type-visibility__channel-option.is-disabled > label {
    cursor: not-allowed;
}

.access-type-visibility__channel-option > label small {
    color: var(--ntf-color-aaaaaa);
    font-size: 10px;
    font-weight: 500;
}

.access-type-visibility__selected-count {
    min-height: 18px;
    margin-top: 8px;
}

.access-type-visibility__quota-select {
    width: 100%;
    min-height: 56px;
    margin-top: 12px;
}

.access-type-visibility__quota-limit {
    width: 100%;
    margin-top: 16px;
}

.access-type-visibility__channel-quotas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
    border-radius: 14px;
}

.access-type-visibility__channel-quotas-title,
.access-type-visibility__channel-quotas > .error-message {
    grid-column: 1 / -1;
}

.access-type-visibility__channel-quota {
    min-width: 0;
}

.access-type-visibility__channel-quota .inputstyle::placeholder {
    color: var(--ntf-color-rgba-255-255-255-0-68);
    font-size: 22px;
    font-weight: 600;
    opacity: 1;
}

@media screen and (max-width: 736px) {
    .access-type-visibility__channel-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .access-type-visibility__channel-actions {
        width: 100%;
    }

    .access-type-visibility__channel-quotas {
        grid-template-columns: minmax(0, 1fr);
    }

    .access-type-visibility__channel-dropdown {
        max-height: 60vh;
        max-height: 60dvh;
    }

    .access-type-visibility__tooltip-content {
        left: 0;
        width: min(320px, 100%);
        transform: translateY(-4px);
    }

    .access-type-visibility__tooltip {
        position: static;
    }

    .access-type-visibility__tooltip:hover .access-type-visibility__tooltip-content,
    .access-type-visibility__tooltip:focus-within .access-type-visibility__tooltip-content {
        transform: translateY(0);
    }

    .access-type-visibility__channel-quotas-title,
    .access-type-visibility__channel-quotas > .error-message {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .access-type-visibility__tooltip-content {
        transition: none;
    }
}

.access-type-section {
    min-width: 0;
    border-bottom: 1px solid var(--ntf-color-333333);
}

.access-type-section__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 64px;
    padding: 20px 0;
    color: var(--text-color);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
}

.access-type-section__heading::-webkit-details-marker {
    display: none;
}

.access-type-section__heading:hover {
    color: var(--ntf-color-FB1A3F);
}

.access-type-section__heading:focus-visible {
    outline: 2px solid var(--ntf-color-FB1A3F);
    outline-offset: 4px;
    border-radius: 4px;
}

.access-type-section__heading > .zmdi {
    flex: 0 0 24px;
    font-size: 24px;
    text-align: center;
}

.access-type-section__heading > .access-type-section__collapse,
.access-type-section[open] > .access-type-section__heading > .access-type-section__expand {
    display: none;
}

.access-type-section[open] > .access-type-section__heading > .access-type-section__collapse {
    display: block;
}

.access-type-section__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 8px 0 28px;
}

.access-type-section__fields {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 24px;
}

.access-type-section__fields > * {
    min-width: 0;
    width: 100%;
    grid-column: span 12;
}

.access-type-section__fields > :is(.large-3, .large-6) {
    grid-column: span 6;
}

.access-type-section__fields > .large-4 {
    grid-column: span 4;
}

@media (max-width: 640px) {
    .access-type-section__heading {
        font-size: 1rem;
    }

    .access-type-section__fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .access-type-section__fields > :is(*, .large-3, .large-4, .large-6) {
        grid-column: 1;
    }
}

/* Shared access-type settings: creation, editing and seat-map modal. */
.access-type-low-stock__label {
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    margin: 0;
}

.access-type-low-stock__description {
    margin: 0;
    color: var(--ntf-color-aaaaaa);
    font-size: 12px;
    line-height: 1.5;
}

input.ui-switch[type="checkbox"] {
    width: 44px;
    height: 26px;
    flex: 0 0 44px;
    border-radius: 999px;
    position: relative;
    margin: 0;
    background-color: var(--ntf-color-777777);
    border-color: var(--ntf-color-777777);
}

input.ui-switch[type="checkbox"]:checked {
    background-color: var(--ntf-color-fb1a3f);
    border-color: var(--ntf-color-fb1a3f);
}

input.ui-switch[type="checkbox"]::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 3px;
    top: 3px;
    border: 0;
    border-radius: 50%;
    background: var(--ntf-color-ffffff);
    transform: none;
    transition: transform 120ms ease;
}

input.ui-switch[type="checkbox"]:checked::after {
    transform: translateX(18px);
}

.access-type-low-stock__preview {
    display: flex;
    align-items: center;
}

.purchase-form {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.purchase-form__group {
    min-width: 0;
}

.purchase-form__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 16px;
}

.purchase-form__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
    align-items: center;
    gap: 12px 24px;
    padding: 12px 0;
    border-bottom: 1px solid var(--ntf-color-333333);
}

.purchase-form__row > label {
    margin: 0;
}

.purchase-form__row > .error-message {
    grid-column: 1 / -1;
}

.purchase-form__field-mode {
    position: relative;
    min-width: 0;
}

.purchase-form__field-mode > .inputstyle {
    width: 100%;
    box-sizing: border-box;
}

.purchase-form__field-mode:has(:disabled) .inputstyle {
    appearance: none;
    background-image: none;
    padding-right: 44px;
    opacity: var(--ui-disabled-opacity);
    pointer-events: none;
}

.purchase-form__lock {
    flex: 0 0 auto;
    font-size: 18px;
    color: var(--ntf-color-999999);
}

.purchase-form__field-mode > .purchase-form__lock {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.purchase-form__field-mode:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 12px;
}

.ui-choice-group__description {
    margin: 0 0 16px;
    color: var(--ntf-color-aaaaaa);
    font-size: 12px;
    line-height: 1.5;
}

.ui-choice-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ui-choice-cards.input-error {
    outline: 1px solid var(--ntf-color-fb1a3f);
    outline-offset: 4px;
    border-radius: 12px;
}

.ui-choice-card {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--ntf-color-333333);
    border-radius: 12px;
    cursor: pointer;
}

.ui-choice-card:has(:checked) {
    border-color: var(--ntf-color-fb1a3f);
    background: color-mix(in srgb, var(--ntf-color-fb1a3f) 8%, transparent);
}

.ui-choice-card:has(:focus-visible),
.ui-choice-card:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.ui-choice-card:has(:disabled) {
    cursor: not-allowed;
}

.ui-choice-card[data-tooltip]:has(:disabled) {
    cursor: help;
}

.ui-choice-card:has(:disabled) input {
    pointer-events: none;
}

.ui-choice-card__text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ui-choice-card__lock {
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 18px;
    color: var(--ntf-color-999999);
}

.ui-choice-card input {
    flex: 0 0 auto;
    margin: 3px 0 0;
}

.ui-choice-card__description {
    display: block;
    margin-top: 6px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: var(--ntf-color-999999);
}

.purchase-form:has(#purchase-form-mode-0:checked) .purchase-form__attendee-fields {
    display: none;
}

@media (max-width: 640px) {
    .purchase-form__row,
    .ui-choice-cards {
        grid-template-columns: minmax(0, 1fr);
    }
}

.lineup-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lineup-item {
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.lineup-item:hover {
  background-color: var(--ntf-color-222222);
}
.artist-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.artist-avatar {
  --avatar-size: 45px;
  aspect-ratio: 1 / 1;
  font-size: 20px;
}

.voucher-card {
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  text-align: left;
}

.voucher-card .lineup-item {
  width: 100%;
  padding: 12px 16px;
  cursor: pointer;
}

.voucher-card:focus-visible .lineup-item {
  outline: 2px solid var(--ntf-color-fb1a3f);
  outline-offset: 2px;
}

.voucher-icon {
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  border-radius: 50%;
  background: var(--nightify-avatar-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ntf-color-ffffff);
  font-size: 24px;
  line-height: 1;
}

.voucher-details__title {
  font-size: 1rem;
}

.voucher-details__meta {
  color: var(--ntf-color-d0d0d0);
  font-size: 0.85rem;
}

.voucher-code {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.voucher-code__value {
  font-weight: 700;
  letter-spacing: 0.08em;
}

.public-profile__avatar.profile-avatar,
.account-profile__avatar.profile-avatar {
  --avatar-size: 100px;
  font-size: 40px;
}
.profile-avatar-wrapper {
  display: inline-flex;
  position: relative;
}

.profile-avatar-trigger {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.profile-avatar-trigger:focus-visible {
  outline: 2px solid var(--ntf-color-fb1a3f);
  outline-offset: 4px;
}

.profile-avatar-trigger .account-profile__avatar.profile-avatar {
  pointer-events: none;
}

.profile-avatar-overlay {
  position: absolute;
  inset: 0;
  background: var(--ntf-color-rgba-0-0-0-0-55);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ntf-color-ffffff);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.profile-avatar-trigger:hover .profile-avatar-overlay,
.profile-avatar-trigger:focus-visible .profile-avatar-overlay {
  opacity: 1;
}

.profile-avatar-overlay i {
  font-size: 32px;
}

.artist-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  white-space: nowrap;
}
.profile-action-btn {
  transition: background-color 180ms ease, color 180ms ease;
  background: var(--ntf-color-ffffff);
  color: var(--ntf-color-000000);
  border: none;
  border-radius: 20px;
  padding: 5px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  min-height: 28px;
  min-width: 110px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.profile-action-btn:hover {
  background: var(--ntf-color-fb1a3f);
  color: var(--text-color);
}

.profile-action-btn--muted,
.profile-action-btn[data-follow-state="followed"],
.profile-action-btn[data-follow-state="requested"] {
  background: var(--ntf-color-333333);
  color: var(--ntf-color-ffffff);
}

.profile-action-btn:focus-visible {
  outline: 2px solid var(--ntf-color-fb1a3f);
  outline-offset: 3px;
}
.account-profile__stats {
  display: flex;
  gap: 20px;
  align-items: center;
}

.account-profile__stats .stat {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.account-profile__stats .stat strong {
  display: block;
  font-size: 1.2em;
}

.account-profile__stats .stat .stat__value,
.account-stats .stat .stat__value {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
}

.stat__label {
  display: block;
}

.public-profile--account-hero .buckets {
                display: block;
  }
.event-report-section {
        padding: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
}

.event-report-organizer-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        margin-top: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
}

.event-report-organizer-main {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
        flex: 1;
}

.event-report-organizer-avatar {
        --avatar-size: 56px;
        border: 2px solid var(--ntf-color-2d2d2d);
        font-size: 20px;
}

.event-report-organizer-content {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
}

.event-report-organizer-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        margin-bottom: 0;
        min-width: 0;
}

.event-report-organizer-name {
        display: inline-block;
        color: var(--ntf-color-f7f7f7);
        text-decoration: none;
        margin-bottom: 0;
}

.event-report-organizer-name:hover,
.event-report-organizer-name:focus-visible {
        text-decoration: underline;
}

.event-report-organizer-stat {
        min-width: 0;
}

.event-report-organizer-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 24px;
        width: min(100%, 620px);
}

.event-report-organizer-stat__label {
        display: block;
        color: var(--ntf-color-a7a7a7);
        font-size: 12px;
        line-height: 1.2;
}

.event-report-organizer-stat__value {
        display: block;
        color: var(--ntf-color-f0f0f0);
        font-size: 18px;
        line-height: 1.2;
        margin-top: 1px;
}

.event-report-organizer-actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
        flex-wrap: wrap;
        margin-top: 2px;
        flex-shrink: 0;
}

.event-report-footer {
        display: flex;
        justify-content: flex-start;
        margin-top: 8px;
}

.event-detail-text-action {
        align-items: center;
        appearance: none;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: var(--ntf-color-fb1a3f);
        cursor: pointer;
        display: inline-flex;
        font: inherit;
        font-size: 1rem;
        font-weight: 600;
        gap: 6px;
        justify-content: flex-start;
        line-height: 1.3;
        min-height: 44px;
        min-width: 0;
        padding: 8px 0;
        text-align: left;
        text-decoration: none;
        width: fit-content;
}

.event-detail-text-action[hidden] {
        display: none;
}

.event-detail-text-action:hover,
.event-detail-text-action:focus {
        background: transparent;
        border-color: transparent;
        color: var(--ntf-color-fb1a3f);
        text-decoration: underline;
}

.event-detail-text-action:focus-visible {
        border-radius: 2px;
        outline: 2px solid currentColor;
        outline-offset: 4px;
}

.event-report-feedback {
        margin: 10px 0 14px !important;
        font-size: 14px;
        line-height: 1.45;
}

.event-report-feedback.is-success {
        color: var(--ntf-color-89d79f);
}

.event-report-feedback.is-error {
        color: var(--ntf-color-ff8484);
}

.event-report-modal__subtitle {
        margin: -4px 0 18px 0;
        color: var(--ntf-color-bcbcbc);
        font-size: 14px;
}

@media screen and (max-width: 736px) {
        .event-report-organizer-stat__value {
                font-size: 16px;
        }

        .event-report-organizer-actions {
                width: 100%;
                justify-content: flex-start;
        }

}

.event-report-form .form label {
        display: block;
        margin-bottom: 6px;
        font-weight: 600;
        color: var(--ntf-color-d2d2d2);
}

.event-report-form .inputstyle,
.event-report-form .inputstyle:focus,
.event-report-form textarea,
.event-report-form select {
        background: var(--ntf-color-090909);
        border: 1px solid var(--ntf-color-2f2f2f);
        color: var(--ntf-color-f1f1f1);
}

.event-report-form .inputstyle::placeholder,
.event-report-form textarea::placeholder {
        color: var(--ntf-color-888888);
}

.event-report-form .phone-input.inputstyle {
        padding: 0;
}

.event-report-form select.inputstyle {
        appearance: none;
}

.event-report-form .error {
        margin-top: 6px;
}

.event-good-to-know-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-top: 0;
}

.event-good-to-know-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        border-radius: 0;
        background: transparent;
        border: 0;
        color: var(--ntf-color-cfcfcf);
        font-weight: 400;
        line-height: 1.4;
}

.event-good-to-know-chip i {
        color: var(--ntf-color-fb1a3f);
        font-size: 18px;
}

.event-good-to-know-chip span {
        display: inline-block;
}

.event-detail-entity-name {
        color: var(--ntf-color-f7f7f7);
        font-size: var(--event-detail-entity-name-size);
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.25;
        min-width: 0;
        overflow-wrap: anywhere;
        white-space: normal;
}

.event-detail .event-detail-sections .lineup-items {
        gap: 18px;
}

.event-detail .event-detail-sections .lineup-item {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
}

.event-detail .event-detail-sections .lineup-item:hover {
        background: transparent;
}

.event-faq-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 12px;
}

.event-faq-item {
        background: var(--ntf-color-111111);
        border: 1px solid var(--ntf-color-2a2a2a);
        border-radius: 16px;
        padding: 18px;
}

.event-faq-question {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 600;
}

.event-faq-answer {
        margin: 0;
        color: var(--ntf-color-cfcfcf);
        line-height: 1.6;
        font-size: 15px;
}

.lineup-item .artist-name, .lineup-item .artist-info span {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-lang-field {
        display: flex;
        flex-direction: column;
        gap: 0px;
}

.multi-lang-field__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
}

.multi-lang-field__header h3,
.multi-lang-field__header label {
        margin: 0;
}

.multi-lang-field__header .language-selector {
                margin-left: auto;
}

.language-selector {
                display: inline-flex;
                align-items: center;
}

.language-selector__toggle {
                border: none;
                background: none;
                color: var(--text-color);
                border-radius: 50%;
                justify-content: center;
                cursor: pointer;
                width: auto;
                height: auto;
                display: inline-flex;
                align-items: center;
                gap: 4px;
                padding: 0;
                font-size: 14px;
}

.language-selector__toggle:hover {
                background: none !important;
}

.language-selector__toggle:focus,
.language-selector__toggle:focus-visible {
                outline: none;
                box-shadow: none;
}

.language-selector__label {
                font-weight: 800;
}

.language-selector__chevron {
                                font-size: 20px !important;
                                transition: transform 0.2s ease;
                                transform: rotate(0deg);
                                display: inline-block;
}

.language-selector__toggle[aria-expanded="true"] .language-selector__chevron {
                                transform: rotate(180deg);
}

.language-selector__option--active {
                background: var(--ntf-color-d0d0d0);
                color: var(--ntf-color-1f1f1f);
}

.multi-lang-field .lang-fields input,
.multi-lang-field .lang-fields textarea {
                width: 100%;
                box-sizing: border-box;
}


.zoom-control {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    z-index: 1200;
}

.map-top-left{
  position: fixed;
  left: 0;
  top: 0;
}




.organization-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

.organization-upcoming-event__card {
  padding: 28px;
  border-radius: 24px;
  border: 1px solid var(--ntf-color-e4e6f1);
  background: var(--ntf-color-ffffff);
  box-shadow: 0 18px 40px var(--ntf-color-rgba-29-53-125-0-12);
}

.organization-upcoming-event__title {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  color: var(--ntf-color-1a1f4b);
}

.organization-upcoming-event__countdown {
  color: var(--ntf-color-fb1a3f);
}

.organization-upcoming-event__link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-radius: 16px;
  border: 1px solid var(--ntf-color-e9ecf7);
  background: var(--ntf-color-f7f8fd);
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.organization-upcoming-event__stats {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  margin-left: auto;
  color: var(--ntf-color-1a1f4b);
  min-width: 120px;
}

.organization-upcoming-event__stats-value {
  font-size: 20px;
  font-weight: 600;
}

.organization-upcoming-event__stats-label {
  font-size: 14px;
  color: var(--ntf-color-6b7285);
}

.organization-upcoming-event__link:focus {
  outline: 2px solid var(--ntf-color-3057f2);
  outline-offset: 2px;
}

.organization-upcoming-event__card .event-table-date__day,
.organization-upcoming-event__card .event-table-info__name {
  color: var(--ntf-color-1a1f4b);
}

.organization-upcoming-event__card .event-table-date__empty,
.organization-upcoming-event__card .event-table-info__location,
.organization-upcoming-event__card .event-table-info__datetime {
  color: var(--ntf-color-6b7285);
}

.organization-upcoming-event__card .event-table-image {
  background: var(--ntf-color-ffffff);
  border-radius: 12px;
}

.organization-upcoming-event__card .event-table-main {
  flex: 1;
}

.organization-upcoming-event__card .event-table-info {
  min-width: 0;
}

.organization-upcoming-event__card .event-table-image__placeholder {
  background: var(--ntf-color-e6e9f6);
  color: var(--ntf-color-9aa3b8);
  border-radius: 12px;
}

.organization-upcoming-event__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--ntf-color-e7ecff);
  color: var(--ntf-color-fb1a3f);
  flex-shrink: 0;
  margin-left: 12px;
}

body.dark .organization-upcoming-event__card {
  border-color: var(--ntf-color-rgba-255-255-255-0-1);
  background: var(--ntf-color-rgba-24-30-60-0-95);
  box-shadow: 0 18px 40px var(--ntf-color-rgba-8-13-34-0-45);
}

body.dark .organization-upcoming-event__title {
  color: var(--ntf-color-f5f7ff);
}

body.dark .organization-upcoming-event__countdown {
  color: var(--ntf-color-fb1a3f);
}

body.dark .organization-upcoming-event__link {
  background: var(--ntf-color-rgba-36-44-90-0-85);
  border-color: var(--ntf-color-rgba-255-255-255-0-1);
}

body.dark .organization-upcoming-event__card .event-table-date__day,
body.dark .organization-upcoming-event__card .event-table-info__name {
  color: var(--ntf-color-f5f7ff);
}

body.dark .organization-upcoming-event__card .event-table-date__empty,
body.dark .organization-upcoming-event__card .event-table-info__location,
body.dark .organization-upcoming-event__card .event-table-info__datetime {
  color: var(--ntf-color-rgba-231-235-255-0-75);
}

body.dark .organization-upcoming-event__stats {
  color: var(--ntf-color-f5f7ff);
}

body.dark .organization-upcoming-event__stats-label {
  color: var(--ntf-color-rgba-231-235-255-0-75);
}

body.dark .organization-upcoming-event__chevron {
  background: var(--ntf-color-rgba-88-102-177-0-4);
  color: var(--ntf-color-c5d1ff);
}

.organization-progressive-list__toggle {
  --progressive-list-toggle-border: var(--ntf-color-e4e6f1);
  --progressive-list-toggle-text: var(--ntf-color-1a1f4b);
  --progressive-list-toggle-accent: var(--ntf-color-fb1a3f);
  --progressive-list-toggle-focus: var(--ntf-color-rgba-251-26-63-0-75);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: center;
  min-height: 44px;
  margin: 4px auto 0;
  padding: 0 18px;
  border: 1px solid var(--progressive-list-toggle-border);
  border-radius: 999px;
  background: transparent;
  color: var(--progressive-list-toggle-text);
  cursor: pointer;
  font-weight: 700;
  transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.organization-progressive-list__toggle:hover,
.organization-progressive-list__toggle:focus {
  border-color: var(--progressive-list-toggle-accent);
  color: var(--progressive-list-toggle-accent);
  transform: translateY(-1px);
}

.organization-progressive-list__toggle:focus {
  outline: 2px solid var(--progressive-list-toggle-focus);
  outline-offset: 3px;
}

.organization-progressive-list__toggle i {
  font-size: 18px;
}

.organization-upcoming-event__toggle {
  margin-top: 18px;
}

body.dark .organization-upcoming-event__toggle {
  --progressive-list-toggle-border: var(--ntf-color-rgba-255-255-255-0-2);
  --progressive-list-toggle-text: var(--ntf-color-f5f7ff);
  --progressive-list-toggle-accent: var(--ntf-color-c5d1ff);
  --progressive-list-toggle-focus: var(--ntf-color-rgba-231-235-255-0-75);
}

.organization-promotion {
  --organization-promotion-bg: var(--ntf-color-0b0b0b);
  --organization-promotion-panel-bg: var(--ntf-color-151515);
  --organization-promotion-card-bg: var(--ntf-color-111111);
  --organization-promotion-border: var(--ntf-color-262626);
  --organization-promotion-border-strong: var(--ntf-color-rgba-251-26-63-0-45);
  --organization-promotion-text: var(--ntf-color-f5f5f5);
  --organization-promotion-muted: var(--ntf-color-9ca3af);
  --organization-promotion-accent: var(--ntf-color-fb1a3f);
  --organization-promotion-code-bg: var(--ntf-color-050505);
  --organization-promotion-code-text: var(--ntf-color-f5f5f5);
  color: var(--organization-promotion-text);
}

.organization-promotion__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  border: 1px solid var(--organization-promotion-border-strong);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--ntf-color-111111), var(--organization-promotion-bg));
  box-shadow: 0 18px 40px var(--ntf-color-rgba-29-53-125-0-12);
}

.organization-promotion__hero-copy {
  min-width: 0;
}

.organization-promotion__eyebrow,
.organization-promotion__identity {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--organization-promotion-accent);
}

.organization-promotion__eyebrow {
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

.organization-promotion__title {
  margin: 0 0 8px;
  color: var(--organization-promotion-text);
  font-size: 26px;
  line-height: 1.2;
}

.organization-promotion__subtitle {
  max-width: 720px;
  margin: 0;
  color: var(--organization-promotion-muted);
  font-size: 17px;
  line-height: 1.45;
}

.organization-promotion__identity {
  margin-top: 14px;
  color: var(--organization-promotion-muted);
  font-size: 14px;
}

.organization-promotion__identity strong {
  color: var(--organization-promotion-text);
}

.organization-promotion__hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: min(720px, 52%);
}

.organization-promotion__url,
.organization-promotion__event-url {
  display: block;
  min-width: 0;
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid var(--organization-promotion-border);
  border-radius: 10px;
  background: var(--organization-promotion-code-bg);
  color: var(--organization-promotion-code-text);
  font-family: var(--ntf-font-family);
  font-size: 15px;
  line-height: 1.4;
  scrollbar-width: thin;
}

.organization-promotion__url {
  flex: 1 1 360px;
  min-width: min(360px, 100%);
  padding: 12px 16px;
}






.organization-promotion__panel {
  padding: 28px;
  border: 1px solid var(--organization-promotion-border);
  border-radius: 24px;
  background: var(--organization-promotion-panel-bg);
}

.organization-promotion__panel-header h3 {
  margin: 0 0 8px;
  color: var(--organization-promotion-text);
  font-size: 24px;
  line-height: 1.25;
}

.organization-promotion__panel-header p {
  margin: 0;
  color: var(--organization-promotion-muted);
  font-size: 16px;
  line-height: 1.45;
}

.organization-promotion__event-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px 18px;
  padding: 20px;
  border: 1px solid var(--organization-promotion-border);
  border-radius: 16px;
  background: var(--organization-promotion-card-bg);
}

.organization-promotion__event-main {
  min-width: 0;
}

.organization-promotion__event-main h4 {
  margin: 0 0 5px;
  color: var(--organization-promotion-text);
  font-size: 18px;
  line-height: 1.25;
}

.organization-promotion__event-main span {
  color: var(--organization-promotion-muted);
  font-size: 14px;
}


.organization-promotion__event-url {
  grid-column: 1 / -1;
  width: 100%;
  padding: 12px 14px;
}

.organization-promotion__toggle {
  --progressive-list-toggle-border: var(--organization-promotion-border);
  --progressive-list-toggle-text: var(--organization-promotion-text);
  --progressive-list-toggle-accent: var(--organization-promotion-accent);
  --progressive-list-toggle-focus: var(--ntf-color-rgba-251-26-63-0-75);
}

.organization-promotion__empty {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border: 1px dashed var(--organization-promotion-border);
  border-radius: 16px;
  color: var(--organization-promotion-muted);
  background: var(--organization-promotion-card-bg);
}

.organization-promotion__empty p {
  margin: 0;
}

body.light .organization-promotion {
  --organization-promotion-bg: var(--ntf-color-ffffff);
  --organization-promotion-panel-bg: var(--ntf-color-f7f8fd);
  --organization-promotion-card-bg: var(--ntf-color-ffffff);
  --organization-promotion-border: var(--ntf-color-e4e6f1);
  --organization-promotion-border-strong: var(--ntf-color-rgba-251-26-63-0-28);
  --organization-promotion-text: var(--ntf-color-1a1f4b);
  --organization-promotion-muted: var(--ntf-color-6b7285);
  --organization-promotion-accent: var(--ntf-color-fb1a3f);
  --organization-promotion-code-bg: var(--ntf-color-111111);
  --organization-promotion-code-text: var(--ntf-color-f5f5f5);
}

body.light .organization-promotion__hero,
body.light .organization-promotion__panel {
  box-shadow: 0 18px 40px var(--ntf-color-rgba-29-53-125-0-12);
}


@media screen and (max-width: 1024px) {
  .organization-promotion__hero {
    align-items: stretch;
    flex-direction: column;
  }

  .organization-promotion__hero-actions {
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }
}

@media screen and (max-width: 736px) {
  .organization-upcoming-event__card {
    padding: 20px;
    border-radius: 18px;
  }

  .organization-upcoming-event__title {
    font-size: 24px;
  }

  .organization-upcoming-event__link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px;
  }

  .organization-upcoming-event__card .event-table-main {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    gap: 10px;
  }

  .organization-upcoming-event__card .event-table-date-cell {
    min-width: 34px;
  }

  .organization-upcoming-event__card .event-table-image {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    padding: 8px;
  }

  .organization-upcoming-event__card .event-table-info__name {
    overflow-wrap: anywhere;
  }

  .organization-upcoming-event__stats {
    grid-column: 1;
    align-items: flex-start;
    min-width: 0;
    margin-left: 0;
  }

  .organization-upcoming-event__chevron {
    grid-column: 2;
    margin-left: 0;
  }

  .organization-promotion__hero,
  .organization-promotion__panel {
    padding: 20px;
    border-radius: 18px;
  }

  .organization-promotion__title {
    font-size: 22px;
  }

  .organization-promotion__subtitle,
  .organization-promotion__panel-header p {
    font-size: 15px;
  }

  .organization-promotion__hero-actions,
  .organization-promotion__event-card {
    grid-template-columns: 1fr;
  }

  .organization-promotion__hero-actions {
    display: grid;
  }


  .organization-progressive-list__toggle {
    width: 100%;
  }
}

.organization-promotions-heading-row {
  align-items: flex-start;
  gap: 20px;
}

.organization-promotions-heading-copy {
  min-width: 0;
}

.organization-promotions-alert {
  margin: 0;
}

.organization-promotions-metrics {
  margin-top: 0;
  row-gap: 18px;
}

.organization-promotions-metrics .dashboard-metric-card {
  min-height: 170px;
}

.organization-promotions-metrics .dashboard-metric-card h2 {
  font-size: 28px;
  line-height: 1.15;
}

.organization-promotions-status,
.organization-promotions-surfaces span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.organization-promotions-status {
  min-height: 30px;
  padding: 0 12px;
}

.table-cell-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.organization-promotions-status-note {
  color: var(--ntf-color-999999);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

.organization-promotions-status--active {
  background: var(--ntf-color-rgba-251-26-63-0-12);
  color: var(--ntf-color-fb1a3f);
}

.organization-promotions-status--scheduled {
  background: var(--ntf-color-e7ecff);
  color: var(--ntf-color-3057f2);
}

.organization-promotions-status--inactive {
  background: var(--ntf-color-e6e9f6);
  color: var(--ntf-color-6b7285);
}

.organization-promotions-surfaces {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.organization-promotions-surfaces span {
  min-height: 28px;
  padding: 0 10px;
  background: var(--ntf-color-f7f8fd);
  color: var(--ntf-color-1a1f4b);
}

body.dark .organization-promotions-status--scheduled {
  background: var(--ntf-color-rgba-88-102-177-0-4);
  color: var(--ntf-color-c5d1ff);
}

body.dark .organization-promotions-status--inactive,
body.dark .organization-promotions-surfaces span {
  background: var(--ntf-color-rgba-255-255-255-0-1);
  color: var(--ntf-color-rgba-242-244-255-0-85);
}

body.dark .organization-promotions-status-note {
  color: var(--ntf-color-rgba-255-255-255-0-65);
}

@media screen and (max-width: 736px) {
  .organization-promotions-heading-row {
    align-items: stretch;
  }

}

.organization-action-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 28px;
  border-radius: 24px;
  background: linear-gradient(140deg, var(--ntf-color-e3ecff) 0%, var(--ntf-color-edf2ff) 55%, var(--ntf-color-f5f0ff) 100%);
  box-shadow: 0 18px 40px var(--ntf-color-rgba-29-53-125-0-12);
  color: var(--ntf-color-1a1f4b);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.organization-action-card__content,
.organization-action-card__title,
.organization-action-card__description {
  display: block;
}

.organization-action-card--create {
  background: linear-gradient(140deg, var(--ntf-color-dce9ff) 0%, var(--ntf-color-e8f0ff) 60%, var(--ntf-color-f3f6ff) 100%);
}

.organization-action-card--manage {
  background: linear-gradient(140deg, var(--ntf-color-ede8ff) 0%, var(--ntf-color-f1f4ff) 55%, var(--ntf-color-e6f5ff) 100%);
}

.organization-action-card__eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--ntf-color-rgba-255-255-255-0-65);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ntf-color-2b388f);
}

.organization-action-card__title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}

.organization-action-card__description {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ntf-color-rgba-26-31-75-0-8);
}

body.dark .organization-action-card {
  color: var(--ntf-color-f5f7ff);
  background: linear-gradient(140deg, var(--ntf-color-rgba-59-75-130-0-85) 0%, var(--ntf-color-rgba-39-51-102-0-92) 50%, var(--ntf-color-rgba-26-34-76-0-95) 100%);
  box-shadow: 0 18px 40px var(--ntf-color-rgba-8-13-34-0-45);
}

body.dark .organization-action-card--create {
  background: linear-gradient(140deg, var(--ntf-color-rgba-64-83-145-0-9) 0%, var(--ntf-color-rgba-52-70-128-0-9) 60%, var(--ntf-color-rgba-41-56-108-0-92) 100%);
}

body.dark .organization-action-card--manage {
  background: linear-gradient(140deg, var(--ntf-color-rgba-68-64-134-0-9) 0%, var(--ntf-color-rgba-56-74-132-0-9) 55%, var(--ntf-color-rgba-45-86-142-0-92) 100%);
}

body.dark .organization-action-card__eyebrow {
  background: var(--ntf-color-rgba-255-255-255-0-2);
  color: var(--ntf-color-e2e7ff);
}

body.dark .organization-action-card__description {
  color: var(--ntf-color-rgba-242-244-255-0-85);
}

.organization-stats {
  position: relative;
}

.organization-stats__title {
  margin: 0;
}

.filter-select-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
}

.filter-select-field__label {
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
}

.filter-select-field__control {
  width: 100%;
  min-width: 180px;
}

.organization-stats__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--section-content-gap);
  min-width: 0;
}

.organization-stats__grid > * {
  min-width: 0;
}


.organization-stats__value {
  position: relative;
  display: inline-block;
  min-width: var(--organization-stat-placeholder-width, 3ch);
  font-variant-numeric: tabular-nums;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.organization-stats__value--loading {
  color: transparent !important;
  opacity: 1;
  transform: none;
}

.organization-stats__value--loading::after {
  content: attr(data-loading-placeholder);
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--ntf-color-rgba-99-99-99-0-6) 25%, var(--ntf-color-rgba-210-210-210-0-9) 50%, var(--ntf-color-rgba-99-99-99-0-6) 75%);
  background-size: 200% 100%;
  animation: organization-stats-loading-shimmer 1.2s ease-in-out infinite;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

body.dark .organization-stats__value--loading::after {
  background: linear-gradient(90deg, var(--ntf-color-rgba-80-80-80-0-6) 25%, var(--ntf-color-rgba-110-110-110-0-9) 50%, var(--ntf-color-rgba-80-80-80-0-6) 75%);
}

@keyframes organization-stats-loading-shimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.organization-stats__value--pulse {
  animation: organization-stats-value-pulse 0.6s ease;
}

@keyframes organization-stats-value-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.organization-stats__error {
  margin: 0 0 16px;
  color: var(--ntf-color-d9534f);
}

body.dark .organization-stats__error {
  color: var(--ntf-color-ff7b7b);
}

@media (max-width: 736px) {
  .organization-stats__header {
    flex-direction: column;
  }

}

@media screen and (max-width: 736px) {
  .organization-actions {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .organization-action-card {
    padding: 24px 20px;
  }

  .organization-action-card__title {
    font-size: 21px;
  }
}

.duplicate-monitor-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.duplicate-monitor-summary__card {
  min-height: 170px;
}

.duplicate-monitor-summary__value {
  display: block;
  margin-top: 6px;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.duplicate-monitor-note {
  margin: 0;
}

.duplicate-monitor-results__status {
  margin: 0;
}

.duplicate-monitor-pair__tag {
  padding-right: 14px;
  padding-left: 14px;
}

.duplicate-monitor-pair__actions form {
  margin: 0;
}

.duplicate-monitor-pair__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

.duplicate-monitor-pair__event {
  min-width: 0;
}

.duplicate-monitor-event-card {
  height: 100%;
  gap: 18px;
  justify-content: flex-start;
}

.duplicate-monitor-event-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.duplicate-monitor-event-card__header .options-container {
  margin-left: auto;
  flex-shrink: 0;
}

.duplicate-monitor-event-card .event-table-main {
  flex: 1;
  min-width: 0;
}

.duplicate-monitor-event-card .event-table-info {
  min-width: 0;
}

.duplicate-monitor-event-card .event-table-date__day,
.duplicate-monitor-event-card .event-table-info__name {
  color: inherit;
}

.duplicate-monitor-empty {
  justify-content: flex-start;
}

.duplicate-monitor-empty__content {
  max-width: 640px;
}

body.dark .duplicate-monitor-event-card .event-table-date__day,
body.dark .duplicate-monitor-event-card .event-table-info__name {
  color: var(--ntf-color-f5f7ff);
}

body.dark .duplicate-monitor-event-card .event-table-date__empty,
body.dark .duplicate-monitor-event-card .event-table-info__location,
body.dark .duplicate-monitor-event-card .event-table-info__datetime {
  color: var(--ntf-color-rgba-231-235-255-0-75);
}

body.dark .duplicate-monitor-event-card .event-table-image__placeholder {
  background: var(--ntf-color-rgba-255-255-255-0-12);
  color: var(--ntf-color-c5d1ff);
}

@media screen and (max-width: 960px) {
  .duplicate-monitor-summary,
  .duplicate-monitor-pair__grid {
    grid-template-columns: 1fr;
  }
}


.publish-issues {
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.event-issue-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid var(--ntf-color-f9c6cf);
  background: var(--ntf-color-fdf2f5);
  gap: 16px;
}

.event-issue-card__text {
  flex: 1 1 auto;
}

.event-issue-card__title {
  display: block;
  font-weight: 600;
  color: var(--ntf-color-b4233f);
  margin-bottom: 4px;
}

.event-issue-card__message {
  margin: 0;
  color: var(--ntf-color-000000);
  line-height: 1.4;
}



@media screen and (max-width: 736px) {
  .event-issue-card {
    flex-direction: column;
    align-items: flex-start;
  }

}
.seat-map-selection {
    margin-top: 20px;
}

.seat-map-capacity-control {
    display: block;
    width: 100%;
}

.seat-map-capacity-control > .inputstyle {
    display: block;
    width: 100%;
    min-width: 0;
}

.seat-map-capacity-control.is-locked {
    cursor: not-allowed;
}

.seat-map-capacity-control.is-locked > input[disabled] {
    pointer-events: none;
    cursor: not-allowed;
}

.seat-map-selection .seat-map-description {
    margin: 0;
    color: var(--ntf-color-ffffff);
}

.seat-map-selection .seat-map-actions--assigned {
    margin-top: 16px;
    display: none;
    gap: 12px;
    flex-wrap: wrap;
}

.seat-map-selection input[name="seat_map_option"][disabled] + label {
    opacity: 0.65;
    cursor: not-allowed;
}

#seat-map-lock-status[hidden] {
    display: none !important;
}

#private-password-field[hidden] {
    display: none !important;
}

.seat-map-loader {
    display: none;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    color: var(--ntf-color-ffffff);
    font-size: 0.95rem;
}

.seat-map-loader__spinner {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid var(--ntf-color-rgba-0-0-0-0-1);
    border-top-color: var(--ntf-color-fb1a3f);
    animation: nightify-spin 0.8s linear infinite;
}

.seat-map-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
}

.seat-map-card {
    flex: 1 1 220px;
    max-width: calc(20% - 16px);
    min-width: 220px;
    background: var(--ntf-color-111111);
    border: 1px solid var(--ntf-color-333333);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    color: inherit;
    text-align: left;
    font: inherit;
}

.seat-map-card:hover {
    border-color: var(--ntf-color-fb1a3f);
    box-shadow: 0 6px 18px var(--ntf-color-rgba-0-0-0-0-08);
}

.seat-map-card.is-current {
    border-color: var(--ntf-color-fb1a3f);
    box-shadow: 0 6px 18px var(--ntf-color-rgba-251-26-63-0-15);
}

.seat-map-card:focus {
    outline: none;
}

.seat-map-card:focus-visible {
    outline: 2px solid var(--ntf-color-fb1a3f);
    outline-offset: 2px;
}

.seat-map-preview {
    position: relative;
    width: 100%;
    height: 160px;
    border: 1px solid var(--ntf-color-eceef4);
    border-radius: 10px;
    background: var(--ntf-color-ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.seat-map-preview canvas {
    width: 100%;
    height: 100%;
}

.seat-map-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ntf-color-ffffff);
}

.seat-map-meta {
    margin: 0;
    font-size: 0.85rem;
    color: var(--ntf-color-999999);
}

.seat-map-actions {
    margin-top: 16px;
}

.seat-map-feedback {
    margin-top: 12px;
    font-size: 0.95rem;
    display: none;
}

.seat-map-feedback--success {
    color: var(--ntf-color-1f8f5f);
}

.seat-map-feedback--error {
    color: var(--ntf-color-d93025);
}

.seat-map-empty {
        margin-top: 16px;
        font-size: 0.95rem;
        color: var(--ntf-color-ffffff);
}

@media (max-width: 1024px) {
        .seat-map-card {
                max-width: calc(50% - 16px);
    }
}

@media (max-width: 736px) {
    .seat-map-card {
        max-width: 100%;
        min-width: 0;
    }
}

.event-location-map {
        width: 100%;
        height: 320px;
        border-radius: 12px;
        margin-top: 16px;
        background-color: var(--ntf-color-f4f4f4);
        overflow: hidden;
}

.faq-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: start;
        gap: 16px;
}

.faq-item__content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        width: 100%;
        min-width: 0;
}

.faq-item__content .form {
        min-width: 0;
}

.faq-item__language-header,
.faq-item__translation-fields {
        grid-column: 1 / -1;
}

.faq-item__translation-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        min-width: 0;
        width: 100%;
}

.faq-item__translation-fields[hidden] {
        display: none;
}

.good-to-know-chip {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 18px;
        border-radius: 999px;
        background: var(--ntf-color-1f1f1f);
        color: var(--ntf-color-ffffff);
}

.upload-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
}

.upload-actions .margint20 {
        margin-top: 0 !important;
}

.upload-actions .marginb20 {
        margin-bottom: 0 !important;
}

.faq-item label {
        display: block;
        font-weight: 600;
        margin-bottom: 8px;
}

.faq-item textarea {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        min-height: 120px;
        padding-block: 14px;
        line-height: 1.45;
        resize: vertical;
}

.faq-error {
        display: none;
        color: var(--ntf-color-fb1a3f);
        font-size: 13px;
        margin-top: 6px;
}

@media (max-width: 1024px) {
        .faq-item__content {
                grid-template-columns: minmax(0, 1fr);
        }

        .faq-item__translation-fields {
                grid-template-columns: minmax(0, 1fr);
        }
}


.gallery-modal {
        width: 100%;
        max-width: 720px;
        min-width: 0;
        margin-inline: auto;
}

.modal-content--event-gallery .gallery-modal {
        max-width: none;
}

.modal-content--event-gallery #listaimmagini-gallery li,
.modal-content--event-gallery .event-image-upload-pending-list li {
        padding: 0;
}

.gallery-modal h2 {
        margin-bottom: 0;
}

.gallery-modal .upload-container {
        margin-top: 0;
}

@media screen and (max-width: 480px) {

        .modal-content--event-gallery .upload-container {
                padding: 12px;
        }

        .modal-content--event-gallery .drop-area {
                min-height: 200px;
                padding: 32px 12px;
        }

        .modal-content--event-gallery .upload-actions {
                width: 100%;
                gap: 8px;
        }


        .modal-content--event-gallery #listaimmagini-gallery,
        .modal-content--event-gallery .event-image-upload-pending-list {
                gap: 12px;
        }

        .modal-content--event-gallery #listaimmagini-gallery li,
        .modal-content--event-gallery .event-image-upload-pending-list li,
        .modal-content--event-gallery #listaimmagini-gallery li img,
        .modal-content--event-gallery .event-image-upload-pending-list li img,
        .modal-content--event-gallery .event-image-upload-item__preview,
        .modal-content--event-gallery .event-image-upload-item__filename {
                width: 96px;
        }

        .modal-content--event-gallery #listaimmagini-gallery li img,
        .modal-content--event-gallery .event-image-upload-pending-list li img,
        .modal-content--event-gallery .event-image-upload-item__preview {
                height: 96px;
        }
}

#goodToKnowModal {
        display: none;
}

#goodToKnowModal.active {
        display: flex;
}


.good-to-know-modal {
        min-height: 100%;
}

.good-to-know-modal h3 {
        margin-top: 24px;
        margin-bottom: 12px;
}

.good-to-know-radio {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        border-radius: 14px;
        border: 1px solid var(--ntf-color-262626);
        background: var(--ntf-color-1a1a1a);
        cursor: pointer;
        transition: border-color 0.2s ease, background 0.2s ease;
}

.good-to-know-radio input {
        accent-color: var(--ntf-color-fb1a3f);
}

.good-to-know-radio:hover {
        border-color: var(--ntf-color-fb1a3f);
}

.good-to-know-unit-toggle {
        display: inline-flex;
        gap: 12px;
}




.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.instagram-webview-info {
        display: none;
        border: 1px solid var(--ntf-color-e0d9cf);
        background: var(--ntf-color-fefbf7);
        border-radius: 16px;
        padding: 24px;
        margin-top: 32px;
        text-align: left;
        color: var(--ntf-color-2c1a0b);
        box-shadow: 0 12px 30px var(--ntf-color-rgba-0-0-0-0-05);
}

.instagram-webview-info__title {
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 12px;
}

.instagram-webview-info__title i {
        font-size: 1.6rem;
        color: var(--ntf-color-fb1a3f);
}

.instagram-webview-info__description {
        margin-bottom: 20px;
        line-height: 1.5;
}

.instagram-webview-info__step {
        background: var(--ntf-color-ffffff);
        border-radius: 14px;
        padding: 16px;
        border: 1px solid var(--ntf-color-f0e6db);
        display: flex;
        flex-direction: column;
        gap: 12px;
}

.instagram-webview-info__step-number {
        font-weight: 700;
        font-size: 1.1rem;
        color: var(--ntf-color-fb1a3f);
}

.instagram-webview-info__step-illustration {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: var(--ntf-color-fdf9f4);
        border: 2px solid var(--ntf-color-e0d2c1);
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        box-shadow: 0 4px 12px var(--ntf-color-rgba-0-0-0-0-08);
}

.instagram-webview-info__step-illustration img {
        width: 70%;
        height: auto;
        display: block;
}



@media (max-width: 736px) {
        .instagram-webview-info {
                padding: 18px;
        }

        .instagram-webview-info__title {
                font-size: 1.2rem;
        }

        .instagram-webview-info__description {
                font-size: 0.95rem;
        }
}

.locked-input {
        opacity: 0.5;
        cursor: not-allowed;
}

.locked-field-message {
        margin-top: 5px;
        color: var(--ntf-color-999999);
        font-size: 12px;
}

html.event-submit-edit-presence-blocked .event-submit-save-button {
        opacity: var(--ui-disabled-opacity, 0.5);
        cursor: var(--ui-disabled-cursor, not-allowed);
}



.modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100dvh;
        background: var(--ntf-color-rgba-0-0-0-0-55);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        z-index: 9999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
        overflow: hidden;
        box-sizing: border-box;
}

@supports not (backdrop-filter: blur(1px)) {
    .modal-overlay {
        background: var(--ntf-color-rgba-0-0-0-0-8);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

.modal-overlay.active {
    display: flex;
}

.modal-content {
    background: var(--ntf-color-111111);
    border: 1px solid var(--ntf-color-262626);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-width: 960px;
    max-height: 100%;
    min-height: 0;
    margin: auto;
    padding: 0;
    overflow: hidden;
}

.modal-overlay--confirmation {
    z-index: 10000;
}

.modal-content--compact {
    max-width: 560px;
}

/* The header never belongs to the scroll container. */
.modal-header {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    background: var(--ntf-color-111111);
    border-bottom: 1px solid var(--ntf-color-262626);
}

.modal-header .modal-content-title {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    color: var(--ntf-color-ffffff);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.modal-header-actions {
    flex: 0 1 220px;
    min-width: 180px;
}

.modal-content > .modal-body {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    padding: 24px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.modal-loading-state {
    display: grid;
    gap: 32px;
    padding: 16px 0;
}

.modal-loading-state__message {
    display: flex;
    align-items: center;
    gap: 16px;
}

.modal-loading-state__message .loader {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-width: 3px;
}

.modal-loading-state__title {
    margin: 0 0 6px;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 700;
}

.modal-loading-state__description {
    margin: 0;
    color: var(--ntf-color-aaaaaa);
    font-size: 14px;
    line-height: 1.5;
}

.modal-loading-state__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    animation: modal-loading-pulse 1.6s ease-in-out infinite;
}

.modal-loading-state__field--wide {
    grid-column: 1 / -1;
}

.modal-loading-state__field > span,
.modal-loading-state__field > div {
    display: block;
    background: var(--ntf-color-262626);
    border-radius: 8px;
}

.modal-loading-state__field > span {
    width: 40%;
    height: 12px;
    margin-bottom: 10px;
}

.modal-loading-state__field > div {
    height: 44px;
}

@keyframes modal-loading-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
    .modal-loading-state__fields,
    .modal-loading-state .loader {
        animation: none;
    }
}

@media screen and (max-width: 520px) {
    .modal-header {
        padding: 16px;
        flex-wrap: wrap;
    }

    .modal-header-actions {
        order: 1;
        flex-basis: 100%;
        min-width: 0;
    }

    .modal-header .modal-content-title {
        font-size: 20px;
    }

    .modal-content > .modal-body {
        padding: 16px;
    }
}

#sharePopup h3{
    margin: 0;
}
.share-card {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 12px 14px;
                border: 1px solid var(--ntf-color-e3e3e3);
                border-radius: 12px;
                background: var(--ntf-color-f8f9ff);
                color: var(--ntf-color-0f0f0f);
                text-decoration: none;
                box-shadow: 0 6px 16px var(--ntf-color-rgba-0-0-0-0-05);
                transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.share-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 10px 22px var(--ntf-color-rgba-0-0-0-0-12);
                border-color: var(--ntf-color-c8cdfc);
}

.share-card__icon {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 22px;
                color: var(--ntf-color-ffffff);
}

.share-facebook .share-card__icon { background: var(--ntf-color-1877f2); }
.share-whatsapp .share-card__icon { background: var(--ntf-color-25d366); }
.share-x .share-card__icon { background: var(--ntf-color-000000); }
.share-copy .share-card__icon { background: var(--ntf-color-5c6bff); }

.share-card__text { display: flex; flex-direction: column; gap: 2px; }
.share-card__title { font-weight: 700; font-size: 14px; }
.share-card__subtitle { font-size: 12px; color: var(--ntf-color-5c667a); line-height: 1.3; }

.modal-content iframe {
        flex: 1 1 auto;
        width: 100%;
        border: none;
}

.modal-content:has(iframe) > .modal-body {
    padding: 0;
    display: flex;
    height: 80dvh;
}

.modal-close {
        position: relative;
        flex: 0 0 40px;
        margin: 0;
        box-sizing: border-box;
        text-decoration: none;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-45);
        border-radius: 999px;
        width: 40px;
        height: 40px;
        background: var(--ntf-color-rgba-255-255-255-0-12);
        color: var(--ntf-color-ffffff);
        font-family: var(--ntf-font-family);
        font-size: 24px;
        font-weight: 400;
        cursor: pointer;
        line-height: 1;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
}

.modal-header > .modal-close {
        margin-left: auto;
}

.modal-close i {
        pointer-events: none;
        font-size: 22px;
        line-height: 1;
}

.modal-close:hover,
.modal-close:focus-visible,
.modal-close[aria-expanded="true"],
.modal-close[aria-pressed="true"],
a:hover .modal-close,
a:focus-visible .modal-close {
        color: var(--ntf-color-ffffff);
        text-decoration: none;
        background: var(--ntf-color-rgba-255-255-255-0-2);
}

.modal-close:focus,
a:focus-visible .modal-close {
    outline: 2px solid var(--ntf-color-fb1a3f);
    outline-offset: 2px;
}


.modal-stack {
        display: flex;
        flex-direction: column;
        gap: 14px;
}

.modal-heading {
        margin: 0;
        color: var(--ntf-color-ffffff);
}

.modal-message {
        margin: 0;
        color: var(--ntf-color-ffffff);
        font-size: 18px;
        line-height: 1.4;
}

.modal-note {
        margin: 0;
        color: var(--ntf-color-aaaaaa);
        line-height: 1.45;
}

/* Embedded documents consume the same body/footer layout inside the host modal. */
.modal-content.modal-document {
    height: 100dvh;
    max-width: none;
    border: 0;
    border-radius: 0;
}

/* The header and footer share the shell; only .modal-body scrolls. */
.modal-content > .modal-footer {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    margin: 0;
    padding: 16px 24px;
    background: var(--ntf-color-111111);
    border-top: 1px solid var(--ntf-color-262626);
}

.modal-content > .modal-footer[hidden],
.modal-footer > [hidden] {
    display: none !important;
}

.modal-footer > .ui-action-button {
    flex: 1 1 0;
}

@media screen and (max-width: 520px) {
    .modal-content > .modal-footer {
        flex-direction: column;
        padding: 16px;
    }

    .modal-footer > .ui-action-button {
        flex-basis: auto;
        width: 100%;
    }
}

.modal-form-container {
    width: 100%;
}



.modal-open {
        overflow: hidden;
}


/* ------------------------------------------------------------------------
   Builder page layout system (bp-*).
   Every builder bucket carries `bp` plus one pattern class and any number of
   independent modifiers, so sections combine into hundreds of distinct looks:
   patterns   bp-hero-split | bp-hero-stage | bp-hero-poster | bp-hero-spotlight
              bp-strip | bp-split | bp-split-stagger | bp-showcase | bp-board
              bp-bento | bp-cards | bp-band | bp-steps-line | bp-timeline
              bp-compare | bp-checklist | bp-qa-grid | bp-qa-list
              bp-cta-split | bp-cta-center | bp-cta-banner
   accent     bp-accent-red (default) | bp-accent-gold | bp-accent-mint
              | bp-accent-violet | bp-accent-sky | bp-accent-white
   surface    glass (default) | bp-surface-outline | bp-surface-solid
              | bp-surface-tint | bp-surface-none
   decoration bp-deco-orb | bp-deco-ring | bp-deco-grid | bp-deco-dots
              | bp-deco-lines
   others     bp-flip | bp-align-center | bp-radius-sharp | bp-radius-pill
              | bp-size-compact | bp-size-airy | bp-eyebrow-pill
              | bp-list-checks | bp-list-numbers | bp-strip--cards
              | bp-cards--accent-top | bp-cards--icon-left
   ------------------------------------------------------------------------ */
.static-custom-page .bp {
        --bp-accent: #fb1a3f;
        --bp-accent-soft: rgba(251, 26, 63, 0.18);
        --bp-accent-glow: rgba(251, 26, 63, 0.3);
        --bp-accent-line: rgba(251, 26, 63, 0.42);
        --bp-ink: #ffffff;
        --bp-muted: rgba(255, 255, 255, 0.72);
        --bp-line: rgba(255, 255, 255, 0.12);
        --bp-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
        --bp-surface-border: var(--bp-line);
        --bp-surface-shadow: 0 34px 90px rgba(0, 0, 0, 0.3);
        --bp-radius: 28px;
        --bp-radius-small: 18px;
        --bp-pad: 34px;
        --bp-title: 44px;
        --bp-hero-title: 62px;
        --bp-gap: 12px;
        position: relative;
        color: var(--bp-ink);
}
.static-custom-page .bp-accent-gold {
        --bp-accent: #f4c35d;
        --bp-accent-soft: rgba(244, 195, 93, 0.16);
        --bp-accent-glow: rgba(244, 195, 93, 0.26);
        --bp-accent-line: rgba(244, 195, 93, 0.42);
}
.static-custom-page .bp-accent-mint {
        --bp-accent: #77e6bc;
        --bp-accent-soft: rgba(119, 230, 188, 0.14);
        --bp-accent-glow: rgba(119, 230, 188, 0.24);
        --bp-accent-line: rgba(119, 230, 188, 0.4);
}
.static-custom-page .bp-accent-violet {
        --bp-accent: #a78bfa;
        --bp-accent-soft: rgba(167, 139, 250, 0.16);
        --bp-accent-glow: rgba(167, 139, 250, 0.28);
        --bp-accent-line: rgba(167, 139, 250, 0.42);
}
.static-custom-page .bp-accent-sky {
        --bp-accent: #6ec6ff;
        --bp-accent-soft: rgba(110, 198, 255, 0.14);
        --bp-accent-glow: rgba(110, 198, 255, 0.26);
        --bp-accent-line: rgba(110, 198, 255, 0.4);
}
.static-custom-page .bp-accent-white {
        --bp-accent: #ffffff;
        --bp-accent-soft: rgba(255, 255, 255, 0.1);
        --bp-accent-glow: rgba(255, 255, 255, 0.14);
        --bp-accent-line: rgba(255, 255, 255, 0.34);
}
.static-custom-page .bp-surface-outline {
        --bp-surface: transparent;
        --bp-surface-shadow: none;
}
.static-custom-page .bp-surface-solid {
        --bp-surface: #0d0d12;
        --bp-surface-border: rgba(255, 255, 255, 0.16);
}
.static-custom-page .bp-surface-tint {
        --bp-surface: linear-gradient(160deg, var(--bp-accent-soft), rgba(255, 255, 255, 0.03));
        --bp-surface-border: var(--bp-accent-line);
}
.static-custom-page .bp-surface-none {
        --bp-surface: transparent;
        --bp-surface-border: transparent;
        --bp-surface-shadow: none;
        --bp-pad: 0px;
}
.static-custom-page .bp-radius-sharp {
        --bp-radius: 10px;
        --bp-radius-small: 8px;
}
.static-custom-page .bp-radius-pill {
        --bp-radius: 44px;
        --bp-radius-small: 26px;
}
.static-custom-page .bp-size-compact {
        --bp-pad: 22px;
        --bp-title: 36px;
        --bp-hero-title: 50px;
}
.static-custom-page .bp-size-airy {
        --bp-pad: 48px;
        --bp-title: 50px;
        --bp-hero-title: 70px;
}
.static-custom-page .bp [class^="large-"] {
        position: relative;
        z-index: 1;
        min-width: 0;
}
.static-custom-page .bp [class^="large-"] > div {
        flex: 1 1 auto;
        min-width: 0;
}
.static-custom-page .bp h1,
.static-custom-page .bp h2,
.static-custom-page .bp h3 {
        color: var(--bp-ink);
}
.static-custom-page .bp-flip {
        flex-direction: row-reverse;
}
.static-custom-page .bp-align-center {
        text-align: center;
}
.static-custom-page .bp-align-center .bp-copy,
.static-custom-page .bp-align-center .bp-intro {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-align-center .bp-eyebrow,
.static-custom-page .bp-align-center .bp-tags {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
}

/* decorations */
.static-custom-page .bp[class*="bp-deco-"]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        border-radius: var(--bp-radius);
        pointer-events: none;
}
.static-custom-page .bp-deco-orb::before {
        background: radial-gradient(circle at 84% 12%, var(--bp-accent-glow), transparent 38%);
}
.static-custom-page .bp-deco-ring::before {
        background: radial-gradient(circle at 92% 50%, transparent 0, transparent 220px, var(--bp-accent-line) 221px, transparent 223px);
}
.static-custom-page .bp-deco-grid::before {
        background:
                linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 100% 44px,
                linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 44px 100%;
        -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 20%, transparent 75%);
        mask-image: radial-gradient(circle at 50% 50%, #000 20%, transparent 75%);
}
.static-custom-page .bp-deco-dots::before {
        background: radial-gradient(var(--bp-accent-line) 1.2px, transparent 1.6px) 0 0 / 22px 22px;
        opacity: 0.55;
        -webkit-mask-image: radial-gradient(circle at 80% 30%, #000 10%, transparent 60%);
        mask-image: radial-gradient(circle at 80% 30%, #000 10%, transparent 60%);
}
.static-custom-page .bp-deco-lines::before {
        background: repeating-linear-gradient(-32deg, transparent 0 18px, rgba(255, 255, 255, 0.04) 18px 19px);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%);
        mask-image: linear-gradient(90deg, transparent, #000 60%);
}

/* shared elements */
.static-custom-page .bp-copy,
.static-custom-page .bp-intro {
        max-width: 720px;
}
.static-custom-page .bp-intro {
        margin-bottom: 18px;
}
.static-custom-page .bp-eyebrow {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
        color: var(--bp-accent);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: 0.08em;
        text-transform: uppercase;
}
.static-custom-page .bp-eyebrow::before {
        content: "";
        width: 34px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
}
.static-custom-page .bp-eyebrow-pill .bp-eyebrow {
        padding: 8px 14px;
        border: 1px solid var(--bp-accent-line);
        border-radius: 999px;
        background: var(--bp-accent-soft);
}
.static-custom-page .bp-eyebrow-pill .bp-eyebrow::before {
        width: 8px;
        height: 8px;
        border-radius: 50%;
}
.static-custom-page .bp-title {
        margin: 0;
        font-size: var(--bp-title);
        font-weight: 900;
        line-height: 1.02;
        overflow-wrap: break-word;
}
.static-custom-page h1.bp-title {
        max-width: 780px;
        font-size: var(--bp-hero-title);
        line-height: 0.98;
}
.static-custom-page .bp-lead {
        max-width: 640px;
        margin: 22px 0 0;
        color: var(--bp-muted);
        font-size: 18px;
        line-height: 1.6;
}
.static-custom-page h1.bp-title + .bp-lead {
        font-size: 20px;
        line-height: 1.5;
}
.static-custom-page .bp-align-center .bp-lead {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 26px 0 0;
}
.static-custom-page .bp-tags span {
        padding: 8px 14px;
        border: 1px solid var(--bp-line);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.05);
        color: var(--bp-ink);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
}
.static-custom-page .bp-tags span:first-child {
        border-color: var(--bp-accent-line);
        background: var(--bp-accent-soft);
}
.static-custom-page .bp-cta {
        display: inline-flex;
        margin: 32px 12px 0 0;
}
.static-custom-page .bp-note {
        margin: 14px 0 0;
        color: var(--bp-muted);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
}
.static-custom-page .bp-image {
        display: block;
        width: 100%;
        filter: drop-shadow(0 28px 60px rgba(0, 0, 0, 0.36));
}
.static-custom-page .bp-image--inline {
        width: min(100%, 420px);
        margin-top: 26px;
}
.static-custom-page .bp-visual,
.static-custom-page .bp-panel,
.static-custom-page .bp-card,
.static-custom-page .bp-compare-panel,
.static-custom-page .bp-board,
.static-custom-page .bp-cta-box,
.static-custom-page .bp-cta-action,
.static-custom-page .bp-strip--cards .bp-strip-col,
.static-custom-page .bp-steps-line .bp-step,
.static-custom-page .bp-qa-grid .bp-qa,
.static-custom-page .bp-band .bp-band-wrap {
        padding: var(--bp-pad);
        border: 1px solid var(--bp-surface-border);
        border-radius: var(--bp-radius);
        background: var(--bp-surface);
        box-shadow: var(--bp-surface-shadow);
}
.static-custom-page .bp-visual {
        padding: 26px;
        background:
                radial-gradient(circle at 18% 18%, var(--bp-accent-soft), transparent 32%),
                var(--bp-surface);
}
.static-custom-page .bp-visual--bare {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        box-shadow: none;
}
.static-custom-page .bp-caption {
        position: relative;
        max-width: 360px;
        margin: -6px 0 0 auto;
        padding: 20px 22px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: var(--bp-radius-small);
        background: rgba(12, 12, 14, 0.8);
        box-shadow: 0 22px 60px rgba(0, 0, 0, 0.38);
        backdrop-filter: blur(18px);
        color: var(--bp-muted);
        font-size: 14px;
        line-height: 1.45;
}
.static-custom-page .bp-caption small {
        display: block;
        margin-bottom: 6px;
        color: var(--bp-accent);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
}
.static-custom-page .bp-caption strong {
        color: var(--bp-ink);
        font-size: 15px;
        font-weight: 800;
}
.static-custom-page .bp-callout {
        margin: 22px 0 0;
        padding: 20px 22px 20px 26px;
        border-left: 3px solid var(--bp-accent);
        border-radius: 0 var(--bp-radius-small) var(--bp-radius-small) 0;
        background: rgba(255, 255, 255, 0.05);
        color: var(--bp-muted);
        font-size: 15px;
        line-height: 1.55;
}
.static-custom-page .bp-callout small {
        display: block;
        margin-bottom: 8px;
        color: var(--bp-accent);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
}
.static-custom-page .bp-callout strong {
        display: block;
        margin-bottom: 8px;
        color: var(--bp-ink);
        font-size: 17px;
        font-weight: 800;
        line-height: 1.3;
}
.static-custom-page .bp-callout span {
        display: block;
}
.static-custom-page .bp-list ul {
        display: grid;
        gap: 12px;
        margin: 22px 0 0;
        padding: 0;
        list-style: none;
}
.static-custom-page .bp-list li {
        position: relative;
        padding-left: 30px;
        color: var(--bp-ink);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.45;
}
.static-custom-page .bp-list li::before {
        content: "";
        position: absolute;
        top: 0.42em;
        left: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--bp-accent);
        box-shadow: 0 0 0 4px var(--bp-accent-soft);
}
.static-custom-page .bp-list-checks .bp-list li::before,
.static-custom-page .bp-compare-panel--pos .bp-list li::before {
        top: 0.15em;
        width: 18px;
        height: 18px;
        box-shadow: none;
}
.static-custom-page .bp-list-checks .bp-list li::after,
.static-custom-page .bp-compare-panel--pos .bp-list li::after {
        content: "";
        position: absolute;
        top: calc(0.15em + 5px);
        left: 5px;
        width: 7px;
        height: 4px;
        border-bottom: 2.5px solid #0f0f15;
        border-left: 2.5px solid #0f0f15;
        transform: rotate(-45deg);
}
.static-custom-page .bp-compare-panel--neg .bp-list li {
        color: var(--bp-muted);
        font-weight: 600;
}
.static-custom-page .bp-compare-panel--neg .bp-list li::before {
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.3);
        box-shadow: none;
}
.static-custom-page .bp-list-numbers .bp-list ul {
        counter-reset: bp-list;
}
.static-custom-page .bp-list-numbers .bp-list li {
        padding-left: 38px;
}
.static-custom-page .bp-list-numbers .bp-list li::before {
        content: counter(bp-list, decimal-leading-zero);
        counter-increment: bp-list;
        top: 0.1em;
        width: auto;
        height: auto;
        border-radius: 0;
        background: none;
        box-shadow: none;
        color: var(--bp-accent);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.06em;
}
.static-custom-page .bp-points {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 26px 0 0;
}
.static-custom-page .bp-points span {
        position: relative;
        padding: 16px 16px 16px 46px;
        border: 1px solid var(--bp-line);
        border-radius: var(--bp-radius-small);
        background: rgba(255, 255, 255, 0.04);
        color: var(--bp-ink);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.45;
}
.static-custom-page .bp-points span::before {
        content: "";
        position: absolute;
        top: 17px;
        left: 16px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: var(--bp-accent);
}
.static-custom-page .bp-points span::after {
        content: "";
        position: absolute;
        top: 22px;
        left: 21px;
        width: 7px;
        height: 4px;
        border-bottom: 2.5px solid #0f0f15;
        border-left: 2.5px solid #0f0f15;
        transform: rotate(-45deg);
}
.static-custom-page .bp-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin: 30px 0 0;
}
.static-custom-page .bp-metrics span {
        display: block;
        padding: 18px 18px 16px;
        border: 1px solid var(--bp-line);
        border-radius: var(--bp-radius-small);
        background: rgba(255, 255, 255, 0.04);
        color: var(--bp-muted);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.04em;
        text-transform: uppercase;
}
.static-custom-page .bp-metrics span:first-child {
        border-color: var(--bp-accent-line);
        background: var(--bp-accent-soft);
}
.static-custom-page .bp-metrics strong {
        display: block;
        margin-bottom: 6px;
        color: var(--bp-ink);
        font-size: 26px;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: none;
}

/* hero patterns */
.static-custom-page .bp-hero-split {
        align-items: center;
        min-height: 620px;
        padding-left: 48px;
        padding-right: 48px;
        border: 1px solid var(--bp-line);
        border-radius: 36px;
        background:
                radial-gradient(circle at 82% 18%, var(--bp-accent-glow), transparent 42%),
                radial-gradient(circle at 6% 94%, rgba(244, 195, 93, 0.1), transparent 36%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015));
        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.35);
        overflow: hidden;
}
.static-custom-page .bp-hero-split .bp-visual {
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
}
.static-custom-page .bp-hero-split .bp-image {
        width: min(100%, 640px);
        margin-left: auto;
        filter: drop-shadow(0 34px 70px rgba(0, 0, 0, 0.52));
}
.static-custom-page .bp-hero-stage {
        align-items: flex-start;
        text-align: center;
}
.static-custom-page .bp-hero-stage .bp-copy {
        max-width: 860px;
        margin: 0 auto;
}
.static-custom-page .bp-hero-stage .bp-eyebrow,
.static-custom-page .bp-hero-stage .bp-tags {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-hero-stage h1.bp-title {
        max-width: none;
        margin: 0 auto;
}
.static-custom-page .bp-hero-stage .bp-lead {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-hero-stage .bp-cta {
        margin: 32px 6px 0;
}
.static-custom-page .bp-hero-stage .bp-visual {
        position: relative;
        max-width: 980px;
        margin: 34px auto 0;
        padding: 30px 30px 26px;
        text-align: left;
}
.static-custom-page .bp-hero-stage .bp-visual::before {
        content: "";
        position: absolute;
        inset: auto 12% -40px;
        height: 120px;
        border-radius: 50%;
        background: var(--bp-accent-glow);
        filter: blur(50px);
        pointer-events: none;
}
.static-custom-page .bp-hero-stage .bp-caption {
        margin: 18px auto 0;
        max-width: 520px;
        text-align: center;
}
.static-custom-page .bp-hero-poster {
        align-items: center;
        min-height: 560px;
}
.static-custom-page .bp-hero-poster .bp-visual {
        padding: 22px;
        transform: rotate(-1.5deg);
        border-color: var(--bp-accent-line);
        background:
                radial-gradient(circle at 30% 20%, var(--bp-accent-soft), transparent 40%),
                var(--bp-surface);
}
.static-custom-page .bp-hero-poster .bp-caption {
        margin: 12px 0 0;
        max-width: none;
        border-color: var(--bp-accent-line);
}
.static-custom-page .bp-hero-poster .bp-copy {
        padding-left: 24px;
}
.static-custom-page .bp-hero-spotlight {
        position: relative;
        min-height: 640px;
        align-items: center;
        overflow: hidden;
        border-radius: 36px;
        border: 1px solid var(--bp-line);
        background:
                radial-gradient(circle at 70% 30%, var(--bp-accent-glow), transparent 45%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0));
        padding-left: 48px;
        padding-right: 48px;
}
.static-custom-page .bp-hero-spotlight .large-5,
.static-custom-page .bp-hero-spotlight .large-6,
.static-custom-page .bp-hero-spotlight .large-7 {
        width: 100%;
}
.static-custom-page .bp-hero-spotlight .large-5 {
        position: static;
        height: 0;
        padding: 0;
        overflow: visible;
}
.static-custom-page .bp-hero-spotlight .bp-copy {
        max-width: 640px;
}
.static-custom-page .bp-hero-spotlight .bp-visual {
        position: absolute;
        right: -3%;
        top: 50%;
        z-index: 0;
        width: 58%;
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
        transform: translateY(-50%);
        opacity: 0.92;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%);
        mask-image: linear-gradient(90deg, transparent 0, #000 30%);
        pointer-events: none;
}
.static-custom-page .bp-hero-spotlight .bp-visual .bp-caption {
        display: none;
}
.static-custom-page .bp-hero-spotlight .bp-copy .bp-caption {
        display: block;
        margin: 26px 0 0;
}

/* strip */
.static-custom-page .bp-strip {
        align-items: stretch;
}
.static-custom-page .bp-strip-col {
        padding-top: 22px;
        border-top: 2px solid var(--bp-line);
}
.static-custom-page .bp-strip--cards .bp-strip-col {
        padding-top: var(--bp-pad);
        border-top: 1px solid var(--bp-surface-border);
}
.static-custom-page .bp-strip-item {
        margin: 0;
        color: var(--bp-muted);
        font-size: 15px;
        line-height: 1.55;
}
.static-custom-page .bp-strip-item small {
        display: block;
        margin-bottom: 14px;
        color: var(--bp-accent);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
}
.static-custom-page .bp-strip-item strong {
        display: block;
        margin-bottom: 12px;
        color: var(--bp-ink);
        font-size: 21px;
        font-weight: 800;
        line-height: 1.25;
}
.static-custom-page .bp-strip-item br {
        display: none;
}

/* split, stagger, showcase */
.static-custom-page .bp-split,
.static-custom-page .bp-split-stagger,
.static-custom-page .bp-board,
.static-custom-page .bp-timeline,
.static-custom-page .bp-checklist,
.static-custom-page .bp-qa-list,
.static-custom-page .bp-cta-split,
.static-custom-page .bp-compare {
        align-items: center;
}
.static-custom-page .bp-split .bp-copy,
.static-custom-page .bp-board .bp-copy,
.static-custom-page .bp-timeline .bp-copy,
.static-custom-page .bp-checklist .bp-copy,
.static-custom-page .bp-qa-list .bp-copy,
.static-custom-page .bp-compare .bp-copy {
        padding-right: 24px;
}
.static-custom-page .bp-flip .bp-copy {
        padding-right: 0;
        padding-left: 24px;
}
.static-custom-page .bp-split-stagger .bp-visual {
        margin: 30px -24px -30px 0;
        transform: rotate(-1.5deg);
}
.static-custom-page .bp-split-stagger.bp-flip .bp-visual {
        margin: 30px 0 -30px -24px;
        transform: rotate(1.5deg);
}
.static-custom-page .bp-split-stagger .bp-copy {
        padding: var(--bp-pad);
        border: 1px solid var(--bp-surface-border);
        border-radius: var(--bp-radius);
        background: var(--bp-surface);
}
.static-custom-page .bp-split-stagger .bp-caption {
        transform: rotate(1.5deg);
}
.static-custom-page .bp-showcase .bp-intro {
        max-width: 820px;
}
.static-custom-page .bp-showcase .bp-visual {
        max-width: 980px;
        margin: 0 auto;
        padding: 30px;
}
.static-custom-page .bp-showcase .bp-caption {
        margin: 18px auto 0;
        max-width: 560px;
}
.static-custom-page .bp-showcase .bp-points,
.static-custom-page .bp-showcase .bp-metrics {
        margin-top: 18px;
}
.static-custom-page .bp-showcase .bp-points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* board rows */
.static-custom-page .bp-board {
        padding: 10px var(--bp-pad);
}
.static-custom-page .bp-row {
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) auto;
        gap: 18px;
        align-items: center;
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid var(--bp-line);
        color: var(--bp-muted);
        font-size: 14px;
        line-height: 1.45;
}
.static-custom-page .bp-row:last-of-type {
        border-bottom: 0;
}
.static-custom-page .bp-row small {
        position: relative;
        padding-left: 22px;
        color: var(--bp-ink);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
}
.static-custom-page .bp-row small::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--bp-accent);
        box-shadow: 0 0 0 4px var(--bp-accent-soft);
}
.static-custom-page .bp-row--b small::before {
        background: #f4c35d;
        box-shadow: 0 0 0 4px rgba(244, 195, 93, 0.2);
}
.static-custom-page .bp-row--c small::before {
        background: #77e6bc;
        box-shadow: 0 0 0 4px rgba(119, 230, 188, 0.2);
}
.static-custom-page .bp-row--d small::before {
        background: #a78bfa;
        box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.2);
}
.static-custom-page .bp-row strong {
        color: var(--bp-ink);
        font-size: 16px;
        font-weight: 800;
        line-height: 1.3;
}
.static-custom-page .bp-row span {
        padding: 7px 12px;
        border: 1px solid var(--bp-line);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.05);
        color: var(--bp-ink);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        white-space: nowrap;
}
.static-custom-page .bp-board .bp-callout {
        margin: 6px 0 12px;
}

/* cards, bento, band */
.static-custom-page .bp-cards,
.static-custom-page .bp-bento,
.static-custom-page .bp-band {
        align-items: stretch;
}
.static-custom-page .bp-card {
        height: 100%;
        padding: 28px 24px 26px;
}
.static-custom-page .bp-cards--accent-top .bp-card {
        border-top: 3px solid var(--bp-accent);
}
.static-custom-page .bp-cards--icon-left .bp-card {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        column-gap: 18px;
        align-content: start;
}
.static-custom-page .bp-cards--icon-left .bp-icon {
        grid-row: 1 / span 2;
        margin: 0;
}
.static-custom-page .bp-icon {
        display: block;
        width: 56px;
        height: 56px;
        margin: 0 0 20px;
}
.static-custom-page .bp-card-title {
        margin: 0 0 10px;
        font-size: 20px;
        font-weight: 800;
        line-height: 1.2;
}
.static-custom-page .bp-card-text {
        margin: 0;
        color: var(--bp-muted);
        font-size: 15px;
        line-height: 1.5;
}
.static-custom-page .bp-card--feature {
        padding: 36px 34px;
        border-color: var(--bp-accent-line);
        background:
                radial-gradient(circle at 90% 0%, var(--bp-accent-glow), transparent 45%),
                var(--bp-surface);
}
.static-custom-page .bp-card--feature .bp-icon {
        width: 72px;
        height: 72px;
}
.static-custom-page .bp-card--feature .bp-card-title {
        font-size: 28px;
        line-height: 1.1;
}
.static-custom-page .bp-card--feature .bp-card-text {
        font-size: 17px;
}
.static-custom-page .bp-card--wide {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        column-gap: 34px;
        align-items: center;
        height: auto;
}
.static-custom-page .bp-card--wide .bp-image {
        margin: 0;
}
.static-custom-page .bp-card--wide .bp-callout {
        margin: 0;
}
.static-custom-page .bp-band {
        padding-left: 18px;
        padding-right: 18px;
        border: 1px solid var(--bp-surface-border);
        border-radius: var(--bp-radius);
        background: var(--bp-surface);
        box-shadow: var(--bp-surface-shadow);
}
.static-custom-page .bp-band .bp-intro {
        margin: 10px 0 16px;
}
.static-custom-page .bp-band .bp-card {
        height: 100%;
        padding: 20px 28px;
        border: 0;
        border-left: 1px solid var(--bp-line);
        border-radius: 0;
        background: none;
        box-shadow: none;
}
.static-custom-page .bp-band .large-4:nth-of-type(2) .bp-card {
        border-left: 0;
}
.static-custom-page .bp-steps-line.bp-labels .bp-step small {
        font-size: 12px;
        letter-spacing: 0.1em;
        margin-bottom: 12px;
}
.static-custom-page .bp-band .bp-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
}
.static-custom-page .bp-band .bp-card-title {
        font-size: 18px;
}
.static-custom-page .bp-band .bp-card-text {
        font-size: 14px;
}

/* steps: horizontal line and vertical timeline */
.static-custom-page .bp-steps-line {
        align-items: stretch;
}
.static-custom-page .bp-steps-line .bp-step-col {
        height: 100%;
}
.static-custom-page .bp-steps-line .bp-step {
        position: relative;
        height: 100%;
        margin: 0;
        padding-top: 30px;
        color: var(--bp-muted);
        font-size: 15px;
        line-height: 1.5;
}
.static-custom-page .bp-step small {
        display: block;
        margin-bottom: 12px;
        color: var(--bp-accent);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.1em;
        text-transform: uppercase;
}
.static-custom-page .bp-steps-line .bp-step small {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 18px;
}
.static-custom-page .bp-step strong {
        display: block;
        margin-bottom: 8px;
        color: var(--bp-ink);
        font-size: 18px;
        font-weight: 800;
        line-height: 1.3;
}
.static-custom-page .bp-step span {
        display: block;
}
.static-custom-page .bp-steps-line .bp-step::after {
        content: "";
        position: absolute;
        top: 22px;
        right: -22px;
        width: 22px;
        height: 2px;
        background: var(--bp-line);
}
.static-custom-page .bp-steps-line .bp-step-col:last-child .bp-step::after {
        display: none;
}
.static-custom-page .bp-timeline .bp-rail {
        position: relative;
        padding-left: 34px;
}
.static-custom-page .bp-timeline .bp-rail::before {
        content: "";
        position: absolute;
        top: 18px;
        bottom: 18px;
        left: 9px;
        width: 2px;
        background: linear-gradient(180deg, var(--bp-accent), var(--bp-line));
}
.static-custom-page .bp-timeline .bp-step {
        position: relative;
        margin: 0 0 26px;
        color: var(--bp-muted);
        font-size: 15px;
        line-height: 1.5;
}
.static-custom-page .bp-timeline .bp-step:last-of-type {
        margin-bottom: 0;
}
.static-custom-page .bp-timeline .bp-step::before {
        content: "";
        position: absolute;
        top: 4px;
        left: -32px;
        width: 16px;
        height: 16px;
        border: 3px solid #0b0b0e;
        border-radius: 50%;
        background: var(--bp-line);
        box-shadow: 0 0 0 2px var(--bp-line);
}
.static-custom-page .bp-timeline .bp-step--active::before {
        background: var(--bp-accent);
        box-shadow: 0 0 0 4px var(--bp-accent-soft);
}
.static-custom-page .bp-timeline .bp-step--active strong {
        color: var(--bp-accent);
}

/* compare, checklist */
.static-custom-page .bp-compare-panel {
        height: 100%;
}
.static-custom-page .bp-compare-panel--pos {
        border-color: var(--bp-accent-line);
        background:
                radial-gradient(circle at 90% 0%, var(--bp-accent-glow), transparent 45%),
                var(--bp-surface);
}
.static-custom-page .bp-compare-panel--neg {
        background: rgba(255, 255, 255, 0.02);
}
.static-custom-page .bp-panel-title {
        margin: 0;
        font-size: 22px;
        font-weight: 800;
        line-height: 1.2;
}
.static-custom-page .bp-compare-panel--pos .bp-panel-title {
        color: var(--bp-accent);
}
.static-custom-page .bp-compare-panel .bp-list ul {
        margin-top: 18px;
}
.static-custom-page .bp-compare .bp-image--inline {
        width: 100%;
        margin-top: 0;
}
.static-custom-page .bp-checklist .bp-points {
        margin-top: 0;
}
.static-custom-page .bp-checklist .bp-image + .bp-points {
        margin-top: 22px;
}

/* q&a */
.static-custom-page .bp-qa {
        margin: 0;
        color: var(--bp-muted);
        font-size: 15px;
        line-height: 1.55;
}
.static-custom-page .bp-qa small {
        display: block;
        margin-bottom: 8px;
        color: var(--bp-accent);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
}
.static-custom-page .bp-qa strong {
        display: block;
        margin-bottom: 6px;
        color: var(--bp-ink);
        font-size: 18px;
        font-weight: 800;
        line-height: 1.3;
}
.static-custom-page .bp-qa span {
        display: block;
}
.static-custom-page .bp-qa-grid,
.static-custom-page .bp-cards,
.static-custom-page .bp-steps-line {
        justify-content: center;
}
.static-custom-page .bp-qa-grid .bp-qa {
        display: flex;
        flex-direction: column;
        height: 100%;
}
.static-custom-page .bp-qa-grid .bp-qa span {
        padding-bottom: 20px;
}
.static-custom-page .bp-qa-grid .bp-qa::after {
        content: "";
        display: block;
        width: 56px;
        height: 3px;
        margin-top: auto;
        border-radius: 3px;
        background: linear-gradient(90deg, var(--bp-accent), transparent);
        opacity: 0.8;
}
.static-custom-page .bp-qa-list .bp-qa {
        position: relative;
        padding: 22px 56px 22px 0;
        border-bottom: 1px solid var(--bp-line);
}
.static-custom-page .bp-qa-list .bp-qa:last-of-type {
        border-bottom: 0;
}
.static-custom-page .bp-qa-list .bp-qa::after {
        content: "+";
        position: absolute;
        top: 22px;
        right: 0;
        width: 34px;
        height: 34px;
        border: 1px solid var(--bp-accent-line);
        border-radius: 50%;
        color: var(--bp-accent);
        font-size: 20px;
        font-weight: 800;
        line-height: 32px;
        text-align: center;
}

/* cta patterns */
.static-custom-page .bp-cta-action {
        display: flex;
        flex-direction: column;
        justify-content: center;
}
.static-custom-page .bp-cta-action .bp-cta {
        margin-top: 0;
}
.static-custom-page .bp-cta-center .bp-cta-box {
        padding: 64px 32px 60px;
        text-align: center;
        background:
                radial-gradient(circle at 50% 0%, var(--bp-accent-glow), transparent 55%),
                var(--bp-surface);
}
.static-custom-page .bp-cta-center .bp-title {
        max-width: 760px;
        margin: 0 auto;
}
.static-custom-page .bp-cta-center .bp-lead {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-cta-center .bp-eyebrow {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-cta-center .bp-cta {
        margin: 30px 6px 0;
}
.static-custom-page .bp-cta-banner {
        align-items: center;
        padding: 30px 40px;
        border: 1px solid var(--bp-accent-line);
        border-radius: var(--bp-radius);
        background:
                radial-gradient(circle at 10% 20%, var(--bp-accent-glow), transparent 40%),
                linear-gradient(120deg, var(--bp-accent-soft), rgba(255, 255, 255, 0.02));
}
.static-custom-page .bp-cta-banner .bp-title {
        font-size: 34px;
}
.static-custom-page .bp-cta-banner .bp-cta-action {
        align-items: flex-start;
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
}

/* container cap, rhythm, spots */
.static-custom-page .wrapper {
        max-width: 1400px;
}
.static-custom-page .bp {
        margin-bottom: 64px;
}
.static-custom-page .bp:first-child {
        margin-top: 24px;
}
.static-custom-page .bp-hero-split,
.static-custom-page .bp-hero-spotlight,
.static-custom-page .bp-hero-poster {
        padding-top: 70px;
        padding-bottom: 60px;
}
.static-custom-page .bp-hero-stage {
        padding-top: 40px;
}
.static-custom-page .bp-strip {
        padding-top: 12px;
}
.static-custom-page .bp-intro--spot {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        column-gap: 36px;
        row-gap: 0;
        align-items: end;
        max-width: none;
        margin-bottom: 8px;
}
.static-custom-page .bp-intro--spot > * {
        grid-column: 1;
}
.static-custom-page .bp-intro--spot > .bp-spot {
        grid-column: 2;
        grid-row: 1 / span 8;
        align-self: end;
        max-width: 280px;
}
.static-custom-page .bp-spot {
        display: block;
        width: 100%;
        max-width: 320px;
        margin: 0;
        justify-self: end;
        filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
}
.static-custom-page .bp-intro--wide {
        grid-template-columns: minmax(0, 1fr) 460px;
}
.static-custom-page .bp-intro--wide > .bp-spot {
        max-width: 460px;
}
.static-custom-page .bp-copy > .bp-spot {
        max-width: 300px;
        margin-top: 26px;
}
.static-custom-page .bp-cta-center .bp-spot,
.static-custom-page .bp-cta-action .bp-spot {
        max-width: 240px;
        margin: 0 auto 14px;
}
.static-custom-page .bp-cta-split .bp-cta-action .bp-spot {
        margin: 0 0 14px;
}
.static-custom-page .bp-showcase {
        text-align: center;
}
.static-custom-page .bp-showcase .bp-intro {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-showcase .bp-eyebrow,
.static-custom-page .bp-showcase .bp-tags {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-showcase .bp-lead {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-showcase .bp-visual {
        max-width: 1100px;
}
.static-custom-page .bp-showcase .bp-image {
        max-width: 900px;
        margin: 0 auto;
}
.static-custom-page .bp-showcase .bp-points {
        text-align: left;
}
.static-custom-page .bp-split .bp-points {
        grid-template-columns: 1fr;
        margin-top: 22px;
}
.static-custom-page .bp-hero-stage .bp-visual {
        max-width: 1100px;
}
.static-custom-page .bp-hero-stage .bp-image {
        max-width: 960px;
        margin: 0 auto;
}

/* stage: central visual flanked by two side columns */
.static-custom-page .bp-stage {
        align-items: center;
        text-align: center;
}
.static-custom-page .bp-stage .bp-intro {
        max-width: 820px;
        margin: 0 auto 26px;
}
.static-custom-page .bp-stage .bp-eyebrow,
.static-custom-page .bp-stage .bp-tags {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-stage .bp-lead {
        margin-left: auto;
        margin-right: auto;
}
.static-custom-page .bp-stage .bp-side {
        text-align: left;
}
.static-custom-page .bp-stage .bp-side .bp-metrics,
.static-custom-page .bp-stage .bp-side .bp-points {
        grid-template-columns: 1fr;
        margin: 0;
}
.static-custom-page .bp-stage .bp-side .bp-list ul {
        margin-top: 0;
}
.static-custom-page .bp-stage .bp-side .bp-callout {
        margin: 0 0 18px;
}
.static-custom-page .bp-stage .bp-side .bp-spot {
        max-width: 100%;
        margin: 0;
}
.static-custom-page .bp-stage .bp-visual {
        padding: 26px;
}
.static-custom-page .bp-stage .bp-caption {
        max-width: none;
        margin: 14px 0 0;
        text-align: left;
}
.static-custom-page .bp-hero-stage .bp-visual {
        display: grid;
        grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
        grid-template-rows: 1fr auto auto auto 1fr;
        column-gap: 34px;
        row-gap: 0;
        max-width: none;
        text-align: left;
}
.static-custom-page .bp-hero-stage .bp-visual > .bp-image {
        grid-column: 1;
        grid-row: 1 / -1;
        align-self: center;
        max-width: none;
        margin: 0;
}
.static-custom-page .bp-hero-stage .bp-visual > .bp-caption {
        grid-column: 2;
        grid-row: 2;
}
.static-custom-page .bp-hero-stage .bp-visual > .bp-tags {
        grid-column: 2;
        grid-row: 3;
        justify-content: flex-start;
        margin: 18px 0 0;
}
.static-custom-page .bp-hero-stage .bp-visual > .bp-cta {
        grid-column: 2;
        grid-row: 4;
        justify-self: start;
        margin: 22px 0 0;
}
.static-custom-page .bp-hero-stage .bp-caption {
        max-width: none;
        margin: 0;
        padding: 26px 28px;
        font-size: 16px;
}
.static-custom-page .bp-hero-stage .bp-caption strong {
        font-size: 22px;
        line-height: 1.25;
}

/* responsive */
@media screen and (max-width: 1180px) {
        .static-custom-page .bp-intro--spot {
                grid-template-columns: minmax(0, 1fr) 240px;
        }
        .static-custom-page .bp-intro--wide {
                grid-template-columns: minmax(0, 1fr) 340px;
        }
        .static-custom-page .bp-stage .large-3 {
                width: 50%;
        }
        .static-custom-page .bp-stage .large-6 {
                width: 100%;
                order: -1;
        }
        .static-custom-page .bp {
                --bp-title: 38px;
                --bp-hero-title: 50px;
        }
        .static-custom-page .bp-cards .large-3,
        .static-custom-page .bp-steps-line .large-3,
        .static-custom-page .bp-qa-grid .large-4,
        .static-custom-page .bp-strip .large-3 {
                width: 50%;
        }
        .static-custom-page .bp-row {
                grid-template-columns: 120px minmax(0, 1fr) auto;
        }
}
@media screen and (max-width: 850px) {
        .static-custom-page .bp {
                --bp-title: 32px;
                --bp-hero-title: 40px;
                --bp-pad: 22px;
                padding-left: 22px;
                padding-right: 22px;
        }
        .static-custom-page .bp-hero-split,
        .static-custom-page .bp-hero-spotlight,
        .static-custom-page .bp-hero-poster {
                min-height: auto;
                padding: 56px 22px 40px;
        }
        .static-custom-page .bp [class^="large-"] {
                width: 100%;
        }
        .static-custom-page .bp-strip .large-4,
        .static-custom-page .bp-strip .large-3,
        .static-custom-page .bp-cards .large-3,
        .static-custom-page .bp-cards .large-4,
        .static-custom-page .bp-bento .large-3,
        .static-custom-page .bp-qa-grid .large-4 {
                width: 50%;
        }
        .static-custom-page .bp-flip {
                flex-direction: row;
        }
        .static-custom-page .bp-copy,
        .static-custom-page .bp-flip .bp-copy {
                padding-left: 0;
                padding-right: 0;
        }
        .static-custom-page .bp-split-stagger .bp-visual,
        .static-custom-page .bp-split-stagger.bp-flip .bp-visual {
                margin: 16px 0 0;
                transform: none;
        }
        .static-custom-page .bp-split-stagger .bp-caption {
                transform: none;
        }
        .static-custom-page .bp-hero-split .bp-image {
                margin: 24px auto 0;
        }
        .static-custom-page .bp-hero-spotlight .bp-visual {
                position: relative;
                right: auto;
                top: auto;
                width: 100%;
                margin-top: 20px;
                transform: none;
                opacity: 1;
                -webkit-mask-image: none;
                mask-image: none;
        }
        .static-custom-page .bp-hero-poster .bp-visual {
                transform: none;
        }
        .static-custom-page .bp-hero-stage .bp-visual {
                grid-template-columns: 1fr;
                grid-template-rows: none;
        }
        .static-custom-page .bp-card--wide {
                grid-template-columns: 1fr;
                row-gap: 18px;
        }
        .static-custom-page .bp-hero-stage .bp-visual > .bp-image,
        .static-custom-page .bp-hero-stage .bp-visual > .bp-caption,
        .static-custom-page .bp-hero-stage .bp-visual > .bp-tags,
        .static-custom-page .bp-hero-stage .bp-visual > .bp-cta {
                grid-column: 1;
                grid-row: auto;
        }
        .static-custom-page .bp-hero-stage .bp-visual > .bp-caption {
                margin-top: 16px;
        }
        .static-custom-page .bp-stage .large-3 {
                width: 100%;
        }
        .static-custom-page .bp-hero-poster .bp-copy {
                padding-left: 0;
        }
        .static-custom-page .bp-intro--spot {
                grid-template-columns: 1fr;
        }
        .static-custom-page .bp-intro--spot > .bp-spot {
                grid-column: 1;
                grid-row: auto;
        }
        .static-custom-page .bp-spot {
                max-width: 220px;
                justify-self: start;
        }
        .static-custom-page .bp-hero-split,
        .static-custom-page .bp-hero-spotlight,
        .static-custom-page .bp-hero-poster {
                padding-top: 40px;
                padding-bottom: 32px;
        }
        .static-custom-page .bp-caption {
                max-width: none;
                margin-top: 14px;
        }
        .static-custom-page .bp-band .bp-band-wrap {
                grid-template-columns: 1fr;
        }
        .static-custom-page .bp-band .bp-card {
                border-left: 0;
                border-top: 1px solid var(--bp-line);
        }
        .static-custom-page .bp-band .bp-card:first-child {
                border-top: 0;
        }
        .static-custom-page .bp-steps-line .bp-step::after {
                display: none;
        }
        .static-custom-page .bp-row {
                grid-template-columns: 1fr;
                gap: 8px;
        }
        .static-custom-page .bp-row span {
                justify-self: start;
        }
        .static-custom-page .bp-points,
        .static-custom-page .bp-showcase .bp-points {
                grid-template-columns: 1fr;
        }
        .static-custom-page .bp-metrics {
                grid-template-columns: 1fr;
        }
        .static-custom-page .bp-cta-banner {
                padding: 22px 12px;
        }
        .static-custom-page .bp-cta-banner .bp-cta-action .bp-cta {
                margin-top: 10px;
        }
        .static-custom-page .bp-image--inline {
                width: 100%;
        }
}
@media screen and (max-width: 520px) {
        .static-custom-page .bp {
                --bp-title: 28px;
                --bp-hero-title: 34px;
        }
        .static-custom-page .bp-strip .large-4,
        .static-custom-page .bp-strip .large-3,
        .static-custom-page .bp-cards .large-3,
        .static-custom-page .bp-cards .large-4,
        .static-custom-page .bp-bento .large-3,
        .static-custom-page .bp-qa-grid .large-4 {
                width: 100%;
        }
        .static-custom-page .bp-cta {
                width: 100%;
                margin-right: 0;
        }
        .static-custom-page .bp-cta-center .bp-cta-box {
                padding: 44px 18px;
        }
        .static-custom-page .bp-cards--icon-left .bp-card {
                grid-template-columns: 1fr;
        }
        .static-custom-page .bp-cards--icon-left .bp-icon {
                grid-row: auto;
                margin-bottom: 16px;
        }
}

.external-api-requests__details-link {
                                display: inline-flex;
                                align-items: center;
                                gap: 6px;
                                font-weight: 600;
                                text-transform: uppercase;
                                font-size: 0.75rem;
                                letter-spacing: 0.04em;
                                color: inherit;
                                text-decoration: none;
}
.external-api-requests__details-link:hover,
.external-api-requests__details-link:focus {
                text-decoration: underline;
}

.external-api-requests__status-indicator {
                display: inline-block;
                width: 12px;
        height: 12px;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: middle;
}

.external-api-requests__status-indicator--success {
        background-color: var(--ntf-color-2ecc71);
}

.external-api-requests__status-indicator--error {
        background-color: var(--ntf-color-e74c3c);
}

.external-api-requests__details-grid {
        display: grid;
        gap: 16px;
        margin-top: 12px;
}

@media (min-width: 736px) {
        .external-api-requests__details-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

.external-api-requests__details-card {
        border-radius: 6px;
        padding: 16px;
        border: 1px solid var(--ntf-color-999999);
}

.external-api-requests__details-card h4 {
        margin-top: 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 0.04em;
}

.external-api-requests__details-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 8px;
}

.external-api-requests__details-label {
        display: block;
        font-weight: 600;
        margin-bottom: 2px;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.04em;
        color: var(--ntf-color-555555);
}

.external-api-requests__details-value {
        display: block;
}

.external-api-requests__code-block {
                background: var(--ntf-color-000000);
                border: 1px solid var(--ntf-color-999999);
                border-radius: 4px;
                padding: 12px;
                font-family: var(--ntf-font-family);
                font-size: 0.85rem;
                line-height: 1.4;
                white-space: pre-wrap;
                word-break: break-word;
                max-height: 320px;
                overflow: auto;
}

.otp-inputs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-inline: auto;
    max-width: 360px;
}

.otp-inputs input {
    width: 48px;
    height: 56px;
    background: var(--ntf-color-111111);
    color: var(--ntf-color-ffffff);
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    border: 1px solid var(--ntf-color-d9d9d9);
    border-radius: 8px;
}

.otp-inputs input:focus {
    outline: none;
    border-color: var(--ntf-color-7a7a7a);
    box-shadow: 0 0 0 2px var(--ntf-color-rgba-122-122-122-0-2);
}

@media (max-width: 736px) {
    .otp-inputs {
        gap: 8px;
    }

    .otp-inputs input {
        width: 40px;
        height: 48px;
        font-size: 22px;
    }
}

.account-confetto {
                width: 6px;
                height: 6px;
                position: fixed;
                top: -10px;
                border-radius: 50%;
                left: 50%;
                animation: account-confetti-fall linear forwards;
                z-index: 1000;
}

.phone-number-value {
                display: inline-flex;
                align-items: center;
}

.phone-verified-badge {
                                                                display: inline-flex;
                                                                align-items: center;
                                                                justify-content: center;
                                                                width: 18px;
                                                                height: 18px;
                                                                margin-left: 6px;
                                                                border-radius: 50%;
                                                                background: var(--ntf-color-fb1a3f);
                                                                color: var(--ntf-color-ffffff);
                                                                font-size: 12px;
                                                                line-height: 1;
                                                                vertical-align: middle;
}
.navigation-avatar {
                --avatar-size: 38px;
                overflow: hidden;
}

.event-information-table__value--changed {
    color: var(--ntf-color-d0021b);
    font-weight: 600;
}

.event-information-table__image-preview {
    display: block;
    max-width: 140px;
    max-height: 90px;
    width: auto;
    height: auto;
    border-radius: 6px;
    border: 1px solid var(--ntf-color-d9d9d9);
    object-fit: cover;
}

.event-information-table__image-url {
    display: inline-block;
    margin-top: 6px;
    line-height: 1.3;
    word-break: break-all;
}

@keyframes account-confetti-fall {
                from {
                                transform: translateX(0) rotate(0);
        }

        to {
                transform: translateX(calc(-50vw + 100vw * var(--confetti-x))) translateY(100vh) rotate(720deg);
        }
}


/* Canonical filters for every administrative and business listing. */
.listing-filter-box {
  --listing-control-height: 45px;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 10px 0;
  overflow: visible;
}

.listing-filter-box > form {
  display: block;
  margin: 0;
}

.listing-filters__primary {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.listing-filters__primary > :not(.listing-filters__primary-actions) {
  flex: 1 1 240px;
  min-width: 0;
}

.listing-filters__search,
.listing-filters__search .autocomplete-container {
  min-width: 0;
}

.listing-filters__search .inputstyle {
  width: 100%;
  height: var(--listing-control-height);
}

.listing-filters__primary-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
  min-height: var(--listing-control-height);
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.listing-filters__primary-actions > *,
.listing-filters__secondary-actions > * {
  min-width: 0;
}

.listing-filters__primary-actions .ui-action-button {
  min-width: 150px;
  min-height: var(--listing-control-height);
}

.listing-filters__toggle {
  gap: 10px;
  --ui-action-border: var(--ntf-color-rgba-0-0-0-0-08);
}

.listing-filters__toggle.is-active {
  --ui-action-border: var(--ntf-color-rgba-251-26-63-0-28);
  --ui-action-background: var(--ntf-color-rgba-251-26-63-0-08);
}

.listing-filters__toggle .zmdi {
  font-size: 18px;
  transition: transform .24s ease;
}

.listing-filter-box.is-open .listing-filters__toggle .zmdi {
  transform: rotate(180deg);
}

.listing-filters__toggle-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--ntf-color-fb1a3f);
  color: var(--ntf-color-ffffff);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.listing-filters__advanced {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  transition: max-height .28s ease, opacity .24s ease, transform .24s ease;
  will-change: max-height, opacity, transform;
}

.listing-filters__advanced-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  padding-top: 16px;
}

.listing-filters__advanced-grid .form,
.listing-filters__advanced-grid .autocomplete-container {
  min-width: 0;
}

.listing-filters__advanced-grid .inputstyle {
  width: 100%;
}

.listing-filters__secondary-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  padding-top: 14px;
}

.listing-filters__secondary-actions form {
  display: flex;
  align-items: stretch;
  margin: 0;
}


.listing-filters__export-menu {
  display: inline-flex;
  align-items: stretch;
}

.listing-filters__export-menu .options-menu {
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  min-width: 220px;
}

@media screen and (max-width: 1200px) {
  .listing-filters__primary > :not(.listing-filters__primary-actions) {
    flex-basis: 100%;
  }

  .listing-filters__primary-actions {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 736px) {
  .listing-filter-box {
    --listing-control-height: 42px;
  }

  .listing-filters__search .inputstyle {
    font-size: 16px;
  }

  .listing-filters__primary-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(var(--listing-control-height), auto);
    gap: 8px;
    width: 100%;
  }

  .listing-filters__primary-actions .ui-action-button {
    width: 100%;
    min-width: 0;
  }

  .listing-filters__primary-actions > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .listing-filters__advanced-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 420px) {
  .listing-filters__primary-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

.log-payload {
        background: var(--ntf-color-f7f7f7);
        border-radius: 6px;
        padding: 8px 10px;
        max-width: 340px;
        max-height: 220px;
        overflow: auto;
        font-size: 12px;
        line-height: 1.4;
}

.log-user__meta {
        font-size: 12px;
        color: var(--ntf-color-666666);
}

.organization-context {
        font-size: 16px;
        font-weight: 400;
        margin-left: 12px;
        text-transform: none;
        color: var(--ntf-color-666666);
}

.template-placeholders__item {
        border: 1px solid var(--ntf-color-cccccc);
        background-color: var(--ntf-color-f7f7f7);
        border-radius: 4px;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 12px;
        transition: background-color 0.2s ease;
}

.template-placeholders__item:hover,
.template-placeholders__item:focus {
        background-color: var(--ntf-color-e0e0e0);
        outline: none;
}

.template-groups__item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 12px;
        border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
        border-radius: 10px;
        background: var(--ntf-color-rgba-255-255-255-0-04);
}

.template-groups__item small {
        display: block;
        margin-top: 4px;
}

.template-runtime-settings__permissions {
        margin-top: 16px;
}

body.dark input[type="date"]::-webkit-calendar-picker-indicator,
body.dark input[type="time"]::-webkit-calendar-picker-indicator,
body.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator,
body.dark input[type="search"]::-webkit-search-cancel-button{
  filter: invert(1);
  opacity: .85;
}

body.dark input[type="number"]::-webkit-inner-spin-button,
body.dark input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: auto;
  appearance: auto;
  filter: invert(1) brightness(1.8);
  opacity: .9;
}

/* =========================================================
   FLOW PAYMENT - FIX FULL WIDTH inside .flow-ticket-card
   (quando la card è in colonna, i figli devono stretchare)
   ========================================================= */

.flow-ticket-page .flow-ticket-card.flow-payment-method-card{
  align-items: stretch;
  cursor: pointer;
}

.flow-ticket-page .flow-ticket-card.flow-payment-method-card:focus-within{
  outline: 1px solid var(--ntf-color-rgba-255-255-255-0-35);
  outline-offset: 2px;
}

.flow-ticket-page .flow-ticket-card.flow-payment-method-card > *{
  width: 100%;
  min-width: 0;
}

.flow-ticket-page .express-checkout-container{
  position: relative;
  width: 100%;
  border-radius: 6px;
  scroll-margin-block: 32px;
}

.flow-ticket-page .express-checkout-container.is-payment-action-required{
  outline: 3px solid var(--ntf-color-fb1a3f);
  outline-offset: 6px;
  animation: flow-payment-action-attention 0.85s ease-in-out 2;
}

@keyframes flow-payment-action-attention{
  0%, 100%{
    box-shadow: 0 0 0 0 rgba(251, 26, 63, 0);
  }
  50%{
    box-shadow: 0 0 0 10px rgba(251, 26, 63, 0.28);
  }
}

@media (prefers-reduced-motion: reduce){
  .flow-ticket-page .express-checkout-container.is-payment-action-required{
    animation: none;
  }
}

.flow-ticket-page .express-checkout-container > div,
.flow-ticket-page [id^="express-checkout-element-"]{
  width: 100%;
}

/* =========================================================
   FLOW PAYMENT - Stripe Elements base styles
   ========================================================= */

.flow-ticket-page #card-number-element,
.flow-ticket-page #card-expiry-element,
.flow-ticket-page #card-cvc-element{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%),
    rgba(17, 17, 17, 0.26);
  border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  min-height: 45px;
  padding: 10px 16px;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.flow-ticket-page .StripeElement{
  width: 100%;
}

.flow-ticket-page #card-number-element.StripeElement--focus,
.flow-ticket-page #card-expiry-element.StripeElement--focus,
.flow-ticket-page #card-cvc-element.StripeElement--focus{
  border-color: var(--ntf-color-ffffff);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 0 3px var(--ntf-color-rgba-255-255-255-0-06);
}

.flow-ticket-page #card-number-element.StripeElement--invalid,
.flow-ticket-page #card-expiry-element.StripeElement--invalid,
.flow-ticket-page #card-cvc-element.StripeElement--invalid{
  border-color: var(--ntf-color-fb1a3f);
}

.flow-ticket-page #card-number-element.StripeElement--invalid.StripeElement--focus,
.flow-ticket-page #card-expiry-element.StripeElement--invalid.StripeElement--focus,
.flow-ticket-page #card-cvc-element.StripeElement--invalid.StripeElement--focus{
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 0 3px var(--ntf-color-rgba-251-26-63-0-2);
}

.flow-ticket-page #card-errors {
  display: none;
  margin: 0;
}

.flow-ticket-page #card-errors:not(:empty) {
  display: block;
  margin: 0 0 12px;
}

/* =========================================================
   FLOW SUMMARY - niente righe tratteggiate nel blocco totals
   ========================================================= */

/* Disabilita il tratteggio per DDP e Commissioni (e in generale nelle totals) */
.flow-reservation-summary-card .flow-reservation-summary-totals .account-info-row {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* Se vuoi anche eliminare qualsiasi “tratteggio” che possa finire sopra Totale */
.flow-reservation-summary-card .flow-reservation-summary-totals .account-info-row + .account-info-row {
  border-top: none;
}

/* Mantieni SOLO la separazione del totale (già presente nel tuo CSS) */
.flow-reservation-summary-card .flow-reservation-summary-totals .account-info-row--total {
  border-top: 1px solid var(--ntf-color-2b2b2b) !important;
  padding-top: 12px;
}

/* =========================================================
   ADMIN MESSAGES - Chat layout (migrato da app/Views/admin-messages.php)
   ========================================================= */
.admin-messages-screen {
    --panel-start: var(--ntf-color-1f1f1f);
    --panel-end: var(--ntf-color-151515);
    --panel-border: var(--ntf-color-363636);
    --text-main: var(--ntf-color-f2f2f2);
    --accent: var(--ntf-color-d2d2d2);
    --accent-text: var(--ntf-color-f3f3f3);
    --messages-layout-offset: 250px;
    margin-top: 8px;
}

.admin-messages-content {
    color: var(--text-main);
    min-height: 0;
}

.admin-messages-screen .admin-heading__title {
    color: var(--ntf-color-ededed);
    font-size: clamp(24px, 2.2vw, 35px);
    font-weight: 700;
    line-height: 1.15;
}

.admin-messages-filters--dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 320px;
    padding: 12px;
    border: 1px solid var(--ntf-color-333333);
    border-radius: 12px;
    background: var(--ntf-color-141414);
    box-shadow: 0 12px 24px var(--ntf-color-rgba-0-0-0-0-38);
}

.admin-messages-filters--dropdown[hidden] {
    display: none;
}

.admin-messages-filter-group {
    min-width: 0;
}

.admin-messages-filter-group label {
    display: block;
    color: var(--ntf-color-b49bc3);
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-messages-filter-group select {
    width: 100%;
    border: 1px solid var(--ntf-color-3a3a3a);
    background: var(--ntf-color-111111);
    color: var(--ntf-color-f1f1f1);
    border-radius: 10px;
    padding: 9px 10px;
    font-size: 13px;
}

.admin-messages-layout {
    display: grid;
    grid-template-columns: minmax(290px, 340px) minmax(0, 1fr);
    gap: 18px;
    height: calc(100vh - var(--messages-layout-offset));
    height: calc(100dvh - var(--messages-layout-offset));
    max-height: calc(100vh - var(--messages-layout-offset));
    max-height: calc(100dvh - var(--messages-layout-offset));
    min-height: 0;
}

.admin-messages-sidebar,
.admin-messages-chat {
    border-radius: 18px;
    border: 1px solid var(--panel-border);
    background: linear-gradient(180deg, var(--panel-start) 0%, var(--panel-end) 100%);
    box-shadow: 0 20px 36px var(--ntf-color-rgba-0-0-0-0-38);
    color: var(--text-main);
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    height: 100%;
}

.admin-messages-sidebar {
    overflow: visible;
    display: flex;
    flex-direction: column;
}

.admin-panel-header {
    padding: 18px 18px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.admin-panel-title {
    margin: 0;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ntf-color-ffffff);
    min-width: 0;
    flex: 1 1 auto;
}



.admin-panel-new-chat-form {
    margin: 0;
}

.admin-conversation-search {
    position: relative;
    margin: 0 16px 12px;
}

.admin-conversation-search i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ntf-color-ffffff);
    font-size: 16px;
    pointer-events: none;
}

.admin-conversation-search input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--ntf-color-3a3a3a);
    background: var(--ntf-color-111111);
    color: var(--ntf-color-f2f2f2);
    padding: 11px 11px 11px 34px;
    font-size: 13px;
}

.admin-conversation-search input::placeholder {
    color: var(--ntf-color-888888);
}

.admin-conversation-toolbar {
    margin: 0 16px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    position: relative;
    color: var(--ntf-color-9d9d9d);
    font-size: 12px;
    font-weight: 600;
}

.admin-conversation-filter-dropdown {
    position: relative;
}






.admin-conversation-toolbar-unread {
    color: var(--ntf-color-eec8ff);
    font-weight: 700;
}

.admin-conversation-list {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 10px 10px;
    flex: 1;
    min-height: 0;
    max-height: none;
    width: 100%;
}

.admin-conversation-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: var(--ntf-color-171717);
    text-decoration: none;
    color: inherit;
    padding: 12px 44px 12px 12px;
    transition: background 0.24s ease, border-color 0.24s ease, opacity 0.24s ease, transform 0.24s ease;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.admin-conversation-item:hover {
    border-color: var(--ntf-color-444444);
    background: var(--ntf-color-222222);
}

.admin-conversation-item:focus-visible {
    outline: 2px solid var(--ntf-color-rgba-255-255-255-0-45);
    outline-offset: 2px;
    border-color: var(--ntf-color-676767);
    background: var(--ntf-color-222222);
}

.admin-conversation-item.is-hidden {
    display: none;
}

.admin-conversation-item.active {
    border-color: var(--ntf-color-5f5f5f);
    background: linear-gradient(95deg, var(--ntf-color-3a3a3a) 0%, var(--ntf-color-303030) 100%);
    box-shadow: 0 10px 24px var(--ntf-color-rgba-0-0-0-0-35);
}

.admin-conversation-item.is-unread-clearing {
    animation: admin-unread-clearing 0.65s ease both;
}

@keyframes admin-unread-clearing {
    0% {
        filter: none;
    }
    50% {
        filter: brightness(1.04);
    }
    100% {
        filter: none;
    }
}

.admin-conversation-item.is-read {
    opacity: 0.92;
}

.admin-avatar {
    --avatar-size: 54px;
    font-size: 18px;
    line-height: 1;
    border: 0;
    box-shadow: none;
    border-radius: 50%;
    clip-path: none;
    transform: none;
}

.admin-avatar.large {
    --avatar-size: 60px;
    font-size: 22px;
}

.admin-avatar.xl {
    --avatar-size: 100px;
    font-size: 30px;
}

.admin-conversation-item.active .admin-avatar {
    box-shadow: none;
}

.admin-conversation-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.admin-conversation-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
    min-width: 0;
}

.admin-conversation-name-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
}

.admin-conversation-head strong {
    margin: 0;
    color: var(--ntf-color-ffffff);
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.admin-conversation-name-row .admin-conversation-name {
    min-width: 0;
    flex: 1 1 auto;
}

.admin-conversation-verified {
    flex: 0 0 auto;
}

.admin-conversation-time {
    color: var(--ntf-color-959595);
    font-size: 11px;
    white-space: nowrap;
}

.admin-conversation-secondary-line {
    display: block;
    margin: 0;
    color: var(--ntf-color-afafaf);
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.admin-conversation-unread-counter {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: var(--ntf-color-ffffff);
    background: linear-gradient(90deg, var(--ntf-color-fb1a3f) 0%, var(--ntf-color-de1b3d) 56%, var(--ntf-color-ac1430) 100%);
    box-shadow: 0 4px 10px var(--ntf-color-rgba-217-30-62-0-34);
    pointer-events: none;
}

.admin-conversation-unread-counter[hidden] {
    display: none;
}

.admin-conversation-item.active .admin-conversation-time,
.admin-conversation-item.active .admin-conversation-secondary-line {
    color: var(--accent-text);
}

.admin-messages-chat {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.admin-chat-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--ntf-color-363636);
    background: linear-gradient(180deg, var(--ntf-color-1e1e1e) 0%, var(--ntf-color-191919) 100%);
    overflow: visible;
}

[data-chat-mobile-back] {
    display: none;
}

[data-chat-scroll-bottom] {
    align-self: center;
    margin: 4px 0 0;
}

.admin-chat-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.admin-chat-contact-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}

.admin-chat-contact-name-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.admin-chat-contact-title-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    flex: 0 1 auto;
    margin-right: auto;
}

.admin-chat-contact h2 {
    margin: 0;
    color: var(--ntf-color-ffffff);
    font-size: clamp(20px, 1.7vw, 30px);
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
}

.admin-chat-contact-title-group h2 {
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
}

.admin-chat-contact-meta-row {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.admin-chat-contact-type-tag {
    padding: 4px 10px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    flex: 0 0 auto;
    align-self: center;
}

.admin-chat-contact p {
    margin: 0;
    color: var(--ntf-color-bdbdbd);
    font-size: 12px;
    font-weight: 600;
}




.admin-messages-chat > .admin-chat-header {
    margin: 0 10px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--ntf-color-303030);
    border-radius: 14px;
}

.admin-messages-chat > .admin-chat-header .admin-chat-contact {
    padding: 0 4px;
}

.admin-messages-chat > .admin-chat-header .admin-avatar.large {
    --avatar-size: 52px;
    font-size: 19px;
}

.admin-messages-chat > .admin-chat-header .admin-chat-contact h2 {
    font-size: clamp(18px, 1.35vw, 24px);
}

.admin-messages-chat > .admin-chat-header .admin-chat-contact-meta-row {
    margin-top: 2px;
    gap: 6px;
}

.admin-messages-chat > .admin-chat-header .admin-chat-contact p {
    font-size: 11px;
}

.admin-new-chat-selected-user {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid var(--ntf-color-4a4a4a);
    background: var(--ntf-color-1b1b1b);
    padding: 4px 6px 4px 12px;
    max-width: 100%;
    width: fit-content;
}

.admin-new-chat-selected-user__label {
    color: var(--ntf-color-f0f0f0);
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(100%, 420px);
}



.admin-new-chat-status {
    min-height: 18px;
    margin: 0;
    color: var(--ntf-color-b5b5b5);
    font-size: 12px;
}

.admin-new-chat-status.is-error {
    color: var(--ntf-color-ff9898);
}

.admin-new-chat-status.is-success {
    color: var(--ntf-color-8bdfa8);
}

.admin-chat-info-modal .admin-profile-top {
    padding-top: 24px;
}

.admin-chat-info-modal .admin-profile-top h3 {
    font-size: clamp(24px, 3vw, 34px);
}

.admin-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 16px 16px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 10px;
    background: linear-gradient(180deg, var(--ntf-color-131313) 0%, var(--ntf-color-161616) 42%, var(--ntf-color-111111) 100%);
    min-height: 0;
}

.admin-chat-panel-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    background: linear-gradient(180deg, var(--ntf-color-131313) 0%, var(--ntf-color-161616) 42%, var(--ntf-color-111111) 100%);
    min-height: 0;
}

.admin-chat-panel-body .admin-empty-state {
    margin: auto 0;
}

.admin-chat-messages .admin-empty-state {
    margin: auto 0;
}

.admin-chat-history-loader {
    margin: 0 0 10px;
    align-self: center;
    border: 1px solid var(--ntf-color-3c3c3c);
    border-radius: 999px;
    background: var(--ntf-color-1b1b1b);
    color: var(--ntf-color-bdbdbd);
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px;
}

.admin-chat-unread-separator {
    position: relative;
    margin: 6px 0;
    text-align: center;
}

.admin-chat-unread-separator::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--ntf-color-rgba-255-255-255-0-12);
}

.admin-chat-unread-separator span {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-18);
    background: var(--ntf-color-1b1b1b);
    color: var(--ntf-color-d4d4d4);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.admin-chat-message {
    --chat-bubble-bg: linear-gradient(160deg, var(--ntf-color-5f6570) 0%, var(--ntf-color-505661) 45%, var(--ntf-color-424852) 100%);
    position: relative;
    max-width: 72%;
    border-radius: 24px 24px 24px 10px;
    border: 0;
    background: var(--chat-bubble-bg);
    padding: 11px 14px;
    box-shadow: none;
    transform-origin: left bottom;
}

.admin-chat-message::after {
    content: none;
    display: none;
}

.admin-chat-message--outbound {
    --chat-bubble-bg: linear-gradient(140deg, var(--ntf-color-fb1a3f) 0%, var(--ntf-color-de1b3d) 50%, var(--ntf-color-a7132d) 100%);
    margin-left: auto;
    border-radius: 24px 24px 10px 24px;
    background: var(--chat-bubble-bg);
    transform-origin: right bottom;
}

.admin-chat-message--outbound::after {
    content: none;
    display: none;
}

.admin-chat-message-sender {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 6px;
}

.admin-chat-message-sender-name {
    color: var(--ntf-color-rgba-255-255-255-0-9);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.admin-chat-message-verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--ntf-color-3ea8ff);
    color: var(--ntf-color-ffffff);
    box-shadow: 0 0 0 1px var(--ntf-color-rgba-62-168-255-0-35);
}

.admin-chat-message-verified i {
    font-size: 9px;
    line-height: 1;
}

.admin-chat-contact-verified {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.admin-chat-contact-verified i {
    font-size: 10px;
}

.admin-chat-message-text {
    margin: 0;
    color: var(--ntf-color-ffffff);
    font-size: 16px;
    line-height: 1.42;
    word-break: break-word;
}

.admin-chat-message--enter {
    animation: admin-chat-message-enter-inbound 0.38s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.admin-chat-message--outbound.admin-chat-message--enter {
    animation-name: admin-chat-message-enter-outbound;
}

@keyframes admin-chat-message-enter-inbound {
    0% {
        opacity: 0;
        transform: translateY(12px) translateX(-6px) scale(0.97);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) translateX(0) scale(1);
        filter: blur(0);
    }
}

@keyframes admin-chat-message-enter-outbound {
    0% {
        opacity: 0;
        transform: translateY(12px) translateX(10px) scale(0.97);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) translateX(0) scale(1);
        filter: blur(0);
    }
}

.admin-chat-message-image-link {
    display: block;
    margin-top: 8px;
}

.admin-chat-message-image {
    max-width: min(100%, 360px);
    width: auto;
    max-height: 280px;
    border-radius: 12px;
    border: 1px solid var(--ntf-color-4b4b4b);
    object-fit: cover;
}

.admin-chat-message-meta {
    margin-top: 7px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--ntf-color-rgba-255-255-255-0-68);
    font-size: 11px;
}

.admin-chat-message--outbound .admin-chat-message-meta {
    color: var(--ntf-color-rgba-255-255-255-0-8);
}

.admin-chat-message-delivery-status {
    margin-left: auto;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-28);
    background: var(--ntf-color-rgba-0-0-0-0-18);
}

.admin-chat-message-delivery-status.is-sent {
    color: var(--ntf-color-rgba-255-255-255-0-9);
}

.admin-chat-message-delivery-status.is-seen {
    color: var(--ntf-color-b9f6ce);
    border-color: var(--ntf-color-rgba-145-238-176-0-55);
    background: var(--ntf-color-rgba-52-125-77-0-22);
}

.admin-chat-composer {
    border-top: 1px solid var(--ntf-color-363636);
    background: var(--ntf-color-151515);
    padding: 8px 16px calc(4px + env(safe-area-inset-bottom));
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.admin-chat-composer-field {
    position: relative;
}

.admin-chat-composer textarea {
    width: 100%;
    background: var(--ntf-color-111111);
    border: 1px solid var(--ntf-color-3d3d3d);
    border-radius: 12px;
    color: var(--ntf-color-f0f0f0);
    padding: 11px 100px 11px 12px;
    font-size: 14px;
    min-height: 62px;
    max-height: 180px;
    resize: none;
}

.admin-chat-composer textarea::placeholder {
    color: var(--ntf-color-888888);
}


.admin-chat-composer-inline-tools {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.admin-chat-live-status {
    min-height: 0;
    margin: 0;
    font-size: 12px;
    color: var(--ntf-color-a8a8a8);
}

.admin-chat-live-status:not(:empty) {
    min-height: 14px;
    margin-top: 4px;
}

.admin-chat-live-status.is-info {
    color: var(--ntf-color-b7b7b7);
}

.admin-chat-live-status.is-success {
    color: var(--ntf-color-89d79f);
}

.admin-chat-live-status.is-error {
    color: var(--ntf-color-ff8f8f);
}



.admin-chat-attachment-name {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--ntf-color-adadad);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-chat-attachment-name[hidden] {
    display: none;
}

.admin-profile-top,
.admin-profile-card {
    border: 1px solid var(--ntf-color-363636);
    border-radius: 14px;
    background: var(--ntf-color-181818);
}

.admin-profile-top {
    padding: 20px 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow: visible;
}

.admin-profile-top h3 {
    margin: 12px 0 4px;
    color: var(--ntf-color-ffffff);
    font-size: clamp(28px, 2.3vw, 38px);
    line-height: 1;
    font-weight: 700;
    word-break: break-word;
}

.admin-profile-top p {
    margin: 0;
    color: var(--ntf-color-999999);
    font-size: 13px;
}

.admin-profile-card {
    padding: 14px;
}

.admin-profile-card h4 {
    margin: 0 0 12px;
    color: var(--ntf-color-ffffff);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.admin-profile-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 9px;
    color: var(--ntf-color-ababab);
    font-size: 12px;
    word-break: break-word;
}

.admin-profile-list li:last-child {
    margin-bottom: 0;
}

.admin-profile-list i {
    color: var(--ntf-color-b287ca);
    font-size: 15px;
    margin-top: 1px;
}

.admin-messages-status {
    margin-bottom: 14px;
    border-radius: 12px;
    border: 1px solid transparent;
    padding: 11px 13px;
    font-size: 13px;
}

.admin-messages-status.success {
    background: var(--ntf-color-1b1b1b);
    border-color: var(--ntf-color-3d3d3d);
    color: var(--ntf-color-f0f0f0);
}

.admin-messages-status.error {
    background: var(--ntf-color-1f1f1f);
    border-color: var(--ntf-color-444444);
    color: var(--ntf-color-f0f0f0);
}

.admin-empty-state {
    color: inherit;
    text-align: inherit;
    padding: 0;
    font-size: inherit;
}

.admin-empty-state.admin-empty-state--search {
    margin: 6px auto 0;
    padding: 14px 12px;
    border-radius: 10px;
    border: 1px dashed var(--ntf-color-3a3a3a);
    background: var(--ntf-color-141414);
}

.admin-empty-state.admin-chat-composer-disabled {
    border-top: 1px solid var(--ntf-color-363636);
    background: var(--ntf-color-151515);
    text-align: left;
    font-size: 13px;
    color: var(--ntf-color-bbbbbb);
    margin: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

@media (max-width: 1024px) {
    .admin-messages-screen {
        --messages-layout-offset: 180px;
    }

    .admin-messages-layout {
        grid-template-columns: 1fr;
        height: calc(100vh - var(--messages-layout-offset));
        height: calc(100dvh - var(--messages-layout-offset));
        max-height: calc(100vh - var(--messages-layout-offset));
        max-height: calc(100dvh - var(--messages-layout-offset));
    }

    .admin-messages-layout,
    .admin-messages-sidebar,
    .admin-conversation-list {
        overflow-x: hidden;
    }

    .admin-messages-layout.is-mobile-list .admin-messages-chat {
        display: none;
    }

    .admin-messages-layout.is-mobile-chat .admin-messages-sidebar {
        display: none;
    }

    .admin-messages-layout.is-mobile-chat .admin-messages-chat {
        display: flex;
    }

    .admin-chat-header {
        align-items: flex-start;
        padding: 8px 10px;
    }

    [data-chat-mobile-back] {
        display: inline-flex;
    }

    .admin-messages-chat > .admin-chat-header {
        margin: 0 8px;
        padding: 6px 8px;
    }

    .admin-chat-contact h2 {
        white-space: normal;
        overflow: visible;
        text-overflow: initial;
        line-height: 1.12;
    }

    .admin-chat-contact-title-group h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1;
    }

    .admin-chat-contact-meta-row {
        margin-top: 6px;
    }

    .admin-messages-filters--dropdown {
        grid-template-columns: 1fr;
        min-width: min(300px, calc(100vw - 64px));
    }

    .admin-chat-message {
        max-width: 100%;
    }

    .admin-chat-messages {
        padding: 12px 12px 14px;
    }

    .admin-chat-composer {
        padding: 6px 12px calc(2px + env(safe-area-inset-bottom));
    }

    .admin-empty-state.admin-chat-composer-disabled {
        padding: 6px 12px calc(2px + env(safe-area-inset-bottom));
    }

    .admin-chat-composer-inline-tools {
        right: 7px;
        bottom: 5px;
    }

}

.finance-refunded-badge {
    margin-top: 8px;
}

.finance-details {
    margin: 0;
    padding-left: 18px;
}

.finance-details li {
    margin-bottom: 6px;
}

.finance-details li:last-child {
    margin-bottom: 0;
}

.finance-refund-modal__intro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 20px;
}

.finance-refund-modal__intro .finance-refund-modal__meta {
    margin: 0;
}

.finance-refund-modal__notice {
    margin: 0;
}



.finance-refund-selection-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid var(--ntf-color-262626);
    border-radius: 12px;
    background: var(--ntf-color-151515);
}

.finance-refund-selection-toolbar__choice label {
    margin: 0;
    color: var(--ntf-color-ffffff);
    font-size: 0.9rem !important;
    cursor: pointer;
}

.finance-refund-selection-toolbar__hint {
    color: var(--ntf-color-999999);
    font-size: 0.82rem;
    line-height: 1.35;
    text-align: right;
}

.finance-refund-ticket-choice {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
}

.finance-refund-ticket-choice__label {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 8px;
    cursor: pointer;
}

.finance-refund-ticket-choice__label input[type="checkbox"] {
    width: 24px;
    height: 24px;
    margin: 0;
}

.finance-refund-ticket-choice__label:focus-within {
    outline: 2px solid var(--ntf-color-ff1744);
    outline-offset: 2px;
}

.finance-refund-ticket-choice__label:has(input:disabled) {
    cursor: not-allowed;
}

.finance-refund-ticket-row input[type="checkbox"]:disabled,
.finance-refund-selection-toolbar input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.finance-refund-ticket-reason {
    max-width: 240px;
    margin-top: 6px;
    white-space: normal;
}

.finance-refund-summary {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(220px, 1.2fr);
    gap: 10px;
}

.finance-refund-summary__metric {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid var(--ntf-color-262626);
    border-radius: 12px;
    background: var(--ntf-color-181818);
}

.finance-refund-summary__metric span {
    color: var(--ntf-color-999999);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-transform: uppercase;
}

.finance-refund-summary__metric strong {
    color: var(--ntf-color-ffffff);
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}

.finance-refund-summary__metric--primary strong {
    color: var(--ntf-color-ffffff);
    font-size: 1.2rem;
}


body.light .finance-refund-selection-toolbar,
body.light .finance-refund-summary__metric {
    border-color: var(--ntf-color-e4e6f1);
    background: var(--ntf-color-ffffff);
}

body.light .finance-refund-selection-toolbar__choice label,
body.light .finance-refund-summary__metric strong {
    color: var(--ntf-color-1a1f4b);
}

@media screen and (max-width: 736px) {
    .finance-refund-modal__intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .finance-refund-selection-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .finance-refund-selection-toolbar__hint {
        text-align: left;
    }

    .finance-refund-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-refund-summary__metric:first-child {
        grid-column: 1 / -1;
    }

    .finance-refund-summary__metric {
        padding: 10px 12px;
    }

}

.event-datetime-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
}

.event-datetime-group > h3,
.event-datetime-group > label {
    margin: 0;
}

.event-datetime-group__inputs {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(140px, 0.95fr);
    gap: 14px;
    align-items: start;
}

.event-datetime-field {
    min-width: 0;
}

.event-datetime-field .inputstyle,
.event-datetime-group .inputstyle {
    width: 100%;
    min-width: 0;
    cursor: pointer;
}

.event-datetime-field--time .inputstyle {
    cursor: text;
}

.event-datetime-time-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    max-height: 320px;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-14);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%),
        rgba(17, 17, 17, 0.42);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.22);
    z-index: 80;
}

.event-datetime-time-menu[hidden] {
    display: none;
}

.event-datetime-time-option {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    border: 0;
    background: transparent;
    color: var(--ntf-color-ffffff);
    padding: 12px 18px;
    font-size: 1.02rem;
    font-weight: 500;
    cursor: pointer;
}

.event-datetime-time-option:hover,
.event-datetime-time-option:focus,
.event-datetime-time-option.is-keyboard-active,
.event-datetime-time-option.is-selected {
    background: var(--ntf-color-rgba-255-255-255-0-12);
    outline: none;
}

#ui-datepicker-div {
    display: none;
    position: absolute;
}

.ui-datepicker.event-datetime-datepicker {
    width: 304px;
    padding: 14px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-14);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%),
        rgba(17, 17, 17, 0.34);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: 0 28px 56px rgba(0, 0, 0, 0.18);
    color: var(--ntf-color-ffffff);
    z-index: 10050 !important;
}

.js-birth-date-picker[readonly] {
    cursor: pointer;
    caret-color: transparent;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-bottom: 10px;
    border: 0;
    background: none !important;
    color: inherit;
    box-shadow: none !important;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-title {
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    text-transform: lowercase;
}

.ui-datepicker.event-datetime-datepicker.birth-date-datepicker .ui-datepicker-header {
    padding: 0 34px;
}

.ui-datepicker.event-datetime-datepicker.birth-date-datepicker .ui-datepicker-title {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(78px, 0.72fr);
    gap: 8px;
    align-items: center;
    letter-spacing: 0;
    text-transform: none;
}

.ui-datepicker.event-datetime-datepicker.birth-date-datepicker .ui-datepicker-title select {
    width: 100%;
    min-width: 0;
    height: 34px;
    display: block;
    margin: 0;
    padding: 0 30px 0 10px;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-14);
    border-radius: 8px;
    background-color: rgba(17, 17, 17, 0.72);
    background-image:
        linear-gradient(45deg, transparent 50%, currentColor 50%),
        linear-gradient(135deg, currentColor 50%, transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
    background-position:
        calc(100% - 15px) 52%,
        calc(100% - 10px) 52%,
        0 0;
    background-size:
        5px 5px,
        5px 5px,
        100% 100%;
    background-repeat: no-repeat;
    box-shadow: none;
    color: var(--ntf-color-ffffff);
    cursor: pointer;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.1;
    outline: none;
    text-transform: none;
    appearance: none;
    -webkit-appearance: none;
}

.ui-datepicker.event-datetime-datepicker.birth-date-datepicker .ui-datepicker-title select:hover,
.ui-datepicker.event-datetime-datepicker.birth-date-datepicker .ui-datepicker-title select:focus {
    border-color: var(--ntf-color-rgba-255-255-255-0-32);
    background-color: rgba(17, 17, 17, 0.86);
}

.ui-datepicker.event-datetime-datepicker.birth-date-datepicker .ui-datepicker-title select option {
    background: var(--ntf-color-111111);
    color: var(--ntf-color-ffffff);
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-prev,
.ui-datepicker.event-datetime-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.event-datetime-datepicker .ui-datepicker-next:hover,
.ui-datepicker.event-datetime-datepicker .ui-datepicker-prev:focus,
.ui-datepicker.event-datetime-datepicker .ui-datepicker-next:focus {
    background: var(--ntf-color-rgba-255-255-255-0-08);
    outline: none;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-prev span,
.ui-datepicker.event-datetime-datepicker .ui-datepicker-next span {
    display: block;
    font-size: 1.45rem;
    line-height: 1;
}

.ui-datepicker.event-datetime-datepicker table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
    background: none !important;
    box-shadow: none !important;
}

.ui-datepicker.event-datetime-datepicker thead,
.ui-datepicker.event-datetime-datepicker tbody,
.ui-datepicker.event-datetime-datepicker tr {
    background: none !important;
    box-shadow: none !important;
}

.ui-datepicker.event-datetime-datepicker th {
    padding: 0 0 2px;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--ntf-color-rgba-255-255-255-0-46);
    text-transform: lowercase;
    background: none !important;
    box-shadow: none !important;
}

.ui-datepicker.event-datetime-datepicker td {
    padding: 0;
    background: none !important;
    box-shadow: none !important;
}

.ui-datepicker.event-datetime-datepicker td span,
.ui-datepicker.event-datetime-datepicker td a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 999px;
    border: 0;
    background: none !important;
    box-shadow: none !important;
    color: var(--ntf-color-rgba-255-255-255-0-72);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.94rem;
}

.ui-datepicker.event-datetime-datepicker td a:hover,
.ui-datepicker.event-datetime-datepicker td a:focus {
    background: var(--ntf-color-rgba-255-255-255-0-08);
    color: var(--ntf-color-ffffff);
    outline: none;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-current-day a,
.ui-datepicker.event-datetime-datepicker .ui-state-active {
    background: var(--ntf-color-ffffff) !important;
    color: var(--ntf-color-111111) !important;
    -webkit-text-fill-color: var(--ntf-color-111111);
    box-shadow: none !important;
    font-weight: 700;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-today a {
    color: var(--ntf-color-fb1a3f);
    box-shadow: inset 0 0 0 1px var(--ntf-color-rgba-251-26-63-0-45) !important;
    font-weight: 700;
}

.ui-datepicker.event-datetime-datepicker .ui-datepicker-today.ui-datepicker-current-day a,
.ui-datepicker.event-datetime-datepicker .ui-datepicker-today .ui-state-active {
    background: var(--ntf-color-fb1a3f) !important;
    color: var(--ntf-color-ffffff) !important;
    -webkit-text-fill-color: var(--ntf-color-ffffff);
    box-shadow: none !important;
}

.ui-datepicker.event-datetime-datepicker td.ui-datepicker-other-month span,
.ui-datepicker.event-datetime-datepicker td.ui-datepicker-other-month a {
    color: var(--ntf-color-rgba-255-255-255-0-28);
}

.ui-datepicker.event-datetime-datepicker td.ui-datepicker-unselectable span {
    opacity: 0.38;
}

@media only screen and (max-width: 1024px) {
    .event-datetime-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media only screen and (max-width: 736px) {
    .event-datetime-group__inputs {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-datepicker.event-datetime-datepicker {
        width: min(304px, calc(100vw - 32px));
    }
}

/* Admin manual */
body.manual-page-body {
    background: var(--ntf-color-000000) !important;
    color: var(--ntf-color-ffffff);
}

.manual-page-body .manual-page-intro__eyebrow {
    color: var(--ntf-color-fb1a3f);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.manual-page-body .manual-page-intro__title {
    color: var(--ntf-color-ffffff);
    margin: 0;
}

.manual-page-body .manual-page-intro__description {
    color: rgba(255, 255, 255, .72) !important;
    max-width: 920px;
}

.manual-page-body .manual-page-summary-card {
    background: linear-gradient(135deg, var(--ntf-color-111111), var(--ntf-color-1b1b1b)) !important;
    border-color: var(--ntf-color-2b2b2b) !important;
    color: rgba(255, 255, 255, .72);
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.manual-page-body .manual-page-summary-card strong {
    color: var(--ntf-color-ffffff) !important;
    font-size: 1.35rem;
    line-height: 1.1;
}

.manual-page-body .manual-page-layout {
    align-items: flex-start;
}

.manual-page-body .manual-page-toc {
    position: sticky;
    top: 96px;
}

.manual-page-body .manual-page-surface {
    background: linear-gradient(145deg, var(--ntf-color-rgba-20-20-20-0-96), var(--ntf-color-rgba-10-10-10-0-96)) !important;
    border-color: var(--ntf-color-2b2b2b) !important;
    box-shadow: 0 24px 80px var(--ntf-color-rgba-0-0-0-0-42);
    color: var(--ntf-color-ffffff);
}

.manual-page-body .manual-page-toc__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.manual-page-body .manual-page-toc__item--level-3 a {
    font-size: .92rem;
    padding-left: 14px;
}

.manual-page-body .manual-page-toc__link {
    background: var(--ntf-color-rgba-255-255-255-0-06) !important;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-08);
    border-radius: 10px;
    color: rgba(255, 255, 255, .82) !important;
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.manual-page-body .manual-page-toc__link:hover,
.manual-page-body .manual-page-toc__link:focus {
    background: var(--ntf-color-rgba-251-26-63-0-18) !important;
    border-color: var(--ntf-color-rgba-251-26-63-0-45);
    color: var(--ntf-color-ffffff) !important;
}

.manual-page-body .manual-page-surface--content {
    overflow: hidden;
}

.manual-page-body .manual-web-article {
    color: rgba(255, 255, 255, .82) !important;
    line-height: 1.65;
}

.manual-page-body .manual-web-article h2,
.manual-page-body .manual-web-article h3 {
    color: var(--ntf-color-ffffff) !important;
    scroll-margin-top: 100px;
}

.manual-page-body .manual-web-article h2 {
    border-bottom: 1px solid var(--ntf-color-rgba-255-255-255-0-12) !important;
    margin: 34px 0 14px;
    padding-bottom: 8px;
}

.manual-page-body .manual-web-article h3 {
    margin: 24px 0 12px;
}

.manual-page-body .manual-web-article p,
.manual-page-body .manual-web-article li {
    color: rgba(255, 255, 255, .78);
    font-size: .98rem;
}

.manual-page-body .manual-web-article .lead {
    color: rgba(255, 255, 255, .9) !important;
    font-size: 1.04rem;
}

.manual-page-body .manual-web-article .meta,
.manual-page-body .manual-web-article .small {
    color: var(--ntf-color-rgba-255-255-255-0-58) !important;
    font-size: .9rem;
}

.manual-page-body .manual-web-article .box {
    background: var(--ntf-color-rgba-255-255-255-0-04) !important;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12) !important;
    border-radius: 14px;
    color: rgba(255, 255, 255, .82);
    margin: 18px 0 24px;
    padding: 18px 20px;
}

.manual-page-body .manual-web-article code {
    background: var(--ntf-color-rgba-255-255-255-0-08) !important;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    border-radius: 6px;
    color: rgba(255, 255, 255, .9);
    font-size: .92em;
    padding: 2px 5px;
}

.manual-page-body .manual-story-block {
    background: linear-gradient(135deg, var(--ntf-color-rgba-38-8-16-0-82), var(--ntf-color-rgba-20-3-9-0-82)) !important;
    border: 1px solid var(--ntf-color-rgba-251-26-63-0-28) !important;
    border-radius: 18px;
    box-shadow: inset 0 1px 0 var(--ntf-color-rgba-255-255-255-0-08);
    padding: 22px;
}

.manual-page-body .manual-story-block h2,
.manual-page-body .manual-story-block h3 {
    border: 0 !important;
    margin-top: 0;
    padding-bottom: 0;
}

.manual-page-body .manual-story-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-page-body .manual-story-panel {
    background: var(--ntf-color-rgba-255-255-255-0-04) !important;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12) !important;
    border-radius: 14px;
    padding: 16px;
}

.manual-page-body .manual-story-panel h3 {
    margin-top: 0;
}

.manual-page-body .manual-feature-flow {
    counter-reset: manual-flow;
    display: grid;
    gap: 12px;
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
}

.manual-page-body .manual-feature-flow li {
    background: var(--ntf-color-rgba-255-255-255-0-04) !important;
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12) !important;
    border-radius: 12px;
    counter-increment: manual-flow;
    padding: 14px 16px 14px 48px;
    position: relative;
}

.manual-page-body .manual-feature-flow li::before {
    align-items: center;
    background: var(--ntf-color-fb1a3f);
    border-radius: 999px;
    color: var(--ntf-color-ffffff);
    content: counter(manual-flow);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    left: 14px;
    position: absolute;
    top: 14px;
    width: 24px;
}

.manual-page-body .manual-detail-note {
    background: var(--ntf-color-rgba-255-255-255-0-04) !important;
    border-left: 4px solid var(--ntf-color-fb1a3f) !important;
    border-radius: 0 12px 12px 0;
    color: rgba(255, 255, 255, .78);
    margin: 20px 0 24px;
    padding: 16px 18px;
}

@media (max-width: 1023px) {
    .manual-page-body .manual-page-toc {
        position: static;
    }
}

@media (max-width: 767px) {
    .manual-page-body .manual-story-grid {
        grid-template-columns: 1fr;
    }
}

/* Event dashboards: named, revocable read-only report links. */
.admin-heading__actions .event-report-share-open {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}


.event-report-share-modal__intro {
    color: var(--ntf-color-999999);
    font-size: 1rem;
    line-height: 1.55;
    margin: 18px 0 28px;
    max-width: 680px;
}

.event-report-share-modal__status {
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    border-radius: 10px;
    color: var(--ntf-color-ffffff);
    margin: 0 0 14px;
    padding: 10px 12px;
}

.event-report-share-modal__status.is-success {
    border-color: rgba(72, 187, 120, .55);
    color: rgb(130, 224, 165);
}

.event-report-share-modal__status.is-error {
    border-color: rgba(251, 26, 63, .55);
    color: rgb(255, 129, 150);
}

.event-report-share-link {
    background: var(--ntf-color-rgba-255-255-255-0-04);
    border: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    border-radius: 14px;
    padding: 18px;
}

.event-report-share-link__heading,
.event-report-share-link__url-row,
.event-report-share-link__actions {
    align-items: center;
    display: flex;
}

.event-report-share-link__heading {
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.event-report-share-link__heading strong {
    color: var(--ntf-color-ffffff);
    font-size: 1rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.event-report-share-link__name-input {
    margin: 0;
    min-width: 0;
}

.event-report-share-link__actions {
    flex: 0 0 auto;
    gap: 6px;
}

.event-report-share-link__url-row {
    gap: 10px;
}

.event-report-share-link__url {
    color: var(--ntf-color-999999);
    flex: 1 1 auto;
    margin: 0;
    min-width: 0;
    width: auto;
}

.event-report-share-link__copy {
    flex: 0 0 auto;
}

.event-report-share-modal__empty {
    border: 1px dashed var(--ntf-color-333333);
    border-radius: 14px;
    color: var(--ntf-color-999999);
    margin: 0;
    padding: 22px;
    text-align: center;
}

.event-report-share-modal__create {
    border-top: 1px solid var(--ntf-color-rgba-255-255-255-0-12);
    margin-top: 24px;
    padding-top: 22px;
}

.event-report-share-modal__create > label {
    color: var(--ntf-color-ffffff);
    display: block;
    font-weight: 700;
    margin-bottom: 9px;
}




.event-readonly-report__heading {
    grid-column: 1 / -1;
}

.event-readonly-report__brand {
    align-items: center;
    display: flex;
    min-height: 50px;
    padding: 8px 0 24px;
}

.event-readonly-report__brand img {
    display: block;
    height: auto;
    max-width: min(234px, 62vw);
}

.event-readonly-report__heading .admin-heading__title {
    margin: 12px 0 8px;
}

.event-readonly-report__heading p {
    color: var(--ntf-color-999999);
    line-height: 1.5;
    margin: 0;
}

.event-readonly-report__heading p span {
    display: block;
    margin-top: 4px;
}

.event-readonly-report__badge {
    align-items: center;
    background: rgba(251, 26, 63, .12);
    border: 1px solid rgba(251, 26, 63, .4);
    border-radius: 999px;
    color: rgb(255, 129, 150);
    display: inline-flex;
    font-size: .82rem;
    font-weight: 700;
    gap: 7px;
    padding: 6px 10px;
}

@media (max-width: 736px) {



    .event-report-share-modal__intro {
        font-size: .95rem;
        line-height: 1.45;
        margin: 14px 0 20px;
    }


    .event-report-share-link__heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .event-report-share-link__actions {
        width: 100%;
    }


    .event-report-share-link__url-row {
        align-items: stretch;
        flex-direction: column;
    }


    .event-report-share-modal__create {
        margin-top: 18px;
        padding-top: 18px;
    }

}

/* First-party view components: canonical styles previously emitted inline. */
.flow-ticket-card--waiting-list {
    cursor: pointer;
}

#phone-verification-verify-loading {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    min-height: 22px;
}

#phone-verification-verify-loading .loader-button {
    border-color: var(--ntf-color-rgba-255-255-255-0-25);
    border-top-color: var(--text-color);
    flex: 0 0 auto;
}

.otp-inputs.is-loading input {
    opacity: 0.65;
}

.event-shimmer-item {
    pointer-events: none;
    user-select: none;
}

.event-shimmer-block {
    background: linear-gradient(135deg, #111, #222);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.event-shimmer-block::after {
    animation: events-grid-shimmer 2.4s linear infinite;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.03) 100%);
    content: '';
    inset: 0;
    position: absolute;
    transform: translateX(-100%);
}

.event-shimmer-block--image {
    aspect-ratio: 160 / 284;
    width: 100%;
}

.event-shimmer-block--date {
    border-radius: 6px;
    height: 12px;
    width: min(78%, 120px);
}

.event-shimmer-block--title {
    border-radius: 7px;
    height: 14px;
    width: min(86%, 140px);
}

.event-shimmer-block--location {
    border-radius: 6px;
    height: 12px;
    width: min(70%, 100px);
}

body.dark .event-shimmer-block::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.02) 100%);
}

.archive-day-sections-root,
.archive-day-sections-root > .archive-day-section {
    width: 100%;
}

.event-day-shimmer-section .event-day-shimmer-title {
    border-radius: 8px;
    height: 24px;
    margin-bottom: 12px;
    width: min(54%, 280px);
}

.event-day-shimmer-section .event-day-shimmer-items {
    overflow: hidden;
    pointer-events: none;
}

.service-items .search-match-snippet {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #5f646f;
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.45;
    margin: 6px 0 0;
    overflow: hidden;
}

body.dark .service-items .search-match-snippet {
    color: #cfd3dd;
}

@keyframes events-grid-shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.notification-audience {
    border: 1px solid var(--border-color, #d9d9d9);
    border-radius: 14px;
    margin: 10px 0 22px;
    padding: 18px;
}

.notification-audience legend {
    font-weight: 700;
    padding: 0 8px;
}

.notification-audience__modes,
.notification-audience__grid,
.notification-audience__summary {
    display: grid;
}

.notification-audience__modes {
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.notification-audience__mode {
    align-items: flex-start;
    border: 1px solid var(--border-color, #d9d9d9);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    padding: 13px;
}

.notification-audience__mode:has(input:checked) {
    border-color: #e43f6f;
    box-shadow: 0 0 0 1px #e43f6f;
}

.notification-audience__mode input {
    margin-top: 3px;
}

.notification-audience__mode strong,
.notification-audience__mode span {
    display: block;
}

.notification-audience__mode span {
    font-size: 13px;
    margin-top: 3px;
}

.notification-audience__grid {
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notification-audience__summary {
    background: var(--input-accessory-bg, #f4f4f4);
    border-radius: 10px;
    gap: 3px;
    margin-top: 18px;
    padding: 14px 16px;
}

.notification-audience__summary strong {
    font-size: 24px;
}

.notification-audience__summary small {
    line-height: 1.35;
}

.notification-audience__summary[data-state="error"] {
    color: #b42318;
}

.notification-audience__help {
    margin: 0 0 14px;
}

.invite-layout__title {
    color: inherit;
    margin: 0 0 8px;
}

.invite-layout__card {
    cursor: default;
}

.invite-layout__card:hover,
.invite-layout__card:focus {
    transform: none;
}

.invite-recipient-widget {
    position: relative;
}

.invite-recipient-input,
.invite-recipient-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.role-option:focus-within {
    border-color: #FB1A3F;
    box-shadow: 0 0 0 4px rgba(76, 111, 255, 0.1);
}

.invite-recipient-tag,
.role-option-title {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.invite-recipient-tag {
    background: rgba(76, 111, 255, 0.12);
    border-radius: 999px;
    color: #2e3a59;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.3rem 0.75rem;
}

.role-option-visual,
.role-option-check,
.role-option-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}



.role-option {
    border: 1px solid #999;
    border-radius: 12px;
    display: block;
    padding: 1.25rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.role-option.is-selected {
    background: rgba(251, 26, 63, 0.08);
    border-color: #FB1A3F;
    box-shadow: 0 10px 24px rgba(76, 111, 255, 0.12);
}

.role-option input[type="radio"] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.role-option-content {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.role-option-header {
    align-items: center;
    display: flex;
    font-size: 1.05rem;
    font-weight: 600;
    gap: 0.75rem;
}

.role-option-visual {
    margin-right: 0.25rem;
    position: relative;
}

.role-option-check {
    background: #FB1A3F;
    border-radius: 50%;
    color: #fff;
    font-size: 0.85rem;
    height: 24px;
    left: -6px;
    opacity: 0;
    position: absolute;
    top: -6px;
    transform: scale(0.5);
    transition: opacity 0.2s, transform 0.2s;
    width: 24px;
}

.role-option.is-selected .role-option-check {
    opacity: 1;
    transform: scale(1);
}

.role-option-icon {
    background: rgba(251, 26, 63, 0.1);
    border-radius: 50%;
    color: #FB1A3F;
    height: 48px;
    width: 48px;
}

.role-option-icon .zmdi {
    font-size: 1.5rem;
}

.role-option-description,
.role-option-capabilities {
    color: #5f6c8a;
    line-height: 1.4;
}

.role-option-capabilities {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
}

.role-option-capabilities li {
    margin: 0.15rem 0;
}

@media (max-width: 780px) {
    .notification-audience__modes,
    .notification-audience__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 736px) {
    .event-day-shimmer-section .event-day-shimmer-title {
        width: min(72%, 220px);
    }

    }

/* Business customer contacts hidden by the centralized marketing-consent policy. */
.business-contact-hidden {
    align-items: center;
    color: var(--ntf-color-8f8d97) !important;
    display: inline-flex;
    font-weight: 400;
    gap: 10px;
    line-height: 1.25;
    text-transform: none;
    white-space: nowrap;
}

.business-contact-hidden .zmdi {
    flex: 0 0 auto;
    font-size: 1em;
    line-height: 1;
}

.business-contact-hidden__label,
.account-info-row .business-contact-hidden__label {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-transform: none !important;
}

.account-info-row .business-contact-hidden {
    color: var(--ntf-color-8f8d97) !important;
    font-size: inherit;
    font-weight: 500;
    text-transform: none;
}