/* inflo marrony — hesap alanı. Panel (pn- / od- sınıfları) MARRONY legacy/pages/panel.php satır içi stilinden, giriş/kayıt (auth-*)
   auth/giris.php satır içi stilinden birebir alınmıştır; inflo ekleri dosya sonunda. */
        /* ============ Panel Sayfası — Light Content + Dark Header/Footer ============ */
        body.panel-page{
            background:#f5f5f3 !important;
            font-family:'Inter',sans-serif;
            -webkit-font-smoothing:antialiased
        }
        /* Header dark + logo doğru render */
        body.panel-page .site-header{
            background:rgba(8,8,8,.95) !important;backdrop-filter:blur(20px);
            border-bottom:1px solid rgba(var(--gold-rgb),.15)
        }
        body.panel-page .site-header .logo img{
            filter:invert(1) brightness(2) drop-shadow(2px 2px 0 rgba(0,0,0,.25)) !important
        }
        body.panel-page .site-header .logo-text{ color:#fff !important }
        /* Footer dark */
        body.panel-page .site-footer{
            background:linear-gradient(180deg,#080808 0%,#050505 100%) !important
        }
        /* Light content scope: local CSS değişkenleri ve link rengi sadece pn-wrap içinde */
        body.panel-page main.pn-wrap{
            --bg:#f5f5f3; --panel:#fff; --text:#0a0a0a; --soft:#4a4a48; --muted:#8a8a85;
            --border:#e6e6e1; --primary:#1f3a1a; --primary-d:#0e2410; --accent:#8B7355;
            --danger:#b91c1c; --success:#047857;
            color:#0a0a0a;
            padding-top:120px
        }
        body.panel-page main.pn-wrap a{ color:var(--primary); text-decoration:none }
        /* Buton-stili anchor'lar yeşil link rengi yerine beyaz/orijinal renk korur */
        body.panel-page main.pn-wrap a.pn-btn,
        body.panel-page main.pn-wrap a.btn,
        body.panel-page main.pn-wrap a.btn-primary,
        body.panel-page main.pn-wrap a.od-track-btn,
        body.panel-page .pn-userband a.pn-btn{ color:#fff !important }
        /* Çıkış Yap (kırmızı) — sidebar'da yeşil olmasın */
        body.panel-page main.pn-wrap .pn-nav-link[href*="logout"]{ color:#dc2626 !important }
        @media(max-width:768px){ body.panel-page main.pn-wrap{padding-top:90px} }

        * { box-sizing: border-box; }

        /* User band — site_header altına oturur, müşteri kimliğini light bantta gösterir */
        body.panel-page .pn-userband{
            position:relative; z-index:5;
            margin-top:100px; /* fixed site-header altına yerleşsin */
            background:#fff; border-bottom:1px solid #e6e6e1;
            box-shadow:0 1px 0 rgba(15,23,42,.02);
            color:#0a0a0a
        }
        /* Userband içindeki kullanıcı bilgisi okunaklı kalsın */
        body.panel-page .pn-userband .pn-user{ color:#57534e !important }
        body.panel-page .pn-userband .pn-user > div > div:first-child{ color:#0a0a0a !important; font-weight:700 }
        body.panel-page .pn-userband .pn-user .av{
            width:38px;height:38px;border-radius:50%;
            background:linear-gradient(135deg,#a08850,#7a6840);
            color:#fff;display:flex;align-items:center;justify-content:center;
            font-weight:700;font-size:14px;flex-shrink:0
        }
        @media(max-width:768px){ body.panel-page .pn-userband{margin-top:70px} }
        body.panel-page .pn-userband-inner{
            max-width:1240px;margin:0 auto;padding:14px 32px;
            display:flex;justify-content:space-between;align-items:center;gap:14px
        }
        @media (min-width:1441px){ body.panel-page .pn-userband-inner{max-width:1400px} }
        @media (max-width:1024px){ body.panel-page .pn-userband-inner{padding:12px 18px} }
        @media (max-width:560px) { body.panel-page .pn-userband-inner .pn-user > div{display:none} }

        /* User band'i panel header altına yerleştir — pn-wrap padding-top'ı azalt */
        body.panel-page main.pn-wrap{ padding-top:24px !important }

        /* Hamburger — mobilde sidebar drawer aç/kapa */
        .pn-burger {
            display: none; width: 42px; height: 42px;
            background: transparent; border: 1px solid var(--border);
            border-radius: 10px; cursor: pointer;
            align-items: center; justify-content: center;
            color: var(--text); transition: .15s;
            order: 99; /* her zaman en sona git — sağda */
            flex-shrink: 0;
        }
        .pn-burger:hover { background: var(--bg); }
        .pn-burger i { font-size: 16px; }
        @media (max-width: 880px) {
            .pn-burger { display: inline-flex; }
            /* Mobilde kullanıcı bilgisi ortada/gizli, burger sağda */
            .pn-header-inner .pn-user { display: none; }
        }

        /* Backdrop for mobile drawer */
        .pn-backdrop {
            display: none; position: fixed; inset: 0;
            background: rgba(15,23,42,0.5); backdrop-filter: blur(2px);
            z-index: 60;
        }
        .pn-backdrop.open { display: block; animation: pnFade .2s ease both; }
        @keyframes pnFade { from { opacity: 0; } to { opacity: 1; } }
        @keyframes pnSlide { from { transform: translateX(-100%); } to { transform: translateX(0); } }
        .brand-link { color:var(--text); text-decoration:none; }
        .brand-logo { height: 50px; }
        .brand-text { font-family:'Space Grotesk'; font-weight:800; letter-spacing:0.18em; font-size:22px; }
        .pn-user { display:flex; align-items:center; gap:14px; font-size:13px; color:var(--soft); }
        .pn-user .av { width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg, var(--accent), var(--primary)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; }

        .pn-wrap {
            width:100%; max-width: 1240px; margin: 0 auto; padding: 36px 32px 60px;
            display: grid; grid-template-columns: 240px 1fr; gap: 28px;
            align-items: start;
        }
        @media (min-width:1441px) { .pn-wrap { max-width: 1400px; } }
        @media (max-width:1024px) { .pn-wrap { max-width: 100%; padding: 28px 24px 48px; } }
        @media (max-width: 880px) { .pn-wrap { grid-template-columns:1fr; gap:18px; padding:24px 18px 48px; } }

        .pn-side {
            background:#fff; border:1px solid var(--border); border-radius:14px;
            padding:8px; position:sticky; top:90px;
        }
        @media (max-width: 880px) {
            .pn-side {
                position: fixed; top: 0; left: 0; bottom: 0;
                width: 280px; max-width: 85vw;
                z-index: 70; border-radius: 0;
                transform: translateX(-100%);
                transition: transform .25s ease;
                overflow-y: auto;
                box-shadow: 0 8px 24px rgba(15,23,42,0.15);
                padding: 18px 10px;
            }
            .pn-side.open { transform: translateX(0); }
            .pn-side .pn-side-close {
                display: flex; align-items: center; justify-content: center;
                width: 36px; height: 36px; border-radius: 8px;
                background: var(--bg); border: 1px solid var(--border);
                margin: 0 auto 14px 0; cursor: pointer; color: var(--soft);
            }
        }
        .pn-side-close { display: none; }
        .pn-nav-link {
            display:flex; align-items:center; gap:10px;
            padding:12px 14px; color:var(--soft); text-decoration:none;
            border-radius:10px; font-size:14px; font-weight:500;
            transition:all .15s;
        }
        .pn-nav-link:hover { background: var(--bg); color: var(--text); }
        .pn-nav-link.active { background: rgba(31,58,26,0.05); color:var(--primary); font-weight:600; }
        .pn-nav-link i { width:18px; color:var(--accent); }
        .pn-nav-divider { height:1px; background:var(--border); margin:8px 0; }

        .pn-main {
            background:#fff; border:1px solid var(--border); border-radius:16px;
            padding: 32px; box-shadow:0 1px 3px rgba(0,0,0,0.03);
        }
        .pn-h1 { font-family:'Space Grotesk',sans-serif; font-size:24px; font-weight:700; margin:0 0 6px; letter-spacing:-0.01em; }
        .pn-sub { color:var(--muted); font-size:14px; margin: 0 0 28px; }

        .pn-alert { padding:12px 16px; border-radius:10px; margin-bottom:18px; font-size:13.5px; display:flex; align-items:center; gap:10px; }
        .pn-alert i { font-size:16px; }
        .pn-alert.success { background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
        .pn-alert.success i { color:var(--success); }
        .pn-alert.error { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
        .pn-alert.error i { color:var(--danger); }

        .pn-stats { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:14px; margin-bottom:24px; }
        .pn-stat {
            background: linear-gradient(180deg, #fafaf8, #fff);
            border:1px solid var(--border); border-radius:12px;
            padding:18px;
        }
        .pn-stat .lbl { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:6px; }
        .pn-stat .val { font-family:'Space Grotesk'; font-size:24px; font-weight:700; color:var(--text); }
        .pn-stat .val small { font-size:14px; color:var(--muted); font-weight:500; }

        .pn-section-title { font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:700; margin:24px 0 14px; }

        /* Sipariş tablosu */
        .pn-orders { width:100%; border-collapse:collapse; }
        .pn-orders th { text-align:left; font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; padding: 10px 12px; border-bottom:1px solid var(--border); }
        .pn-orders td { padding:14px 12px; border-bottom:1px solid var(--border); font-size:13.5px; color:var(--soft); }
        .pn-orders td .code { font-family:'Space Grotesk',monospace; font-size:11.5px; color:var(--muted); }
        .pn-orders td .pname { color:var(--text); font-weight:500; }
        .pn-orders td .amt { font-family:'Space Grotesk'; font-weight:700; color:var(--text); }

        /* Sipariş tablosu — mobilde card */
        @media (max-width: 720px) {
            .pn-orders, .pn-orders thead, .pn-orders tbody, .pn-orders tr { display: block; width: 100%; }
            .pn-orders thead { display: none; }
            .pn-orders tr {
                background: #fff; border: 1px solid var(--border);
                border-radius: 14px; padding: 16px;
                margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.03);
                display: flex; flex-direction: column;
            }
            .pn-orders td {
                padding: 6px 0; border: 0; display: flex;
                justify-content: space-between; align-items: center; gap: 10px;
                width: 100%;
            }
            .pn-orders td:not(.cell-product):not(.cell-action)::before {
                content: attr(data-label);
                font-size: 11px; color: var(--muted);
                text-transform: uppercase; letter-spacing: 0.06em;
                font-weight: 600; flex-shrink: 0;
            }
            .pn-orders td.cell-product {
                order: -1;
                flex-direction: column; align-items: flex-start;
                padding: 0 0 10px 0; margin-bottom: 8px;
                border-bottom: 1px solid var(--border);
            }
            .pn-orders td.cell-product::before {
                content: 'ÜRÜN';
                font-size: 11px; color: var(--muted);
                text-transform: uppercase; letter-spacing: 0.06em;
                font-weight: 600; margin-bottom: 4px;
            }
            .pn-orders td.cell-product .pname { font-size: 15px; font-weight: 600; }
            .pn-orders td.cell-action {
                padding-top: 12px; margin-top: 4px;
                border-top: 1px solid var(--border);
                justify-content: flex-end; text-align: right;
            }
            .pn-orders td .code { font-size: 10.5px; word-break: break-all; text-align: right; max-width: 60%; }
        }
        .pn-empty { text-align:center; padding:60px 20px; color:var(--muted); font-size:14px; }
        .pn-empty i { font-size:36px; color:var(--accent); margin-bottom:14px; opacity:0.5; }
        .pn-empty .btn { margin-top:14px; display:inline-block; padding:10px 20px; background:var(--primary); color:#fff; border-radius:10px; text-decoration:none; font-size:13px; font-weight:600; }

        /* Form */
        .pn-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
        @media (max-width: 540px) { .pn-row { grid-template-columns:1fr; } }
        .pn-field { margin-bottom: 14px; }
        .pn-field label { display:block; font-size:12px; font-weight:600; color:var(--text); margin-bottom:6px; }
        .pn-field input, .pn-field select, .pn-field textarea {
            width:100%; padding:12px 14px; background:#fafaf8;
            border:1px solid var(--border); border-radius:10px;
            font-size:14px; font-family:inherit; color:var(--text);
            transition:all .15s;
        }
        .pn-field input:focus, .pn-field select:focus, .pn-field textarea:focus { outline:none; border-color:var(--primary); background:#fff; box-shadow:0 0 0 3px rgba(31,58,26,0.08); }

        .pn-btn {
            display:inline-flex; align-items:center; gap:8px;
            padding:12px 22px; border:0; border-radius:10px;
            background:linear-gradient(135deg, var(--primary), var(--primary-d));
            color:#fff; font-weight:700; font-size:13.5px; letter-spacing:0.04em;
            cursor:pointer; transition:all .15s;
            font-family:'Space Grotesk',sans-serif;
        }
        .pn-btn:hover { transform:translateY(-1px); }

        .billing-block { padding:18px; background:#fafaf8; border-radius:12px; border:1px solid var(--border); margin-top:14px; }
        .billing-tabs { display:flex; gap:8px; margin-bottom:14px; }
        .billing-tab { padding:8px 16px; border-radius:8px; cursor:pointer; font-size:13px; font-weight:600; background:#fff; border:1px solid var(--border); color:var(--soft); }
        .billing-tab.active { background:var(--primary); color:#fff; border-color:var(--primary); }

        /* ============ ORDER DETAIL ============ */
        /* Sipariş detayında pn-main'i şeffaf yap — hero + card'lar kendi stilleriyle çıksın */
        .pn-main.is-order {
            background: transparent; border: 0; padding: 0; box-shadow: none;
        }
        .od-back {
            display:inline-flex; align-items:center; gap:8px;
            color:var(--muted); font-size:13px; text-decoration:none;
            padding:8px 12px; margin:-8px 0 18px -12px;
            border-radius:8px; transition:.15s;
        }
        .od-back:hover { color:var(--text); background:var(--bg); }
        .od-back i { font-size:11px; }

        .od-hero {
            position:relative; overflow:hidden;
            background: linear-gradient(135deg, #1f3a1a 0%, #0e2410 100%);
            border-radius:16px; padding:34px 32px;
            color:#fff; margin: 0 0 28px;
        }
        .od-hero::before {
            content:''; position:absolute; right:-100px; top:-100px;
            width:280px; height:280px; border-radius:50%;
            background: radial-gradient(circle, rgba(201,169,110,0.12) 0%, transparent 70%);
        }
        .od-hero::after {
            content:''; position:absolute; bottom:-60px; left:-60px;
            width:180px; height:180px; border-radius:50%;
            background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%);
        }
        .od-hero-grid {
            position:relative; z-index:1;
            display:grid; grid-template-columns: 1fr auto;
            gap:24px; align-items:end;
        }
        @media (max-width:560px) { .od-hero-grid { grid-template-columns:1fr; } .od-hero { padding:24px 22px; } }
        .od-eyebrow {
            font-size:11px; font-weight:700; letter-spacing:0.16em;
            text-transform:uppercase; color: var(--accent);
            margin-bottom:8px;
        }
        .od-code {
            font-family:'Space Grotesk', sans-serif;
            font-size:30px; font-weight:700; letter-spacing:-0.01em;
            margin:0 0 10px; color:#fff; word-break:break-all;
        }
        .od-meta {
            display:flex; align-items:center; gap:10px; flex-wrap:wrap;
            font-size:13.5px; color:rgba(255,255,255,0.78);
        }
        .od-meta i { color:var(--accent); }
        .od-dot { width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,0.3); }
        .od-amount {
            text-align:right; padding:14px 18px;
            background:rgba(255,255,255,0.06);
            border:1px solid rgba(255,255,255,0.12);
            border-radius:12px; backdrop-filter: blur(8px);
        }
        @media (max-width:560px) { .od-amount { text-align:left; } }
        .od-amount-eyebrow { font-size:10.5px; color:rgba(255,255,255,0.55); text-transform:uppercase; letter-spacing:0.12em; font-weight:600; margin-bottom:4px; }
        .od-amount-num {
            font-family:'Space Grotesk',sans-serif;
            font-size:30px; font-weight:800; letter-spacing:-0.02em;
            color:var(--accent); line-height:1;
        }
        .od-amount-meta { color:rgba(255,255,255,0.7); font-size:12.5px; margin-top:6px; font-weight:500; }

        /* Section card */
        .od-card {
            background:#fff; border:1px solid var(--border);
            border-radius:16px; padding:24px 26px;
            margin-bottom:18px; box-shadow:0 1px 3px rgba(15,23,42,.04);
            transition:.2s;
        }
        .od-card:hover { box-shadow:0 6px 20px -10px rgba(15,23,42,.12); border-color:#dcdcd5; }

        .od-card-head {
            display:flex; align-items:center; justify-content:space-between;
            margin-bottom:18px; gap:12px; flex-wrap:wrap;
        }
        .od-card-title {
            font-family:'Space Grotesk',sans-serif;
            font-size:14.5px; font-weight:700; letter-spacing:-0.01em;
            display:flex; align-items:center; gap:10px;
            margin:0;
        }
        .od-card-title i {
            width:30px; height:30px; border-radius:8px;
            background: linear-gradient(135deg, rgba(31,58,26,0.08), rgba(139,115,85,0.08));
            color:var(--primary); font-size:13px;
            display:flex; align-items:center; justify-content:center;
        }

        /* Cargo timeline */
        .od-track {
            display:flex; align-items:flex-start; margin:8px 0 24px;
            position:relative; padding:0 8px;
        }
        .od-track-step {
            flex:1; position:relative; text-align:center; min-width:70px;
        }
        .od-track-circle {
            width:38px; height:38px; border-radius:50%;
            display:flex; align-items:center; justify-content:center;
            font-weight:700; font-size:13px;
            margin: 0 auto 8px; position:relative; z-index:2;
            transition:.3s;
        }
        .od-track-circle.done { background:var(--primary); color:#fff; }
        .od-track-circle.active {
            background:var(--primary); color:#fff;
            box-shadow: 0 0 0 5px rgba(31,58,26,0.18), 0 4px 14px -4px rgba(31,58,26,0.4);
        }
        .od-track-circle.todo { background:#eaeae2; color:#a3a3a3; }
        .od-track-line {
            position:absolute; top:19px; left:50%; right:-50%;
            height:2px; background:#eaeae2; z-index:1;
        }
        .od-track-line.done { background:var(--primary); }
        .od-track-step:last-child .od-track-line { display:none; }
        .od-track-label {
            font-size:11.5px; font-weight:600; line-height:1.3;
            color:var(--muted);
        }
        .od-track-label.done { color:var(--text); }
        .od-track-label.active { color:var(--primary); }
        .od-track-date { font-size:10.5px; color:var(--muted); margin-top:3px; font-weight:400; }

        .od-grid-2 {
            display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr));
            gap:16px;
            padding-top:18px; border-top:1px dashed var(--border);
        }
        .od-info-label {
            font-size:10.5px; color:var(--muted); text-transform:uppercase;
            letter-spacing:0.08em; font-weight:600; margin-bottom:4px;
        }
        .od-info-value { font-size:14px; font-weight:600; color:var(--text); }
        .od-info-value.mono { font-family:'Space Grotesk',monospace; letter-spacing:0.02em; }

        .od-track-btn {
            display:inline-flex; align-items:center; gap:9px;
            background: linear-gradient(135deg, var(--accent), #6f5a40);
            color:#fff !important; padding:13px 24px; border-radius:11px;
            text-decoration:none; font-weight:700; font-size:13px;
            margin-top:18px; letter-spacing:0.02em;
            border:1px solid rgba(255,255,255,0.08);
            box-shadow:0 6px 18px -6px rgba(139,115,85,0.45); transition:.2s;
        }
        .od-track-btn i { color:#fff; }
        .od-track-btn:hover {
            transform:translateY(-1px);
            background: linear-gradient(135deg, #9a8164, var(--accent));
            box-shadow:0 10px 24px -6px rgba(139,115,85,0.55);
        }

        .od-empty-track {
            text-align:center; padding:30px 20px;
            color:var(--muted); font-size:13.5px;
        }
        .od-empty-track i {
            font-size:38px; color:var(--accent); opacity:0.4;
            display:block; margin-bottom:12px;
        }

        /* Product card */
        .od-product {
            display:flex; align-items:center; gap:18px;
            padding:18px; background:linear-gradient(135deg,#fafaf8,#fff);
            border:1px solid var(--border); border-radius:12px;
        }
        .od-product-icon {
            width:64px; height:64px; flex-shrink:0;
            background: linear-gradient(135deg, var(--primary), var(--primary-d));
            color:var(--accent); display:flex; align-items:center; justify-content:center;
            border-radius:12px; font-size:26px;
        }
        .od-product-name {
            font-family:'Space Grotesk',sans-serif;
            font-weight:700; font-size:16px; letter-spacing:-0.01em;
        }
        .od-product-meta { color:var(--muted); font-size:13px; margin-top:4px; }

        /* Address blocks */
        .od-addr-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
        @media (max-width:680px) { .od-addr-grid { grid-template-columns:1fr; } }
        .od-addr {
            background:#fafaf8; border:1px solid var(--border);
            border-radius:12px; padding:16px 18px;
            font-size:13.5px; line-height:1.65; color:var(--soft);
        }
        .od-addr strong { color:var(--text); }
        .od-addr-badge {
            display:inline-block; padding:3px 10px; border-radius:5px;
            background:var(--primary); color:#fff; font-size:10px;
            text-transform:uppercase; letter-spacing:0.08em;
            font-weight:700; margin-bottom:8px;
        }

        /* Invoice card */
        .od-invoice {
            display:flex; align-items:center; gap:16px;
            background:linear-gradient(135deg,#fafaf8,#fff);
            border:1px solid var(--border); border-radius:12px;
            padding:18px; flex-wrap:wrap;
        }
        /* File-type badge — kendi çizdiğim, FA'ya bağımlı değil */
        .file-badge {
            width:46px; height:58px; flex-shrink:0;
            border-radius:6px; position:relative;
            display:flex; align-items:flex-end; justify-content:center;
            padding-bottom:7px; color:#fff;
            font-size:11px; font-weight:800; letter-spacing:0.04em;
            box-shadow: 0 4px 12px -3px rgba(0,0,0,0.18);
        }
        .file-badge::before {
            content:''; position:absolute; top:0; right:0;
            border-style:solid; border-width:0 12px 12px 0;
            border-color: transparent rgba(255,255,255,0.45) transparent transparent;
        }
        .file-badge.pdf  { background: linear-gradient(135deg,#ef4444,#b91c1c); }
        .file-badge.img  { background: linear-gradient(135deg,#3b82f6,#1d4ed8); }
        .file-badge.png  { background: linear-gradient(135deg,#10b981,#047857); }
        .file-badge.jpg  { background: linear-gradient(135deg,#f59e0b,#b45309); }
        .file-badge.doc  { background: linear-gradient(135deg,#2563eb,#1e3a8a); }
        .file-badge.xls  { background: linear-gradient(135deg,#16a34a,#166534); }
        .file-badge.zip  { background: linear-gradient(135deg,#7c3aed,#5b21b6); }
        .file-badge.gen  { background: linear-gradient(135deg,#64748b,#475569); }
        .od-invoice-info { flex:1; min-width:0; }
        .od-invoice-title { font-weight:700; font-size:14.5px; letter-spacing:-0.01em; }
        .od-invoice-sub { color:var(--muted); font-size:12.5px; margin-top:3px; }
        .od-btn {
            display:inline-flex; align-items:center; gap:8px;
            padding:10px 18px; border-radius:10px;
            text-decoration:none; font-weight:600; font-size:13px;
            transition:.15s; white-space:nowrap;
        }
        .od-btn-light { background:#fff; border:1px solid var(--border); color:var(--text); }
        .od-btn-light:hover { background:var(--bg); }
        .od-btn-primary { background:var(--primary); color:#fff; border:1px solid var(--primary); }
        .od-btn-primary:hover { background:var(--primary-d); }

        .od-invoice-empty {
            background:#fafaf8; border:1.5px dashed var(--border);
            border-radius:12px; padding:30px 22px; text-align:center;
            color:var(--muted); font-size:13.5px;
        }
        .od-invoice-empty i { font-size:30px; color:var(--accent); opacity:0.4; display:block; margin-bottom:10px; }
        .od-invoice-empty .ti { font-weight:600; color:var(--text); margin-bottom:4px; font-size:14px; }

        /* Payment summary */
        .od-pay-tbl { width:100%; border-collapse:collapse; font-size:14px; }
        .od-pay-tbl td { padding:12px 0; }
        .od-pay-tbl td:first-child { color:var(--muted); }
        .od-pay-tbl td:last-child { text-align:right; color:var(--text); font-weight:600; }
        .od-pay-tbl .mono { font-family:'Space Grotesk',monospace; }
        .od-pay-tbl tr.total td {
            padding-top:16px; border-top:1px solid var(--border);
            font-weight:700; font-size:15px; color:var(--text);
        }
        .od-pay-tbl tr.total td:last-child {
            color:var(--primary); font-size:20px; font-weight:800;
        }

        /* Status pill — bigger version for hero */
        .od-status-hero {
            display:inline-block; padding:5px 14px; border-radius:999px;
            font-size:11.5px; font-weight:700; letter-spacing:0.06em;
            text-transform:uppercase;
        }

        /* Animations */
        @keyframes odFadeIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
        .od-hero, .od-card { animation: odFadeIn .35s ease both; }
        .od-card:nth-of-type(2) { animation-delay:.05s; }
        .od-card:nth-of-type(3) { animation-delay:.1s; }
        .od-card:nth-of-type(4) { animation-delay:.15s; }
        .od-card:nth-of-type(5) { animation-delay:.2s; }

/* ═══════════ inflo ekleri (MARRONY panel diliyle) ═══════════ */
/* Duyuru bandı açıkken sabit header +44px */
@media(min-width:769px){
  body.has-campaign.panel-page .pn-userband{margin-top:144px}
  
  body.has-campaign.mr-track-page main.pn-wrap{padding-top:164px !important}
}
body.mr-track-page main.pn-wrap{padding-top:120px !important}
@media(max-width:768px){body.mr-track-page main.pn-wrap{padding-top:88px !important}}
.pn-wrap.mr-track{grid-template-columns:minmax(0,1fr) !important;max-width:860px}
.pn-wrap .pn-main{min-width:0}
.pn-wrap.mr-track > .pn-main + .pn-main{margin-top:18px}
.mr-user-name{color:#0a0a0a;font-weight:700;line-height:1.2}
.mr-user-mail{font-size:12px;color:#8a8a85;line-height:1.2;margin-top:2px}
.mr-logout-form{margin:0}
.pn-nav-link.mr-logout{width:100%;background:none;border:0;cursor:pointer;font:inherit;text-align:left;color:#dc2626 !important}
.pn-nav-link.mr-logout i{color:#dc2626 !important}
.mr-pill{display:inline-block;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--pill) 12%,transparent);color:var(--pill);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.mr-stat-link{text-decoration:none;display:block}
.mr-stat-link .val i{color:#dc2626;font-size:18px}
.mr-detail-link{color:var(--primary);font-weight:700;font-size:12.5px;text-decoration:none}
.mr-detail-link i{font-size:10px}
.pn-alert.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;align-items:flex-start}
.pn-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}
.pn-alert a{text-decoration:underline}
.mr-pn-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.mr-pn-head .pn-h1,.mr-pn-head .pn-section-title{margin-bottom:0}
.mr-pn-head .pn-sub{margin-bottom:0}
.pn-section-title.mr-sm{font-size:14px;margin:18px 0 10px}
.mr-muted{color:var(--muted)}
.mr-strong{font-weight:600;color:var(--text);font-size:14.5px;margin-bottom:4px}
.mr-flex1{flex:1;min-width:0}
.mr-gold{color:#a08850}
.mr-mt{margin-top:14px}
.mr-free{color:var(--success);font-weight:800;letter-spacing:.04em}
.mr-badge-accent{background:var(--accent) !important}
.mr-panel-form{margin-top:6px}
.mr-panel-form .pn-btn{margin-top:4px}
.cl-hp{position:absolute !important;left:-9999px !important;opacity:0 !important;height:0 !important;width:0 !important}
.mr-inline-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--soft);margin:10px 0 14px;cursor:pointer;line-height:1.5}
.mr-inline-check input{width:17px;height:17px;margin-top:2px;accent-color:var(--primary);flex-shrink:0}
.mr-link-btn{background:none;border:0;cursor:pointer;color:var(--muted);font:inherit;font-size:13px}
.mr-link-btn:hover{color:var(--primary)}
.mr-pass{position:relative}
.mr-pass input{padding-right:46px !important}
.mr-pass button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:#a8a29e;cursor:pointer}
/* Adres kartları */
.mr-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:26px}
.mr-addr-card{border:1px solid var(--border);border-radius:14px;background:#fafaf8;display:flex;flex-direction:column;overflow:hidden;transition:.18s}
.mr-addr-card:hover{border-color:#d6d3c8;background:#fff}
.mr-addr-card.is-default{border-color:rgba(31,58,26,.45);box-shadow:0 0 0 3px rgba(31,58,26,.06);background:#fff}
.mr-addr-card header{display:flex;align-items:center;gap:8px;padding:14px 16px 0;flex-wrap:wrap}
.mr-addr-card header strong{font-size:14.5px;color:var(--text)}
.mr-tag{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#ece5d3;color:#7a6840;letter-spacing:.04em}
.mr-tag-gold{background:linear-gradient(135deg,#a08850,#7a6840);color:#fff}
.mr-addr-body{padding:10px 16px 14px;font-size:13px;color:var(--soft);line-height:1.55;display:flex;flex-direction:column;gap:2px;flex:1}
.mr-addr-body strong{color:var(--text)}
.mr-addr-body em{font-style:normal;color:var(--accent);font-weight:600}
.mr-addr-card footer{display:flex;border-top:1px solid var(--border)}
.mr-addr-card footer button{flex:1;padding:10px 6px;border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;color:var(--soft)}
.mr-addr-card footer button + button{border-left:1px solid var(--border)}
.mr-addr-card footer button:hover{background:#f5f5f0;color:var(--primary)}
.mr-addr-card footer .mr-danger:hover{color:#b91c1c}
.mr-addr-form{border-top:1px solid var(--border);padding-top:22px;margin-top:6px}
.mr-addr-form.is-editing{animation:mrPulse .8s ease}
@keyframes mrPulse{0%{box-shadow:0 0 0 0 rgba(160,136,80,.35)}100%{box-shadow:0 0 0 14px rgba(160,136,80,0)}}
.mr-corp{padding:14px 16px;border:1px dashed #d6d3c8;border-radius:12px;background:#fafaf8;margin-bottom:12px}
.mr-corp .mr-inline-check{margin:0}
.mr-corp-fields{display:none;margin-top:14px}
.mr-corp.is-on .mr-corp-fields{display:block}
.mr-corp .billing-tab input{accent-color:#fff;margin-right:4px}
/* Sipariş detayı ekleri */
.od-product-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.od-product + .od-product{margin-top:10px}
.mr-od-line{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;color:var(--primary);white-space:nowrap}
.mr-reorder{margin-top:6px;background:none;border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer}
.mr-reorder:hover{border-color:var(--primary)}
.mr-od-totals{margin-top:14px;border-top:1px solid var(--border)}
.mr-od-totals tr.disc td:last-child{color:var(--success)}
.mr-od-totals tr.total td{border-top:2px solid var(--border);font-size:16px}
.mr-od-totals tr.total td:last-child{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;color:var(--primary)}
.mr-od-note p{margin:0;color:var(--soft);font-size:14px;line-height:1.6}
.od-track.is-halted{opacity:.5}
.mr-sub-title{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--text);margin:22px 0 10px;text-transform:uppercase;letter-spacing:.08em}
.mr-timeline{list-style:none;margin:0;padding:0 0 0 6px;border-left:2px solid var(--border)}
.mr-timeline li{position:relative;padding:0 0 14px 18px;font-size:13.5px;color:var(--soft)}
.mr-timeline li .dot{position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--accent)}
.mr-timeline li:first-child .dot{background:var(--primary);border-color:var(--primary)}
.mr-timeline li strong{color:var(--text)}
.mr-timeline li time{font-size:12px;color:var(--muted);margin-left:6px}
.mr-timeline li p{margin:4px 0 0;font-size:12.5px}
.mr-ship-events{list-style:none;margin:12px 0 0;padding:0;font-size:12.5px;color:var(--soft)}
.mr-ship-events li{padding:6px 0;border-bottom:1px dashed var(--border)}
.mr-ship-events time{font-family:'Space Grotesk',monospace;color:var(--muted);margin-right:6px}
.mr-return-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border);font-size:13.5px}
.mr-return-item input{width:64px;padding:8px;border:1px solid var(--border);border-radius:8px;text-align:center}
.mr-danger-box{margin-top:30px;padding:20px;border:1px solid #fecaca;border-radius:14px;background:#fef2f2}
.mr-danger-box p{font-size:13px;line-height:1.6}
.pn-btn.mr-btn-danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}
.mr-collapse{margin-top:26px;border:1px solid var(--border);border-radius:14px;padding:16px 18px;background:#fafaf8}
.mr-collapse summary{cursor:pointer;list-style:none}
.mr-collapse summary .pn-section-title{margin:0}
.mr-collapse[open] summary{margin-bottom:14px}
/* Destek sohbeti */
.mr-chat{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.mr-chat .tc-msg{max-width:85%;padding:12px 16px;border-radius:14px;font-size:13.5px;line-height:1.6}
.mr-chat .tc-msg-customer{align-self:flex-end;background:#f0f5ef;border:1px solid #d6e6d2}
.mr-chat .tc-msg-agent{align-self:flex-start;background:#fbf7ee;border:1px solid #ece5d3}
.mr-chat .tc-msg-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px;color:var(--muted)}
.mr-chat .tc-msg-head strong{color:var(--text)}
.mr-chat .tc-msg-head i{color:var(--accent);margin-right:4px}
/* Favoriler: MARRONY koyu ürün kartları */
.mr-wish-dark{background:#0a0a0a;border-radius:16px;padding:18px}
.mr-wish-dark .pgrid{gap:16px}
.mr-wish-item{position:relative;display:flex;flex-direction:column}
.mr-wish-remove{margin-top:8px;background:transparent;border:1px solid rgba(255,255,255,.18);color:#d6d3d1;border-radius:10px;padding:8px;cursor:pointer;font-size:12.5px}
.mr-wish-remove:hover{border-color:#ef4444;color:#fca5a5}
@media(max-width:900px){.mr-wish-dark .pgrid{grid-template-columns:1fr 1fr !important}}
@media(max-width:560px){.mr-wish-dark .pgrid{grid-template-columns:1fr !important}}
.od-hero .mr-pill{background:rgba(255,255,255,.14);color:#fff}
.pn-nav-link.mr-logout{font-size:14px;font-weight:500;font-family:inherit;line-height:inherit}
@media(max-width:560px){.pn-stats{grid-template-columns:repeat(3,1fr) !important;gap:8px}.pn-stat{padding:12px !important}.pn-stat .val{font-size:18px !important}.pn-stat .lbl{font-size:9.5px !important}.mr-stat-link .val small{display:none}}