/* Paginа: admin/instagram.html — CSS extraido automaticamente */
:root {
            --bg-main:#F5F2E9;
            --bg-secondary:#181818;
            --bg-card:rgba(255,255,255,.045);
            --bg-card-strong:rgba(255,255,255,.065);
            --glass-bg:#FFFFFF;
            --gold:#16804A;
            --gold-soft:rgba(22,128,74,.10);
            --green:#16804A;
            --green-soft:rgba(22,128,74,.10);
            --red:#C93632;
            --red-soft:rgba(201,54,50,.10);
            --text:#111111;
            --text-soft:#3b3b3b;
            --text-muted:#6f6a5f;
            --border:rgba(17,17,17,.10);
            --radius:18px;
            --radius-small:13px;
            --nav-height:72px;
            --sidebar-width:270px;
        }

        * {
            box-sizing:border-box;
        }

        body {
            margin:0;
            min-height:100vh;
            background:var(--bg-main);
            color:var(--text);
            font-family:'Montserrat',sans-serif;
            overflow-x:hidden;
        }

        body::before {
            content:"";
            position:fixed;
            inset:0;
            background:
                linear-gradient(rgba(11,11,15,.94),rgba(11,11,15,.98)),
                url("/imagens/logoaya2.png");
            background-position:center;
            background-repeat:no-repeat;
            background-size:430px;
            opacity:.16;
            pointer-events:none;
            z-index:-1;
        }

        a {
            color:inherit;
            text-decoration:none;
        }

        /* =====================================================
           SIDEBAR — PADRAO CANONICO DO PORTAL
        ===================================================== */
        .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);z-index:1050;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:transform .25s ease;}
        .sidebar-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 18px;border-bottom:1px solid var(--border);text-decoration:none;flex-shrink:0;}
        .sidebar-brand img{width:38px;height:38px;object-fit:contain;flex-shrink:0;}
        .sidebar-brand h5{margin:0;color:var(--gold);font-size:15px;font-weight:800;line-height:1.1;letter-spacing:.8px;}
        .sidebar-brand small{display:block;margin-top:2px;color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:1px;}
        .sidebar-menu{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:2px;}
        .sidebar-section{padding:14px 10px 5px;color:var(--text-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;}
        .sidebar-menu a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:600;transition:.15s ease;}
        .sidebar-menu a i{width:20px;text-align:center;font-size:16px;flex-shrink:0;}
        .sidebar-menu a:hover{background:rgba(255,255,255,.055);color:#fff;}
        .sidebar-menu a.active{background:rgba(255,215,0,.10);color:var(--gold);}
        .sidebar-divider{height:1px;margin:9px 10px;background:rgba(255,255,255,.045);flex-shrink:0;}
        .sidebar-footer{padding:14px 18px;border-top:1px solid var(--border);color:var(--text-muted);font-size:9px;text-align:center;flex-shrink:0;}
        .sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1040;}
        .sidebar-overlay.show{display:block;}
        .main-content{margin-left:var(--sidebar-width);min-height:100vh;}
        #menuButton{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--glass-bg);color:var(--text-muted);font-size:18px;cursor:pointer;flex-shrink:0;}
        #menuButton:hover{background:rgba(255,255,255,.075);color:#fff;}

        .main-content {
            margin-left:var(--sidebar-width);
            min-height:100vh;
            padding:28px 30px 50px;
        }

        .topbar {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:20px;
            margin-bottom:28px;
        }

        .page-title h1 {
            font-size:26px;
            font-weight:800;
            margin:0;
        }

        .page-title p {
            color:var(--text-soft);
            font-size:13px;
            margin:7px 0 0;
        }

        .admin-badge {
            display:inline-flex;
            align-items:center;
            gap:7px;
            padding:8px 12px;
            border-radius:999px;
            background:var(--gold-soft);
            color:var(--gold);
            font-size:11px;
            font-weight:700;
        }

        .card-aya {
            background:var(--bg-card);
            border:1px solid var(--border);
            border-radius:var(--radius);
            padding:20px;
            backdrop-filter:blur(12px);
        }

        .section-title {
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-bottom:18px;
        }

        .section-title h2 {
            margin:0;
            font-size:16px;
            font-weight:700;
        }

        .section-title p {
            margin:4px 0 0;
            color:var(--text-muted);
            font-size:11px;
        }

        .btn-aya {
            border:0;
            border-radius:12px;
            padding:10px 15px;
            background:var(--gold);
            color:#111;
            font-size:12px;
            font-weight:800;
        }

        .btn-aya:hover {
            background:#ffe84d;
            color:#111;
        }

        .btn-outline-aya {
            border:1px solid var(--border);
            border-radius:12px;
            padding:9px 13px;
            background:transparent;
            color:var(--text-soft);
            font-size:12px;
        }

        .btn-outline-aya:hover {
            color:var(--text);
            border-color:rgba(255,215,0,.35);
        }

        .stats {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:14px;
            margin-bottom:20px;
        }

        .stat {
            padding:18px;
            border-radius:16px;
            background:var(--bg-card);
            border:1px solid var(--border);
        }

        .stat-icon {
            width:38px;
            height:38px;
            border-radius:12px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:var(--gold-soft);
            color:var(--gold);
            margin-bottom:13px;
        }

        .stat strong {
            display:block;
            font-size:24px;
            margin-bottom:3px;
        }

        .stat span {
            color:var(--text-muted);
            font-size:11px;
        }

        .toolbar {
            display:flex;
            gap:10px;
            flex-wrap:wrap;
            margin-bottom:20px;
        }

        .search-box {
            flex:1;
            min-width:220px;
            position:relative;
        }

        .search-box i {
            position:absolute;
            left:13px;
            top:11px;
            color:var(--text-muted);
        }

        .search-box input,
        .form-control,
        .form-select {
            width:100%;
            background:rgba(255,255,255,.035);
            border:1px solid var(--border);
            border-radius:11px;
            color:var(--text);
            padding:10px 13px;
            font-size:12px;
        }

        .search-box input {
            padding-left:38px;
        }

        .form-control:focus,
        .form-select:focus {
            background:rgba(255,255,255,.05);
            border-color:rgba(255,215,0,.4);
            box-shadow:none;
            color:var(--text);
        }

        .form-select option {
            background:#15151b;
            color:#fff;
        }

        .instagram-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:16px;
        }

        .post {
            overflow:hidden;
            border-radius:17px;
            background:var(--bg-card);
            border:1px solid var(--border);
        }

        .post-image {
            position:relative;
            aspect-ratio:1/1;
            background:
                linear-gradient(135deg,rgba(255,215,0,.18),rgba(34,139,34,.12)),
                #17171c;
            overflow:hidden;
        }

        .post-image img {
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .post-placeholder {
            width:100%;
            height:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            color:var(--text-muted);
            font-size:34px;
        }

        .featured {
            position:absolute;
            top:10px;
            left:10px;
            padding:5px 8px;
            border-radius:999px;
            background:var(--gold);
            color:#111;
            font-size:9px;
            font-weight:800;
        }

        .post-actions {
            position:absolute;
            right:9px;
            top:9px;
            display:flex;
            gap:5px;
        }

        .post-actions button {
            width:31px;
            height:31px;
            border:0;
            border-radius:9px;
            background:rgba(0,0,0,.7);
            color:#fff;
        }

        .post-info {
            padding:14px;
        }

        .post-info h3 {
            margin:0 0 6px;
            font-size:13px;
            font-weight:700;
        }

        .post-info p {
            color:var(--text-muted);
            font-size:10px;
            line-height:1.5;
            margin:0 0 11px;
        }

        .post-meta {
            display:flex;
            align-items:center;
            justify-content:space-between;
            color:var(--text-muted);
            font-size:9px;
        }

        .status {
            padding:4px 7px;
            border-radius:999px;
            font-weight:700;
        }

        .status.on {
            color:#6fd46f;
            background:var(--green-soft);
        }

        .status.off {
            color:#e58b87;
            background:var(--red-soft);
        }

        .modal-content {
            background:#121217;
            color:var(--text);
            border:1px solid var(--border);
            border-radius:20px;
        }

        .modal-header,
        .modal-footer {
            border-color:var(--border);
        }

        .btn-close {
            filter:invert(1);
        }

        .form-label {
            color:var(--text-soft);
            font-size:11px;
            font-weight:600;
            margin-bottom:6px;
        }

        .bottom-nav {
            display:none;
        }

        @media(max-width:1200px) {
            .instagram-grid {
                grid-template-columns:repeat(3,1fr);
            }

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

        @media(max-width:991px){.sidebar{transform:translateX(-100%);}.sidebar.show{transform:translateX(0);}.main-content{margin-left:0;}#menuButton{display:flex;}}
        @media(min-width:992px){#menuButton{display:none;}}

        @media(max-width:850px) {
            .main-content {
                margin-left:0;
                padding:20px 15px 90px;
            }

            .topbar {
                align-items:flex-start;
            }

            .page-title h1 {
                font-size:22px;
            }

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

            .bottom-nav {
                position:fixed;
                display:flex;
                align-items:center;
                justify-content:space-around;
                left:10px;
                right:10px;
                bottom:10px;
                height:62px;
                background:rgba(16,16,21,.96);
                border:1px solid var(--border);
                border-radius:18px;
                backdrop-filter:blur(18px);
                z-index:1000;
            }

            .bottom-nav a {
                color:var(--text-muted);
                font-size:10px;
                text-align:center;
            }

            .bottom-nav i {
                display:block;
                font-size:18px;
                margin-bottom:3px;
            }

            .bottom-nav a.active {
                color:var(--gold);
            }
        }

        @media(max-width:520px) {
            .stats {
                grid-template-columns:1fr 1fr;
            }

            .stat {
                padding:14px;
            }

            .stat strong {
                font-size:20px;
            }

            .instagram-grid {
                gap:10px;
            }

            .post-info {
                padding:11px;
            }

            .post-info h3 {
                font-size:11px;
            }
        }
            /* ===== IEPLUS_LIGHT_OVERRIDES : IÊ+ tema claro (estrutura/navegação preta com texto claro) ===== */
        .topbar,.sidebar,.sidebar-header,.bottom-navigation,.bottom-nav,.side-nav,.nav-drawer,.app-nav{background:#111111 !important;}
        .topbar,.topbar *,.sidebar *,.bottom-navigation *,.bottom-navigation a,.bottom-navigation i,.bottom-navigation span{color:rgba(255,255,255,.85) !important;}
        .sidebar a.active,.sidebar .active,.bottom-navigation .active{color:#8FE6B4 !important;}
        .sidebar a.active,.bottom-navigation .active{background:rgba(22,128,74,.30) !important;}