/* ==========================================================
   gtc-layout.css
   Reset do WP Admin + estrutura full-viewport (SaaS look).
   ========================================================== */

/* --- Reset de elementos nativos do WP Admin nesta tela --- */
#wpcontent {
    padding-left: 0 !important;
}
#wpbody-content {
    padding-bottom: 0 !important;
}
#wpfooter {
    display: none !important;
}
.gtc-app-viewport * {
    box-sizing: border-box;
}

/* --- Container raiz da aplicação --- */
.gtc-app-viewport {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 32px); /* Desconta a WP Admin Bar */
    background-color: #F7FAFC;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1A202C;
}
@media screen and (max-width: 782px) {
    .gtc-app-viewport {
        height: calc(100vh - 46px); /* admin bar mobile */
    }
}

/* --- Navbar superior com as 6 abas --- */
.gtc-navbar {
    height: 60px;
    flex-shrink: 0;
    background: #1A365D;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 8px;
    overflow-x: auto;
}
.gtc-navbar__brand {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    margin-right: 24px;
    white-space: nowrap;
}
.gtc-tab-btn {
    background: transparent;
    border: none;
    color: #CBD5E0;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease;
}
.gtc-tab-btn:hover {
    background: rgba(255,255,255,.08);
    color: #fff;
}
.gtc-tab-btn.is-active {
    background: #2B6CB0;
    color: #fff;
}

/* --- Navbar "fixa" usada no modo separado ([gtc_menu] sozinho na página) --- */
.gtc-navbar--sticky {
    position: sticky;
    top: 0;
    z-index: 500;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
body.admin-bar .gtc-navbar--sticky {
    top: 32px; /* desconta a barra de admin do WP quando logado */
}
@media screen and (max-width: 782px) {
    body.admin-bar .gtc-navbar--sticky { top: 46px; }
}

/* --- Área de conteúdo com rolagem interna independente por aba --- */
.gtc-content-container {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}
/* --- Conteúdo "solto" (modo separado, [gtc_conteudo] sozinho na página) --- */
.gtc-content-standalone {
    padding: 20px 0;
}
.gtc-tab-panel {
    display: none;
    height: 100%;
}
.gtc-tab-panel.is-active {
    display: block;
}

/* --- Grid responsivo genérico usado em várias abas --- */
.gtc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

/* --- Barra de ações no topo de cada aba --- */
.gtc-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 12px;
    flex-wrap: wrap;
}
.gtc-toolbar h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1A365D;
}

/* --- Estado vazio --- */
.gtc-empty-state {
    text-align: center;
    padding: 48px 20px;
    color: #718096;
    font-size: 14px;
}

/* --- Overlay de carregamento --- */
.gtc-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #718096;
    font-size: 14px;
}