/* TAMKT Painel v3.3 — Flex layout + Stitch Design System */

/* ============================================================
   RESET GLOBAL — derruba qualquer estilo Elementor/tema nos botões
   ============================================================ */
.tamkt-painel button,
.tamkt-painel input[type="submit"],
.tamkt-painel input[type="button"] {
  background-color: transparent !important;
  background-image: none !important;
  font-family: 'Inter', sans-serif !important;
  cursor: pointer !important;
}

/* ============================================================
   FORÇAR CORES TAILWIND CUSTOMIZADAS COM !important
   (Elementor e temas sobrescrevem sem isso)
   ============================================================ */

/* Backgrounds */
.tamkt-painel .bg-primary-container          { background-color: #FFC85B !important; }
.tamkt-painel .bg-primary                    { background-color: #ffeaca !important; }
.tamkt-painel .bg-surface                    { background-color: #131313 !important; }
.tamkt-painel .bg-surface-dim                { background-color: #131313 !important; }
.tamkt-painel .bg-surface-bright             { background-color: #3a3939 !important; }
.tamkt-painel .bg-surface-container-lowest   { background-color: #0e0e0e !important; }
.tamkt-painel .bg-surface-container-low      { background-color: #1c1b1b !important; }
.tamkt-painel .bg-surface-container          { background-color: #201f1f !important; }
.tamkt-painel .bg-surface-container-high     { background-color: #2a2a2a !important; }
.tamkt-painel .bg-surface-container-highest  { background-color: #353534 !important; }
.tamkt-painel .bg-secondary-container        { background-color: #474746 !important; }
.tamkt-painel .bg-background                 { background-color: #131313 !important; }

/* Text */
.tamkt-painel .text-on-primary               { color: #412D00 !important; }
.tamkt-painel .text-on-primary-container     { color: #755300 !important; }
.tamkt-painel .text-on-surface               { color: #e5e2e1 !important; }
.tamkt-painel .text-on-surface-variant       { color: #d3c5b0 !important; }
.tamkt-painel .text-on-secondary-container   { color: #b6b5b4 !important; }
.tamkt-painel .text-on-background            { color: #e5e2e1 !important; }
.tamkt-painel .text-primary-container        { color: #FFC85B !important; }
.tamkt-painel .text-primary-fixed-dim        { color: #f4be52 !important; }
.tamkt-painel .text-outline                  { color: #9b8f7c !important; }
.tamkt-painel .text-outline-variant          { color: #4f4536 !important; }

/* Borders */
.tamkt-painel .border-outline-variant        { border-color: #4f4536 !important; }
.tamkt-painel .border-outline                { border-color: #9b8f7c !important; }
.tamkt-painel .border-primary-container      { border-color: #FFC85B !important; }

/* Botões primários (bg-primary-container + text-on-primary) */
.tamkt-painel button.bg-primary-container,
.tamkt-painel a.bg-primary-container {
  background-color: #FFC85B !important;
  color: #412D00 !important;
  border-radius: 10px !important;
}
.tamkt-painel button.bg-primary-container:hover,
.tamkt-painel a.bg-primary-container:hover { background-color: #FFD88A !important; }

/* === HIDE WP THEME ELEMENTS (specific classes only) === */
body:has(.tamkt-painel) .elementor-location-header,
body:has(.tamkt-painel) .elementor-location-footer,
body:has(.tamkt-painel) .hfe-header,
body:has(.tamkt-painel) .hfe-footer,
body:has(.tamkt-painel) .ehf-header,
body:has(.tamkt-painel) .ehf-footer,
body:has(.tamkt-painel) #masthead,
body:has(.tamkt-painel) .site-header,
body:has(.tamkt-painel) .site-footer,
body:has(.tamkt-login-wrapper) .elementor-location-header,
body:has(.tamkt-login-wrapper) .elementor-location-footer,
body:has(.tamkt-login-wrapper) .hfe-header,
body:has(.tamkt-login-wrapper) .hfe-footer {
  display: none !important;
}

body:has(.tamkt-painel),body:has(.tamkt-login-wrapper) {
  background: #131313 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  height: 100vh !important;
}

/* === MATERIAL SYMBOLS — force font-family + prevent text fallback === */
.tamkt-painel .material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  direction: ltr !important;
  -webkit-font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased !important;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24 !important;
}
.tamkt-painel .material-symbols-outlined.text-\[20px\],
.tamkt-painel .material-symbols-outlined.text-sm,
.tamkt-painel .material-symbols-outlined.text-xs,
.tamkt-painel .material-symbols-outlined.text-lg,
.tamkt-painel .material-symbols-outlined.text-base {
  font-family: 'Material Symbols Outlined' !important;
}
.tamkt-painel .filled-icon,
.tamkt-painel .material-symbols-outlined.filled-icon {
  font-variation-settings: 'FILL' 1 !important;
}

/* === FULLSCREEN PANEL — flex layout, NO fixed children === */
.tamkt-painel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: row !important;
  background: #131313 !important;
  color: #E5E2E1 !important;
  z-index: 999999 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
}

/* === BOX SIZING RESET === */
.tamkt-painel *:not(.material-symbols-outlined) {
  box-sizing: border-box !important;
}

/* === SIDEBAR NAV === */
.tamkt-painel .tamkt-nav { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.tamkt-painel .tamkt-nav li { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.tamkt-painel .tamkt-nav li a { text-decoration: none !important; }
.tamkt-painel .nav-active {
  color: #FFC85B !important;
  border-left: 2px solid #FFC85B !important;
  background: rgba(255, 200, 91, 0.05) !important;
  font-weight: 600 !important;
}

/* === TAB SYSTEM === */
.tamkt-painel .tamkt-tab { display: none !important; }
.tamkt-painel .tamkt-tab.active { display: block !important; }

/* === STITCH CUSTOM CLASSES === */
.tamkt-painel .gold-underline::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 3px !important;
  background: #FFC85B !important;
  border-radius: 99px !important;
  margin-top: 8px !important;
}
.tamkt-painel .custom-scrollbar::-webkit-scrollbar { width: 4px !important; }
.tamkt-painel .custom-scrollbar::-webkit-scrollbar-track { background: transparent !important; }
.tamkt-painel .custom-scrollbar::-webkit-scrollbar-thumb { background: #2a2a2a !important; border-radius: 10px !important; }
.tamkt-painel .no-scrollbar::-webkit-scrollbar { display: none !important; }
.tamkt-painel .no-scrollbar { -ms-overflow-style: none !important; scrollbar-width: none !important; }
.tamkt-painel .glass-panel { background: rgba(53,53,52,0.6) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
.tamkt-painel .shadow-glow-hover:hover { box-shadow: 0 0 20px -5px rgba(255,200,91,0.1) !important; }
.tamkt-painel .kanban-column { min-width: 320px !important; width: 320px !important; }
.tamkt-painel .calendar-grid { display: grid !important; grid-template-columns: repeat(7, 1fr) !important; }

/* === Ensure inputs/selects/textareas get proper styling === */
.tamkt-painel input,
.tamkt-painel select,
.tamkt-painel textarea {
  font-family: 'Inter', sans-serif !important;
  color: #E5E2E1 !important;
}
.tamkt-painel input::placeholder,
.tamkt-painel textarea::placeholder {
  color: #4f4536 !important;
}

/* === Kill pink/blue focus rings from Tailwind forms plugin === */
.tamkt-painel input:focus,
.tamkt-painel select:focus,
.tamkt-painel textarea:focus {
  --tw-ring-color: rgba(255, 200, 91, 0.3) !important;
  border-color: rgba(255, 200, 91, 0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 200, 91, 0.3) !important;
}
.tamkt-painel button:focus,
.tamkt-painel button:focus-visible,
.tamkt-painel a:focus,
.tamkt-painel a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  --tw-ring-color: transparent !important;
}
.tamkt-painel button:hover,
.tamkt-painel a:hover {
  outline: none !important;
}
/* Override any default Elementor pink/gray button fallback */
.tamkt-painel .elementor-button {
  background-color: #FFC85B !important;
  color: #412D00 !important;
  border-color: #FFC85B !important;
}
.tamkt-painel .elementor-button:hover {
  background-color: #FFD88A !important;
  border-color: #FFD88A !important;
}
/* Force Tailwind custom colors — Elementor/theme can't override */
.tamkt-painel .bg-primary-container { background-color: #FFC85B !important; }
.tamkt-painel .text-on-primary { color: #412D00 !important; }
.tamkt-painel .bg-primary { background-color: #ffeaca !important; }
.tamkt-painel .text-on-primary-container { color: #755300 !important; }
.tamkt-painel .bg-surface-container { background-color: #201f1f !important; }
.tamkt-painel .bg-surface-container-high { background-color: #2a2a2a !important; }
.tamkt-painel .bg-surface-container-highest { background-color: #353534 !important; }
.tamkt-painel .text-on-surface { color: #e5e2e1 !important; }
.tamkt-painel .border-outline-variant { border-color: #4f4536 !important; }
.tamkt-painel button.bg-primary-container { background-color: #FFC85B !important; color: #412D00 !important; }
.tamkt-painel button.bg-primary-container:hover { background-color: #FFD88A !important; }

/* === LOGIN PAGE STYLES === */
.tamkt-login-wrapper {
  display: flex !important; justify-content: center !important; align-items: center !important;
  min-height: 100vh !important; padding: 1rem !important; background: #131313 !important;
}
.tamkt-login-box {
  background: #1C1B1B !important; border-radius: .75rem !important; padding: 2.5rem 2rem !important;
  width: 100% !important; max-width: 380px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.4) !important; border: none !important;
}
.tamkt-login-logo { text-align: center !important; margin-bottom: 1.5rem !important; }
.tamkt-login-logo h1 { color: #E5E2E1 !important; font-size: 1.2rem !important; font-family: 'Inter', sans-serif !important; }
.tamkt-login-logo p { color: #9B8F7C !important; margin-top: .35rem !important; font-size: .82rem !important; }
.tamkt-field { margin-bottom: 1rem !important; }
.tamkt-field label {
  display: block !important; color: #9B8F7C !important; font-size: .7rem !important; margin-bottom: .4rem !important;
  text-transform: uppercase !important; letter-spacing: 0.08em !important; font-weight: 500 !important;
  font-family: 'Inter', sans-serif !important;
}
.tamkt-field input {
  width: 100% !important; padding: .65rem .85rem !important; background: #2A2A2A !important; border: none !important;
  border-radius: .5rem !important; color: #E5E2E1 !important; font-size: .9rem !important; outline: none !important;
  transition: box-shadow .2s ease !important; font-family: 'Inter', sans-serif !important;
  box-sizing: border-box !important;
}
.tamkt-field input:focus { box-shadow: 0 0 0 1px rgba(255,200,91,.5), 0 0 16px rgba(255,200,91,.08) !important; }
.tamkt-btn-primary {
  width: 100% !important; padding: .7rem !important; background: #FFC85B !important; color: #412D00 !important;
  border: none !important; border-radius: .5rem !important;
  font-size: .9rem !important; font-weight: 700 !important; cursor: pointer !important;
  transition: all .2s ease !important; font-family: 'Inter', sans-serif !important;
}
.tamkt-btn-primary:hover { filter: brightness(1.1) !important; box-shadow: 0 0 20px -5px rgba(255,200,91,.25) !important; }
.tamkt-btn-outline {
  padding: .5rem .9rem !important; background: transparent !important; color: #FFC85B !important;
  border: 1px solid rgba(255,200,91,.25) !important; border-radius: .5rem !important; cursor: pointer !important;
  font-size: .8rem !important; width: 100% !important; text-align: center !important;
  box-shadow: none !important; text-decoration: none !important; text-transform: none !important;
  line-height: normal !important; letter-spacing: normal !important; display: block !important;
  margin: 0 !important; min-width: auto !important; transition: all .2s ease !important;
  font-family: 'Inter', sans-serif !important;
}
.tamkt-btn-outline:hover { background: rgba(255,200,91,.05) !important; border-color: rgba(255,200,91,.5) !important; }
.tamkt-btn-danger { border-color: rgba(239,68,68,.4) !important; color: #ef4444 !important; margin-bottom: .5rem !important; }
.tamkt-btn-danger:hover { background: rgba(239,68,68,.05) !important; border-color: #ef4444 !important; }
.tamkt-error { color: #FFB4AB !important; text-align: center !important; margin-top: .6rem !important; font-size: .8rem !important; }

/* === RESPONSIVE === */
@media(max-width:768px) {
  .tamkt-painel aside { width: 56px !important; min-width: 56px !important; }
  .tamkt-painel aside .tamkt-nav-label,
  .tamkt-painel aside .sidebar-company-name,
  .tamkt-painel aside .sidebar-tagline,
  .tamkt-painel aside .sidebar-user-name { display: none !important; }
}