:root {
  --ibo-bg: #070b14;
  --ibo-surface: #0e1422;
  --ibo-surface-2: #131b2c;
  --ibo-border: rgba(121, 166, 255, .14);
  --ibo-blue: #1378ff;
  --ibo-cyan: #23d5ff;
  --ibo-text: #f5f8ff;
  --ibo-muted: #8f9bb3;
}
* { box-sizing: border-box; }
body.ibo-panel, body.ibo-login-page { font-family: 'Poppins', sans-serif; background: var(--ibo-bg); color: var(--ibo-text); }
.ibo-panel .page-container { background: radial-gradient(circle at 75% 10%, rgba(19,120,255,.12), transparent 35%), var(--ibo-bg); min-height: 100vh; }
.ibo-sidebar { background: linear-gradient(180deg, #0a0f1c 0%, #080c15 100%) !important; border-right: 1px solid var(--ibo-border); box-shadow: 18px 0 50px rgba(0,0,0,.22); }
.ibo-brand-wrap { padding: 28px 22px 20px; text-align: center; border-bottom: 1px solid var(--ibo-border); margin-bottom: 18px; }
.ibo-brand-link { display: block; }
.ibo-brand-logo { width: 148px; max-width: 90%; height: 72px; object-fit: contain; filter: drop-shadow(0 8px 22px rgba(19,120,255,.28)); }
.ibo-brand-text { font-size: 16px; font-weight: 800; letter-spacing: 1.4px; margin-top: 8px; color: #fff; }
.ibo-brand-subtitle, .ibo-menu-label, .ibo-page-kicker { color: var(--ibo-muted); font-size: 10px; letter-spacing: 2.1px; font-weight: 700; }
.ibo-menu-label { padding: 8px 26px 10px; }
.ibo-menu li { margin: 5px 12px; }
.ibo-menu li a { display: flex !important; align-items: center; gap: 12px; min-height: 46px; padding: 11px 14px !important; border-radius: 12px !important; color: #aab5c8 !important; font-weight: 500; transition: .2s ease; }
.ibo-menu li a:hover { background: rgba(19,120,255,.10) !important; color: #fff !important; transform: translateX(2px); }
.ibo-menu li.active-page a { background: linear-gradient(135deg, rgba(19,120,255,.96), rgba(35,213,255,.72)) !important; color: white !important; box-shadow: 0 10px 30px rgba(19,120,255,.24); }
.ibo-menu li a svg, .ibo-logout svg { width: 18px; height: 18px; }
.ibo-sidebar-bottom { position: absolute; bottom: 25px; width: 100%; padding: 0 12px; }
.ibo-logout { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; color: #ff9d9d; background: rgba(255,82,82,.06); }
.ibo-logout:hover { color: #fff; background: rgba(255,82,82,.14); }
.ibo-content { background: transparent !important; }
.ibo-header { background: rgba(7,11,20,.78) !important; border-bottom: 1px solid var(--ibo-border); backdrop-filter: blur(16px); }
.ibo-header .navbar { min-height: 76px; padding: 0 28px; }
.ibo-header h5 { color: #fff !important; font-size: 19px; font-weight: 700; }
.ibo-menu-toggle { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--ibo-surface-2); border: 1px solid var(--ibo-border); margin-right: 14px; color: #fff !important; }
.ibo-header-badge { color: #a9b5c7; font-size: 12px; background: rgba(255,255,255,.035); border: 1px solid var(--ibo-border); padding: 8px 12px; border-radius: 999px; }
.ibo-status-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #36e39b; box-shadow: 0 0 12px rgba(54,227,155,.7); margin-right: 7px; }
.ibo-main-wrapper { padding: 28px !important; }
.ibo-panel .card, .ibo-card { background: linear-gradient(180deg, rgba(19,27,44,.98), rgba(13,19,31,.98)) !important; border: 1px solid var(--ibo-border) !important; border-radius: 18px !important; color: var(--ibo-text); box-shadow: 0 18px 48px rgba(0,0,0,.18); }
.ibo-panel .card-header { background: transparent !important; border-bottom: 1px solid var(--ibo-border) !important; }
.ibo-panel .card h6, .ibo-panel .card h5, .ibo-panel .card h4, .ibo-panel .card h3, .ibo-panel .card h2, .ibo-panel .card label { color: #f7f9ff !important; }
.ibo-panel .text-primary { color: var(--ibo-cyan) !important; }
.ibo-panel .form-control, .ibo-panel .form-select, .ibo-panel select, .ibo-panel input[type=text], .ibo-panel input[type=password], .ibo-panel input[type=color] { background: #0a101d !important; border: 1px solid rgba(130,165,230,.18) !important; color: #f7f9ff !important; border-radius: 10px; min-height: 42px; }
.ibo-panel .form-control:focus, .ibo-panel select:focus { border-color: var(--ibo-blue) !important; box-shadow: 0 0 0 3px rgba(19,120,255,.14) !important; }
.ibo-panel table { color: #dce4f4 !important; }
.ibo-panel .table > :not(caption) > * > * { border-color: var(--ibo-border) !important; }
.ibo-panel .btn-info, .ibo-panel .btn-primary, .ibo-primary-btn { background: linear-gradient(135deg, var(--ibo-blue), #2bb9ff) !important; color: white !important; border: 0 !important; border-radius: 11px !important; font-weight: 700; padding: 11px 18px; box-shadow: 0 10px 24px rgba(19,120,255,.22); }
.ibo-panel .btn-success { border-radius: 10px; }
.ibo-panel .btn-danger { border-radius: 10px; }
.ibo-secondary-btn { background: #161f31 !important; color: #cad5e9 !important; border: 1px solid var(--ibo-border) !important; border-radius: 11px !important; padding: 10px 16px; }
.ibo-footer { border-top: 1px solid var(--ibo-border) !important; color: var(--ibo-muted); display: flex; justify-content: space-between; align-items: center; padding: 16px 28px !important; }
.ibo-footer a { color: var(--ibo-cyan); }
.ibo-page-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 22px; }
.ibo-page-head h2 { margin: 6px 0 3px; color: #fff; font-weight: 800; }
.ibo-page-head p, .ibo-help-text { color: var(--ibo-muted); }
.ibo-card-title { font-weight: 700; font-size: 15px; margin-bottom: 18px; color: #fff; }
.ibo-card-title i { color: var(--ibo-cyan); margin-right: 8px; }
.ibo-logo-preview { min-height: 230px; display: flex; align-items: center; justify-content: center; padding: 28px; background: radial-gradient(circle, rgba(19,120,255,.13), rgba(255,255,255,.015)); border: 1px dashed rgba(125,173,255,.24); border-radius: 16px; }
.ibo-logo-preview img { max-width: 100%; max-height: 190px; object-fit: contain; }
.ibo-upload-box { min-height: 190px; border: 1px dashed rgba(35,213,255,.32); background: rgba(19,120,255,.055); border-radius: 16px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: .2s ease; }
.ibo-upload-box:hover { background: rgba(19,120,255,.10); border-color: var(--ibo-cyan); }
.ibo-upload-box i { font-size: 38px; color: var(--ibo-cyan); margin-bottom: 11px; }
.ibo-upload-box strong { color: #fff; font-size: 16px; }
.ibo-upload-box span { color: var(--ibo-muted); font-size: 12px; margin-top: 5px; }
.ibo-upload-box input { display: none; }
.ibo-selected-file { color: var(--ibo-muted); font-size: 12px; margin: 10px 0 14px; }
.ibo-alert { border-radius: 12px; border: 0; }
/* Login */
.ibo-login-page { margin: 0; min-height: 100vh; overflow-x: hidden; }
.ibo-login-shell { min-height: 100vh; display: grid; grid-template-columns: 1.15fr .85fr; background: #070b14; }
.ibo-login-visual { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; background: radial-gradient(circle at 40% 40%, rgba(19,120,255,.25), transparent 35%), linear-gradient(135deg,#090f1d,#050811); }
.ibo-login-visual:before { content:''; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 34px 34px; }
.ibo-login-glow { position:absolute; width:380px; height:380px; border-radius:50%; background:rgba(19,120,255,.18); filter:blur(80px); }
.ibo-login-brand { position:relative; z-index:2; text-align:center; padding:40px; }
.ibo-login-brand img { width:min(500px,72vw); max-height:210px; object-fit:contain; filter:drop-shadow(0 22px 38px rgba(0,117,255,.3)); }
.ibo-login-brand h1 { margin-top: 26px; color:#fff; font-weight:800; letter-spacing:3px; }
.ibo-login-brand p { color:var(--ibo-muted); }
.ibo-login-form-side { display:flex; align-items:center; justify-content:center; padding:42px; background:linear-gradient(180deg,#0b101c,#080c15); }
.ibo-login-card { width:100%; max-width:440px; }
.ibo-login-mini-logo img { width:170px; max-height:74px; object-fit:contain; margin-bottom:20px; }
.ibo-login-card h2 { color:#fff; font-size:34px; font-weight:800; margin:8px 0 6px; }
.ibo-login-text { color:var(--ibo-muted); margin-bottom:28px; }
.ibo-field { margin-bottom:18px; }
.ibo-field label { color:#cfd8e9; font-size:12px; font-weight:600; margin-bottom:7px; }
.ibo-input-wrap { position:relative; }
.ibo-input-wrap i { position:absolute; top:50%; left:15px; transform:translateY(-50%); color:#6982a9; z-index:2; }
.ibo-input-wrap .form-control { height:52px; padding-left:44px; background:#0a101c !important; border:1px solid rgba(120,163,235,.18) !important; color:#fff !important; border-radius:12px; }
.ibo-input-wrap .form-control:focus { border-color:var(--ibo-blue) !important; box-shadow:0 0 0 3px rgba(19,120,255,.12) !important; }
.ibo-login-btn { width:100%; min-height:52px; display:flex; align-items:center; justify-content:center; gap:10px; margin-top:8px; }
.ibo-login-footer { color:#5f6b80; font-size:11px; margin-top:26px; text-align:center; }
@media (max-width: 991px) {
  .ibo-login-shell { grid-template-columns: 1fr; }
  .ibo-login-visual { min-height: 260px; }
  .ibo-login-brand img { max-height: 120px; }
  .ibo-login-brand h1, .ibo-login-brand p { display:none; }
  .ibo-login-form-side { padding:30px 20px 45px; }
  .ibo-header-badge { display:none; }
  .ibo-main-wrapper { padding:18px !important; }
}

/* FIX 2026-09-09: mantém qualquer logo enviada confinada ao cabeçalho/sidebar */
.ibo-sidebar .ibo-brand-wrap {
  position: relative !important;
  width: 100% !important;
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px 10px !important;
}
.ibo-sidebar .ibo-brand-link {
  width: 170px !important;
  height: 64px !important;
  max-width: 90% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex: 0 0 64px !important;
}
.ibo-sidebar .ibo-brand-link > img.ibo-brand-logo,
.ibo-sidebar img.ibo-brand-logo {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 165px !important;
  max-height: 60px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  inset: auto !important;
  transform: none !important;
  z-index: 1 !important;
}
.ibo-brand-text { margin-top: 5px !important; line-height: 18px !important; }
.ibo-brand-subtitle { line-height: 14px !important; }

/* A prévia pode ser maior, mas nunca escapar do card */
.ibo-logo-preview { overflow: hidden !important; }
.ibo-logo-preview img,
#current-logo-preview {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 190px !important;
  object-fit: contain !important;
  transform: none !important;
}

/* FIX 2026-09-09: sidebar utilizável em 100% de zoom e telas baixas */
.ibo-sidebar {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.ibo-sidebar .ibo-brand-wrap {
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
  padding: 8px 16px 7px !important;
  margin-bottom: 8px !important;
  flex: 0 0 108px !important;
}
.ibo-sidebar .ibo-brand-link {
  height: 52px !important;
  flex: 0 0 52px !important;
}
.ibo-sidebar .ibo-brand-link > img.ibo-brand-logo,
.ibo-sidebar img.ibo-brand-logo {
  max-width: 145px !important;
  max-height: 48px !important;
}
.ibo-brand-text { font-size: 14px !important; margin-top: 3px !important; line-height: 16px !important; }
.ibo-brand-subtitle { font-size: 9px !important; line-height: 12px !important; }
.ibo-menu-label { padding: 5px 20px 6px !important; flex: 0 0 auto; }
.ibo-sidebar .ibo-menu {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  scrollbar-width: thin;
}
.ibo-menu li { margin: 3px 10px !important; }
.ibo-menu li a {
  min-height: 40px !important;
  padding: 8px 12px !important;
  gap: 10px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}
.ibo-menu li a svg { width: 17px !important; height: 17px !important; flex: 0 0 17px; }
.ibo-sidebar-bottom {
  position: static !important;
  bottom: auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  padding: 8px 10px 12px !important;
  border-top: 1px solid var(--ibo-border);
  background: #080c15;
}
.ibo-logout { min-height: 40px; padding: 8px 12px !important; font-size: 13px; }

/* Em notebooks/telas com pouca altura, compacta mais sem exigir zoom */
@media (max-height: 720px) and (min-width: 992px) {
  .ibo-sidebar .ibo-brand-wrap { height: 88px !important; min-height: 88px !important; max-height: 88px !important; flex-basis: 88px !important; }
  .ibo-sidebar .ibo-brand-link { height: 40px !important; flex-basis: 40px !important; }
  .ibo-sidebar img.ibo-brand-logo { max-height: 38px !important; max-width: 125px !important; }
  .ibo-brand-text { font-size: 12px !important; line-height: 14px !important; }
  .ibo-brand-subtitle { font-size: 8px !important; line-height: 10px !important; }
  .ibo-menu-label { padding: 3px 18px 4px !important; font-size: 9px !important; }
  .ibo-menu li { margin: 2px 9px !important; }
  .ibo-menu li a { min-height: 36px !important; padding: 6px 10px !important; font-size: 12px !important; }
  .ibo-sidebar-bottom { padding: 6px 9px 8px !important; }
  .ibo-logout { min-height: 36px; padding: 6px 10px !important; }
}

/* TMDB - integração dentro do layout IBO ULTIMATE */
.ibo-tmdb-card { background: var(--ibo-surface, #101827) !important; border: 1px solid var(--ibo-border, rgba(255,255,255,.08)) !important; border-radius: 16px !important; }
.ibo-tmdb-card .card-body { padding: 22px; }
.ibo-tmdb-card code { color: #58d8ff; background: rgba(35,213,255,.08); padding: 2px 6px; border-radius: 6px; }
.ibo-tmdb-status { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--ibo-border, rgba(255,255,255,.08)); }
.ibo-tmdb-status span { color: var(--ibo-muted, #8e9aaf); }
.ibo-tmdb-status strong { color:#fff; text-align:right; }


/* FIX LOGOUT 2026-09-09: saída visível no menu e no cabeçalho */
.ibo-logout-menu-item { margin-top: 8px !important; }
.ibo-menu li.ibo-logout-menu-item a.ibo-logout-menu {
  color: #ff9d9d !important;
  background: rgba(255,82,82,.07) !important;
  border: 1px solid rgba(255,82,82,.14) !important;
}
.ibo-menu li.ibo-logout-menu-item a.ibo-logout-menu:hover {
  color: #fff !important;
  background: rgba(255,82,82,.16) !important;
}
.ibo-header-actions { gap: 10px; }
.ibo-header-logout {
  min-height: 38px;
  padding: 8px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 10px;
  color: #ffb0b0 !important;
  background: rgba(255,82,82,.08);
  border: 1px solid rgba(255,82,82,.16);
  font-size: 12px;
  font-weight: 600;
}
.ibo-header-logout:hover { color: #fff !important; background: rgba(255,82,82,.18); }
.ibo-header-logout svg { width: 16px; height: 16px; }
@media (max-width: 575px) {
  .ibo-header-logout span { display: none; }
  .ibo-header-logout { width: 38px; padding: 8px; }
}