/* ===================================== */
/* EMPLOYEE IT PORTAL - FINAL MODERN UI  */
/* ===================================== */
 
/* Hide only unwanted duplicated tabs */
#portal_tabHome,
#portal_tabSolutions,
#portal_tabCommunity {
  display: none !important;
}
 
#portal_tabCases {
  display: list-item !important;
}
 
/* ===================================== */
/* LOGIN PAGE ONLY                       */
/* ===================================== */
 
.signin {
  background: #eef2f7 !important;
}
 
/* Hide search/add ticket/banner content only on login */
.signin .Header__titleSearchWrapper,
.signin #titleSearch,
.signin .Header__searchContent,
.signin .Header__searchBox,
.signin .Header__panelbtns,
.signin #plusBtn,
.signin .BreadCrumbs__breadcrumbList,
.signin #breadCrumbsContainer {
  display: none !important;
}
 
/* Hide Tickets tab on login page */
.signin #portal_tabCases {
  display: none !important;
}
 
/* ===================================== */
/* MODERN LOGIN CARD                     */
/* ===================================== */
 
/* Remove huge Zoho outer box */
.signin .Signin__container,
.signin .Signin__contentWrapper {
  max-width: 460px !important;
  margin: 45px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
 
/* Main card */
.signin .Signin__content {
  max-width: 420px !important;
  min-height: auto !important;
  margin: 0 auto !important;
  padding: 34px 32px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12) !important;
}
 
/* Remove split layout */
.signin .Signin__rightPanel {
  display: none !important;
}
 
.signin .Signin__leftPanel {
  width: 100% !important;
}
 
/* Title */
.signin h1,
.signin h2 {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}
 
/* Small text */
.signin .Signin__content,
.signin .Signin__content * {
  font-family: Inter, Arial, sans-serif !important;
}
 
/* Input */
.signin input {
  width: 100% !important;
  height: 42px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  padding: 0 13px !important;
  font-size: 14px !important;
  color: #0f172a !important;
}
 
.signin input:focus {
  border-color: #2563eb !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
  outline: none !important;
}
 
/* Button */
.signin button,
.signin .Button__button {
  width: 100% !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border: none !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.25) !important;
}
 
.signin button:hover,
.signin .Button__button:hover {
  background: #1d4ed8 !important;
}
 
/* Spacing */
.signin .Signin__signPart {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
 
/* Forgot password - modern compact style */
.signin .Signin__forgotpassword,
.signin .Signin__forgotPassword {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  margin-top: 14px !important;
}
 
.signin .Signin__forgotpassword .Signin__titleSign,
.signin .Signin__forgotPassword .Signin__titleSign {
  font-weight: 700 !important;
  color: #0f172a !important;
  font-size: 13px !important;
}
 
.signin .Signin__forgotpassword .Signin__descriSign,
.signin .Signin__forgotPassword .Signin__descriSign {
  color: #64748b !important;
  font-size: 12px !important;
}
 
/* Microsoft icon */
.signin img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
}
 
/* Hide agent login */
.signin .Signin__agentlogin,
.signin .Signin__agentLogin {
  display: none !important;
}
 
/* Add clean label above login card */
.signin .Signin__content::before {
  content: "Secure employee login";
  display: block;
  margin-bottom: 18px;
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
 
/* Mobile */
@media (max-width: 900px) {
  .signin .Signin__container,
  .signin .Signin__contentWrapper {
    max-width: 92% !important;
    margin: 35px auto !important;
  }
 
  .signin .Signin__content {
    max-width: 100% !important;
    padding: 26px 22px !important;
  }
}