/* Superadmin trip create/list shared styles. */

/* Source: resources\views\pages\superadmin\trip\view_trip_superadmin.blade.php */
.superadmin-ui-page {
            position: relative;
            padding-bottom: 60px;
        }

        .superadmin-ui-page::before {
            content: "";
            position: fixed;
            inset: 0;
            background:
                radial-gradient(circle at 10% 18%, rgba(255, 192, 0, .10), transparent 28%),
                radial-gradient(circle at 92% 8%, rgba(255, 230, 128, .14), transparent 26%),
                radial-gradient(circle at 50% 100%, rgba(255, 192, 0, .08), transparent 34%),
                linear-gradient(135deg, #ffffff 0%, #f9fbff 54%, #fffdf2 100%);
            z-index: -1;
            pointer-events: none;
        }

        .trip-view-card {
            position: relative;
            overflow: hidden;
            padding: 28px;
            border-radius: 28px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 24px 70px rgba(35, 28, 18, .08);
        }

        .trip-view-card::before {
            content: "";
            position: absolute;
            width: 340px;
            height: 340px;
            top: -165px;
            right: -150px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 192, 0, .16), transparent 64%);
        }

        .trip-view-card::after {
            content: "✈";
            position: absolute;
            top: 38px;
            right: 42px;
            color: rgba(255, 192, 0, .14);
            font-size: 54px;
            transform: rotate(-18deg);
            pointer-events: none;
        }

        .trip-view-card>* {
            position: relative;
            z-index: 1;
        }

        .superadmin-action-primary {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 0;
            border-radius: 999px;
            padding: 10px 20px;
            color: #000;
            background: #ffc000;
            font-weight: 900;
            text-decoration: none;
            box-shadow: 0 14px 28px rgba(255, 192, 0, .24);
            transition: all .22s ease;
        }

        .superadmin-action-primary:hover {
            color: #000;
            background: #ffd24d;
            transform: translateY(-2px);
            box-shadow: 0 18px 34px rgba(255, 192, 0, .32);
        }

        .trip-view-top {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
            gap: 24px;
            align-items: stretch;
        }

        .trip-view-gallery,
        .trip-view-summary,
        .trip-view-section {
            border: 1px solid rgba(255, 192, 0, .18);
            border-radius: 24px;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 14px 34px rgba(31, 41, 55, .06);
        }

        .trip-view-gallery {
            padding: 14px;
        }

        .trip-main-image-wrap {
            position: relative;
            overflow: hidden;
            border-radius: 22px;
            height: 360px;
        }

        .trip-main-image-btn {
            width: 100%;
            height: 100%;
            display: block;
            padding: 0;
            border: 0;
            background: transparent;
            cursor: zoom-in;
        }

        .trip-main-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .trip-image-badge {
            position: absolute;
            left: 18px;
            bottom: 18px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-radius: 999px;
            color: #000;
            background: rgba(255, 255, 255, .88);
            backdrop-filter: blur(10px);
            font-size: 13px;
            font-weight: 900;
        }

        .trip-image-badge i {
            color: #d9a300;
        }

        .trip-thumbnail-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            margin-top: 12px;
        }

        .trip-thumbnail-btn {
            height: 82px;
            padding: 0;
            overflow: hidden;
            border: 3px solid transparent;
            border-radius: 18px;
            background: transparent;
            cursor: pointer;
            transition: all .2s ease;
        }

        .trip-thumbnail-btn img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .trip-thumbnail-btn.active,
        .trip-thumbnail-btn:hover {
            border-color: #ffc000;
            transform: translateY(-2px);
        }

        .trip-view-summary {
            padding: 24px;
        }

        .trip-status-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 18px;
        }

        .trip-status-pill,
        .trip-code-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 13px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 900;
        }

        .trip-status-pill {
            color: #8a6500;
            background: #fff3bd;
        }

        .trip-status-pill i {
            font-size: 7px;
        }

        .trip-code-pill {
            color: #374151;
            background: #f3f4f6;
        }

        .trip-view-title {
            margin: 0 0 12px;
            color: #111827;
            font-size: 30px;
            font-weight: 900;
            letter-spacing: -.04em;
        }

        .trip-view-desc {
            margin: 0 0 22px;
            color: #6b7280;
            font-size: 14px;
            line-height: 1.7;
            font-weight: 500;
        }

        .trip-info-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }

        .trip-info-box {
            display: flex;
            gap: 12px;
            align-items: center;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #fff;
            box-shadow: 0 8px 22px rgba(31, 41, 55, .04);
        }

        .trip-info-box i {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #000;
            background: #ffc000;
        }

        .trip-info-box span {
            display: block;
            color: #6b7280;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
        }

        .trip-info-box strong {
            color: #111827;
            font-size: 13px;
            font-weight: 900;
        }

        .trip-view-section {
            padding: 22px;
        }

        .superadmin-panel-head {
            display: flex;
            align-items: center;
            justify-content: flex-start !important;
            text-align: left !important;
            gap: 12px;
            width: 100%;
            margin-bottom: 18px;
        }

        .superadmin-panel-head::before {
            content: "";
            width: 10px;
            height: 34px;
            flex: 0 0 auto;
            border-radius: 99px;
            background: linear-gradient(180deg, #ffdf5a, #ffc000);
            box-shadow: 0 8px 18px rgba(255, 192, 0, .26);
        }

        .superadmin-panel-title {
            margin: 0;
            width: 100%;
            color: #1f2937;
            font-size: 18px;
            font-weight: 900;
            letter-spacing: -.02em;
            text-align: left !important;
        }

        .trip-pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }

        .trip-price-card {
            display: flex;
            gap: 14px;
            align-items: flex-start;
            padding: 18px;
            border-radius: 22px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #fff;
            box-shadow: 0 12px 26px rgba(31, 41, 55, .05);
        }

        .trip-price-icon {
            width: 44px;
            height: 44px;
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #000;
            background: #ffc000;
            font-size: 18px;
        }

        .trip-price-card span {
            color: #6b7280;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }

        .trip-price-card h3 {
            margin: 4px 0;
            color: #111827;
            font-size: 24px;
            font-weight: 900;
        }

        .trip-price-card p {
            margin: 0;
            color: #6b7280;
            font-size: 13px;
            font-weight: 600;
        }

        .trip-stage-view-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .trip-stage-view-card {
            padding: 18px;
            border-radius: 22px;
            border: 1px dashed rgba(255, 192, 0, .36);
            background: linear-gradient(135deg, #ffffff 0%, #fff9df 100%);
            box-shadow: 0 12px 26px rgba(31, 41, 55, .05);
        }

        .trip-stage-view-head {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .trip-stage-view-head i {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 50%;
            color: #000;
            background: #ffc000;
        }

        .trip-stage-view-head span,
        .trip-stage-view-head strong {
            display: block;
        }

        .trip-stage-view-head span {
            color: #6b7280;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }

        .trip-stage-view-head strong {
            margin-top: 2px;
            color: #111827;
            font-size: 15px;
            font-weight: 900;
        }

        .trip-stage-view-list {
            display: grid;
            gap: 9px;
        }

        .trip-stage-view-row {
            display: grid;
            grid-template-columns: 80px minmax(110px, .8fr) minmax(140px, 1fr);
            align-items: center;
            gap: 10px;
            padding: 12px;
            border-radius: 16px;
            background: #ffffff;
            border: 1px solid rgba(255, 192, 0, .18);
        }

        .trip-stage-view-row span {
            color: #6b7280;
            font-size: 12px;
            font-weight: 900;
        }

        .trip-stage-view-row strong {
            color: #111827;
            font-size: 14px;
            font-weight: 900;
        }

        .trip-stage-view-row small {
            color: #4b3a06;
            font-size: 12px;
            font-weight: 800;
        }

        .trip-view-two-col {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .trip-chip-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .trip-chip-list span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-radius: 999px;
            color: #4b3a06;
            background: linear-gradient(135deg, #ffffff 0%, #fff8d6 100%);
            border: 1px solid rgba(255, 192, 0, .24);
            font-size: 13px;
            font-weight: 800;
            box-shadow: 0 8px 20px rgba(255, 192, 0, .08);
        }

        .trip-chip-list i {
            color: #d9a300;
        }

        .trip-date-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }

        .trip-date-card {
            display: flex;
            align-items: center;
            gap: 13px;
            padding: 16px;
            border-radius: 20px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #fff;
            box-shadow: 0 12px 26px rgba(31, 41, 55, .05);
        }

        .trip-date-icon {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #000;
            background: #ffc000;
        }

        .trip-date-card span {
            display: block;
            color: #111827;
            font-size: 13px;
            font-weight: 900;
        }

        .trip-date-card strong {
            color: #6b7280;
            font-size: 12px;
            font-weight: 700;
        }

        .trip-itinerary-list {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .trip-itinerary-day-view {
            display: grid;
            gap: 10px;
        }

        .trip-itinerary-day-view > h4 {
            margin: 0;
            color: #111827;
            font-size: 16px;
            font-weight: 900;
        }

        .trip-itinerary-day-list {
            display: grid;
            gap: 9px;
        }

        .trip-itinerary-item {
            display: grid;
            grid-template-columns: 95px 20px 1fr;
            gap: 12px;
            align-items: flex-start;
        }

        .trip-itinerary-time {
            padding-top: 5px;
            color: #4b3a06;
            font-size: 13px;
            font-weight: 900;
        }

        .trip-itinerary-dot {
            width: 16px;
            height: 16px;
            margin-top: 6px;
            border: 4px solid #fff4bf;
            border-radius: 50%;
            background: #ffc000;
            box-shadow: 0 0 0 1px rgba(255, 192, 0, .3);
        }

        .trip-itinerary-content {
            padding: 0;
            border-radius: 18px;
            border: 0;
            background: transparent;
            box-shadow: none;
        }

        .trip-itinerary-content h4 {
            margin: 0 0 6px;
            color: #111827;
            font-size: 15px;
            font-weight: 900;
        }

        .trip-itinerary-content p {
            margin: 0;
            color: #6b7280;
            font-size: 13px;
            line-height: 1.6;
            font-weight: 500;
        }

        .trip-doc-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .trip-doc-card {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 16px;
            border-radius: 20px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #fff;
            box-shadow: 0 12px 26px rgba(31, 41, 55, .05);
        }

        .trip-doc-icon {
            width: 46px;
            height: 46px;
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 16px;
            color: #ef4444;
            background: #fff1f1;
            font-size: 22px;
        }

        .trip-doc-content {
            flex: 1;
            min-width: 0;
        }

        .trip-doc-content h4 {
            margin: 0;
            color: #111827;
            font-size: 14px;
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .trip-doc-content p {
            margin: 3px 0 0;
            color: #6b7280;
            font-size: 12px;
            font-weight: 600;
        }

        .trip-doc-btn {
            min-height: 36px;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 13px;
            border: 0;
            border-radius: 999px;
            color: #000;
            background: #ffc000;
            font-size: 12px;
            font-weight: 900;
            text-decoration: none;
        }

        .trip-doc-btn:hover {
            color: #000;
            background: #ffd24d;
        }

        .trip-pdf-preview {
            overflow: hidden;
            height: 420px;
            border: 1px solid rgba(255, 192, 0, .18);
            border-radius: 22px;
            background: #fff;
        }

        .trip-pdf-preview iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

        .trip-video-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        .trip-video-card {
            overflow: hidden;
            border-radius: 22px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #fff;
            box-shadow: 0 12px 26px rgba(31, 41, 55, .05);
        }

        .trip-video-thumb {
            position: relative;
            height: 220px;
            overflow: hidden;
        }

        .trip-video-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .trip-video-thumb video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            background: #111827;
        }

        .trip-moment-file-thumb {
            width: 100%;
            height: 100%;
            display: grid;
            place-items: center;
            align-content: center;
            gap: 10px;
            color: #4b3a06;
            background: linear-gradient(135deg, #ffffff 0%, #fff4bd 100%);
            font-weight: 900;
        }

        .trip-moment-file-thumb i {
            font-size: 38px;
            color: #d9a300;
        }

        .trip-video-thumb button {
            position: absolute;
            inset: 0;
            margin: auto;
            width: 58px;
            height: 58px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 0;
            border-radius: 50%;
            color: #000;
            background: #ffc000;
            font-size: 18px;
            box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
            transition: all .22s ease;
        }

        .trip-video-thumb button:hover {
            transform: scale(1.08);
            background: #ffd24d;
        }

        .trip-video-info {
            padding: 16px;
        }

        .trip-video-info h4 {
            margin: 0 0 4px;
            color: #111827;
            font-size: 15px;
            font-weight: 900;
        }

        .trip-video-info p {
            margin: 0;
            color: #6b7280;
            font-size: 13px;
            font-weight: 600;
        }

        .trip-view-actions {
            position: sticky;
            bottom: 14px;
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 32px;
            padding: 16px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .16);
            background: rgba(255, 255, 255, .88);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 48px rgba(31, 41, 55, .10);
            z-index: 5;
        }

        .trip-video-modal {
            position: fixed;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 22px;
            background: rgba(17, 24, 39, .72);
            z-index: 9999;
        }

        .trip-video-modal.active {
            display: flex;
        }

        .trip-preview-modal {
            position: fixed;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 24px;
            background: rgba(17, 24, 39, .86);
            z-index: 9999;
            overflow: auto;
        }

        .trip-preview-modal.active {
            display: flex;
        }

        .trip-video-modal-card {
            width: min(900px, 100%);
            overflow: hidden;
            border-radius: 24px;
            background: #fff;
            box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
        }

        .trip-preview-modal-card {
            position: relative;
            width: min(1100px, calc(100vw - 48px));
            max-height: calc(100vh - 48px);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            border-radius: 22px;
            background: #fff;
            box-shadow: 0 30px 80px rgba(0, 0, 0, .32);
        }

        .trip-video-modal-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 14px 16px 14px 20px;
            border-bottom: 1px solid #f3f4f6;
            background: #fff;
        }

        .trip-video-modal-head h4 {
            margin: 0;
            min-width: 0;
            color: #111827;
            font-size: 16px;
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .trip-video-modal-head button {
            width: 42px;
            height: 42px;
            flex: 0 0 auto;
            border: 0;
            border-radius: 50%;
            color: #000;
            background: #ffc000;
            font-size: 17px;
            box-shadow: 0 10px 22px rgba(255, 192, 0, .24);
            transition: all .2s ease;
        }

        .trip-video-modal-head button:hover {
            background: #ffd24d;
            transform: scale(1.04);
        }

        .trip-video-modal video {
            width: 100%;
            max-height: 520px;
            display: block;
            background: #000;
        }

        .trip-preview-modal-body {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 18px;
            overflow: hidden;
            background: #111827;
        }

        .trip-preview-modal-body img,
        .trip-preview-modal-body video {
            max-width: 100%;
            max-height: calc(100vh - 150px);
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
            border-radius: 16px;
            background: #000;
            box-shadow: 0 28px 70px rgba(0, 0, 0, .38);
        }

        .trip-preview-modal-body iframe {
            width: 100%;
            height: calc(100vh - 150px);
            border: 0;
            border-radius: 16px;
            background: #fff;
        }

        .trip-preview-open-link {
            position: absolute;
            right: 34px;
            bottom: 34px;
            color: #111827;
            background: #ffc000;
            border-radius: 999px;
            padding: 10px 16px;
            font-size: 13px;
            font-weight: 900;
            text-decoration: none;
            box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
        }

        @media (max-width: 1199px) {

            .trip-view-top,
            .trip-view-two-col,
            .trip-pricing-grid,
            .trip-stage-view-grid,
            .trip-date-grid {
                grid-template-columns: 1fr;
            }

            .trip-view-top {
                gap: 18px;
            }
        }

        @media (max-width: 767px) {
            .trip-preview-modal {
                padding: 12px;
            }

            .trip-preview-modal-card {
                width: calc(100vw - 24px);
                max-height: calc(100vh - 24px);
                border-radius: 18px;
            }

            .trip-preview-modal-body {
                padding: 10px;
            }

            .trip-preview-open-link {
                right: 20px;
                bottom: 20px;
            }

            .trip-view-card {
                padding: 20px;
                border-radius: 24px;
            }

            .trip-main-image-wrap {
                height: 260px;
            }

            .trip-thumbnail-row {
                grid-template-columns: repeat(2, 1fr);
            }

            .trip-info-grid,
            .trip-doc-grid,
            .trip-video-grid {
                grid-template-columns: 1fr;
            }

            .trip-itinerary-item {
                grid-template-columns: 1fr;
                gap: 8px;
            }

            .trip-itinerary-dot {
                display: none;
            }

            .trip-stage-view-row {
                grid-template-columns: 1fr;
            }

            .trip-pdf-preview {
                height: 320px;
            }

            .trip-view-actions {
                flex-direction: column;
            }

            .trip-view-actions a {
                width: 100%;
            }
        }

/* Source: resources\views\pages\superadmin\trip\edit_trip_superadmin.blade.php */
.superadmin-ui-page {
            position: relative;
            padding-bottom: 60px;
        }

        .superadmin-ui-page::before {
            content: "";
            position: fixed;
            inset: 0;
            background:
                radial-gradient(circle at 10% 18%, rgba(255, 192, 0, .10), transparent 28%),
                radial-gradient(circle at 92% 8%, rgba(255, 230, 128, .14), transparent 26%),
                radial-gradient(circle at 50% 100%, rgba(255, 192, 0, .08), transparent 34%),
                linear-gradient(135deg, #ffffff 0%, #f9fbff 54%, #fffdf2 100%);
            z-index: -1;
            pointer-events: none;
        }

        .trip-create-card {
            position: relative;
            overflow: hidden;
            padding: 28px;
            border-radius: 28px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 24px 70px rgba(35, 28, 18, .08);
        }

        .trip-create-card textarea.superadmin-form-control {
            min-height: 110px;
            resize: vertical;
            line-height: 1.6;
        }

        .trip-create-card::before {
            content: "";
            position: absolute;
            width: 340px;
            height: 340px;
            top: -165px;
            right: -150px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 192, 0, .16), transparent 64%);
        }

        .trip-create-card::after {
            content: "✈";
            position: absolute;
            top: 38px;
            right: 42px;
            color: rgba(255, 192, 0, .14);
            font-size: 54px;
            transform: rotate(-18deg);
            pointer-events: none;
        }

        .trip-create-card>* {
            position: relative;
            z-index: 1;
        }

        .trip-create-card .superadmin-panel-head {
            display: flex;
            align-items: center;
            justify-content: flex-start !important;
            text-align: left !important;
            gap: 12px;
            width: 100%;
            margin-bottom: 18px;
            padding-top: 6px;
        }

        .trip-create-card .superadmin-panel-head::before {
            content: "";
            width: 10px;
            height: 34px;
            flex: 0 0 auto;
            border-radius: 99px;
            background: linear-gradient(180deg, #ffdf5a, #ffc000);
            box-shadow: 0 8px 18px rgba(255, 192, 0, .26);
        }

        .trip-create-card .superadmin-panel-title {
            margin: 0;
            width: 100%;
            color: #1f2937;
            font-size: 18px;
            font-weight: 900;
            letter-spacing: -.02em;
            text-align: left !important;
        }

        .trip-create-card .superadmin-panel-title small {
            margin-left: 5px;
            font-weight: 600;
            color: #6b7280 !important;
        }

        .superadmin-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .trip-create-card .superadmin-form-field {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .trip-create-card .superadmin-form-label {
            margin-bottom: 7px;
            color: #374151;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            text-align: left;
        }

        .trip-create-card .superadmin-form-control {
            width: 100%;
            min-height: 48px;
            border: 1px solid #eadfce;
            border-radius: 16px;
            background: rgba(255, 255, 255, .96);
            color: #111827;
            font-weight: 600;
            padding: 12px 15px;
            transition: all .22s ease;
            box-shadow: 0 8px 22px rgba(31, 41, 55, .04);
        }

        .trip-create-card textarea.superadmin-form-control {
            min-height: 86px;
            resize: vertical;
        }

        .trip-create-card .superadmin-form-control:focus {
            outline: none;
            border-color: #ffc000;
            background: #fff;
            box-shadow:
                0 0 0 4px rgba(255, 192, 0, .14),
                0 12px 28px rgba(255, 192, 0, .08);
        }

        .pricing-section-card {
            padding: 20px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 14px 34px rgba(31, 41, 55, .06);
            transition: all .22s ease;
        }

        .pricing-section-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 42px rgba(31, 41, 55, .09);
        }

        .pricing-section-card .superadmin-panel-head {
            margin-bottom: 16px;
        }

        .pricing-section-card .superadmin-form-control {
            background: rgba(255, 255, 255, .96);
        }

        .trip-radio-group {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .trip-radio-group label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .94);
            border: 1px solid rgba(255, 192, 0, .24);
            box-shadow: 0 8px 20px rgba(31, 41, 55, .04);
            font-weight: 800;
            color: #1f2937;
            cursor: pointer;
        }

        .trip-create-card input[type="radio"] {
            accent-color: #ffc000;
            transform: scale(1.12);
        }

        .trip-staged-payment-block {
            padding: 18px;
            border-radius: 22px;
            border: 1px dashed rgba(255, 192, 0, .42);
            background: linear-gradient(135deg, #ffffff 0%, #fff9df 100%);
        }

        .trip-stage-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 14px;
        }

        .trip-stage-head strong,
        .trip-stage-head span {
            display: block;
        }

        .trip-stage-head strong {
            color: #111827;
            font-size: 15px;
            font-weight: 900;
        }

        .trip-stage-head span {
            margin-top: 3px;
            color: #6b7280;
            font-size: 12px;
            font-weight: 700;
        }

        .trip-stage-list {
            display: grid;
            gap: 12px;
        }

        .trip-stage-row {
            display: grid;
            grid-template-columns: minmax(160px, 1fr) minmax(150px, .8fr) minmax(170px, .9fr) auto;
            gap: 12px;
            align-items: end;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #ffffff;
            box-shadow: 0 10px 24px rgba(31, 41, 55, .05);
        }

        .trip-stage-remove-wrap {
            display: flex;
            align-items: flex-end;
            min-height: 70px;
        }

        .trip-stage-remove-wrap .superadmin-action-secondary:disabled {
            cursor: not-allowed;
            opacity: .5;
            transform: none;
            box-shadow: none;
        }

        .trip-create-card hr {
            border: 0;
            height: 1px;
            margin: 28px 0;
            background: linear-gradient(90deg, transparent, rgba(255, 192, 0, .42), transparent);
        }

        .add-inline-box {
            align-items: stretch;
        }

        .add-inline-box .superadmin-action-primary {
            white-space: nowrap;
        }

        #packageList,
        #checklistList {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding-left: 0;
            list-style: none;
        }

        #packageList li,
        #checklistList li {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            border-radius: 999px;
            color: #4b3a06;
            background: linear-gradient(135deg, #ffffff 0%, #fff8d6 100%);
            border: 1px solid rgba(255, 192, 0, .24);
            font-weight: 800;
            box-shadow: 0 8px 20px rgba(255, 192, 0, .08);
        }

        #packageList li a,
        #checklistList li a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            color: #fff;
            background: #ef4444;
            text-decoration: none;
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
        }

        .trip-create-card .transport-tile {
            width: 118px !important;
            min-height: 112px;
            border-radius: 22px !important;
            border: 1px solid rgba(255, 192, 0, .22) !important;
            background: linear-gradient(135deg, #ffffff 0%, #fffdf2 100%) !important;
            box-shadow: 0 14px 32px rgba(31, 41, 55, .06);
            transition: all .24s ease;
        }

        .trip-create-card .transport-tile i {
            color: #d9a300;
            transition: all .24s ease;
        }

        .trip-create-card .transport-tile:hover {
            transform: translateY(-5px);
            box-shadow: 0 18px 38px rgba(255, 192, 0, .16);
        }

        .trip-create-card .transport-tile.active {
            background: #ffc000 !important;
            border-color: #ffc000 !important;
            color: #000 !important;
            box-shadow: 0 18px 42px rgba(255, 192, 0, .32);
        }

        .trip-create-card .transport-tile.active i {
            color: #000;
        }

        .date-row,
        .itinerary-row {
            padding: 18px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 14px 34px rgba(31, 41, 55, .06);
            transition: all .22s ease;
        }

        .date-row:hover,
        .itinerary-row:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 42px rgba(31, 41, 55, .09);
        }

        #galleryPreview {
            gap: 14px !important;
        }

        .gallery-preview-item,
        #galleryPreview .position-relative {
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 12px 28px rgba(31, 41, 55, .10);
        }

        .gallery-preview-item img,
        #galleryPreview img {
            width: 118px !important;
            height: 118px !important;
            object-fit: cover;
            border-radius: 22px !important;
            transition: transform .24s ease;
        }

        .gallery-preview-item:hover img,
        #galleryPreview .position-relative:hover img {
            transform: scale(1.06);
        }

        .gallery-preview-item .btn-danger {
            border-radius: 0 0 0 12px;
        }

        .file-list-row,
        #brochureList>div,
        #videoList>div {
            border: 1px solid rgba(255, 192, 0, .18) !important;
            border-radius: 18px !important;
            background: linear-gradient(135deg, #ffffff 0%, #fffdf2 100%) !important;
            box-shadow: 0 10px 24px rgba(31, 41, 55, .05) !important;
        }

        .trip-create-card .btn-danger {
            border: 0;
            border-radius: 999px;
            background: #ef4444;
            font-weight: 800;
        }

        .trip-create-card .superadmin-action-primary {
            min-height: 46px;
            border: 0;
            border-radius: 999px;
            padding: 11px 22px;
            color: #000;
            background: #ffc000;
            font-weight: 900;
            letter-spacing: .01em;
            box-shadow: 0 14px 28px rgba(255, 192, 0, .24);
            transition: all .22s ease;
        }

        .trip-create-card .superadmin-action-primary:hover {
            transform: translateY(-2px);
            color: #000;
            background: #ffd24d;
            box-shadow: 0 18px 34px rgba(255, 192, 0, .32);
        }

        .trip-create-card .superadmin-action-secondary {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid #eadfce;
            border-radius: 999px;
            padding: 10px 18px;
            color: #374151;
            background: #fff;
            font-weight: 800;
            text-decoration: none;
            transition: all .22s ease;
        }

        .trip-create-card .superadmin-action-secondary:hover {
            color: #000;
            border-color: rgba(255, 192, 0, .46);
            background: #fffdf2;
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(31, 41, 55, .07);
        }

        .remove-date-btn,
        .remove-itinerary-btn {
            min-width: 100px;
        }

        .superadmin-form-actions {
            position: sticky;
            bottom: 14px;
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 32px;
            padding: 16px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .16);
            background: rgba(255, 255, 255, .88);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 48px rgba(31, 41, 55, .10);
            z-index: 5;
        }

        @media (max-width: 991px) {
            .superadmin-form-grid {
                grid-template-columns: 1fr;
            }

            .trip-stage-row {
                grid-template-columns: 1fr;
            }

            .trip-stage-remove-wrap {
                min-height: 0;
            }

            .trip-create-card {
                padding: 20px;
                border-radius: 24px;
            }
        }

        @media (max-width: 575px) {
            .add-inline-box {
                flex-direction: column;
            }

            .superadmin-form-actions {
                flex-direction: column;
            }

            .trip-stage-head {
                align-items: stretch;
                flex-direction: column;
            }

            .superadmin-form-actions a,
            .superadmin-form-actions button {
                width: 100%;
            }
        }

