/* ================================ ADMIN PANEL (isolado) Namespace: .adm ================================ */ /* IMPORTANT: no layout admin usa */ body.adm-body{ min-height: 100vh; display: flex; flex-direction: column; font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: #f6f8fb; /* neutro limpo */ color: #0f172a; } /* força footer global (se existir nessa página) para baixo */ body.adm-body footer, body.adm-body .footer, body.adm-body .site-footer, body.adm-body .ll-footer{ margin-top: auto !important; } /* wrapper geral */ .adm{ flex: 1; display: flex; width: 100%; font-family: "Inter", sans-serif; } /* vars admin */ .adm{ --adm-max: 1180px; --adm-bg: #0b1220; --adm-card: #ffffff; --adm-border: rgba(148, 163, 184, 0.35); --adm-muted: #64748b; --adm-shadow: 0 16px 32px rgba(15, 23, 42, 0.08); --adm-radius: 16px; --adm-primary: #2563eb; --adm-warn: #f97316; --adm-good: #16a34a; } /* container do painel (flex para esticar o main e colar footer) */ .adm .adm-container{ flex: 1; max-width: var(--adm-max); margin: 0 auto; padding: 18px 14px 30px; display: flex; flex-direction: column; min-height: 100vh; } /* TOPBAR */ .adm .adm-topbar{ border-radius: var(--adm-radius); background: var(--adm-bg); color: #fff; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.2); padding: 14px 14px 12px; border: 1px solid rgba(255, 255, 255, 0.08); } .adm .adm-topbar-row{ display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap; } .adm .adm-title{ margin:0; font-size:18px; font-weight: 900; letter-spacing:.2px; display:flex; align-items:center; gap:10px; } .adm .adm-sub{ margin: 2px 0 0; color: rgba(255,255,255,.70); font-size: 12px; font-weight: 700; } .adm .adm-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; } /* pills e links do topo */ .adm .adm-pill, .adm .adm-link{ display:inline-flex; align-items:center; gap:8px; padding: 9px 12px; border-radius: 999px; font-weight: 900; font-size: 13px; text-decoration:none; white-space: nowrap; transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease; } .adm .adm-pill{ background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: #e5e7eb; } .adm .adm-pill:hover, .adm .adm-link:hover{ transform: translateY(-1px); filter: brightness(1.03); background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.18); color: #fff; } /* BOTÕES */ .adm .adm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(0,0,0,.10); font-weight: 900; font-size: 13px; cursor:pointer; background:#fff; text-decoration:none; white-space:nowrap; transition: transform .12s ease, filter .12s ease, box-shadow .12s ease; } .adm .adm-btn:hover{ transform: translateY(-1px); } .adm .adm-btn-primary{ background: var(--adm-primary); border-color: rgba(37,99,235,.40); color:#fff; box-shadow: 0 12px 26px rgba(37,99,235,.18); } .adm .adm-btn-warn{ background: var(--adm-warn); border-color: rgba(249,115,22,.45); color:#0b1220; box-shadow: 0 12px 26px rgba(249,115,22,.18); } .adm .adm-btn-ghost{ background:#fff; border-color: rgba(148,163,184,.45); color:#0b1220; } /* NOTA/BADGE */ .adm .adm-note{ margin-top: 10px; display:flex; align-items:center; gap: 10px; flex-wrap:wrap; } .adm .adm-badge{ display:inline-flex; align-items:center; gap:8px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 900; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.92); } .adm .adm-muted{ color: var(--adm-muted); font-size: 13px; margin: 0; } /* MAIN (o que empurra tudo e permite colar o footer) */ .adm .adm-main{ flex: 1 1 auto; margin-top: 14px; display: grid; gap: 14px; } /* CARDS */ .adm .adm-card{ background: var(--adm-card); border: 1px solid var(--adm-border); border-radius: var(--adm-radius); padding: 16px; box-shadow: var(--adm-shadow); overflow: hidden; } .adm .adm-card-head{ display:flex; align-items:flex-start; justify-content:space-between; gap: 10px; flex-wrap:wrap; margin-bottom: 10px; } .adm .adm-card h2{ margin:0; font-size: 16px; font-weight: 900; color:#0f172a; } .adm .adm-h3, .adm .adm-card h3{ margin: 14px 0 10px; font-size: 14px; font-weight: 900; color:#0f172a; } /* MINI CARDS */ .adm .adm-cards{ display:grid; gap: 12px; grid-template-columns: 1fr; } @media (min-width: 900px){ .adm .adm-cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .adm .adm-mini-card{ border: 1px solid rgba(148,163,184,.30); border-radius: 14px; padding: 12px; background: #fff; } .adm .adm-mini-title{ font-weight: 900; font-size: 13px; color:#0f172a; } .adm .adm-mini-card.is-pro{ border-color: rgba(249,115,22,.30); } .adm .adm-mini-card.is-premium{ border-color: rgba(201,162,76,.40); } /* INPUTS */ .adm .adm-grid{ display:grid; grid-template-columns: 1fr; gap: 14px; margin-top: 14px; } @media (min-width: 980px){ .adm .adm-grid{ grid-template-columns: 1fr 1fr; align-items:start; } } .adm .adm-label{ display:flex; flex-direction:column; gap: 6px; font-weight: 800; font-size: 13px; color:#0f172a; } .adm .adm-input, .adm .adm-select{ border-radius: 12px; border: 1px solid rgba(148,163,184,.45); padding: 10px 12px; outline: none; width: 100%; background:#fff; } .adm .adm-input:focus, .adm .adm-select:focus{ border-color: rgba(37,99,235,.55); box-shadow: 0 0 0 4px rgba(37,99,235,.12); } /* TABLE */ .adm .adm-table-wrap{ width: 100%; overflow: auto; border-radius: 14px; border: 1px solid var(--adm-border); } .adm .adm-table{ width: 100%; border-collapse: collapse; min-width: 760px; /* evita quebrar feio */ background: #fff; } .adm .adm-table thead th{ text-align:left; padding: 10px 12px; font-size: 12px; font-weight: 900; color:#0f172a; background: #f8fafc; border-bottom: 1px solid var(--adm-border); position: sticky; top: 0; z-index: 1; } .adm .adm-table tbody td{ padding: 10px 12px; border-bottom: 1px solid rgba(148,163,184,.22); font-size: 13px; color:#0b1220; vertical-align: top; } .adm .adm-table tbody tr:hover td{ background: #f9fafb; } .adm .adm-row-actions{ display:flex; gap: 8px; flex-wrap: wrap; align-items:center; } /* TAG */ .adm .adm-tag{ display:inline-flex; align-items:center; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(148,163,184,.35); background: #fff; font-size: 12px; font-weight: 900; } /* LISTA */ .adm .adm-list{ list-style:none; padding:0; margin:0; display:grid; gap: 10px; } .adm .adm-list-item{ display:flex; justify-content:space-between; gap: 10px; flex-wrap: wrap; border: 1px solid rgba(148,163,184,.30); border-radius: 14px; padding: 12px; background:#fff; } .adm .adm-list-actions{ display:flex; gap: 8px; flex-wrap:wrap; align-items:center; } /* modal (isolado) */ #admsessionModal{ position: fixed; inset: 0; background: rgba(15,23,42,.55); display:none; align-items:center; justify-content:center; padding: 16px; z-index: 9999; } #admsessionModal .adm-modal{ width: min(520px, 100%); background:#fff; border-radius: 16px; padding: 16px; border: 1px solid rgba(148,163,184,.35); box-shadow: 0 24px 60px rgba(15,23,42,.25); } #admsessionModal .adm-modal h3{ margin:0 0 8px; font-size: 16px; font-weight: 900; } .adm-tag-success{ background:#e8f7ee; color:#166534; border:1px solid #bbf7d0; } .adm-tag-muted{ background:#f1f5f9; color:#475569; border:1px solid #cbd5e1; } /* =========================== ADMIN EQUIPA - LOCAL LINK =========================== */ .admin-page { max-width: 900px; margin: 30px auto; padding: 0 15px; font-family: 'Inter', sans-serif; } /* TITULOS */ .admin-page h1 { font-size: 26px; font-weight: 800; margin-bottom: 15px; color: #0f172a; } .admin-page h2 { font-size: 20px; font-weight: 700; margin: 25px 0 10px; color: #1e293b; } /* ALERTA */ .alert { background: #e6f4ea; border: 1px solid #34a853; color: #166534; padding: 10px 14px; border-radius: 6px; margin-bottom: 15px; font-size: 14px; } /* FORM */ .admin-form { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; box-shadow: 0 3px 10px rgba(0,0,0,0.03); } .admin-form div { margin-bottom: 12px; } .admin-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: #334155; } .admin-form input { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 14px; outline: none; transition: 0.2s; } .admin-form input:focus { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15); } /* BOTÃO */ .admin-form button { background: #2563eb; color: #fff; padding: 10px 16px; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; transition: 0.2s; } .admin-form button:hover { background: #1d4ed8; } /* TABELA */ .admin-page table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 14px; } .admin-page th { background: #f1f5f9; text-align: left; padding: 10px; font-weight: 700; color: #0f172a; } .admin-page td { padding: 10px; border-top: 1px solid #e2e8f0; color: #334155; } .admin-page tr:hover { background: #f8fafc; } /* RESPONSIVO */ @media (max-width: 600px) { .admin-page { padding: 0 10px; } .admin-form { padding: 14px; } .admin-page table, .admin-page thead, .admin-page tbody, .admin-page th, .admin-page td, .admin-page tr { display: block; } .admin-page tr { margin-bottom: 10px; border: 1px solid #e2e8f0; border-radius: 6px; padding: 10px; } .admin-page td { border: none; padding: 6px 0; } .admin-page th { display: none; } } /* BOTAO VOLTAR VIEW EQUIPAp*/ .admin-actions { margin-bottom: 15px; } .btn-back { display: inline-block; padding: 8px 14px; background: #374151; color: #fff; text-decoration: none; border-radius: 6px; font-size: 14px; font-weight: 600; transition: 0.2s ease; } .btn-back:hover { background: #1f2937; } /* ========================= ADMIN — VAGAS PENDENTES ========================= */ .admin-jobs-page{ max-width:1180px; margin:34px auto 70px; padding:0 18px; } .admin-jobs-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:22px; } .admin-jobs-kicker{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; background:#ecfdf5; color:#166534; border:1px solid #bbf7d0; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; } .admin-jobs-head h1{ margin:14px 0 8px; font-size:32px; line-height:1.1; font-weight:900; color:#0f172a; } .admin-jobs-head p{ margin:0; color:#64748b; font-size:15px; } .admin-jobs-actions-top{ display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; } .admin-jobs-btn{ min-height:42px; padding:0 14px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-size:13px; font-weight:900; white-space:nowrap; } .admin-jobs-btn.is-light{ background:#f8fafc; color:#0f172a; border:1px solid #e2e8f0; } .admin-jobs-btn.is-main{ background:#2f4333; color:#fff; border:1px solid #2f4333; } .admin-jobs-btn.is-danger{ background:#fff1f2; color:#be123c; border:1px solid #fecdd3; } .admin-jobs-search{ margin-bottom:18px; padding:16px; border-radius:20px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 12px 28px rgba(15,23,42,.06); } .admin-jobs-search form{ display:flex; gap:12px; } .admin-jobs-search input{ flex:1; min-height:46px; border-radius:12px; border:1px solid #cbd5e1; padding:0 14px; font-size:14px; outline:none; } .admin-jobs-search input:focus{ border-color:#2f4333; box-shadow:0 0 0 4px rgba(47,67,51,.12); } .admin-jobs-search button{ min-height:46px; padding:0 18px; border:0; border-radius:12px; background:#2f4333; color:#fff; font-weight:900; cursor:pointer; display:inline-flex; align-items:center; gap:8px; } .admin-jobs-flash{ width:min(760px,100%); margin:0 auto 18px; padding:13px 16px; border-radius:16px; background:#eff6ff; border:1px solid #bfdbfe; color:#1d4ed8; text-align:center; font-weight:800; } .admin-jobs-table-card{ background:#fff; border:1px solid #e2e8f0; border-radius:22px; box-shadow:0 16px 36px rgba(15,23,42,.08); overflow:hidden; } .admin-jobs-scroll-note{ display:none; padding:11px 14px; background:#f8fafc; border-bottom:1px solid #e2e8f0; color:#64748b; font-size:12px; font-weight:800; } .admin-jobs-table-scroll{ width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; } .admin-jobs-table{ width:100%; min-width:1080px; border-collapse:collapse; } .admin-jobs-table th{ background:#f8fafc; color:#0f172a; font-size:13px; font-weight:900; text-align:left; padding:15px 14px; border-bottom:1px solid #e2e8f0; white-space:nowrap; } .admin-jobs-table td{ padding:15px 14px; border-bottom:1px solid #edf2f7; color:#334155; vertical-align:top; font-size:14px; } .admin-jobs-table tr:last-child td{ border-bottom:0; } .admin-jobs-id{ font-weight:900; color:#64748b; } .admin-jobs-title{ display:block; color:#0f172a; font-size:15px; margin-bottom:4px; } .admin-jobs-company{ display:block; color:#64748b; font-size:13px; } .admin-jobs-location{ white-space:nowrap; } .admin-jobs-pill{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:#ecfdf5; color:#166534; border:1px solid #bbf7d0; font-size:12px; font-weight:900; white-space:nowrap; } .admin-jobs-publisher{ display:grid; gap:6px; } .admin-jobs-badge{ width:max-content; padding:5px 9px; border-radius:999px; font-size:12px; font-weight:900; } .admin-jobs-badge.is-company{ background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; } .admin-jobs-badge.is-person{ background:#f1f5f9; color:#475569; border:1px solid #cbd5e1; } .admin-jobs-publisher small{ color:#64748b; font-weight:700; } .admin-jobs-salary{ color:#166534; white-space:nowrap; } .admin-jobs-date{ color:#64748b; white-space:nowrap; } .admin-jobs-row-actions{ display:flex; gap:8px; flex-wrap:wrap; } .admin-jobs-action-btn{ min-height:36px; padding:0 11px; border:0; border-radius:10px; color:#fff; font-size:12px; font-weight:900; cursor:pointer; display:inline-flex; align-items:center; gap:6px; } .admin-jobs-action-btn.is-approve{ background:#16a34a; } .admin-jobs-action-btn.is-reject{ background:#dc2626; } .admin-jobs-empty{ padding:30px 20px; border-radius:20px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 12px 28px rgba(15,23,42,.06); color:#64748b; display:flex; align-items:center; justify-content:center; gap:10px; text-align:center; } .admin-jobs-empty i{ color:#16a34a; font-size:22px; } /* ========================= MOBILE ========================= */ @media(max-width:768px){ .admin-jobs-page{ margin:24px auto 50px; padding:0 14px; } .admin-jobs-head{ display:block; text-align:center; } .admin-jobs-head h1{ font-size:27px; } .admin-jobs-head p{ font-size:14px; } .admin-jobs-actions-top{ justify-content:center; margin-top:16px; } .admin-jobs-btn{ flex:1 1 auto; } .admin-jobs-search form{ flex-direction:column; } .admin-jobs-search button{ width:100%; justify-content:center; } .admin-jobs-scroll-note{ display:block; } .admin-jobs-table{ min-width:1080px; } } /* ========================= MAINTENANCE TOGGLE ========================= */ .admin-maintenance-box{ margin:0 0 18px; padding:16px 18px; border-radius:18px; border:1px solid rgba(148,163,184,.22); background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.07); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; } .admin-maintenance-box.is-on{ border-color:rgba(239,68,68,.35); background:linear-gradient(180deg,#fff,#fef2f2); } .admin-maintenance-box.is-off{ border-color:rgba(34,197,94,.28); background:linear-gradient(180deg,#fff,#f0fdf4); } .admin-maintenance-copy strong{ display:flex; align-items:center; gap:8px; font-size:15px; font-weight:900; color:#0f172a; } .admin-maintenance-copy p{ margin:6px 0 0; font-size:13px; color:#64748b; line-height:1.5; } .admin-maintenance-btn{ min-height:44px; padding:0 16px; border-radius:999px; border:0; color:#fff; font-size:13px; font-weight:900; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; } .admin-maintenance-btn.is-enable{ background:#dc2626; } .admin-maintenance-btn.is-disable{ background:#16a34a; } .admin-maintenance-btn:hover{ filter:brightness(.96); transform:translateY(-1px); } @media(max-width:640px){ .admin-maintenance-box{ align-items:stretch; } .admin-maintenance-btn{ width:100%; } }