:root {
            --primary-blue: #003366;
            --accent-gold: #D4AF37;
            --whatsapp-green: #25D366;
            --danger-red: #d9534f;
            --light-bg: #f4f6f9;
            --dark: #222;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Arial, sans-serif; }
        body { background-color: var(--light-bg); color: var(--dark); padding-bottom: 50px; }


        /* Reklam Alanları */
        .ad-slot {
            width: 100%;
            min-height: 90px;
            margin: 18px 0;
            padding: 12px;
            border: 1px dashed #c8cdd3;
            border-radius: 10px;
            background: #fafafa;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            overflow: hidden;
        }

        .ad-slot .ad-inner {
            width: 100%;
            min-height: 66px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8a8f96;
            font-size: 12px;
            letter-spacing: .2px;
        }

        .ad-slot.ad-top {
            min-height: 110px;
            margin: 0 0 20px;
            background: #fff;
        }

        .ad-slot.ad-medium {
            min-height: 160px;
        }

        .ad-slot.ad-large {
            min-height: 250px;
        }

        .ad-label {
            display: block;
            font-size: 10px;
            color: #9aa0a6;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        @media (max-width: 600px) {
            .ad-slot {
                min-height: 80px;
                margin: 14px 0;
            }

            .ad-slot.ad-top {
                min-height: 90px;
            }

            .ad-slot.ad-medium {
                min-height: 140px;
            }

            .ad-slot.ad-large {
                min-height: 200px;
            }
        }


        .ad-inner.ad-has-media { padding: 0; }
        .ad-inner a { display:block; width:100%; text-decoration:none; }
        .ad-inner img, .ad-inner video {
            display:block;
            width:100%;
            max-width:100%;
            max-height:420px;
            object-fit:contain;
            margin:0 auto;
            border-radius:8px;
        }
        .ad-inner video { background:#000; }
        .ad-fallback { color:#8a8f96; font-size:12px; padding:12px; }
        .admin-ad-preview img, .admin-ad-preview video {
            width:110px; height:60px; object-fit:cover; border-radius:6px; background:#eee;
        }

        .gallery-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
        .gallery-item { background:#fff; border:1px solid #e1e5ea; border-radius:10px; padding:8px; }
        .gallery-item img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:7px; display:block; }
        .gallery-item.profile-photo-item{text-align:center;background:#f2f7fc;border-color:#b9d1e8}
        .gallery-item.profile-photo-item img{width:150px;height:150px;aspect-ratio:1/1;border-radius:50%;margin:4px auto 9px;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.14)}
        .profile-photo-manager{display:flex;align-items:center;gap:16px;padding:13px;margin:10px 0 14px;background:#eef5fb;border:1px solid #c9dbea;border-radius:12px}
        .profile-photo-manager img,.profile-photo-placeholder{width:112px;height:112px;flex:0 0 112px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.14);background:#dfe8f0}
        .profile-photo-placeholder{display:grid;place-items:center;font-size:40px}
        .profile-photo-manager-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
        .profile-photo-add{border:0;border-radius:7px;background:var(--primary-blue);color:#fff;padding:10px 12px;font-weight:800;cursor:pointer}
        .profile-photo-remove{border:0;border-radius:7px;background:#b4232d;color:#fff;padding:10px 12px;font-weight:800;cursor:pointer}
        @media(max-width:520px){.profile-photo-manager img,.profile-photo-placeholder{width:88px;height:88px;flex-basis:88px}.profile-photo-manager{gap:10px}.profile-photo-manager-actions{flex-direction:column;align-items:stretch}.profile-photo-add,.profile-photo-remove{font-size:11px;padding:9px 7px}}
        .gallery-caption { font-size:12px; color:#555; margin:7px 2px; min-height:32px; }
        .gallery-delete { width:100%; border:0; background:#d9534f; color:#fff; padding:7px; border-radius:6px; cursor:pointer; }
        .public-gallery-grid { display:flex; flex-direction:column; gap:18px; margin-top:14px; }
        .public-gallery-item { width:100%; background:#f8fafc; border:1px solid #e2e7ec; border-radius:12px; padding:10px; }
        .public-gallery-grid img { width:100%; height:auto; max-height:520px; object-fit:contain; border-radius:9px; display:block; background:#eef2f5; }
        .public-gallery-caption { font-size:13px; line-height:1.5; color:#555; margin-top:9px; padding:0 2px 2px; white-space:pre-wrap; }
        .company-link-public { cursor:pointer; }
        .btn-profile { background:#6f42c1; color:#fff; padding:8px 12px; border:0; border-radius:5px; font-weight:bold; font-size:13px; cursor:pointer; }
        .public-profile-head { display:flex; gap:16px; align-items:center; padding:14px; background:#f5f8fc; border-radius:12px; margin-bottom:14px; }
        .public-profile-photo { width:112px; height:112px; border-radius:50%; object-fit:cover; border:4px solid #fff; box-shadow:0 3px 12px rgba(0,0,0,.14); background:#dce4ec; }
        .activity-list { display:grid; gap:12px; }
        .activity-card { border-left:0; background:#fff; padding:15px; border-radius:9px; box-shadow:0 2px 8px rgba(0,0,0,.06); }
        .activity-date { color:#777; font-size:12px; font-weight:700; margin-bottom:4px; }
        .activity-card h3 { color:var(--primary-blue); margin-bottom:6px; font-size:17px; }
        .activity-card p { white-space:pre-wrap; color:#555; line-height:1.55; }
        @media(max-width:520px){.public-profile-head{align-items:flex-start}.public-profile-photo{width:88px;height:88px}}
        .due-row { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:10px; border:1px solid #eadfca; border-radius:8px; background:#fff; margin-bottom:8px; flex-wrap:wrap; }
        .btn-pay { background:#198754; color:#fff; border:0; padding:8px 12px; border-radius:6px; font-weight:700; cursor:pointer; }
        .suspended-row { opacity:.65;background:#eef0f2!important; }
        .overdue-row{background:#f7cfd3!important;box-shadow:inset 6px 0 0 #b71c1c}.debt-free-row{background:#ccebd3!important;box-shadow:inset 6px 0 0 #1b7f35}.current-debt-row{background:#fff0bd!important;box-shadow:inset 6px 0 0 #c79200}.passive-row{background:#e3e9ef!important;box-shadow:inset 6px 0 0 #657786}
        .member-search{width:100%;border:2px solid #b9c9d8;border-radius:9px;padding:11px 13px;font-size:14px;background:#fff;margin:0 0 12px}.member-search:focus{outline:3px solid #dceafb;border-color:var(--primary-blue)}.passive-badge{display:inline-block;background:#657786;color:#fff;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:800;margin-left:6px}.passive-card{background:#eef1f4;border-left:5px solid #657786!important}.passive-note{color:#65717b;font-size:12px;margin-top:6px;font-weight:700}
        body.private-view .primary-mobile-actions,body.private-view #topAdContainer{display:none!important}
        .member-session-actions{display:none;justify-content:flex-end;margin:0 0 8px}.member-login-heading{background:var(--primary-blue);color:#fff;border:0;border-radius:9px;padding:13px 15px;margin-bottom:15px!important}.member-login-heading span{color:#fff}.member-header-logout{display:inline-flex;align-items:center;border:1px solid #dc3545;background:#fff;color:#b4232d;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.member-header-logout:hover{background:#fff1f1}.member-info-bar{gap:12px}.member-info-toggle{border:2px solid #198754;background:#eef8f1;color:#146c43;border-radius:9px;padding:11px 13px;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;flex:1;min-width:220px}.member-info-toggle:hover{background:#dff3e6}.member-info-toggle:focus-visible{outline:3px solid #b8dfc7;outline-offset:2px}.member-info-toggle .toggle-state{font-size:11px;background:#198754;color:#fff;border-radius:14px;padding:5px 9px;white-space:nowrap}.member-info-content{display:none;margin:0 0 18px;padding:16px;background:#fff;border:1px solid #dce5ed;border-radius:10px}.member-info-content.open{display:block}@media(max-width:520px){.member-login-heading{padding:10px 11px;font-size:14px}.member-header-logout{padding:6px 9px;font-size:10px}.member-info-toggle{display:flex;width:100%;min-width:0;flex:none;font-size:14px;padding:11px}.member-info-toggle .toggle-state{font-size:10px}}
        .portal-slogan{position:relative;width:100%;background:#082f70;color:#fff2b2;text-align:center;padding:8px 56px;font-weight:800;font-size:14px;letter-spacing:.2px;border-bottom:1px solid rgba(255,255,255,.18);min-height:36px}.slogan-login-icons{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.slogan-login-icons button{display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:7px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer}.slogan-login-icons .share-entry{width:31px;height:29px;padding:6px}.slogan-login-icons .share-entry svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body.private-view .slogan-login-icons .share-entry{display:none}
        .member-panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
        .btn-share{background:#6f42c1;color:#fff;border:0;border-radius:6px;padding:9px 12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
        .btn-share:disabled{background:#9ba4ad;cursor:not-allowed;opacity:.75}
        .tc-mask{letter-spacing:2px;color:#59656d}.tc-reveal{margin-left:7px;border:1px solid #ccd6e0;background:#fff;border-radius:6px;padding:5px 8px;cursor:pointer}
        .payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
        .payment-summary div{background:#eef4fb;border-radius:8px;padding:9px;text-align:center;font-size:11px}.payment-summary b{display:block;color:var(--primary-blue);font-size:15px;margin-top:3px}
        .payment-row{border:1px solid #e1e6eb;border-radius:8px;padding:9px;margin:7px 0;font-size:12px;background:#fff}
        .payment-row.cancelled{opacity:.62;background:#f5f5f5;text-decoration:none}.payment-row-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.payment-row-meta{color:#626d75;margin-top:5px;line-height:1.45}
        .btn-cancel-payment{border:0;background:#b4232d;color:#fff;border-radius:5px;padding:5px 7px;font-size:10px;cursor:pointer}
        .admin-pay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-pay-grid .full{grid-column:1/-1}
        .receipt-card{border:2px solid var(--primary-blue);border-radius:10px;padding:16px;background:#fff}.receipt-brand{text-align:center;border-bottom:1px solid #dce3e9;padding-bottom:10px;margin-bottom:10px}.receipt-brand strong{display:block;color:var(--primary-blue)}
        @media(max-width:520px){.portal-slogan{font-size:11px;padding:9px 82px 9px 8px;text-align:left}.payment-summary{grid-template-columns:1fr}.admin-pay-grid{grid-template-columns:1fr}.admin-pay-grid .full{grid-column:auto}}



        /* Yönetim paneli kompakt faaliyet kartları */
        .admin-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:start;}
        .admin-activity-card{background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:10px;box-shadow:0 2px 7px rgba(0,0,0,.05);min-width:0;}
        .admin-activity-card .activity-date{font-size:11px;margin-bottom:4px;}
        .admin-activity-card h3{font-size:14px;line-height:1.25;color:var(--primary-blue);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .admin-activity-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;background:#f1f3f5;display:block;margin:0 0 7px;}
        .admin-activity-file{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;border-radius:7px;background:#f4f6f8;color:var(--primary-blue);font-weight:700;text-decoration:none;font-size:12px;margin-bottom:7px;text-align:center;padding:8px;}
        .admin-activity-desc{font-size:11px;color:#666;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;}
        .published-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
        .published-item-actions .btn-sm{width:100%;margin:0!important;font-weight:800}
        .btn-edit{background:#176b87;color:#fff}
        @media(max-width:520px){
            .admin-activity-grid{grid-template-columns:1fr;gap:10px}
            .admin-activity-card{padding:10px;overflow:visible}
            .admin-activity-card h3{font-size:13px}
            .published-item-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;overflow:visible!important}
            .published-item-actions button,.published-item-actions .btn-sm,.published-item-actions .btn-edit{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;min-height:38px!important;width:100%!important}
            .about-admin-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
            .about-admin-actions button,.about-admin-edit{display:block!important;visibility:visible!important;opacity:1!important;min-height:36px!important}
        }

        /* Hakkımızda ve oda yönetimi */
        .about-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:14px}
        .about-admin-card{border:1px solid #dce4eb;border-radius:11px;background:#fff;padding:11px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06)}
        .about-admin-card img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.16);background:#e4ebf1}
        .about-admin-card h4{margin:8px 0 3px;color:var(--primary-blue)}
        .about-admin-card p{font-size:12px;color:#5f6a72;min-height:30px;margin:0 0 8px}
        .about-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
        .about-admin-actions button{border:0;border-radius:6px;padding:7px 4px;font-size:10px;font-weight:800;cursor:pointer;color:#fff}
        .about-admin-edit{background:#176b87}.about-admin-delete{background:#b4232d}
        .about-public-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:15px 0}
        .about-public-person{text-align:center;background:#f7f9fc;border:1px solid #dfe6ec;border-radius:12px;padding:14px}
        .about-public-person img{width:150px;height:188px;border-radius:9px;object-fit:cover;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.14)}
        .about-public-person h3{font-size:15px;color:var(--primary-blue);margin:8px 0 3px}.about-public-person p{font-size:12px;color:#5f6a72;margin:0}
        .about-president-row{display:flex;justify-content:center;margin:14px 0 18px}.about-president-row .about-public-person{width:min(230px,100%)}
        .about-leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px;margin:14px auto 24px}
        .about-management-grid,.about-audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:850px;margin:14px auto 24px}.about-audit-title{margin-top:38px!important}
        @media(max-width:700px){.about-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:68%}.about-management-grid,.about-audit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.about-public-person{padding:6px}.about-public-person img{width:100%;height:auto;aspect-ratio:4/5}.about-public-person h3{font-size:10px;line-height:1.15}.about-public-person p{font-size:9px;line-height:1.15}.about-president-row .about-public-person{width:34%}}

        /* Manuel Görsel Kırpma */
        .crop-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px}
        .crop-modal.open{display:flex}
        .crop-dialog{width:min(920px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:14px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
        .crop-dialog h3{color:var(--primary-blue);margin-bottom:5px}
        .crop-help{font-size:12px;color:#666;margin-bottom:12px}
        .crop-workspace{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
        .crop-stage{position:relative;width:min(720px,100%);height:min(520px,58vh);background:#111;border-radius:10px;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center}
        .crop-stage canvas{display:block;max-width:100%;max-height:100%;cursor:grab;touch-action:none}
        .crop-stage canvas.dragging{cursor:grabbing}
        .crop-circle-guide{position:absolute;display:none;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 9999px rgba(0,0,0,.48),0 0 0 5px rgba(13,71,161,.55);pointer-events:none;z-index:2}
        .crop-stage.profile-circle .crop-circle-guide{display:block}
        .crop-preview-wrap{width:180px}
        .crop-preview-label{font-size:11px;color:#666;margin-bottom:6px;font-weight:700}
        .crop-preview{width:100%;aspect-ratio:1/1;background:#eee;border-radius:8px;overflow:hidden;border:1px solid #ddd}
        .crop-preview.profile-circle{border-radius:50%;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.18)}
        .crop-preview canvas{width:100%;height:100%;display:block}
        .crop-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
        .crop-move-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
        .crop-move-controls button{border:0;border-radius:7px;padding:9px 6px;background:#e8f0f8;color:var(--primary-blue);cursor:pointer;font-weight:800}
        .crop-controls button,.crop-controls input[type=range]{height:38px}
        .crop-controls button{border:0;border-radius:7px;padding:0 12px;cursor:pointer;font-weight:700}
        .crop-zoom{flex:1;min-width:160px}
        .crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;border-top:1px solid #eee;padding-top:12px}
        .crop-actions button{border:0;border-radius:7px;padding:10px 15px;cursor:pointer;font-weight:700}
        .crop-cancel{background:#6c757d;color:#fff}.crop-save{background:var(--primary-blue);color:#fff}
        .crop-status{font-size:11px;color:#777;margin-top:6px}
        .crop-zoom-value{min-width:54px;text-align:center;font-size:12px;font-weight:800;color:var(--primary-blue)}
        .admin-message-alert{display:none;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:10px 0 14px;padding:12px 14px;border:1px solid #f0c36d;border-radius:10px;background:#fff8df;color:#6b4b00;font-weight:800;cursor:pointer;text-align:left}
        .admin-message-alert.show{display:flex}.admin-message-alert .count{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#d32f2f;color:#fff;padding:0 7px;font-size:12px}
        .password-reset-member-link{color:var(--primary-blue);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
        @media(max-width:600px){.crop-dialog{padding:12px}.crop-stage{height:48vh}.crop-preview-wrap{width:120px}.crop-controls button{padding:0 9px}.crop-move-controls button{font-size:11px;padding:9px 3px}.crop-actions button{flex:1}.crop-controls{align-items:stretch}.crop-zoom{min-width:130px}.admin-message-alert{font-size:13px}}

        /* Header */
        header {
            background-color: var(--primary-blue);
            color: white;
            padding: 15px 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 4px solid var(--accent-gold);
            flex-wrap: wrap;
            gap: 15px;
        }

        .header-brand { display:grid; grid-template-columns:110px 1fr 110px; align-items:center; width:100%; min-width:0; }
        .header-logo { width:96px; height:96px; object-fit:contain; border-radius:50%; background:#fff; filter:drop-shadow(0 3px 5px rgba(0,0,0,.22)); }
        .header-title { text-align:center; min-width:0; }
        .header-title h1 { font-size: 19px; font-weight: bold; letter-spacing: 0.5px; }
        .header-title p { color: var(--accent-gold); font-size: 12px; margin-top: 2px; }
        .mobile-menu-toggle { display:none; justify-self:start; background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:8px; width:44px; height:40px; font-size:24px; cursor:pointer; }
        .primary-mobile-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;top:auto;z-index:95;background:#fff;padding:8px 5%;border-bottom:1px solid #ddd;box-shadow:0 2px 7px rgba(0,0,0,.08); }
        .primary-mobile-actions button,.primary-mobile-actions a{min-width:0;border:0;border-radius:8px;padding:14px 10px;font-size:13px;font-weight:800;color:#fff;cursor:pointer;line-height:1.15;text-align:center;text-decoration:none;}
        .primary-mobile-actions .nearest,
        .primary-mobile-actions .all{background:linear-gradient(135deg,#ffb000,#ff5a00);box-shadow:0 5px 14px rgba(255,105,0,.38);}
        .primary-mobile-actions .nearest{position:relative;overflow:hidden;isolation:isolate;}
        .primary-mobile-actions .nearest::after{
            content:"";
            position:absolute;
            top:-65%;
            bottom:-65%;
            left:-30%;
            width:22%;
            transform:translate3d(0,0,0) rotate(18deg);
            background:rgba(255,255,255,.82);
            filter:blur(2px);
            animation:nearest-button-shine 2.4s ease-in-out infinite;
            pointer-events:none;
        }
        @media(max-width:700px){
            header{padding:10px 3%;position:sticky;top:0;z-index:100;}
            .header-brand{grid-template-columns:64px 1fr 48px;gap:6px;}
            .header-logo{width:58px;height:58px;grid-column:1;grid-row:1;justify-self:start;}
            .header-title{grid-column:2;grid-row:1;}
            .mobile-menu-toggle{grid-column:3;grid-row:1;justify-self:end;}
            .header-title h1{font-size:13px;line-height:1.2;}
            .header-title p{font-size:10px;line-height:1.2;margin-top:3px;}
            .mobile-menu-toggle{display:block;}
            .nav-tabs{display:none;width:100%;margin-top:8px;justify-content:stretch;background:rgba(255,255,255,.12);}
            .nav-tabs.mobile-open{display:flex;}
            .nav-tabs .tab-btn{flex:1 1 100%;text-align:left;}
            .primary-mobile-actions{grid-template-columns:1fr 1fr;gap:6px;top:82px;padding:7px 10px;}
            .primary-mobile-actions button,.primary-mobile-actions a{min-width:0;border:0;border-radius:8px;padding:13px 4px;font-size:11px;font-weight:800;color:#fff;cursor:pointer;line-height:1.15;text-align:center;text-decoration:none;}
            .primary-mobile-actions .nearest,
            .primary-mobile-actions .all{background:linear-gradient(135deg,#ffb000,#ff5a00);box-shadow:0 4px 12px rgba(255,105,0,.38);}
        }

        /* Nav Tab Menü */
        .nav-tabs {
            display: flex;
            background: rgba(255,255,255,0.12);
            border-radius: 8px;
            padding: 4px;
            gap: 4px;
            flex-wrap: wrap;
        }

        .tab-btn {
            background: none;
            border: none;
            color: white;
            padding: 8px 12px;
            font-weight: bold;
            cursor: pointer;
            border-radius: 6px;
            transition: 0.3s;
            font-size: 13px;
        }
        .nav-tabs a.tab-btn { text-decoration:none; display:inline-flex; align-items:center; }

        .tab-btn.active, .tab-btn:hover { background-color: var(--accent-gold); color: var(--primary-blue); }
        .tab-btn.admin-tab { background-color: rgba(212, 175, 55, 0.3); border: 1px solid var(--accent-gold); }

        /* Mobil hamburger menü: bu kural nav-tabs genel kuralından sonra gelmeli */
        @media(max-width:700px){
            #mainNav.nav-tabs { display:none; flex-direction:column; width:100%; }
            #mainNav.nav-tabs.mobile-open { display:flex; }
        }

        .container { max-width: 1100px; margin: 20px auto; padding: 0 15px; }
        .tab-content { display: none; }
        .tab-content.active { display: block; }

        .page-return-actions {
            position: sticky;
            top: 8px;
            z-index: 60;
            display: flex;
            gap: 8px;
            margin-bottom: 12px;
            padding: 8px;
            border: 1px solid #dbe3ea;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.09);
            backdrop-filter: blur(6px);
        }

        .page-return-btn {
            flex: 1;
            border: 0;
            border-radius: 7px;
            padding: 10px 12px;
            color: white;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
        }

        .page-return-btn.back { background: #5f6b76; }
        .page-return-btn.home { background: var(--primary-blue); }
        .page-return-btn:hover { opacity: 0.9; }

        .panel-card {
            background: white;
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.06);
            margin-bottom: 20px;
        }

        .location-status-panel { display:none; }
        .location-status-panel.has-status { display:block; }

        .panel-title {
            color: var(--primary-blue);
            font-size: 18px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 2px solid #eee;
            padding-bottom: 10px;
            font-weight: bold;
        }


        /* Konuma göre en yakın çilingir arama */
        .btn-gps {
            background: linear-gradient(135deg,#ffb000,#ff5a00);
            color: white;
            font-size: 15px;
            font-weight: bold;
            padding: 15px 12px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            width: 100%;
            margin-bottom: 15px;
            transition: 0.3s;
            box-shadow: 0 5px 14px rgba(255,105,0,.38);
        }
        .btn-gps:hover { background: linear-gradient(135deg,#ff9d00,#e94b00); }

        #nearestLocksmithButton {
            position: relative;
            overflow: hidden;
            isolation: isolate;
        }

        #nearestLocksmithButton::after {
            content: "";
            position: absolute;
            top: -65%;
            bottom: -65%;
            left: -30%;
            width: 22%;
            transform: translate3d(0,0,0) rotate(18deg);
            background: rgba(255,255,255,.82);
            filter: blur(2px);
            animation: nearest-button-shine 2.4s ease-in-out infinite;
            pointer-events: none;
        }

        @keyframes nearest-button-shine {
            0%, 42% { transform:translate3d(0,0,0) rotate(18deg); }
            70%, 100% { transform:translate3d(750%,0,0) rotate(18deg); }
        }

        .locksmith-list-actions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-bottom: 15px;
        }

        .locksmith-list-actions .btn-gps {
            margin-bottom: 0;
        }

        .btn-show-all {
            background: linear-gradient(135deg,#ffb000,#ff5a00);
        }

        .btn-show-all:hover {
            background: linear-gradient(135deg,#ff9d00,#e94b00);
        }

        .location-note {
            background: #eef8f1;
            border: 1px solid #cfe8d6;
            color: #315b3d;
            padding: 10px 12px;
            border-radius: 8px;
            font-size: 13px;
            margin-bottom: 15px;
        }

        .filter-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 10px;
            margin-bottom: 15px;
        }

        @media (max-width: 600px) {
            .locksmith-list-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:6px; }
            .locksmith-list-actions .btn-gps { font-size:11px; padding:10px 4px; }
        }

        input, select, textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .locksmith-card {
            background: white;
            border: 0;
            border-bottom: 1px solid #dfe5ea;
            padding: 15px 8px 17px;
            border-radius: 0;
            margin-bottom: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
        }

        .locksmith-card.nearest { background-color: #fffdf5; }

        .badge-dist { background: #e3f2fd; color: var(--primary-blue); padding: 3px 8px; font-size: 11px; border-radius: 12px; font-weight: bold; }

        .action-btns { display: flex; flex-wrap: wrap; gap: 8px; }
        .btn-call { background: var(--danger-red); color: white; padding: 8px 12px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 13px; }
        .btn-wa { background: var(--whatsapp-green); color: white; padding: 8px 12px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 13px; }
        .btn-route { background: #176b87; color: white; padding: 8px 12px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 13px; }

        /* Fiyat Hesaplama */
        .price-display {
            font-size: 22px;
            font-weight: bold;
            color: var(--primary-blue);
            margin-top: 15px;
            text-align: center;
            background: #eef4f8;
            padding: 15px;
            border-radius: 8px;
            border: 2px dashed var(--accent-gold);
        }

        .official-tariff-wrap {
            background: #f8f5f6;
            border: 1px solid #e4d7dc;
            border-radius: 12px;
            padding: 14px;
            text-align: center;
        }

        .official-tariff-document {
            display: block;
            width: min(100%, 920px);
            height: auto;
            margin: 0 auto;
            border-radius: 8px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
            background: white;
        }

        .official-tariff-actions {
            display: flex;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 12px;
        }

        .official-tariff-link {
            display: inline-block;
            padding: 10px 16px;
            border-radius: 7px;
            background: var(--primary-blue);
            color: white;
            font-weight: 700;
            font-size: 13px;
            text-decoration: none;
        }

        .official-tariff-link:hover { background: #00264d; }

        /* Form Butonları */
        .btn-submit {
            background-color: #198754;
            color: white;
            font-size: 15px;
            font-weight: bold;
            padding: 12px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            width: 100%;
            margin-top: 10px;
        }
        .btn-submit:hover { background-color:#146c43; opacity:1; }

        .login-box { max-width: 430px; margin: 20px auto; background: #f8f9fa; padding: 25px; border-radius: 8px; border: 1px solid #ddd; }
        .admin-setup-note { background:#fff8df; border:1px solid #efd67d; color:#594b16; border-radius:8px; padding:10px; margin-bottom:12px; font-size:12px; line-height:1.5; }
        .admin-account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
        .admin-account-list { display:grid; gap:8px; margin:12px 0 18px; }
        .admin-account-item { border:1px solid #dce5ee; background:#f8fbfe; border-radius:9px; padding:10px 12px; display:flex; justify-content:space-between; gap:10px; align-items:center; }
        .admin-account-item small { color:#66727d; display:block; margin-top:3px; }
        .admin-history-table { width:100%; border-collapse:collapse; font-size:12px; }
        .admin-history-table th,.admin-history-table td { border-bottom:1px solid #e7edf2; padding:9px 7px; text-align:left; }
        .admin-history-wrap { overflow-x:auto; }

        /* Kontrol Paneli Stilleri */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 15px;
            margin-bottom: 20px;
        }
        .stat-card {
            background: #f8f9fa;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
        }
        .stat-card h4 { font-size: 13px; color: #666; margin-bottom: 5px; }
        .stat-card .number { font-size: 22px; font-weight: bold; color: var(--primary-blue); }

        .toggle-btn {
            width: 100%;
            background: var(--primary-blue);
            color: white;
            padding: 12px 15px;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            text-align: left;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            transition: background 0.2s;
        }
        .toggle-btn:hover { background: #002244; }
        .toggle-btn.btn-danger-toggle { background: #8b0000; }
        .toggle-btn.btn-danger-toggle:hover { background: #660000; }
        
        .collapsible-box {
            display: none;
            padding: 18px;
            border-radius: 11px;
            border: 2px solid #9eb4c9;
            border-top: 5px solid var(--primary-blue);
            background: #ffffff;
            box-shadow: 0 5px 16px rgba(13,71,161,.12);
            margin: 14px 0 20px;
        }
        .collapsible-box.is-open { display:block; }
        .collapsible-box > h4:first-child { padding-bottom:10px; border-bottom:1px solid #d9e3ec; }

        .admin-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 13px;
        }
        .admin-table th, .admin-table td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
        }
        .admin-table th { background-color: var(--primary-blue); color: white; }
        .admin-table tr:nth-child(even) { background-color: #f9f9f9; }

        .company-link {
            color: var(--primary-blue);
            font-weight: bold;
            cursor: pointer;
            text-decoration: underline;
        }
        .company-link:hover {
            color: var(--accent-gold);
        }

        .btn-sm {
            padding: 5px 10px;
            font-size: 12px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: bold;
        }
        .btn-toggle { background: var(--accent-gold); color: var(--primary-blue); }
        .btn-delete { background: var(--danger-red); color: white; }
        .btn-logout { background: var(--danger-red); color: white; padding: 6px 12px; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; }
        .btn-pass { background: var(--accent-gold); color: var(--primary-blue); padding: 6px 12px; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; }

        .badge-status {
            padding: 3px 8px;
            border-radius: 4px;
            font-weight: bold;
            font-size: 11px;
        }
        .badge-paid { background: #d4edda; color: #155724; }
        .badge-pending { background: #f8d7da; color: #721c24; }
        .admin-member-name-line { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
        .admin-debt-label { display:inline-block; background:#b4232d; color:#fff; border-radius:14px; padding:5px 9px; font-size:11px; font-weight:800; white-space:nowrap; }

        /* Modal Stilleri */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }

        /* Profil penceresi, Tüm Çilingirler penceresinin her zaman üstünde */
        #memberDetailModal { z-index: 13050; }
        #complaintModal { z-index: 13100; }
        .complaint-button { width:100%;margin-top:16px;padding:11px;border:1px solid #c62828;border-radius:8px;background:#fff5f5;color:#a51d1d;font-weight:800;cursor:pointer; }
        .complaint-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:9px; }
        .complaint-card { border:1px solid #d9e2ea;border-radius:10px;padding:12px;margin:9px 0;background:#fff; }
        .complaint-card.new { border-left:5px solid #c62828; }
        .complaint-card.reviewing { border-left:5px solid #ed8b00; }
        .complaint-card.resolved { border-left:5px solid #198754;opacity:.85; }
        .complaint-meta { font-size:12px;color:#66727d;margin:5px 0; }
        .complaint-actions { display:grid;grid-template-columns:180px 1fr auto;gap:8px;align-items:end;margin-top:10px; }
        .complaint-count { display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:12px;background:#c62828;color:#fff;font-size:11px;margin-left:4px; }
        .complaint-group{border:1px solid #d9e2ea;border-radius:10px;margin-bottom:9px;background:#fff;overflow:hidden}.complaint-group>summary{list-style:none;cursor:pointer;padding:13px 14px;font-weight:900;color:var(--primary-blue);display:flex;align-items:center;justify-content:space-between;gap:10px}.complaint-group>summary::-webkit-details-marker{display:none}.complaint-group>summary::after{content:'▼';font-size:11px;color:#66727d}.complaint-group[open]>summary::after{content:'▲'}.complaint-group[open]>summary{border-bottom:1px solid #d9e2ea;background:#f5f9fd}.complaint-group-body{padding:5px 12px 12px}.complaint-member-link{border:0;background:none;padding:0;color:var(--primary-blue);font-weight:900;text-decoration:underline;cursor:pointer;font-size:inherit}.complaint-group-new{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:12px;background:#c62828;color:#fff;font-size:10px;margin-left:auto}
        .member-feedback-wrap{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px;white-space:nowrap;}
        .member-feedback-label{font-size:11px;font-weight:800;color:#66727d;}
        .member-feedback-actions{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:nowrap;}
        .member-feedback-actions button{border-radius:18px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;}
        .member-like-button{border:1px solid #198754;background:#eef8f1;color:#176b35;}
        .member-like-button.liked{background:#198754;color:#fff;}
        .member-complaint-small{border:1px solid #c62828;background:#fff5f5;color:#a51d1d;}
        .performance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;}
        .performance-card{background:#fff;border:1px solid #dce6ee;border-radius:10px;padding:10px 6px;text-align:center;}
        .performance-card b{display:block;font-size:22px;color:var(--primary-blue);}
        .performance-card span{font-size:11px;color:#66727d;}
        .performance-trend{margin-top:10px;padding:9px;border-radius:8px;background:#eef8f1;color:#176b35;font-size:12px;font-weight:700;}
        .member-management-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;margin-bottom:9px;border:1px solid #dce6ee;border-radius:10px;background:#fff;cursor:pointer;}
        .member-management-option span{display:grid;gap:3px;}
        .member-management-option small{color:#66727d;font-size:11px;line-height:1.4;}
        .member-management-option input{width:24px;height:24px;flex:0 0 auto;accent-color:#198754;}
        .member-management-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 16px;}
        .member-management-stat{padding:8px 6px;border:1px solid #dce6ee;border-radius:10px;background:#f8fbff;text-align:center;font:inherit;}
        .member-management-stat b{display:block;color:var(--primary-blue);font-size:18px;line-height:1.1;margin-bottom:3px;}
        .member-management-stat span{display:block;color:#5f6d78;font-size:10px;font-weight:700;}
        button.member-management-stat{width:100%;cursor:pointer}.member-management-stat.location-missing{border-color:#e6b36a;background:#fff8eb}.member-management-stat.location-missing:hover{background:#fff1d6}
        .location-missing-list{display:none;margin:10px 0 14px;padding:10px;border:1px solid #e6b36a;border-radius:10px;background:#fffaf0}.location-missing-list.open{display:block}.location-missing-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eadcc4}.location-missing-card:last-child{border-bottom:0}.location-missing-card b{display:block;color:#0d47a1;font-size:13px}.location-missing-card.reminded b{color:#198754}.location-missing-card small{display:block;color:#66727d;margin-top:2px}.location-reminder-btn{border:0;border-radius:7px;padding:8px 9px;background:#25d366;color:#fff;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
        .public-list-settings{margin:14px 0 5px;padding:11px;border:1px solid #91c6a3;border-radius:10px;background:#f1fbf4}.public-list-settings h5{margin:0 0 5px;color:#176b35}.public-list-settings>p{font-size:11px;color:#66727d;margin:0 0 8px}
        @media(max-width:600px){.complaint-form-grid,.complaint-actions{grid-template-columns:1fr;}.member-feedback-wrap{gap:5px}.member-feedback-actions{gap:8px}.member-feedback-actions button{padding:6px 7px;font-size:10px}}
        @media(max-width:600px){.performance-grid{grid-template-columns:repeat(2,1fr);}.performance-card:last-child{grid-column:1/-1;}}
        @media(max-width:600px){.member-management-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
        #adminPaymentModal { z-index: 14050; }
        #receiptModal { z-index: 15050; }
        .modal-card {
            background: white;
            padding: 20px;
            border-radius: 10px;
            width: 90%;
            max-width: 450px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }
        body.member-modal-open{overflow:hidden}
        #memberDetailModal .member-profile-modal { padding:0; max-height:90vh; display:flex; flex-direction:column; overflow:hidden; }
        .member-modal-head { display:flex; justify-content:space-between; align-items:center; gap:10px; border-bottom:2px solid var(--primary-blue); padding:10px 12px; background:#fff; flex:0 0 auto; }
        .member-modal-close{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:92px;min-height:42px;border:2px solid #b4232d;background:#fff1f1;color:#a51d1d;border-radius:8px;font-size:13px;font-weight:900;cursor:pointer;flex:0 0 auto}.member-modal-close:hover{background:#b4232d;color:#fff}.member-modal-close:focus-visible{outline:3px solid #f2b8bd;outline-offset:2px}
        .member-modal-scroll { overflow-y:auto; -webkit-overflow-scrolling:touch; padding:14px 16px; flex:1 1 auto; min-height:0; overscroll-behavior:contain; }
        .member-modal-footer { padding:10px 16px 14px; background:#fff; border-top:1px solid #e6e6e6; flex:0 0 auto; display:flex; gap:10px; }
        .member-modal-footer .btn-submit { margin:0 !important; flex:1; width:auto; }
        .member-modal-call { flex:1; display:flex; align-items:center; justify-content:center; background:var(--danger-red); color:#fff; text-decoration:none; border-radius:6px; font-weight:bold; font-size:15px; padding:12px; }
        @media(max-width:520px){
            .modal-overlay{align-items:flex-start;padding:10px 0;}
            #memberDetailModal .member-profile-modal{width:94%;max-height:calc(100dvh - 20px);}
            .member-modal-head{padding:8px 10px}.member-modal-head h4{font-size:14px;margin:0}.member-modal-close{min-width:86px;min-height:44px;font-size:12px}
            .action-btns{gap:5px;}
            .action-btns .btn-call,.action-btns .btn-wa,.action-btns .btn-route,.action-btns .btn-profile{padding:6px 8px;font-size:11px;line-height:1.2;}
            .public-gallery-grid{gap:14px;}
            .public-gallery-item{padding:8px;}
        }
        .detail-row {
            display: flex;
            justify-content: space-between;
            padding: 8px 0;
            border-bottom: 1px solid #eee;
            font-size: 13px;
        }
        .detail-row:last-child { border-bottom: none; }
        .detail-label { font-weight: bold; color: #555; }
        .detail-val { font-weight: bold; color: var(--primary-blue); text-align: right; }

        .alert-toast {
            background: #fff3cd;
            color: #856404;
            padding: 10px 15px;
            border-radius: 6px;
            border: 1px solid #ffeeba;
            font-size: 12px;
            margin-bottom: 15px;
        }
    


        @media(max-width:700px){
            #mainNav.nav-tabs{margin-top:10px;border-radius:8px;overflow:hidden;}
            #mainNav.nav-tabs .tab-btn{width:100%;display:block;text-align:left;border-radius:0;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.15);}
            #mainNav.nav-tabs .tab-btn:last-child{border-bottom:0;}
        }

    
        @media(min-width:701px){
            header{
                display:grid;
                grid-template-columns:1fr auto;
                align-items:center;
                gap:18px;
            }
            .header-brand{
                display:grid;
                grid-template-columns:110px 1fr;
                align-items:center;
                width:100%;
            }
            .header-brand .mobile-menu-toggle{display:none !important;}
            .header-brand .header-logo{
                grid-column:1;
                grid-row:1;
                justify-self:start;
            }
            .header-brand .header-title{
                grid-column:2;
                grid-row:1;
                text-align:center;
                justify-self:center;
                width:100%;
            }
            #mainNav.nav-tabs{
                display:flex !important;
                flex-direction:row;
                width:auto;
                margin-top:0;
                justify-self:end;
                align-self:center;
                background:transparent;
                border-radius:0;
                overflow:visible;
                gap:8px;
            }
            #mainNav.nav-tabs .tab-btn{
                width:auto;
                display:inline-flex;
                text-align:center;
                border-radius:6px;
                padding:10px 12px;
                border-bottom:0;
            }
        }

    
/* 21.08.2026 yönetim ve menü düzenlemeleri */
.admin-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;}
.admin-quick-actions button{border:0;border-radius:9px;padding:10px 7px;font-size:12px;font-weight:800;cursor:pointer;background:#eef4fb;color:var(--primary-blue);box-shadow:0 1px 4px rgba(0,0,0,.08);}
.admin-quick-actions button.danger{background:#fff0f1;color:#b4232d;}
.admin-quick-actions button.active{background:var(--primary-blue);color:#fff;box-shadow:0 3px 10px rgba(13,71,161,.30);outline:3px solid #c9ddf2;}
.admin-quick-actions button.danger.active{background:#a61d2a;color:#fff;outline-color:#f1c2c7;}
.activity-media{width:100%;max-height:460px;object-fit:contain;border-radius:10px;margin:10px 0;background:#f4f4f4;}
.activity-file-link{display:inline-block;margin:8px 0;padding:8px 12px;border-radius:8px;background:#eef4fb;color:var(--primary-blue);font-weight:700;text-decoration:none;}
.nav-tabs.secondary-nav{background:#fff;border-top:1px solid #dbe2ea;border-bottom:1px solid #dbe2ea;justify-content:center;}
.nav-tabs.secondary-nav .tab-btn{color:var(--primary-blue);background:#fff;border-bottom:3px solid transparent;}
.nav-tabs.secondary-nav .tab-btn:hover{background:#f3f7fb;}
.nav-tabs.secondary-nav .member-entry-btn{font-weight:800;}
.info-section{display:none;}
.info-section.active{display:block;}
@media(max-width:760px){.admin-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-quick-actions button{font-size:11px;padding:9px 5px;}}


/* 21.08.2026 navigasyon ve tüm çilingirler pencere düzeni */
.nav-tabs.secondary-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin-left:auto;margin-right:auto;}
.all-locksmiths-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:12000;padding:16px;align-items:center;justify-content:center;}
.all-locksmiths-modal.open{display:flex;}
.all-locksmiths-dialog{width:min(760px,96vw);max-height:88vh;background:#fff;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;}
.all-locksmiths-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:2px solid var(--primary-blue);background:#fff;}
.all-locksmiths-head h3{margin:0;color:var(--primary-blue);font-size:18px;}
.all-locksmiths-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#333;padding:2px 7px;}
.all-locksmiths-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;}
.locksmith-list-actions{display:none !important;}
.inline-locksmiths-panel{display:none;max-width:1100px;margin:12px auto 20px;padding:0 15px;}
.inline-locksmiths-panel.open{display:block;}
.inline-locksmiths-box{background:#fff;border:1px solid #dbe2ea;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.10);overflow:hidden;}
.inline-locksmiths-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:2px solid var(--primary-blue);}
.inline-locksmiths-head h3{margin:0;color:var(--primary-blue);font-size:17px;}
.inline-locksmiths-close{border:0;background:#eef4fb;color:var(--primary-blue);border-radius:7px;padding:8px 10px;font-weight:800;cursor:pointer;}
.inline-locksmiths-list{display:block!important;padding:12px;}
.district-group-title{margin:18px 0 8px;padding:9px 12px;background:#fff1df;border-left:5px solid #ff7a00;border-radius:7px;color:#a84300;font-size:16px;font-weight:900;}
.district-group-title:first-child{margin-top:0;}
.announcement-wrap{display:none;margin:14px auto 18px;max-width:920px}.announcement-card{position:relative;overflow:hidden;border:2px solid #d4af37;border-radius:16px;padding:22px 20px;background:linear-gradient(135deg,#082f70,#0d47a1 62%,#123c72);color:#fff;box-shadow:0 8px 24px rgba(8,47,112,.22);text-align:center}.announcement-card:before,.announcement-card:after{content:"";position:absolute;width:95px;height:95px;border:2px solid rgba(212,175,55,.38);transform:rotate(45deg)}.announcement-card:before{left:-55px;top:-55px}.announcement-card:after{right:-55px;bottom:-55px}.announcement-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:50%;padding:4px;margin-bottom:7px}.announcement-kicker{font-size:11px;font-weight:900;letter-spacing:1.1px;color:#ffe69b}.announcement-card h2{font-size:25px;margin:7px 0;color:#fff}.announcement-card p{white-space:pre-line;line-height:1.55;margin:9px auto;max-width:720px}.announcement-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.announcement-meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:6px 10px;font-size:12px;font-weight:700}.announcement-remaining{display:inline-block;margin-top:13px;color:#ffe69b;font-size:12px;font-weight:800}.announcement-history-item{border:1px solid #d9e1e8;border-radius:9px;padding:10px;margin:8px 0;background:#f8fafc}.announcement-history-item h5{margin:0 0 5px;color:var(--primary-blue)}
.mobile-bottom-nav{display:none;}
@media(max-width:700px){
  .nav-tabs.secondary-nav{align-items:stretch;}
  .all-locksmiths-modal{padding:8px;}
  .all-locksmiths-dialog{width:100%;max-height:90vh;}
  body{padding-bottom:68px;}
  .primary-mobile-actions{display:grid;position:relative;top:auto;}
  .inline-locksmiths-panel{padding:0 8px;margin-top:8px;}
  .inline-locksmiths-list{padding:8px;}
  .inline-locksmiths-head h3{font-size:15px;}
  .mobile-bottom-nav{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:10px;z-index:11500;width:138px;height:50px;display:grid;grid-template-columns:1fr;background:rgba(255,255,255,.82);border:1px solid rgba(13,71,161,.18);border-radius:25px;box-shadow:0 5px 18px rgba(0,0,0,.18);padding:4px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
  .mobile-bottom-nav button{width:100%;height:100%;border:0;background:transparent;color:var(--primary-blue);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:21px;cursor:pointer;}
  .mobile-bottom-nav button span{font-size:20px;line-height:1;}
  .mobile-bottom-nav button:active{background:rgba(227,239,249,.85);}
  .action-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;}
  .action-btns .btn-call,.action-btns .btn-wa,.action-btns .btn-route,.action-btns .btn-profile{padding:8px 3px;font-size:10px;white-space:nowrap;text-align:center;min-width:0;}
}

        /* Mobil menü kararlılık düzeltmesi: tek dokunuşta açılır, scroll ile kapanmaz */
        @media(max-width:700px){
            #mainNav.nav-tabs.mobile-open{
                position:fixed;
                top:82px;
                left:8px;
                right:8px;
                width:auto;
                margin:0;
                z-index:110;
                background:#fff;
                box-shadow:0 8px 24px rgba(0,0,0,.22);
                border:1px solid #dbe2ea;
            }
        }

.ad-fallback{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 14px;box-sizing:border-box;color:#6b7280;background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px dashed #b8c2cc;border-radius:10px;font-weight:700;font-size:16px;line-height:1.35;position:relative;}
.ad-fallback small{font-size:11px;font-weight:400;color:#7b8490;margin-top:4px;}
.ad-slot.ad-top .ad-fallback{min-height:250px;}
.ad-slot.ad-large .ad-fallback{min-height:250px;max-width:300px;margin:auto;}
.ad-slot .ad-inner{width:100%;}
.ad-slot .ad-inner.ad-has-media{overflow:hidden;border-radius:10px;}
.ad-slot .ad-inner img,.ad-slot .ad-inner video{display:block;width:100%;height:100%;object-fit:cover;}
.ad-slot.ad-medium .ad-inner,.ad-slot.ad-top .ad-inner{aspect-ratio:728/90;}
.ad-slot.ad-top .ad-inner{aspect-ratio:970/250;}
.ad-slot.ad-large .ad-inner{max-width:300px;aspect-ratio:300/250;margin:auto;}
@media(max-width:768px){.ad-slot.ad-top .ad-inner{aspect-ratio:970/250}.ad-slot.ad-medium .ad-inner{aspect-ratio:728/90}.ad-fallback{font-size:14px;}}

@media(max-width:700px){
  header{position:relative!important;top:auto!important;}
  #mainNav.nav-tabs.mobile-open{top:82px!important;bottom:auto!important;max-height:calc(100dvh - 94px);overflow-y:auto;}
  #memberDetailModal{padding-bottom:10px;}
  #memberDetailModal .member-profile-modal{max-height:calc(100dvh - 20px);}
}

.site-footer{margin-top:32px;background:#082f70;color:#fff;text-align:center;padding:24px 16px 76px;border-top:4px solid var(--accent-gold);font-size:13px;line-height:1.7}.site-footer strong,.site-footer small{display:block}.site-footer small{color:#dbe7f5}body.private-view .site-footer{display:none}.global-to-top{position:fixed;right:16px;bottom:16px;z-index:13000;width:46px;height:46px;border:0;border-radius:50%;background:var(--primary-blue);color:#fff;font-size:21px;font-weight:900;box-shadow:0 4px 15px rgba(0,0,0,.28);cursor:pointer;display:none}.global-to-top.visible{display:block}@media(min-width:701px){.site-footer{padding-bottom:24px}}@media(max-width:700px){.global-to-top{right:10px;bottom:72px}}

.home-welcome{max-width:1100px;margin:18px auto 4px;padding:0 15px}.home-welcome-card{overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:1px solid #dce4ec}.home-welcome-title{margin:0;background:#082f70;color:#fff;text-align:center;padding:17px 20px 15px;font-size:clamp(21px,3vw,38px);line-height:1.14;font-weight:900;letter-spacing:.4px;border-bottom:5px solid var(--accent-gold)}.home-welcome picture,.home-welcome img{display:block;width:100%}.home-welcome img{height:auto;aspect-ratio:1600/666;object-fit:cover}.home-welcome-subtitle{margin:0;padding:15px 20px 17px;text-align:center;color:#0b3e73;background:#fffdf8;font-size:clamp(15px,2vw,22px);line-height:1.4;font-weight:800}.home-welcome-subtitle::before{content:'';display:block;width:74px;height:3px;background:var(--accent-gold);border-radius:3px;margin:0 auto 11px}body.private-view .home-welcome{display:none}
@media(max-width:650px){.home-welcome{margin:12px auto 2px;padding:0 10px}.home-welcome-card{border-radius:11px}.home-welcome-title{padding:13px 12px 12px;font-size:20px;line-height:1.18;border-bottom-width:4px}.home-welcome img{aspect-ratio:4/3}.home-welcome-subtitle{padding:12px 14px 15px;font-size:15px;line-height:1.45}.home-welcome-subtitle::before{margin-bottom:9px}}
.home-admin-group{border:1px solid #dbe3eb;border-radius:10px;background:#fff;margin:9px 0;overflow:hidden}.home-admin-group>summary{cursor:pointer;list-style:none;padding:13px 14px;background:#eef4fb;color:var(--primary-blue);font-weight:900}.home-admin-group>summary::-webkit-details-marker{display:none}.home-admin-group>summary:after{content:'▼';float:right;font-size:11px}.home-admin-group[open]>summary:after{content:'▲'}.home-admin-slot{padding:12px}.home-admin-content{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.home-slogan-preview{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;margin:10px 0;padding:10px;border:1px solid #dbe3eb;border-radius:9px;background:#f8fafc}.home-slogan-preview img{width:110px;height:82px;object-fit:cover;border-radius:7px}.home-slogan-preview strong,.home-slogan-preview small{display:block}.home-slogan-preview small{margin-top:4px;color:#66727d}@media(max-width:520px){.home-slogan-preview{grid-template-columns:78px 1fr}.home-slogan-preview img{width:78px;height:66px}}
.report-choice-box{border:2px solid;border-radius:11px;padding:11px 12px;margin:11px 0}.report-choice-box h5{margin:0 0 8px;font-size:14px}.report-choice-box.district{background:#eef6ff;border-color:#8ab8e8}.report-choice-box.district h5{color:#0d47a1}.report-choice-box.fields{background:#effaf3;border-color:#86c99d}.report-choice-box.fields h5{color:#176b35}.report-action-selects{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.report-action-selects label{font-size:12px;font-weight:900;color:#34495e}.report-action-selects select{margin-top:5px;background:#fff}.report-run-button{background:#0d47a1!important;font-size:15px!important;margin-top:9px!important}@media(max-width:520px){.report-action-selects{grid-template-columns:1fr}.report-choice-box{padding:10px}}
.official-tariff-pdf{padding:28px 18px;text-align:center;border:2px dashed #9fb6cc;border-radius:12px;background:#f5f9fd}.official-tariff-pdf p{margin:0 0 14px;color:#405667;font-weight:800}


        /* Konum başarı mesajı: mobilde daha görünür */
        #businessLocationStatus.location-success {
            margin-top:10px;
            padding:12px 14px;
            border:2px solid #198754;
            border-radius:10px;
            background:#eaf7ef;
            color:#0f5132 !important;
            font-size:16px !important;
            font-weight:700;
            line-height:1.45;
            text-align:center;
            box-shadow:0 2px 8px rgba(0,0,0,.08);
        }

        @media (max-width: 600px) {
            #businessLocationStatus.location-success {
                font-size:17px !important;
                padding:14px 12px;
            }
        }
/* Üye uygulaması gelen kutusu */
.member-app-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.member-install-card{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:15px;margin:0 0 18px;background:#f2f8ff;border:1px solid #cbdceb;border-radius:12px}
.member-install-card[hidden]{display:none}
.member-install-card>div{flex:1 1 200px}
.member-install-card strong{color:#124776}
.member-install-card p{margin:4px 0 0;font-size:12px;color:#51657a}
.member-install-card button{border:0;border-radius:9px;background:#0d47a1;color:#fff;font-weight:700;padding:11px 15px;cursor:pointer}
.member-install-card .member-install-status{flex-basis:100%;margin:0;line-height:1.5}
.member-install-card .member-install-status:empty{display:none}
.member-install-guide{max-width:min(90vw,420px);border:1px solid #cbdceb;border-radius:14px;padding:22px;color:#173b60;box-shadow:0 15px 50px #102b4a44}
.member-install-guide::backdrop{background:#071e3b9c}
.member-install-guide h3{margin:0 30px 15px 0}
.member-install-guide ol{padding-left:22px;line-height:1.8}
.member-install-guide p{font-size:13px;line-height:1.5}
.member-install-guide-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:26px;cursor:pointer;color:#173b60}
.nearest-search-info{margin-top:12px;margin-bottom:16px;padding:15px 18px;line-height:1.55;color:#314b66}
.nearest-search-info h2{font-size:18px;line-height:1.3;color:#124776;margin:0 0 8px}
.nearest-search-info p{font-size:13px;margin:0 0 6px}
.nearest-search-info p:last-child{margin-bottom:0}
.nearest-search-info a{color:#0d47a1;font-weight:700}
.member-chat-launch{display:block;margin:0 0 10px;padding:9px 14px;border:1px solid #0d47a1;border-radius:10px;background:#0d47a1;color:white!important;text-decoration:none;font-size:16px;font-weight:700}
.member-chat-launch span{margin-left:7px;color:#fff4a9}
.member-chat-launch small{display:block;margin-top:2px;font-size:12px;font-weight:500;color:#deebff}
.member-poll-launch{background:#167447;border-color:#167447}
.member-poll-launch small{color:#e1f5e8}
.member-message-panel[hidden]{display:none!important}
.member-app-tools button,.member-message-heading{border:0;border-radius:9px;background:#0d47a1;color:#fff;padding:10px 13px;font-weight:700;cursor:pointer}
.member-app-tools span{font-size:12px;color:#41566e}
.member-message-panel{border:1px solid #cadbef;border-radius:10px;background:#f7faff;padding:12px;margin-bottom:16px}
.member-message-heading{width:100%;text-align:left;background:#e6f1ff;color:#0b3767}
#memberMessageBadge{color:#b52236}
#memberMessagesBox{margin-top:10px;max-height:400px;overflow:auto}
.member-message-item{margin-bottom:8px;background:white;border:1px solid #dbe4ef;border-radius:8px;padding:10px}
.member-message-item.unread{border-left:4px solid #d69d24}
.member-message-item button{width:100%;text-align:left;border:0;background:transparent;cursor:pointer;color:#123d6b;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}
.member-message-item small{font-weight:400;color:#576b80}
.member-message-item>div{padding:8px 2px 2px;white-space:normal;overflow-wrap:anywhere;line-height:1.55;font-size:13px}
.member-message-item{touch-action:pan-y}
.member-message-item .member-message-delete{display:block;width:auto;margin:7px 0 0 auto;padding:5px 12px;border-radius:6px;color:#a01e2b;font-size:12px;font-weight:700}
.member-swipe-hint{margin:0 0 9px;color:#576b80;font-size:12px}
.public-install-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;margin-bottom:10px;padding:12px 16px;border:1px solid #cbdceb;border-radius:12px;background:#f2f8ff}
.public-install-card{display:none}
body:has(#tab-search.active) .public-install-card:not([hidden]){display:flex}
.public-install-card[hidden],.public-install-card [hidden]{display:none}
.public-install-card b{color:#124776}
.public-install-card p{font-size:12px;color:#51657a;margin:5px 0 0}
.public-install-link,.public-install-card button{border:0;border-radius:9px;background:#0d47a1;color:#fff;font-weight:700;padding:10px 14px;text-decoration:none;white-space:nowrap;cursor:pointer}
@media(max-width:600px){.public-install-card{flex-direction:column;align-items:stretch}.public-install-link,.public-install-card button{text-align:center}}

/* Telefonda gelen kutusu kartı ve basılı tutarak silme. */
.member-message-panel{border:2px solid #0d47a1;border-radius:14px;background:#f4f9ff;padding:12px;box-shadow:0 4px 14px rgba(13,71,161,.12)}
.member-message-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:62px;padding:15px 16px;background:#0d47a1;color:#fff;text-align:left;font-size:17px;font-weight:900;line-height:1.3}
.member-message-heading-right{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#memberMessageBadge:not(:empty){display:inline-block;padding:5px 9px;border-radius:16px;background:#fff;color:#a71e2c;font-size:12px;font-weight:900}
.member-message-chevron{font-size:24px;line-height:1;transition:transform .2s}
.member-message-heading[aria-expanded="true"] .member-message-chevron{transform:rotate(180deg)}
#memberMessagesBox{max-height:58vh}
.member-message-item{border-radius:10px;padding:12px;box-shadow:0 2px 7px rgba(16,50,91,.07)}
.member-message-item button[data-message-id]{min-height:44px;align-items:center;font-size:15px;touch-action:pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.member-message-item .member-message-delete{min-width:60px;min-height:40px;padding:8px 12px;border:1px solid #e7b9bd;border-radius:8px;background:#fff4f4;color:#a01e2b;text-align:center;font-size:13px}
.member-swipe-hint{font-size:12px}
.member-touch-hint{display:none}
@media (hover:none) and (pointer:coarse){.member-message-item .member-message-delete{display:none}.member-touch-hint{display:inline}.member-desktop-hint{display:none}}
#memberMessageActionStatus{margin:9px 2px 0;font-size:13px;font-weight:700;color:#a01e2b}
#memberMessageActionStatus:empty{display:none}
@media(max-width:520px){.member-message-panel{padding:11px}.member-message-heading{min-height:70px;font-size:18px}}
.member-message-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* En yakın çilingir düğmesinin altındaki hareketli işaret. */
.nearest-action{min-width:0;display:flex;flex-direction:column;align-items:center}
.nearest-action>.nearest,.nearest-action>.btn-gps{width:100%;margin-bottom:0}
.primary-mobile-actions>.all,.locksmith-list-actions>.btn-show-all{align-self:start}
.nearest-pointer{display:block;margin-top:2px;line-height:1;font-size:22px;pointer-events:none;animation:nearest-pointer-bounce 1.15s ease-in-out infinite}
@keyframes nearest-pointer-bounce{0%,100%{transform:translateY(5px)}50%{transform:translateY(-6px)}}

/* Ana Sayfa ve Faaliyetlerimiz mobil hızlı bağlantıları. */
@media(max-width:700px){.mobile-bottom-nav{width:min(300px,calc(100% - 24px));grid-template-columns:1fr 1fr;}}

/* Ayırt edilebilir parlak çilingir düğmeleri. */
.primary-mobile-actions .nearest,#nearestLocksmithButton{background:linear-gradient(135deg,#ff4343 0%,#ed1515 55%,#c90a0a 100%);color:#fff;box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 5px 15px rgba(220,20,20,.4);}
.primary-mobile-actions .all,.btn-gps.btn-show-all{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#28cf60 0%,#169c43 55%,#087b30 100%);color:#fff;box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 5px 15px rgba(16,156,65,.4);}
.primary-mobile-actions .nearest:hover,#nearestLocksmithButton:hover{background:linear-gradient(135deg,#ff5555,#d91010);}
.primary-mobile-actions .all:hover,.btn-gps.btn-show-all:hover{background:linear-gradient(135deg,#35d76b,#098336);}

@media(max-width:700px){.mobile-bottom-nav{width:138px;grid-template-columns:1fr;}}

/* Tarih alanı boşken içinde görünen açıklama. */
.birth-date-field{display:block;position:relative;min-width:0;width:100%;height:43px;}
.birth-date-field input{box-sizing:border-box;width:100%;height:43px;margin:0;padding:10px;font:inherit;}
.birth-date-placeholder{position:absolute;left:11px;right:40px;top:50%;transform:translateY(-50%);background:#fff;color:#757575;font-size:14px;line-height:22px;pointer-events:none;}
.birth-date-field input:focus~.birth-date-placeholder,.birth-date-field input:valid~.birth-date-placeholder{display:none;}