/* Source: resources\views\pages\superadmin\trip\create_trip_superadmin.blade.php */

.superadmin-ui-page {
            position: relative;
            padding-bottom: 60px;
        }

        .superadmin-ui-page::before {
            content: "";
            position: fixed;
            inset: 0;
            background:
                radial-gradient(circle at 10% 18%, rgba(255, 192, 0, .10), transparent 28%),
                radial-gradient(circle at 92% 8%, rgba(255, 230, 128, .14), transparent 26%),
                radial-gradient(circle at 50% 100%, rgba(255, 192, 0, .08), transparent 34%),
                linear-gradient(135deg, #ffffff 0%, #f9fbff 54%, #fffdf2 100%);
            z-index: -1;
            pointer-events: none;
        }

        .trip-create-card {
            position: relative;
            overflow: hidden;
            padding: 28px;
            border-radius: 28px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 24px 70px rgba(35, 28, 18, .08);
        }

        .trip-create-card textarea.superadmin-form-control {
            min-height: 110px;
            resize: vertical;
            line-height: 1.6;
        }

        .trip-create-card::before {
            content: "";
            position: absolute;
            width: 340px;
            height: 340px;
            top: -165px;
            right: -150px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 192, 0, .16), transparent 64%);
        }

        .trip-create-card::after {
            content: "✈";
            position: absolute;
            top: 38px;
            right: 42px;
            color: rgba(255, 192, 0, .14);
            font-size: 54px;
            transform: rotate(-18deg);
            pointer-events: none;
        }

        .trip-create-card>* {
            position: relative;
            z-index: 1;
        }

        .trip-create-card .superadmin-panel-head {
            display: flex;
            align-items: center;
            justify-content: flex-start !important;
            text-align: left !important;
            gap: 12px;
            width: 100%;
            margin-bottom: 18px;
            padding-top: 6px;
        }

        .trip-create-card .superadmin-panel-head::before {
            content: "";
            width: 10px;
            height: 34px;
            flex: 0 0 auto;
            border-radius: 99px;
            background: linear-gradient(180deg, #ffdf5a, #ffc000);
            box-shadow: 0 8px 18px rgba(255, 192, 0, .26);
        }

        .trip-create-card .superadmin-panel-title {
            margin: 0;
            width: 100%;
            color: #1f2937;
            font-size: 18px;
            font-weight: 900;
            letter-spacing: -.02em;
            text-align: left !important;
        }

        .trip-create-card .superadmin-panel-title small {
            margin-left: 5px;
            font-weight: 600;
            color: #6b7280 !important;
        }

        .superadmin-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .trip-create-card .superadmin-form-field {
            display: flex;
            flex-direction: column;
        }

        .trip-create-card .superadmin-form-label {
            margin-bottom: 7px;
            color: #374151;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            text-align: left;
        }

        .trip-create-card .required-marker {
            color: #dc2626;
            font-weight: 900;
            margin-left: 2px;
        }

        .trip-create-card .trip-field-help {
            margin: -2px 0 10px;
            color: #6b7280;
            font-size: 12px;
            font-weight: 700;
        }

        .trip-create-card .superadmin-form-control {
            width: 100%;
            min-height: 48px;
            border: 1px solid #eadfce;
            border-radius: 16px;
            background: rgba(255, 255, 255, .96);
            color: #111827;
            font-weight: 600;
            padding: 12px 15px;
            transition: all .22s ease;
            box-shadow: 0 8px 22px rgba(31, 41, 55, .04);
        }

        .trip-create-card textarea.superadmin-form-control {
            min-height: 86px;
            resize: vertical;
        }

        .trip-create-card .superadmin-form-control:focus {
            outline: none;
            border-color: #ffc000;
            background: #fff;
            box-shadow:
                0 0 0 4px rgba(255, 192, 0, .14),
                0 12px 28px rgba(255, 192, 0, .08);
        }

        .trip-create-card small.text-err {
            display: block;
            min-height: 18px;
            margin-top: 6px;
            color: #dc2626;
            font-size: 12px;
            font-weight: 800;
            font-style: normal;
        }

        .trip-create-card .form-main.has-client-error .superadmin-form-control,
        .trip-create-card .form-main.has-client-error .trip-radio-group,
        .trip-create-card .form-main.has-client-error #packageList,
        .trip-create-card .form-main.has-client-error #galleryPreview {
            border-color: #dc2626;
            box-shadow: 0 0 0 4px rgba(220, 38, 38, .09);
            animation: tripErrorPulse .34s ease;
        }

        @keyframes tripErrorPulse {
            50% {
                transform: scale(1.01);
            }
        }

        .pricing-section-card {
            padding: 20px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 14px 34px rgba(31, 41, 55, .06);
            transition: all .22s ease;
        }

        .pricing-section-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 42px rgba(31, 41, 55, .09);
        }

        .pricing-section-card .superadmin-panel-head {
            margin-bottom: 16px;
        }

        .pricing-section-card .superadmin-form-control {
            background: rgba(255, 255, 255, .96);
        }

        .trip-radio-group {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .trip-radio-group label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .94);
            border: 1px solid rgba(255, 192, 0, .24);
            box-shadow: 0 8px 20px rgba(31, 41, 55, .04);
            font-weight: 800;
            color: #1f2937;
            cursor: pointer;
        }

        .trip-create-card input[type="radio"] {
            accent-color: #ffc000;
            transform: scale(1.12);
        }

        .trip-staged-payment-block {
            padding: 18px;
            border-radius: 22px;
            border: 1px dashed rgba(255, 192, 0, .42);
            background: linear-gradient(135deg, #ffffff 0%, #fff9df 100%);
        }

        .trip-stage-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 14px;
        }

        .trip-stage-head strong,
        .trip-stage-head span {
            display: block;
        }

        .trip-stage-head strong {
            color: #111827;
            font-size: 15px;
            font-weight: 900;
        }

        .trip-stage-head span {
            margin-top: 3px;
            color: #6b7280;
            font-size: 12px;
            font-weight: 700;
        }

        .trip-section-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            width: 100%;
            margin-bottom: 18px;
        }

        .trip-section-head .superadmin-panel-title {
            margin-bottom: 4px;
        }

        .trip-section-head .superadmin-action-secondary {
            flex: 0 0 auto;
        }

        .trip-stage-list {
            display: grid;
            gap: 12px;
        }

        .trip-stage-row {
            display: grid;
            grid-template-columns: minmax(160px, 1fr) minmax(150px, .8fr) minmax(170px, .9fr) auto;
            gap: 12px;
            align-items: end;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(255, 192, 0, .18);
            background: #ffffff;
            box-shadow: 0 10px 24px rgba(31, 41, 55, .05);
        }

        .trip-stage-remove-wrap {
            display: flex;
            align-items: flex-end;
            min-height: 70px;
        }

        .trip-create-card hr {
            border: 0;
            height: 1px;
            margin: 28px 0;
            background: linear-gradient(90deg, transparent, rgba(255, 192, 0, .42), transparent);
        }

        .add-inline-box {
            align-items: stretch;
        }

        .add-inline-box .superadmin-action-primary {
            white-space: nowrap;
        }

        #packageList,
        #checklistList {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding-left: 0;
            list-style: none;
        }

        #packageList li,
        #checklistList li {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            border-radius: 999px;
            color: #4b3a06;
            background: linear-gradient(135deg, #ffffff 0%, #fff8d6 100%);
            border: 1px solid rgba(255, 192, 0, .24);
            font-weight: 800;
            box-shadow: 0 8px 20px rgba(255, 192, 0, .08);
        }

        #packageList li a,
        #checklistList li a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            color: #fff;
            background: #ef4444;
            text-decoration: none;
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
        }

        .trip-create-card .transport-tile {
            width: 118px !important;
            min-height: 112px;
            border-radius: 22px !important;
            border: 1px solid rgba(255, 192, 0, .22) !important;
            background: linear-gradient(135deg, #ffffff 0%, #fffdf2 100%) !important;
            box-shadow: 0 14px 32px rgba(31, 41, 55, .06);
            transition: all .24s ease;
        }

        .trip-create-card .transport-tile i {
            color: #d9a300;
            transition: all .24s ease;
        }

        .trip-create-card .transport-tile:hover {
            transform: translateY(-5px);
            box-shadow: 0 18px 38px rgba(255, 192, 0, .16);
        }

        .trip-create-card .transport-tile.active {
            background: #ffc000 !important;
            border-color: #ffc000 !important;
            color: #000 !important;
            box-shadow: 0 18px 42px rgba(255, 192, 0, .32);
        }

        .trip-create-card .transport-tile.active i {
            color: #000;
        }

        .date-row,
        .itinerary-row,
        .trip-itinerary-day,
        .trip-empty-itinerary {
            padding: 18px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .18);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 253, 244, .96));
            box-shadow: 0 14px 34px rgba(31, 41, 55, .06);
            transition: all .22s ease;
        }

        .trip-date-row {
            display: grid;
            grid-template-columns: minmax(150px, .8fr) minmax(150px, .8fr) 190px 44px;
            gap: 12px;
            align-items: stretch;
            padding: 12px;
            width: 100%;
        }

        .trip-date-row .superadmin-form-field {
            height: 100%;
        }

        .trip-date-row .superadmin-form-label,
        .trip-itinerary-activity-row .superadmin-form-label {
            min-height: 30px;
            display: flex;
            align-items: flex-end;
        }

        .trip-date-row .superadmin-form-control {
            min-height: 42px;
            padding: 9px 12px;
            border-radius: 12px;
        }

        .trip-date-row small.text-err {
            min-height: 18px;
        }

        .trip-date-field {
            max-width: none;
        }

        .trip-slot-field {
            max-width: 190px;
        }

        .trip-slot-field .superadmin-form-label {
            white-space: nowrap;
        }

        .trip-date-row > .d-flex {
            align-items: flex-end !important;
            justify-content: center;
            min-width: 0;
        }

        .trip-icon-btn {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(239, 68, 68, .24);
            border-radius: 12px;
            color: #dc2626;
            background: #fff;
            cursor: pointer;
            transition: all .22s ease;
        }

        .trip-icon-btn:hover:not(:disabled) {
            color: #fff;
            background: #ef4444;
            border-color: #ef4444;
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(239, 68, 68, .18);
        }

        .trip-icon-btn:disabled {
            cursor: not-allowed;
            opacity: .45;
            transform: none;
            box-shadow: none;
        }

        .date-row:hover,
        .itinerary-row:hover,
        .trip-itinerary-day:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 42px rgba(31, 41, 55, .09);
        }

        #itineraryContainer {
            display: grid;
            gap: 16px;
        }

        .trip-itinerary-day {
            display: grid;
            gap: 10px;
            padding: 14px;
        }

        .trip-itinerary-day-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
        }

        .trip-itinerary-day-head strong,
        .trip-itinerary-day-head span {
            display: block;
        }

        .trip-itinerary-day-head strong {
            color: #111827;
            font-size: 15px;
            font-weight: 900;
        }

        .trip-itinerary-day-head span,
        .trip-empty-itinerary {
            color: #6b7280;
            font-size: 12px;
            font-weight: 700;
        }

        .trip-itinerary-activity-list {
            display: grid;
            gap: 8px;
        }

        .trip-itinerary-activity-row {
            display: grid;
            grid-template-columns: 34px 150px minmax(0, 1fr) 44px;
            gap: 12px;
            align-items: stretch;
            padding: 12px;
        }

        .trip-drag-handle {
            width: 34px;
            min-width: 34px;
            height: 42px;
            align-self: end;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            color: #6b7280;
            background: #fff;
            cursor: grab;
            transition: all .2s ease;
        }

        .trip-drag-handle:hover {
            color: #111827;
            border-color: rgba(255, 192, 0, .55);
            background: #fffdf2;
        }

        .trip-drag-handle:active {
            cursor: grabbing;
        }

        .trip-itinerary-activity-row.is-dragging {
            opacity: .55;
            transform: scale(.995);
            box-shadow: 0 20px 44px rgba(31, 41, 55, .16);
        }

        .trip-itinerary-activity-row .superadmin-form-field {
            height: 100%;
        }

        .trip-itinerary-activity-row .superadmin-form-label {
            margin-bottom: 4px;
        }

        .trip-itinerary-activity-row .superadmin-form-control {
            min-height: 42px;
            padding: 9px 12px;
            border-radius: 12px;
        }

        .trip-itinerary-activity-row textarea.superadmin-form-control {
            min-height: 42px;
            height: 42px;
            resize: vertical;
        }

        .trip-time-field {
            max-width: 150px;
        }

        .trip-time-field::after {
            content: "";
            display: block;
            min-height: 18px;
            margin-top: 6px;
        }

        .trip-itinerary-activity-row > .d-flex {
            align-items: flex-end !important;
            justify-content: center;
            min-width: 0;
        }

        .trip-empty-itinerary {
            background: #ffffff;
        }

        #galleryPreview {
            gap: 14px !important;
        }

        .gallery-preview-item,
        #galleryPreview .position-relative {
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 12px 28px rgba(31, 41, 55, .10);
        }

        .gallery-preview-item img,
        #galleryPreview img {
            width: 118px !important;
            height: 118px !important;
            object-fit: cover;
            border-radius: 22px !important;
            transition: transform .24s ease;
        }

        .gallery-preview-item:hover img,
        #galleryPreview .position-relative:hover img {
            transform: scale(1.06);
        }

        .gallery-remove-btn {
            width: 34px;
            height: 34px;
            border-radius: 0 0 0 12px;
        }

        .file-list-row,
        #brochureList>div,
        #videoList>div {
            border: 1px solid rgba(255, 192, 0, .18) !important;
            border-radius: 18px !important;
            background: linear-gradient(135deg, #ffffff 0%, #fffdf2 100%) !important;
            box-shadow: 0 10px 24px rgba(31, 41, 55, .05) !important;
        }

        .trip-create-card .superadmin-action-primary {
            min-height: 46px;
            border: 0;
            border-radius: 999px;
            padding: 11px 22px;
            color: #000;
            background: #ffc000;
            font-weight: 900;
            letter-spacing: .01em;
            box-shadow: 0 14px 28px rgba(255, 192, 0, .24);
            transition: all .22s ease;
        }

        .trip-create-card .superadmin-action-primary:hover {
            transform: translateY(-2px);
            color: #000;
            background: #ffd24d;
            box-shadow: 0 18px 34px rgba(255, 192, 0, .32);
        }

        .trip-create-card .superadmin-action-secondary {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid #eadfce;
            border-radius: 999px;
            padding: 10px 18px;
            color: #374151;
            background: #fff;
            font-weight: 800;
            text-decoration: none;
            transition: all .22s ease;
        }

        .trip-create-card .superadmin-action-secondary:hover {
            color: #000;
            border-color: rgba(255, 192, 0, .46);
            background: #fffdf2;
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(31, 41, 55, .07);
        }

        .remove-date-btn,
        .remove-itinerary-btn {
            flex: 0 0 auto;
        }

        .trip-date-row .remove-date-btn,
        .trip-itinerary-activity-row .remove-itinerary-btn {
            width: 42px;
            min-width: 42px;
            max-width: 42px;
            padding: 0;
        }

        .date-row.superadmin-form-grid {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(120px, 180px) minmax(100px, auto);
            align-items: end;
        }

        .itinerary-row.superadmin-form-grid {
            grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) minmax(100px, auto);
            align-items: end;
        }

        .date-row.superadmin-form-grid > .d-flex,
        .itinerary-row.superadmin-form-grid > .d-flex {
            justify-content: flex-end;
            min-width: 0;
        }

        .superadmin-form-actions {
            position: sticky;
            bottom: 14px;
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 32px;
            padding: 16px;
            border-radius: 24px;
            border: 1px solid rgba(255, 192, 0, .16);
            background: rgba(255, 255, 255, .88);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 48px rgba(31, 41, 55, .10);
            z-index: 5;
        }

        @media (max-width: 991px) {
            .superadmin-form-grid {
                grid-template-columns: 1fr;
            }

            .trip-stage-row {
                grid-template-columns: 1fr;
            }

            .trip-stage-remove-wrap {
                min-height: 0;
            }

            .trip-create-card {
                padding: 20px;
                border-radius: 24px;
            }
        }

        @media (max-width: 575px) {
            .add-inline-box {
                flex-direction: column;
            }

            .superadmin-form-actions {
                flex-direction: column;
            }

            .trip-itinerary-activity-row {
                grid-template-columns: 1fr;
            }

            .trip-drag-handle {
                width: 100%;
                min-width: 0;
            }

            .trip-date-row {
                grid-template-columns: 1fr;
            }

            .trip-date-field,
            .trip-slot-field {
                max-width: none;
            }

            .trip-time-field {
                max-width: none;
            }

            .trip-stage-head {
                align-items: stretch;
                flex-direction: column;
            }

            .trip-section-head {
                align-items: stretch;
                flex-direction: column;
            }

            .superadmin-form-actions a,
            .superadmin-form-actions button {
                width: 100%;
            }
        }

