/* Extracted from: bonustalep/index.php */
/* <style> block #1, lines 120-546 */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap');

        :root {
            --green: #0f7a3c;
            --green-dark: #0a5c2e;
            --green-soft: #e6f4ea;
            --white: #ffffff;
            --text: #1a2e1f;
        }

        * {
            box-sizing: border-box;
        }

        html.embed-bonus-talep-root {
            height: 100%;
            height: -webkit-fill-available;
            max-height: 100%;
            overflow: hidden;
        }

        html {
            overflow-x: hidden;
            max-width: 100%;
        }

        body {
            margin: 0;
            min-height: 100vh;
            overflow-x: hidden;
            max-width: 100%;
            background: var(--white);
            color: var(--text);
            font-family: 'Work Sans', system-ui, sans-serif;
            -webkit-font-smoothing: antialiased;
        }

        /* iframe (embed): taşma yok — yükseklik üst modal / iframe ile sınırlı; kaydırma .wrap içinde */
        html.embed-bonus-talep-root,
        body.embed-bonus-talep {
            height: 100%;
            height: -webkit-fill-available;
            max-height: 100%;
        }

        body.embed-bonus-talep {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            min-height: 100%;
            min-height: -webkit-fill-available;
            height: 100%;
            height: -webkit-fill-available;
            max-height: 100%;
        }

        body.embed-bonus-talep .wrap {
            flex: 1 1 auto;
            min-height: 0;
            max-width: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            padding-left: max(0.65rem, env(safe-area-inset-left, 0px));
            padding-right: max(0.65rem, env(safe-area-inset-right, 0px));
            padding-top: 0.65rem;
            padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
        }

        .wrap {
            max-width: 32rem;
            margin: 0 auto;
            padding: clamp(1rem, 4vw, 1.75rem);
        }

        h1 {
            margin: 0 0 0.35rem;
            font-size: clamp(1.35rem, 4.5vw, 1.65rem);
            font-weight: 700;
            color: var(--green-dark);
        }

        .sub {
            margin: 0 0 1.25rem;
            font-size: 0.9rem;
            color: #3d5344;
            line-height: 1.45;
        }

        .alert {
            border-radius: 10px;
            padding: 0.85rem 1rem;
            margin-bottom: 1rem;
            text-align: left;
            font-size: 0.92rem;
            line-height: 1.5;
            border: 1px solid var(--green);
            background: var(--green-soft);
            color: var(--green-dark);
        }

        .alert-muted {
            background: #f8faf8;
            border-color: #c8e6c9;
            color: #2e4a35;
        }

        .card {
            background: var(--white);
            border: 2px solid var(--green);
            border-radius: 14px;
            padding: clamp(1rem, 3vw, 1.35rem);
            box-shadow: 0 4px 20px rgba(15, 122, 60, 0.08);
        }

        .bonus-btn {
            width: 100%;
            min-height: 48px;
            padding: 0.9rem 1rem;
            border: none;
            border-radius: 10px;
            background: linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);
            color: var(--white);
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s;
        }

        .bonus-btn:hover:not(:disabled) {
            box-shadow: 0 4px 14px rgba(15, 122, 60, 0.35);
            transform: translateY(-1px);
        }

        .bonus-btn:disabled {
            opacity: 0.55;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        .section-title {
            margin: 2rem 0 0.75rem;
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--green-dark);
        }

        .table-scroll {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            border-radius: 10px;
            border: 1px solid #cfe9d4;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .table-scroll::-webkit-scrollbar {
            display: none;
            height: 0;
        }

        table {
            width: 100%;
            min-width: 260px;
            border-collapse: collapse;
            font-size: 0.88rem;
        }

        th, td {
            padding: 0.65rem 0.75rem;
            text-align: left;
            border-bottom: 1px solid #e0efe3;
        }

        th {
            background: var(--green-soft);
            color: var(--green-dark);
            font-weight: 600;
        }

        tr:last-child td {
            border-bottom: none;
        }

        .empty-hist {
            font-size: 0.88rem;
            color: #5a6b5f;
            padding: 0.5rem 0;
        }

        .footer-note {
            margin-top: 1.5rem;
            font-size: 0.75rem;
            color: #6b7c70;
            text-align: center;
        }

        body.embed-bonus-talep .wrap {
            max-width: 100%;
        }

        body.embed-bonus-talep h1 {
            font-size: clamp(1.1rem, 3.5vw, 1.35rem);
        }

        body.embed-bonus-talep .sub {
            margin-bottom: 0.85rem;
            font-size: 0.82rem;
        }

        body.embed-bonus-talep .section-title {
            margin: 1.1rem 0 0.5rem;
            font-size: 0.98rem;
        }

        body.embed-bonus-talep .table-scroll {
            max-height: none;
            overflow-y: visible;
            -webkit-overflow-scrolling: touch;
        }

        body.embed-bonus-talep .footer-note {
            margin-top: 0.75rem;
        }

        @media (max-width: 767px) {
            body.embed-bonus-talep {
                font-size: 15px;
                -webkit-text-size-adjust: 100%;
            }

            body.embed-bonus-talep .wrap {
                padding-top: 0.5rem;
                padding-left: max(0.55rem, env(safe-area-inset-left, 0px));
                padding-right: max(0.55rem, env(safe-area-inset-right, 0px));
                padding-bottom: max(0.65rem, env(safe-area-inset-bottom, 0px));
            }

            body.embed-bonus-talep h1 {
                font-size: clamp(0.95rem, 4.2vw, 1.2rem);
                line-height: 1.25;
            }

            body.embed-bonus-talep .sub {
                font-size: 0.8125rem;
                line-height: 1.4;
                margin-bottom: 0.75rem;
            }

            body.embed-bonus-talep .alert {
                font-size: 0.8125rem;
                padding: 0.65rem 0.75rem;
                line-height: 1.45;
                overflow-wrap: anywhere;
                word-break: break-word;
            }

            body.embed-bonus-talep .card {
                padding: 0.75rem;
                border-width: 1px;
                border-radius: 12px;
            }

            body.embed-bonus-talep .bonus-btn {
                font-size: 0.9rem;
                min-height: 44px;
                padding: 0.7rem 0.85rem;
            }

            body.embed-bonus-talep .section-title {
                font-size: 0.9rem;
                margin: 1rem 0 0.45rem;
            }

            body.embed-bonus-talep table {
                font-size: 0.75rem;
                min-width: 0;
                table-layout: fixed;
            }

            body.embed-bonus-talep th,
            body.embed-bonus-talep td {
                padding: 0.45rem 0.45rem;
                overflow-wrap: anywhere;
                word-break: break-word;
            }

            body.embed-bonus-talep .table-scroll {
                max-height: none;
                overflow-x: auto;
                overflow-y: visible;
            }

            body.embed-bonus-talep .col-bonus-turu {
                max-width: 38vw;
            }

            body.embed-bonus-talep .footer-note {
                font-size: 0.6875rem;
                margin-top: 0.65rem;
            }

            body.embed-bonus-talep .modal {
                padding: max(0.5rem, env(safe-area-inset-top, 0px))
                    max(0.65rem, env(safe-area-inset-right, 0px))
                    max(0.5rem, env(safe-area-inset-bottom, 0px))
                    max(0.65rem, env(safe-area-inset-left, 0px));
            }

            body.embed-bonus-talep .modal-content {
                width: 100%;
                max-width: min(22rem, calc(100vw - 1.25rem));
                padding: 1rem 1rem;
                box-sizing: border-box;
            }

            body.embed-bonus-talep .modal-content h2 {
                font-size: 0.98rem;
            }

            body.embed-bonus-talep .modal-content p {
                font-size: 0.8125rem;
            }

            body.embed-bonus-talep .btn-cancel,
            body.embed-bonus-talep .btn-confirm {
                font-size: 0.875rem;
                min-height: 44px;
            }
        }

        .col-bonus-turu {
            max-width: 140px;
            word-break: break-word;
        }

        .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            inset: 0;
            background: rgba(26, 46, 31, 0.45);
            justify-content: center;
            align-items: center;
            padding: 1rem;
            animation: fadeIn 0.25s ease;
        }

        .modal-content {
            background: var(--white);
            padding: clamp(1.25rem, 4vw, 1.75rem);
            border-radius: 14px;
            width: 100%;
            max-width: 22rem;
            color: var(--text);
            text-align: center;
            border: 2px solid var(--green);
            box-shadow: 0 12px 40px rgba(15, 122, 60, 0.15);
        }

        .modal-content h2 {
            margin: 0 0 0.65rem;
            font-size: 1.1rem;
            color: var(--green-dark);
        }

        .modal-content p {
            margin: 0;
            font-size: 0.92rem;
            line-height: 1.45;
            color: #3d5344;
        }

        .modal-actions {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            margin-top: 1.25rem;
        }

        @media (min-width: 380px) {
            .modal-actions {
                flex-direction: row;
            }
        }

        .btn-cancel,
        .btn-confirm {
            flex: 1;
            min-height: 46px;
            padding: 0.65rem 1rem;
            border-radius: 8px;
            border: 2px solid var(--green);
            font-weight: 600;
            cursor: pointer;
            font-size: 0.95rem;
            transition: background 0.15s, color 0.15s;
        }

        .btn-cancel {
            background: var(--white);
            color: var(--green-dark);
        }

        .btn-cancel:hover {
            background: var(--green-soft);
        }

        .btn-confirm {
            background: var(--green);
            color: var(--white);
            border-color: var(--green-dark);
        }

        .btn-confirm:hover {
            background: var(--green-dark);
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }