/* Paginа: admin/content-control.html — CSS extraido automaticamente */
:root {
            --bg-main:#F5F2E9;
            --bg-secondary:#181818;
            --glass-bg:#FFFFFF;
            --glass-bg-hover:rgba(255,255,255,.95);

            --gold:#16804A;
            --gold-soft:rgba(22,128,74,.10);

            --green:#16804A;
            --green-light:#2FA866;

            --red:#C93632;

            --text:#111111;
            --text-muted:#6f6a5f;

            --border:rgba(17,17,17,.10);

            --sidebar-width: 270px;
        }

        * {
            box-sizing: border-box;
        }

        html,
        body {
            min-height: 100%;
        }

        body {
            margin: 0;
            background: var(--bg-main);
            color: var(--text);
            font-family: 'Montserrat', sans-serif;
        }

        /* =====================================================
           SIDEBAR — PADRÃO CANÔNICO 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
        ===================================================== */

        .main-content {
            margin-left: var(--sidebar-width);

            min-height: 100vh;
        }

        /* =====================================================
           TOPBAR
        ===================================================== */

        .topbar {
            min-height: 75px;

            padding: 12px 30px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 20px;

            background: #09090c;

            border-bottom: 1px solid var(--border);
        }

        #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;
        }

        .page-title {
            display: flex;

            align-items: center;

            gap: 12px;

            min-width: 0;
        }

        .page-title h4 {
            margin: 0;

            font-weight: 700;

            font-size: 1.05rem;
        }

        .page-title small {
            display: block;

            margin-top: 3px;

            color: #777;

            font-size: .7rem;
        }

        .admin-profile {
            display: flex;

            align-items: center;

            gap: 10px;
        }

        .admin-avatar {
            width: 38px;
            height: 38px;

            border-radius: 50%;

            background: linear-gradient(
                135deg,
                var(--gold),
                var(--green)
            );

            display: flex;

            align-items: center;

            justify-content: center;

            color: #000;

            font-weight: 800;

            overflow: hidden;

            background-size: cover;

            background-position: center;

            flex-shrink: 0;
        }

        .admin-info {
            min-width: 0;
        }

        .admin-info strong {
            display: block;

            max-width: 180px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;
        }

        .admin-info small {
            display: block;

            color: #777;

            font-size: .65rem;
        }

        .btn-outline-aya {
            border: 1px solid rgba(255,215,0,.4);

            color: var(--gold);

            background: transparent;

            border-radius: 9px;

            padding: 8px 14px;

            font-size: .72rem;
        }

        .btn-outline-aya:hover {
            background: rgba(255,215,0,.08);

            color: var(--gold);
        }

        /* =====================================================
           PAGE
        ===================================================== */

        .page {
            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

            padding: 35px 20px 50px;
        }

        .page-header {
            margin-bottom: 25px;
        }

        .page-header h2 {
            margin-bottom: 6px;

            font-size: 1.45rem;
        }

        .page-header p {
            margin: 0;

            color: #777;

            font-size: .8rem;

            line-height: 1.6;
        }

        /* =====================================================
           STATS
        ===================================================== */

        .stats-grid {
            display: grid;

            grid-template-columns: repeat(4,1fr);

            gap: 14px;

            margin-bottom: 22px;
        }

        .stat-card {
            position: relative;

            overflow: hidden;

            padding: 18px;

            border: 1px solid var(--border);

            border-radius: 18px;

            background: var(--glass-bg);
        }

        .stat-icon {
            width: 38px;
            height: 38px;

            margin-bottom: 13px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 11px;

            background: rgba(255,215,0,.12);

            color: var(--gold);

            font-size: 17px;
        }

        .stat-number {
            font-size: 25px;

            font-weight: 800;
        }

        .stat-label {
            margin-top: 6px;

            color: var(--text-muted);

            font-size: 11px;
        }

        /* =====================================================
           FILTER
        ===================================================== */

        .filter-panel {
            margin-bottom: 20px;

            padding: 16px;

            border: 1px solid var(--border);

            border-radius: 18px;

            background: var(--glass-bg);
        }

        .filter-row {
            display: grid;

            grid-template-columns: 1fr 180px 180px;

            gap: 10px;
        }

        .search-box {
            position: relative;
        }

        .search-box i {
            position: absolute;

            left: 13px;

            top: 50%;

            transform: translateY(-50%);

            color: var(--text-muted);

            z-index: 2;
        }

        .form-control-aya,
        .form-select-aya {
            width: 100%;

            min-height: 42px;

            padding: 9px 12px;

            border: 1px solid var(--border);

            border-radius: 11px;

            outline: none;

            background: rgba(255,255,255,.035);

            color: var(--text);

            font-size: 12px;
        }

        .search-box .form-control-aya {
            padding-left: 38px;
        }

        .form-control-aya:focus,
        .form-select-aya:focus {
            border-color: rgba(255,215,0,.35);

            box-shadow: 0 0 0 3px rgba(255,215,0,.12);
        }

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

        .filter-buttons {
            display: flex;

            flex-wrap: wrap;

            gap: 6px;

            margin-top: 12px;
        }

        .filter-btn {
            padding: 7px 11px;

            border: 1px solid var(--border);

            border-radius: 9px;

            background: transparent;

            color: var(--text-muted);

            font-size: 10px;

            font-weight: 700;

            cursor: pointer;
        }

        .filter-btn:hover {
            color: #fff;

            border-color: rgba(255,255,255,.16);
        }

        .filter-btn.active {
            background: rgba(255,215,0,.12);

            border-color: rgba(255,215,0,.25);

            color: var(--gold);
        }

        /* =====================================================
           CONTENT
        ===================================================== */

        .content-layout {
            display: grid;

            grid-template-columns: 1.6fr .8fr;

            gap: 18px;
        }

        .panel {
            border: 1px solid var(--border);

            border-radius: 18px;

            background: var(--glass-bg);

            overflow: hidden;
        }

        .panel-header {
            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 15px;

            padding: 17px 18px;

            border-bottom: 1px solid var(--border);
        }

        .panel-header h2 {
            margin: 0;

            font-size: 14px;

            font-weight: 800;
        }

        .panel-header small {
            color: var(--text-muted);

            font-size: 10px;
        }

        /* =====================================================
           LOADING
        ===================================================== */

        .loading-state {
            padding: 45px 25px;

            text-align: center;

            color: var(--text-muted);

            font-size: 11px;
        }

        .loading-state .spinner-border {
            width: 24px;
            height: 24px;

            margin-bottom: 12px;

            color: var(--gold);
        }

        /* =====================================================
           EMPTY STATE
        ===================================================== */

        .empty-state {
            padding: 55px 25px;

            text-align: center;
        }

        .empty-state-icon {
            width: 58px;
            height: 58px;

            margin: 0 auto 16px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 16px;

            background: rgba(255,215,0,.09);

            color: var(--gold);

            font-size: 25px;
        }

        .empty-state h3 {
            margin: 0 0 8px;

            font-size: 14px;

            font-weight: 800;
        }

        .empty-state p {
            max-width: 500px;

            margin: 0 auto;

            color: var(--text-muted);

            font-size: 11px;

            line-height: 1.6;
        }

        /* =====================================================
           REPORTS
        ===================================================== */

        .reports-list {
            display: flex;

            flex-direction: column;
        }

        .report-item {
            display: flex;

            flex-direction: column;

            gap: 13px;

            padding: 18px;

            border-bottom: 1px solid rgba(255,255,255,.055);
        }

        .report-item:last-child {
            border-bottom: 0;
        }

        .report-top {
            display: flex;

            align-items: flex-start;

            justify-content: space-between;

            gap: 12px;
        }

        .report-main {
            display: flex;

            align-items: flex-start;

            gap: 12px;

            min-width: 0;
        }

        .report-icon {
            width: 40px;
            height: 40px;

            flex-shrink: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 12px;

            background: rgba(255,215,0,.1);

            color: var(--gold);
        }

        .report-title {
            min-width: 0;
        }

        .report-title strong {
            display: block;

            font-size: 12px;

            font-weight: 800;
        }

        .report-meta {
            display: flex;

            flex-wrap: wrap;

            gap: 6px 10px;

            margin-top: 5px;

            color: var(--text-muted);

            font-size: 9px;
        }

        .report-meta span {
            display: inline-flex;

            align-items: center;

            gap: 4px;
        }

        .report-description {
            margin-left: 52px;

            padding: 11px 12px;

            border-radius: 11px;

            background: rgba(255,255,255,.025);

            border: 1px solid rgba(255,255,255,.045);

            color: #aaa;

            font-size: 10px;

            line-height: 1.55;
        }

        .report-actions {
            display: flex;

            flex-wrap: wrap;

            gap: 7px;

            margin-left: 52px;
        }

        .report-btn {
            border: 1px solid var(--border);

            border-radius: 9px;

            padding: 7px 11px;

            background: transparent;

            color: #bbb;

            font-size: 9px;

            font-weight: 700;

            cursor: pointer;

            transition: .2s ease;
        }

        .report-btn:hover {
            color: #fff;

            border-color: rgba(255,255,255,.18);

            background: rgba(255,255,255,.04);
        }

        .report-btn.approve {
            color: #62d27a;

            border-color: rgba(50,168,82,.25);
        }

        .report-btn.approve:hover {
            background: rgba(50,168,82,.1);
        }

        .report-btn.reject {
            color: #ff7777;

            border-color: rgba(214,0,0,.25);
        }

        .report-btn.reject:hover {
            background: rgba(214,0,0,.1);
        }

        .report-btn.review {
            color: var(--gold);

            border-color: rgba(255,215,0,.25);
        }

        .badge-aya {
            display: inline-flex;

            align-items: center;

            padding: 5px 8px;

            border-radius: 7px;

            font-size: 8px;

            font-weight: 800;

            text-transform: uppercase;

            letter-spacing: .3px;
        }

        .badge-pending {
            background: rgba(255,215,0,.12);

            color: var(--gold);
        }

        .badge-reviewed {
            background: rgba(255,255,255,.08);

            color: #ccc;
        }

        .badge-resolved {
            background: rgba(50,168,82,.12);

            color: #6ddd88;
        }

        .badge-reason {
            background: rgba(255,255,255,.06);

            color: #bbb;
        }

        .badge-type {
            background: rgba(34,139,34,.12);

            color: #62d27a;
        }

        /* =====================================================
           CONTROLS
        ===================================================== */

        .control-list {
            padding: 9px;
        }

        .control-item {
            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 12px;

            padding: 14px 10px;

            border-bottom: 1px solid rgba(255,255,255,.045);
        }

        .control-item:last-child {
            border-bottom: 0;
        }

        .control-icon {
            width: 37px;
            height: 37px;

            flex-shrink: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 11px;

            background: rgba(255,215,0,.12);

            color: var(--gold);
        }

        .control-info {
            flex: 1;
        }

        .control-info strong {
            display: block;

            font-size: 11px;

            font-weight: 800;
        }

        .control-info small {
            display: block;

            margin-top: 4px;

            color: var(--text-muted);

            font-size: 9px;

            line-height: 1.4;
        }

        /* =====================================================
           SWITCH
        ===================================================== */

        .switch {
            position: relative;

            width: 40px;
            height: 22px;

            flex-shrink: 0;
        }

        .switch input {
            position: absolute;

            opacity: 0;

            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;

            inset: 0;

            border-radius: 30px;

            background: #292930;

            cursor: pointer;

            transition: .25s ease;
        }

        .slider::before {
            content: "";

            position: absolute;

            width: 16px;
            height: 16px;

            left: 3px;
            top: 3px;

            border-radius: 50%;

            background: #888;

            transition: .25s ease;
        }

        .switch input:checked + .slider {
            background: rgba(34,139,34,.65);
        }

        .switch input:checked + .slider::before {
            transform: translateX(18px);

            background: #fff;
        }

        .switch input:disabled + .slider {
            opacity: .45;

            cursor: not-allowed;
        }

        /* =====================================================
           GUIDELINE
        ===================================================== */

        .guideline {
            margin: 14px;

            padding: 13px;

            border: 1px solid rgba(255,215,0,.14);

            border-radius: 12px;

            background: rgba(255,215,0,.08);
        }

        .guideline strong {
            display: block;

            margin-bottom: 5px;

            color: var(--gold);

            font-size: 10px;
        }

        .guideline p {
            margin: 0;

            color: var(--text-muted);

            font-size: 9px;

            line-height: 1.55;
        }

        .config-status {
            display: flex;

            align-items: center;

            gap: 7px;

            margin: 0 14px 14px;

            padding: 9px 10px;

            border-radius: 9px;

            background: rgba(34,139,34,.08);

            border: 1px solid rgba(34,139,34,.14);

            color: #72c982;

            font-size: 9px;
        }

        .config-status.loading {
            color: var(--gold);

            background: rgba(255,215,0,.06);

            border-color: rgba(255,215,0,.12);
        }

        .config-status.error {
            color: #ff8888;

            background: rgba(214,0,0,.07);

            border-color: rgba(214,0,0,.14);
        }

        /* =====================================================
           ACCESS STATE
        ===================================================== */

        .access-state {
            display: flex;

            align-items: center;

            justify-content: center;

            min-height: 100vh;

            padding: 25px;

            background: var(--bg-main);
        }

        .access-box {
            width: 100%;

            max-width: 430px;

            padding: 35px 25px;

            text-align: center;

            border: 1px solid var(--border);

            border-radius: 18px;

            background: var(--glass-bg);
        }

        .access-icon {
            width: 60px;
            height: 60px;

            margin: 0 auto 18px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 17px;

            background: rgba(255,215,0,.09);

            color: var(--gold);

            font-size: 27px;
        }

        .access-box h2 {
            margin-bottom: 10px;

            color: var(--gold);

            font-size: 20px;

            font-weight: 800;
        }

        .access-box p {
            margin: 0;

            color: #888;

            font-size: 12px;

            line-height: 1.7;
        }

        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media(max-width:1100px) {

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

            .content-layout {
                grid-template-columns: 1fr;
            }

        }

        @media(max-width:991px) {

            .sidebar {
                transform: translateX(-100%);
            }

            .sidebar.show {
                transform: translateX(0);
            }

            .main-content {
                margin-left: 0;
            }

            #menuButton {
                display: flex;
            }

            .topbar {
                padding: 12px 18px;
            }

            .page {
                padding: 28px 16px 45px;
            }

        }

        @media(min-width:992px) {

            #menuButton {
                display: none;
            }

        }

        @media(max-width:700px) {

            .topbar {
                min-height: 68px;
            }

            .page-title h4 {
                font-size: .95rem;
            }

            .page-title small {
                display: none;
            }

            .admin-info {
                display: none;
            }

            .page {
                padding: 24px 14px 40px;
            }

            .page-header h2 {
                font-size: 1.25rem;
            }

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

            .report-description,
            .report-actions {
                margin-left: 0;
            }

        }

        @media(max-width:520px) {

            .stats-grid {
                grid-template-columns: 1fr 1fr;

                gap: 9px;
            }

            .stat-card {
                padding: 14px;
            }

            .stat-number {
                font-size: 21px;
            }

            .admin-profile .btn-outline-aya {
                display: none;
            }

            .report-top {
                flex-direction: column;
            }

        }

            /* ===== 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;}