/* Source: resources\views\pages\superadmin\trip\list_trip_superadmin.blade.php */

.trip-list-page {
            color: #031b4e;
        }

        .trip-list-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 24px;
        }

        .trip-list-title {
            margin: 0 0 8px;
            color: #031b4e;
            font-size: 26px;
            font-weight: 900;
            letter-spacing: -0.04em;
        }

        .trip-list-subtitle {
            margin: 0;
            color: #4b5f80;
            font-size: 15px;
            font-weight: 500;
        }

        .trip-listed-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 18px;
            border-radius: 8px;
            color: #243a5e;
            background: #f4f7fb;
            font-size: 15px;
            font-weight: 800;
            white-space: nowrap;
        }

        .trip-listed-badge i {
            color: #243a5e;
        }

        .trip-filter-card {
            display: grid;
            grid-template-columns: minmax(280px, 1fr) 140px 145px 135px 92px 44px;
            gap: 10px;
            align-items: end;
            margin-bottom: 24px;
            padding: 14px;
            border: 1px solid #e8eef7;
            border-radius: 16px;
            background: #ffffff;
            box-shadow: 0 6px 20px rgba(3, 27, 78, .04);
        }

        .trip-search-box {
            min-height: 44px;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 14px;
            border: 1px solid #c9d6ea;
            border-radius: 9px;
            background: #fbfcff;
        }

        .trip-search-box i {
            color: #8da0bf;
            font-size: 15px;
        }

        .trip-search-box input {
            width: 100%;
            border: 0;
            outline: 0;
            background: transparent;
            color: #031b4e;
            font-size: 14px;
            font-weight: 500;
        }

        .trip-search-box input::placeholder {
            color: #65758f;
        }

        .trip-filter-group {
            display: flex;
            flex-direction: column;
            gap: 7px;
        }

        .trip-filter-group label {
            margin: 0;
            color: #4f6383;
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .trip-filter-group select {
            width: 100%;
            min-height: 44px;
            padding: 0 12px;
            border: 1px solid #c9d6ea;
            border-radius: 9px;
            background: #ffffff;
            color: #031b4e;
            font-size: 14px;
            font-weight: 800;
            outline: 0;
        }

        .trip-download-btn {
            width: 44px;
            height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #c7d4ff;
            border-radius: 10px;
            background: #edf2ff;
            color: #ffc000;
            text-decoration: none;
            transition: all .2s ease;
        }

        .trip-download-btn:hover {
            color: #ffffff;
            background: #ffc000;
            transform: translateY(-2px);
        }

        .trip-table-card {
            padding: 20px;
            border: 1px solid #e8eef7;
            border-radius: 16px;
            background: #ffffff;
            box-shadow: 0 8px 26px rgba(3, 27, 78, .04);
        }

        .trip-table {
            width: 100%;
            border-collapse: collapse;
            color: #031b4e;
        }

        .trip-table thead tr {
            background: #f8fafc;
        }

        .trip-table th {
            position: relative;
            padding: 14px 11px;
            color: #334766;
            font-size: 12px;
            font-weight: 900;
            white-space: nowrap;
            border-bottom: 1px solid #111827;
        }

        .trip-table td {
            padding: 10px 11px;
            color: #031b4e;
            font-size: 14px;
            font-weight: 600;
            vertical-align: middle;
            border-bottom: 1px solid #d6dde8;
        }

        .trip-table tbody tr:hover {
            background: #fbfdff;
        }

        .sort-icon {
            float: right;
            display: inline-flex;
            flex-direction: column;
            gap: 0;
            color: #d5d9de;
            font-size: 11px;
            line-height: .7;
            margin-left: 8px;
        }

        .sort-icon.active-sort {
            color: #6d70ff;
            display: inline-flex;
        }

        .trip-no {
            font-weight: 900;
        }

        .trip-user-cell {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 230px;
        }

        .trip-avatar {
            width: 40px;
            height: 40px;
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #344867;
            background: #e7edf5;
            font-size: 12px;
            font-weight: 900;
        }

        .trip-name {
            max-width: 155px;
            margin: 0;
            color: #031b4e;
            font-size: 14px;
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .trip-meta,
        .trip-text-muted {
            max-width: 155px;
            margin: 2px 0 0;
            color: #62738d;
            font-size: 12px;
            font-weight: 500;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .trip-text-main {
            color: #031b4e;
            font-size: 14px;
            font-weight: 700;
            white-space: nowrap;
        }

        .trip-schedule-list {
            display: grid;
            gap: 8px;
            min-width: 170px;
        }

        .trip-schedule-item + .trip-schedule-item {
            padding-top: 8px;
            border-top: 1px solid #eef2f7;
        }

        .trip-price {
            color: #031b4e;
            font-size: 14px;
            font-weight: 900;
            white-space: nowrap;
        }

        .trip-status {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 13px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 900;
            white-space: nowrap;
        }

        .trip-status i,
        .trip-login i {
            font-size: 7px;
        }

        .trip-status-published {
            color: #00a870;
            background: #dff7ef;
        }

        .trip-status-pending {
            color: #b77900;
            background: #fff4cf;
        }

        .trip-status-draft {
            color: #53647b;
            background: #eef1f4;
        }

        .trip-login {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: 12px;
            font-weight: 900;
            white-space: nowrap;
        }

        .trip-online {
            color: #00a870;
        }

        .trip-away {
            color: #b77900;
        }

        .trip-offline {
            color: #8da0bf;
        }

        .trip-action-dropdown {
            position: relative;
            display: inline-flex;
            justify-content: flex-end;
        }

        .trip-action-btn {
            width: 34px;
            height: 34px;
            border: 1px solid #d8e0ec;
            border-radius: 9px;
            background: #ffffff;
            color: #031b4e;
            transition: all .2s ease;
        }

        .trip-action-btn:hover {
            background: #f4f7fb;
        }

        .trip-action-menu {
            position: fixed;
            min-width: 145px;
            display: none;
            padding: 8px;
            border: 1px solid #e1e8f2;
            border-radius: 12px;
            background: #ffffff;
            box-shadow: 0 14px 36px rgba(3, 27, 78, .12);
            z-index: 1050;
        }

        .trip-action-dropdown.active .trip-action-menu {
            display: block;
        }

        .trip-action-menu.is-open {
            display: block;
        }

        .trip-action-menu a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 9px 10px;
            border-radius: 9px;
            color: #334766;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
        }

        .trip-action-menu a:hover {
            background: #f4f7fb;
        }

        .trip-action-menu form {
            margin: 0;
        }

        .trip-action-menu-button {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 9px 10px;
            border: 0;
            border-radius: 9px;
            background: transparent;
            color: #334766;
            font-size: 13px;
            font-weight: 700;
            text-align: left;
        }

        .trip-action-menu-button:hover {
            background: #f4f7fb;
        }

        .trip-empty-state {
            padding: 36px 15px;
            text-align: center;
            color: #62738d;
        }

        .trip-empty-state i {
            margin-bottom: 10px;
            font-size: 34px;
            color: #8da0bf;
        }

        .trip-empty-state p {
            margin: 0;
            color: #031b4e;
            font-size: 16px;
            font-weight: 900;
        }

        .trip-empty-state span {
            font-size: 13px;
            font-weight: 500;
        }

        .trip-table-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
            padding-top: 18px;
        }

        .trip-table-footer p {
            margin: 0;
            color: #111827;
            font-size: 16px;
            font-weight: 500;
        }

        .trip-pagination {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .trip-pagination button {
            min-width: 42px;
            height: 34px;
            padding: 0 15px;
            border: 1px solid #e7ecf3;
            border-radius: 9px;
            background: #ffffff;
            color: #c2cad7;
            font-size: 13px;
            font-weight: 900;
        }

        .trip-pagination button.active {
            color: #ffffff;
            background: #ffc000;
            border-color: #ffc000;
        }

        .trip-pagination button:disabled {
            background: #fbfcff;
            color: #c2cad7;
        }

        .trip-header-actions {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .trip-create-btn {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 12px 18px;
            border-radius: 10px;
            color: #000000;
            background: #ffc000;
            font-size: 14px;
            font-weight: 900;
            text-decoration: none;
            box-shadow: 0 10px 24px rgba(67, 97, 238, .22);
            transition: all .2s ease;
            white-space: nowrap;
        }

        .trip-create-btn:hover {
            color: #ffffff;
            background: #ffc000;
            transform: translateY(-2px);
            box-shadow: 0 14px 30px rgba(67, 97, 238, .30);
        }

        .trip-create-btn i {
            font-size: 13px;
        }

        @media (max-width: 767px) {
            .trip-header-actions {
                width: 100%;
                flex-direction: column;
                align-items: stretch;
            }

            .trip-create-btn {
                width: 100%;
            }
        }

        @media (max-width: 1199px) {
            .trip-filter-card {
                grid-template-columns: 1fr 1fr 1fr;
            }

            .trip-search-box {
                grid-column: span 3;
            }
        }

        @media (max-width: 767px) {
            .trip-list-header {
                flex-direction: column;
            }

            .trip-listed-badge {
                width: 100%;
                justify-content: center;
            }

            .trip-filter-card {
                grid-template-columns: 1fr;
            }

            .trip-search-box {
                grid-column: span 1;
            }

            .trip-table-card {
                padding: 14px;
            }

            .trip-table-footer {
                flex-direction: column;
                align-items: flex-start;
            }
        }

/* Shared loader overlay used by trip create/edit submissions. */
.policy-loader-overlay {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .42);
    backdrop-filter: blur(8px);
    z-index: 9999;
}

.policy-loader-overlay.is-visible {
    display: flex;
}

.policy-loader-box {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 210px;
    padding: 18px 22px;
    border-radius: 18px;
    color: #111827;
    background: #ffffff;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .20);
}

.policy-loader-spinner {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid rgba(255, 192, 0, .25);
    border-top-color: #ffc000;
    animation: tripLoaderSpin .75s linear infinite;
}

@keyframes tripLoaderSpin {
    to {
        transform: rotate(360deg);
    }
}