/* =========================
   CLIENT PORTAL - TOP MENU FIX
========================= */

#nav-wrapper {
    background: #0385d1 !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.06) !important;
    height: auto !important;
    min-height: 100px !important;
    overflow: visible !important;
}

#nav-inner {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 6px 24px !important;
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}

ul#nav {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

ul#nav li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

ul#nav li:first-child {
    width: 36px !important;
	top: 0px !important;
    margin-right: 16px !important;
}

ul#nav li a {
    position: static !important;
    top: auto !important;
    left: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    height: 40px !important;
    min-width: auto !important;
    padding: 0 18px !important;

    border-radius: 10px !important;
    background: transparent !important;

    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 36px !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transform: none !important;
    transition: all 0.18s ease !important;
  
    border-radius: 12px !important;
  
	border: 1px solid #dbe3ec !important;
    background: #ffffff !important;

    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    text-decoration: none !important;

    box-shadow:
    0 2px 6px rgba(15, 23, 42, 0.04) !important;

    transform: none !important;
    transition: all 0.18s ease !important;
}


ul#nav li a:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    border: 1px solid #dbe3ec !important;

    box-shadow:
    0 6px 18px rgba(15, 23, 42, 0.08) !important;
}

ul#nav li a.active {
    background: #0385d1 !important;
    color: #ffffff !important;
    border: 1px solid #fff !important;
}

ul#nav li a.home {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
}

ul#nav li a.home:hover {
    color: #0385d1 !important;
}


ul#nav li a svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    margin: 0 !important;
}

ul#nav li a.home svg:hover  {
    color: #0385d1 !important;
	fill: #0385d1 !important; 
}

ul#nav li a.home svg:active {
    color: #0385d1 !important;
	fill: #0385d1 !important; 
}

ul#nav li a.new,
ul#nav li a.status {
    height: 44px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

ul#nav li a.status {
	display: none !important;
}

:root {
    --mobile-link-color: #000 !important;
}

/* =========================
   CLIENT HOMEPAGE CONTENT
========================= */

#index-page #content,
body.index-page #content {
    max-width: 1260px !important;
    margin: 28px auto 60px !important;
    padding: 0 64px 70px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

#landing_page h1 {
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.03em !important;
    padding: 80px 0px 50px 0px !important;
	width: 100% !important;
  	text-align: center !important;
}

#landing_page p {
    max-width: 1100px !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 0 32px 38px !important;
  	text-align: justify !important;
}

/* Két nagy doboz konténer */

#open-or-check {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 60px !important;
    width: 100% !important;
    margin: 32px auto 50px !important;
}

/* Kártyák */

#open-or-check .client-choice {
    float: none !important;
    width: 500px !important;
    max-width: 500px !important;
    min-height: 260px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;

    padding: 38px 42px !important;
    box-sizing: border-box !important;
  
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 16px !important;

}

.client-choice:hover {
    border-color: #cbd5e1 !important;
}

.client-choice #open-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 18px !important;
    letter-spacing: -0.02em !important;
}

.client-choice #open-text {
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    margin: 0 auto !important;
    max-width: none !important;
}

.client-choice a {
    display: flex !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.client-choice #sign-in-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: auto !important;
    min-width: 230px !important;
    max-width: 100% !important;

    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;

    white-space: nowrap !important;
    text-align: center !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;

    border: none !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
}

#open-new #sign-in-button {
    background: #0385d1 !important;
    color: #ffffff !important;
}

#check-status #sign-in-button {
    min-width: 310px !important;
    background: #475569 !important;
    color: #ffffff !important;
}

.client-choice #sign-in-button:hover {
    filter: brightness(1.05) !important;
}

.client-choice .client-choice-icon {
    top: 3px !important;
}

.client-choice .client-choice-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

/* Mobil */

@media (max-width: 900px) {
    body.index-page #content {
        margin: 18px 12px 40px !important;
        padding: 0 18px 40px !important;
    }

    #landing_page h1 {
        font-size: 28px !important;
    }

    #landing_page p {
        margin-left: 0 !important;
        font-size: 16px !important;
    }

    #open-or-check {
        flex-direction: column !important;
        gap: 24px !important;
        margin: 28px 0 40px !important;
    }

    #open-or-check .client-choice {
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px 26px !important;
    }

    #check-status #sign-in-button {
        min-width: 230px !important;
        white-space: normal !important;
    }
	
	#sidr-right {
		background: #000;
	}
	
	#header .sidr .sidr-inner ul li a  {
		color: #FFF !important;
	}
	
	div#welcome {
		color: #FFF !important;
	}
}

/* =========================
   FOOTER BRANDING CSERE
========================= */

/* Eredeti logók elrejtése */

#osticket svg,
#ostawesome svg {
    display: none !important;
}

/* Footer középre igazítás */

body #footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 18px 0 !important;
  	background: #475569 !important;
}

/* Saját logó */

#footer::before {
    content: "" !important;

    width: 140px !important;
    height: 35px !important;

    display: block !important;

    background-image: url('/osta/uploads/inc_logo_wh.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 0.95 !important;
}

#osticket,
#ostawesome {
    display: none !important;
}

/* Bejelentkezés link lecserélése feliratra */

/*#header .pull-right.flush-right a[href="/login.php"] {
    font-size: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

#header .pull-right.flush-right a[href="/login.php"]::after {
    content: "Innova Net-Com Támogatási Központ" !important;
    font-size: 16px !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
}*/


/* =========================
   OPEN TICKET PAGE REDESIGN
========================= */

body.open-page #content {
    max-width: 1260px !important;
    margin: 0 auto 60px !important;
    padding: 56px 70px 80px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Főcím */

body.open-page #content > h1 {
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Bevezető */

body.open-page #content > p {
    max-width: 760px !important;
    margin: 20px auto 46px auto !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
}

/* Űrlap */

#ticketForm {
    max-width: 920px !important;
    margin: 0 auto !important;
}

/* Régi táblázatos layout modernizálása */

#ticketForm table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 14px !important;
}

/* Adat sorok */

#ticketForm .client-deets td {
    padding: 10px 0 !important;
    font-size: 15px !important;
    color: #334155 !important;
}

#ticketForm .client-deets td:first-child {
    width: 170px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Elválasztók */

#ticketForm hr {
    border: none !important;
    border-top: 1px solid #e2e8f0 !important;
    margin: 22px 0 !important;
}

/* Form fejléc */

#ticketForm .form-header {
    margin: 0 0 10px !important;
}

#ticketForm .form-header b {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Select */

#ticketForm select,
#ticketForm input[type="text"],
#ticketForm input[type="email"],
#ticketForm input[type="tel"],
#ticketForm textarea {
    width: 100% !important;
    max-width: 100% !important;

    height: 48px !important;
    padding: 0 14px !important;

    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;

    background: #ffffff !important;

    font-size: 15px !important;
    color: #0f172a !important;

    box-sizing: border-box !important;
}

#ticketForm select:focus,
#ticketForm input:focus,
#ticketForm textarea:focus {
    border-color: #0385d1 !important;
    box-shadow: 0 0 0 4px rgba(3,133,209,0.12) !important;
    outline: none !important;
}

/* Dinamikus form szekciók */

#dynamic-form {
    display: table-row-group !important;
}

#dynamic-form h2,
#dynamic-form .form-header {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-top: 30px !important;
}


/* File drop */

.filedrop {
    border-radius: 0 0 14px 14px !important;
    border-color: #7dd3fc !important;
    background: #f0f9ff !important;
    color: #475569 !important;
}

/* Alsó gombok */

#ticketForm .buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 34px !important;
}

#ticketForm .buttons input {
    height: 46px !important;
    padding: 0 24px !important;

    border-radius: 12px !important;
    border: none !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}

/* Jegy létrehozása */

#ticketForm .buttons input[type="submit"] {
    background: #0385d1 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(3,133,209,0.22) !important;
}

/* Törlés / Mégsem */

#ticketForm .buttons input[type="reset"],
#ticketForm .buttons input[type="button"] {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

#ticketForm .buttons input:hover {
    filter: brightness(1.04) !important;
}

/* Mobil */

@media (max-width: 900px) {
    body.tickets-page #content {
        padding: 34px 22px 50px !important;
    }

    body.tickets-page #content > h1 {
        font-size: 30px !important;
    }

    body.tickets-page #content > p {
        font-size: 16px !important;
        margin-bottom: 34px !important;
    }

    #ticketForm .buttons {
        flex-direction: column !important;
    }

    #ticketForm .buttons input {
        width: 100% !important;
    }
}

/* =========================
   LOGIN PAGE - CSAK LOGIN OLDAL
========================= */

body:has(#clientLogin) #content {
    max-width: 1260px !important;
    margin: 0 auto 60px !important;
    padding: 60px 70px 80px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Eredeti angol cím/szöveg elrejtése */

body:has(#clientLogin) #content > h1,
body:has(#clientLogin) #content > .subtitle {
    display: none !important;
}

body.:has(#clientLogin) #content > h1 {
	display: block;
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
    margin: 0px auto 28px auto;
}

/* Magyar cím */

body.open-page:has(#clientLogin) #content::before {
    content: "Bejelentkezés az ügyfélszolgálati portálra";
    display: block;
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
    margin-bottom: 28px;
}

body.view-page:has(#clientLogin) #content > .subtitle,
body.login-page:has(#clientLogin) #content > .subtitle,
body.tickets-page:has(#clientLogin) #content > .subtitle {
	display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    margin-top: 24px;
}

/* Magyar alcím */

body.open-page:has(#clientLogin) #content::after {
    content: "Az ügyintézés megkezdéséhez, kérjük jelentkezzen be ügyfélfiókjába.";
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    margin-top: 24px;
}

/* Login form középre */

body.open-page:has(#clientLogin) #clientLogin {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

body:has(#clientLogin) #check-ticket {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body:has(#clientLogin) .client-choice #open-title {
	text-align: center;
}

body:has(#clientLogin) #sign-in {
	margin-top: 20px;
}

/* Login box */

body:has(#clientLogin) .client-choice {
    width: 680px !important;
    max-width: 680px !important;
    min-height: auto !important;
    padding: 42px 44px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe3ec !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
    box-sizing: border-box !important;
}

/* Login box cím */

body:has(#clientLogin) #login-sign-in #open-title {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin-bottom: 34px !important;
}

/* Inputok */

body:has(#clientLogin) #login-sign-in input[type="text"],
body:has(#clientLogin) #login-sign-in input[type="password"] {
    width: 100% !important;
    height: 54px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* Gomb */

body:has(#clientLogin) #login-sign-in input#sign-in-button {
    width: 100% !important;
    height: 56px !important;
    padding: 0 !important;
    margin-top: 18px !important;
    border-radius: 14px !important;
    border: none !important;
    background: #0385d1 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;
}

/* Munkatárs link */

body:has(#clientLogin) #login-options.client-choice {
    width: 680px !important;
    max-width: 680px !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* =========================
   LOGIN SUBMIT GOMB - FORCE OVERRIDE
========================= */

body form#clientLogin input[type="submit"]#sign-in-button,
body form#clientLogin input[type="submit"]#sign-in-button.client-choice-icon,
body #login-sign-in input[type="submit"]#sign-in-button,
body #clientLogin input[type="submit"] {
    width: 100% !important;
    height: 56px !important;

    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    border: none !important;
    border-radius: 14px !important;

    background: #0385d1 !important;
    background-color: #0385d1 !important;
    background-image: none !important;

    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;

    box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;
    -webkit-box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;

    opacity: 1 !important;
    filter: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition: none !important;
}

/* Gomb kattintás / betöltés közbeni állapot */

body form#clientLogin input[type="submit"]#sign-in-button:hover,
body form#clientLogin input[type="submit"]#sign-in-button:focus,
body form#clientLogin input[type="submit"]#sign-in-button:active,
body form#clientLogin input[type="submit"]#sign-in-button:disabled {
    background: #0385d1 !important;
    background-color: #0385d1 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: none !important;
    border-radius: 14px !important;

    padding: 0 !important;

    box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;
    opacity: 1 !important;
    filter: none !important;
}

/* =========================
   MOBILE - LOGIN / OPEN / VIEW
========================= */

@media (max-width: 768px) {

    body:has(#clientLogin) #content {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;

        margin: 18px auto 40px !important;
        padding: 28px 18px 32px !important;

        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    /* Fő cím */

    body.open-page:has(#clientLogin) #content::before,
    body.view-page:has(#clientLogin) #content > h1,
    body.login-page:has(#clientLogin) #content > h1,
	body.tickets-page:has(#clientLogin) #content > h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
        margin-bottom: 18px !important;
    }

    /* Alcím */

    body.open-page:has(#clientLogin) #content::after,
    body.view-page:has(#clientLogin) #content > .subtitle,
    body.login-page:has(#clientLogin) #content > .subtitle,
	body.tickets-page:has(#clientLogin) #content > .subtitle {
        font-size: 16px !important;
        line-height: 1.6 !important;

        margin-top: 12px !important;
        margin-bottom: 24px !important;
    }

    /* Login box */

    body.open-page:has(#clientLogin) #login-sign-in.client-choice,
    body.view-page:has(#clientLogin) .client-choice,
    body.login-page:has(#clientLogin) .client-choice,
	body.tickets-page:has(#clientLogin) .client-choice	{
        width: 100% !important;
        max-width: 100% !important;

        padding: 28px 20px !important;

        border-radius: 16px !important;

        box-sizing: border-box !important;
    }

    /* Box cím */

    body.open-page:has(#clientLogin) #login-sign-in #open-title {
        font-size: 26px !important;
        margin-bottom: 24px !important;
    }

    /* Inputok */

    body.open-page:has(#clientLogin) #login-sign-in input[type="text"],
    body.open-page:has(#clientLogin) #login-sign-in input[type="password"],
    body.view-page:has(#clientLogin) input[type="text"],
    body.view-page:has(#clientLogin) input[type="password"],
    body.login-page:has(#clientLogin) input[type="text"],
    body.login-page:has(#clientLogin) input[type="password"],
	body.tickets-page:has(#clientLogin) input[type="text"],
    body.tickets-page:has(#clientLogin) input[type="password"]	{
        height: 50px !important;
        font-size: 16px !important;
    }

    /* Gomb */

    body:has(#clientLogin) input[type="submit"] {
        height: 52px !important;
        font-size: 15px !important;
        border-radius: 12px !important;
    }

    /* Staff link box */

    body.open-page:has(#clientLogin) #login-options.client-choice {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 16px !important;
    }

    /* Table-es elrendezések mobilon */

    body:has(#clientLogin) table,    
    body:has(#clientLogin) tbody,    
    body:has(#clientLogin) tr,    
    body:has(#clientLogin) td {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Margók */

    body:has(#clientLogin) p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}

/* =========================
   OPEN TICKET PAGE - CARD LAYOUT
========================= */

body.tickets-page #content {
    max-width: 980px !important;
    margin: 0 auto 60px !important;
    padding: 56px 64px 70px !important;
}

/* Cím átnevezés vizuálisan */

body.tickets-page #content > h1 {
    font-size: 42px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 14px !important;
}

body.tickets-page #content > h1 {
    font-size: 0 !important;
	line-height: initial !important;
}

body.tickets-page:has(#ticketTable) #content > h1::after {
    content: "Hibajegyeim" !important;
    font-size: 42px !important;
}

body.tickets-page:has(#ticketInfo) #content > h1::after {
    content: none !important;
    display: none !important;
}

body.tickets-page #content > h1#tickets-title a:first-child {
	vertical-align: 0 !important;
	padding-right: 11px !important;
	margin-right: 20px !important;
}

body.tickets-page #content > h1#tickets-title a:first-child:after {
	top: 0px !important;
	left: 7px !important;
}

/* Állapot gombok */

body.tickets-page .states a {
    position: relative !important;
    color: transparent !important;
    font-size: 0 !important;
}

body.tickets-page:has(#ticketTable) #tickets-title .states a.state {
	 color: transparent !important;
}

/* Számláló maradjon látható */

body.tickets-page .states a .number {
    color: #0369a1 !important;
    font-size: 14px !important;
}

/* Nyitott */

body.tickets-page .states a[href*="status=open"]::before {
    content: "Nyitott" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Lezárt */

body.tickets-page .states a[href*="status=closed"]::before {
    content: "Lezárt" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Statisztika */

body.tickets-page:has(#ticketTable) #content div.ticket-count {
    display: block !important;
    margin-top: 10px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
	float: right;
}


/* Bevezető */

body.tickets-page #content > p {
    text-align: center !important;
    margin: 0 auto 48px !important;
}

/* Form kártya */

#ticketForm {
    max-width: 900px !important;
}

#ticketForm table {
    background: #ffffff !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 18px !important;
    padding: 32px !important;
    box-shadow: 0 12px 32px rgba(15,23,42,0.08) !important;
}

/* Ügyfél adatok blokk */

#ticketForm .client-deets td {
    padding: 12px 0 !important;
}

#ticketForm .client-deets td:first-child {
    width: 170px !important;
    font-weight: 800 !important;
}

/* Form sorok */

#ticketForm td {
    padding: 8px 0 !important;
}

/* Címkék */

#ticketForm .form-header b,
#ticketForm label {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Select és input */

#ticketForm select,
#ticketForm input[type="text"] {
    height: 52px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 0 16px !important;
}



/* Feltöltő sáv */

.filedrop {
    border-radius: 0 0 14px 14px !important;
    background: #f0f9ff !important;
}

/* Alsó gombok */

#ticketForm .buttons {
    margin-top: 34px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
}

#ticketForm .buttons input {
    height: 48px !important;
    border-radius: 12px !important;
    padding: 0 28px !important;
    font-weight: 800 !important;
}

#ticketForm .buttons input[type="submit"] {
    background: #0385d1 !important;
    color: #ffffff !important;
}

#ticketForm .buttons input[type="reset"] {
    display: none !important;
}

#ticketForm .buttons input[type="button"] {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

/* =========================
   OPEN TICKET PAGE - INNER GROUPS
========================= */

/* A table marad a külső nagy kártya */
#ticketForm table {
    padding: 34px !important;
}

/* Ügyféladatok blokk vizuális csoportosítása */
#ticketForm table tbody:first-of-type {
    display: block !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 26px 30px !important;
    margin-bottom: 34px !important;
}

/* Ügyféladatok cím beillesztése */
#ticketForm table tbody:first-of-type::before {
    content: "Az Ön adatai" !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
}

/* Ügyféladat sorok */
#ticketForm table tbody:first-of-type tr {
    display: grid !important;
    grid-template-columns: 160px 1fr !important;
    align-items: center !important;
    padding: 8px 0 !important;
}

#ticketForm table tbody:first-of-type td {
    display: block !important;
    padding: 6px 0 !important;
}

/* Témakör + hibajegy részletek blokk */
#ticketForm table tbody:nth-of-type(2),
#ticketForm table tbody#dynamic-form {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin-bottom: 34px !important;
}

/* Témakör blokk címe */
#ticketForm table tbody:nth-of-type(2)::before {
    content: "Hibajegy adatai" !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
}

/* Témakör blokk leírása */
#ticketForm table tbody:nth-of-type(2)::after {
    content: "Válassza ki, milyen témában szeretne hibajegyet beküldeni." !important;
    display: block !important;
    font-size: 15px !important;
    color: #64748b !important;
    margin-top: 10px !important;
}

/* Táblázatsorok blokkosítása */
#ticketForm table tbody:nth-of-type(2) tr,
#ticketForm table tbody#dynamic-form tr {
    display: block !important;
    width: 100% !important;
}

/* Cellák teljes szélességen */
#ticketForm table tbody:nth-of-type(2) td,
#ticketForm table tbody#dynamic-form td {
    display: block !important;
    width: 100% !important;
}

/* Felesleges HR-ek eltüntetése */
#ticketForm table tbody:nth-of-type(2) hr {
    display: none !important;
}

/* Dinamikus űrlap külön belső spacing */
#dynamic-form {
    margin-top: 28px !important;
}

/* Hibajegy adatai cím finomítás */
#dynamic-form h2,
#dynamic-form .form-header {
    margin-top: 0 !important;
}

/* Inputok egységes szélessége */
#ticketForm select,
#ticketForm input[type="text"],
#ticketForm textarea,
.redactor-box {
    width: 100% !important;
    max-width: 100% !important;
}

/* Select ne lógjon ki */
#ticketForm select {
    box-sizing: border-box !important;
}

/* Alsó gombok közelebb a kártyához */
#ticketForm .buttons {
    margin-top: 28px !important;
}

/* Belső blokkok teljes szélességre */

#ticketForm table tbody:first-of-type,
#ticketForm table tbody:nth-of-type(2),
#ticketForm table tbody#dynamic-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* A blokkokon belüli sorok is teljes szélességen */

#ticketForm table tbody:first-of-type tr,
#ticketForm table tbody:nth-of-type(2) tr,
#ticketForm table tbody#dynamic-form tr {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ügyféladatok blokk ne legyen keskeny */

#ticketForm table tbody:first-of-type {
    display: block !important;
    width: 100% !important;
}

/* Ügyféladat sorok szélesebb oszloppal */

#ticketForm table tbody:first-of-type tr {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    width: 100% !important;
}

/* =========================
   TICKET FORM TABLE LAYOUT FIX
========================= */

#ticketForm table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

#ticketForm table > tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#ticketForm table > tbody > tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#ticketForm table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ügyféladatok blokk teljes szélesség */

#ticketForm table > tbody:first-of-type {
    width: 100% !important;
}

/* Ügyféladat sorok két oszlopban */

#ticketForm table > tbody:first-of-type > tr.client-deets {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    column-gap: 28px !important;
    align-items: center !important;
}

/* Belső kártyák teljes szélesség */

#ticketForm table > tbody:first-of-type,
#ticketForm table > tbody:nth-of-type(2),
#ticketForm table > tbody#dynamic-form {
    width: 100% !important;
    max-width: none !important;
}

/* Select teljes szélesség */

#topicId,
#ticketForm select {
    width: 100% !important;
    max-width: 100% !important;
}
/* =========================
   MOBILE FIXES
========================= */

@media (max-width: 768px) {

    /* Fő konténer */

    body.open-page #content,
    body.view-page #content,
    body.tickets-page #content {
        width: calc(100% - 12px) !important;
        max-width: 100% !important;

        margin: 8px auto 24px !important;
        padding: 14px 10px 24px !important;

        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
	
	#ticketForm .client-deets td:first-child {
		width: auto !important;
	}
	
	#ticketForm table > tbody:first-of-type > tr.client-deets {
		display: inline !important;
	}

    /* Összes belső elem */

    body.open-page #content *,
    body.view-page #content *,
    body.tickets-page #content * {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* Form táblázatok */

    #ticketForm table,
    #dynamic-form table,
    #ticketInfo table {
        width: 100% !important;
        max-width: 100% !important;

        border-spacing: 0 !important;
        table-layout: fixed !important;
    }

    /* Sorok */

    #ticketForm tr,
    #ticketForm td,
    #dynamic-form tr,
    #dynamic-form td,
    #ticketInfo tr,
    #ticketInfo td {
        display: block !important;
        width: 100% !important;
    }

    /* Boxok */

    #ticketInfo .infoTable,
    #ticketForm .thread-entry,
    #dynamic-form .form-field {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 14px 0 !important;
        padding: 18px 14px !important;

        border-radius: 16px !important;

        overflow: hidden !important;
    }

    /* Inputok */

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="file"],
    select,
    textarea {
        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        font-size: 16px !important;

        margin: 0 !important;
    }

    /* Select2 fix */

    .select2,
    .select2-container,
    .select2-selection {
        width: 100% !important;
        max-width: 100% !important;
    }

    

    /* Rich text editor */

    .redactor-box,
    .redactor-toolbar,
    .redactor-editor {
        width: 100% !important;
        max-width: 100% !important;
    }

    .redactor-toolbar {
        overflow-x: auto !important;
    }

    /* Címek */

    h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;

        margin-bottom: 14px !important;
    }

    h2,
    .headline {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* Gombok */

    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    .button {
        width: 100% !important;

        margin-bottom: 10px !important;

        height: 48px !important;
    }

    /* Padding csökkentés */

    #ticketForm,
    #dynamic-form,
    #ticketInfo {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Scroll eltüntetés */

    html,
    body {
        overflow-x: hidden !important;
    }
}
/* =========================
   TYPOGRAPHY UNIFICATION
========================= */

/* Alap betű */

body.open-page {
    font-family: 'Open Sans', sans-serif !important;
}

/* Alap szöveg */

body.open-page {
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Főcím */

body.open-page #content > h1 {
    font-size: 48px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #0f172a !important;
}

/* Alcím */

body.open-page #content > p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #64748b !important;
}

/* Kártya címek */


#ticketForm .form-header,
#ticketForm tbody:first-of-type::before,
#ticketForm tbody:nth-of-type(2)::before {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
}

#ticketForm tbody h2 {
	font-size: 22px;
}

#ticketForm .form-header h3 {
	display: none;
}

#ticketForm .form-header div p {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	letter-spacing: -0.02em !important;
}

#ticketForm tr.client-required .form-header {
	margin: 0 !important;
}

/* Label-ek */

#ticketForm label,
#ticketForm td:first-child,
#ticketForm .client-deets td:first-child {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* Leíró szövegek */

#ticketForm small,
#ticketForm .notes,
#ticketForm .instructions,
#ticketForm .form-header + div,
#ticketForm .form-header + p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #64748b !important;
}

/* Inputok */

#ticketForm input,
#ticketForm select,
#ticketForm textarea {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #0f172a !important;
}

/* Placeholder */

#ticketForm input::placeholder,
#ticketForm textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}



/* Gombok */

#ticketForm .buttons input,
#sign-in-button {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

/* Select nyíl és kisebb UI elemek */

#ticketForm select {
    font-size: 14px !important;
}

/* Redactor kép beszúrás ikon elrejtése */

.redactor-toolbar a.re-image,
.redactor-toolbar a.redactor_btn_image,
.redactor-toolbar a[data-redactor-button="image"] {
    display: none !important;
}

/* =========================
   DROPZONE REDESIGN
========================= */

.filedrop .dropzone {
    min-height: 120px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    padding: 20px !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    color: #475569 !important;

    background: #f8fbff !important;
    border: 2px dashed #7dd3fc !important;
    border-radius: 14px !important;

    transition: all 0.2s ease !important;

    box-sizing: border-box !important;
	margin-top: 20px;
}

/* Hover állapot */

.filedrop .dropzone:hover {
    background: #f0f9ff !important;
    border-color: #38bdf8 !important;
}

/* Link */

.filedrop .dropzone a {
    font-weight: 700 !important;
    color: #0385d1 !important;
    text-decoration: none !important;
	margin-left: 5px;
}

/* Ikon */

.filedrop .dropzone i,
.filedrop .dropzone svg {
    font-size: 22px !important;
    margin-right: 10px !important;
	top: 0px;
}

/* Külső filedrop wrapper javítása */

.filedrop {
    background: transparent !important;
    padding: 0 !important;
    min-height: auto !important;
    border: none !important;
}

/* Filedrop */
@media (max-width: 768px) {
    .filedrop div.dropzone {
        width: 100% !important;
        max-width: 100% !important;
		display: inline-block !important;
        padding: 18px 12px !important;

        overflow: hidden !important;
    }
}
/* =========================
   TICKET LIST PAGE REDESIGN
========================= */

body.tickets-page:has(#ticketTable) #content {
    max-width: 1180px !important;
    margin: 0 auto 60px !important;
    padding: 56px 70px 80px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Kereső / szűrő sáv */

body.tickets-page:has(#ticketTable) #search-container {
	width: 400px !important;
	height: 50px !important;
}

body.tickets-page:has(#ticketTable) .search.well {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin: 0 0 34px !important;
    box-shadow: none !important;
	min-height: 46px !important;
}

body.tickets-page:has(#ticketTable) #ticketSearchForm {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
}

body.tickets-page:has(#ticketTable) #search-container input[type="text"] {
    width: 320px !important;
    height: 46px !important;
    padding: 0 44px 0 16px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 15px !important;
    background: #ffffff !important;
}

body.tickets-page:has(#ticketTable) .ticket-search {
    margin-left: -42px !important;
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    box-shadow: none !important;
}

body.tickets-page:has(#ticketTable) span.select2-selection {
    width: 300px !important;
    height: 50px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 7px 14px !important;
    font-size: 15px !important;
    background: #ffffff !important;
	margin-top: -8px !important; 
}

body.tickets-page:has(#ticketTable) form[action="tickets.php"] i.icon-search {
	width: 42px !important;
	height: 48px !important;
	border-radius: 0 12px 12px 0 !important;
	background-position: 10px 13px !important;
}

body.tickets-page:has(#ticketTable) .select2-selection__arrow {
    width: 42px !important;
    height: 50px !important;
    right: 6px !important;
    top: 0 !important;
}

body.tickets-page:has(#ticketTable) .select2-selection__arrow b {
    border-color: #64748b transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 6px 5px 0 5px !important;

    width: 0 !important;
    height: 0 !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;
}

body.tickets-page:has(#ticketTable)
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block !important;
    width: 42px !important;
    height: 50px !important;
    position: absolute !important;
    top: 0 !important;
    right: 8px !important;
}

body.tickets-page:has(#ticketTable)
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "" !important;
    display: block !important;

    width: 8px !important;
    height: 8px !important;

    border-right: 2px solid #64748b !important;
    border-bottom: 2px solid #64748b !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -60%) rotate(45deg) !important;
}

/* Cím */

body.tickets-page:has(#ticketTable) #tickets-title {
    margin: 0 0 16px !important;
    text-align: center !important;
    font-size: 0 !important;
}

body.tickets-page:has(#ticketTable) #tickets-title > a {
    text-decoration: none !important;
    color: #0f172a !important;
}



/* Jobb oldali állapot számláló */

body.tickets-page:has(#ticketTable) #tickets-title .states {
    display: inline-flex !important;
    margin-left: 12px !important;
    vertical-align: middle !important;
}

body.tickets-page:has(#ticketTable) #tickets-title .states a {
    font-size: 14px !important;
    background: #e0f2fe !important;
    color: #0369a1 !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
	margin-left: 10px !important;
}

/* Darabszám szöveg */

body.tickets-page:has(#ticketTable) caption {
    display: block !important;
    margin: 0 0 20px !important;
    color: #64748b !important;
    font-size: 15px !important;
}

/* Táblázat */

#ticketTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid #dbe3ec !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

#ticketTable thead th {
    background: #f1f5f9 !important;
    padding: 18px 20px !important;
    text-align: left !important;
    border-bottom: 1px solid #dbe3ec !important;
}

#ticketTable thead th a {
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

#ticketTable tbody tr {
    background: #ffffff !important;
    transition: background 0.18s ease !important;
}

#ticketTable tbody tr:nth-child(even) {
    background: #f8fafc !important;
}

#ticketTable tbody tr:hover {
    background: #eef6ff !important;
}

#ticketTable tbody td {
    padding: 16px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 15px !important;
    color: #334155 !important;
}

#ticketTable tbody tr:last-child td {
    border-bottom: none !important;
}

/* Jegyszám */

#ticketTable .ticket-number a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    height: 32px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    color: #0369a1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border: none !important;
}

/* Tárgy link */

#ticketTable .ticket-subject .link {
    color: #0284c7 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

#ticketTable .ticket-subject .link:hover {
    text-decoration: underline !important;
}

/* Állapot badge */

#ticketTable .ticket-status {
    color: #166534 !important;
    font-weight: 700 !important;
}

#ticketTable .ticket-status::before {
    content: "" !important;
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    margin-right: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
}

/* Nyitott státusz */

#ticketTable tbody .status-nyitott {
    color: #ea580c !important;
}

#ticketTable tbody .status-nyitott .dot {
    background: #ea580c !important;
	color: #ea580c !important;
}

#ticketTable tbody .status-nyitott::before {
    background: #ea580c !important;
}

/* Lezárt státusz */

#ticketTable .status-lezárt {
    color: #166534 !important;
}

#ticketTable .status-lezárt .dot {
    background: #22c55e !important;
}


/* Régi pöttyök elrejtése */

#ticketTable .dot,
#new-reply-icon {
    display: none !important;
}

/* Lapozás */

#table-foot-options {
    margin-top: 24px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 15px !important;
}

#table-foot-options b {
    color: #0f172a !important;
}

/* Mobil */

@media (max-width: 768px) {
    body.tickets-page:has(#ticketTable) #content {
        padding: 34px 18px 50px !important;
    }

    body.tickets-page:has(#ticketTable) #ticketSearchForm {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.tickets-page:has(#ticketTable) #search-container input[type="text"],
    body.tickets-page:has(#ticketTable) select[name="topic_id"] {
        width: 100% !important;
    }

    #ticketTable {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title > a::after {
        font-size: 32px !important;
    }
}

/* Táblázat fejléc */

#ticketTable thead th {
    vertical-align: middle !important;
    padding: 18px 20px !important;
}

/* Fejléc link */

#ticketTable thead th a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

/* Rendezés ikon */

#ticketTable thead th a i.icon-sort {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
    top: auto !important;
    position: relative !important;
}

/* Pseudo ikon pozíció */

#ticketTable thead th a i.icon-sort::before {
    position: static !important;
    top: auto !important;

    width: auto !important;
    height: auto !important;

    font-size: 12px !important;
    line-height: 1 !important;
}

@media (max-width: 768px) {

    body.tickets-page:has(#ticketTable) .search.well {
        padding: 14px !important;
        margin-bottom: 24px !important;
    }

    body.tickets-page:has(#ticketTable) #ticketSearchForm {
        display: block !important;
    }

    body.tickets-page:has(#ticketTable) #search-container {
        width: 100% !important;
        margin-bottom: 14px !important;
    }

    body.tickets-page:has(#ticketTable) .pull-right {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.tickets-page:has(#ticketTable) .select2-container {
        width: 100% !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title {
        margin-top: 20px !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title::after {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title .states {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 12px 0 0 !important;
    }

    body.tickets-page:has(#ticketTable) .ticket-count {
        display: block !important;
        text-align: center !important;
        font-size: 12px !important;
        margin: 14px 0 18px !important;
    }

    #ticketTable,
    #ticketTable thead,
    #ticketTable tbody,
    #ticketTable tr,
    #ticketTable th,
    #ticketTable td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #ticketTable {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    #ticketTable thead {
        display: none !important;
    }

    #ticketTable tbody tr {
        margin: 0 0 14px !important;
        padding: 16px !important;
        border: 1px solid #dbe3ec !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
    }

    #ticketTable tbody td {
        position: relative !important;
        padding: 8px 0 8px 112px !important;
        border: none !important;
        min-height: 32px !important;
        font-size: 14px !important;
    }

    #ticketTable tbody td::before {
        position: absolute !important;
        left: 0 !important;
        top: 9px !important;
        width: 100px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #64748b !important;
    }

    #ticketTable .ticket-number::before {
        content: "Hibajegy szám" !important;
		top: 25px !important;
    }

    #ticketTable .ticket-updated::before {
        content: "Létrehozás" !important;
    }

    #ticketTable .ticket-status::before {
        display: none !important;
    }

    #ticketTable .ticket-subject::before {
        content: "Tárgy" !important;
    }

    #ticketTable .ticket-department::before {
        content: "Részleg" !important;
    }

    #ticketTable .ticket-status {
        padding-left: 112px !important;
    }

    #ticketTable .ticket-status::after {
        content: "" !important;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        margin-right: 7px !important;
        border-radius: 50% !important;
        background: #22c55e !important;
    }

    #ticketTable .ticket-subject .link {
        max-width: none !important;
        white-space: normal !important;
        line-height: 1.4 !important;
    }
	
	 body.tickets-page:has(#ticketTable) #tickets-title .states {
        margin-bottom: 22px !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title::after {
        display: block !important;
        margin-top: 16px !important;
    }

    #ticketTable .ticket-status {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    #ticketTable .ticket-status::after {
        flex: 0 0 8px !important;
        margin: 0 !important;
        order: -1 !important;
    }

    #ticketTable tbody td {
        overflow: hidden !important;
        word-break: break-word !important;
    }
	
	body.tickets-page:has(#ticketTable) .search.well {
		min-height: 140px !important;
	}
	
}

/* =========================
   TICKET DETAIL PAGE REDESIGN
========================= */

body.tickets-page:has(#ticketInfo) #content {
    max-width: 980px !important;
    margin: 0 auto 60px !important;
    padding: 56px 64px 70px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15,23,42,0.08) !important;
}

/* Fejléc */

body.tickets-page:has(#ticketInfo) #content > h1 {
    position: relative !important;
    margin: 0 0 38px !important;
    text-align: center !important;
    font-size: 0 !important;
    line-height: 1.2 !important;
}

body.tickets-page:has(#ticketInfo) #content > h1 b {
    display: block !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #0f172a !important;
}

body.tickets-page:has(#ticketInfo) #content > h1 small {
    display: inline-flex !important;
    margin-top: 10px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.tickets-page:has(#ticketInfo) #content > h1 > a {
    position: relative !important;
    top: -4px !important;
    margin-right: 12px !important;
    color: #84cc16 !important;
    font-size: 24px !important;
    text-decoration: none !important;
}

/* Nyomtatás / szerkesztés */

body.tickets-page:has(#ticketInfo) #content > h1 .pull-right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

body.tickets-page:has(#ticketInfo) .action-button {
	display: none;
    /*display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    background: #f1f5f9 !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1px solid #dbe3ec !important;*/
}

/* Jegy információs blokkok */

#ticketInfo {
    width: 100% !important;
    margin: 0 0 34px !important;
}

#ticketInfo > tbody > tr:first-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
}

#ticketInfo > tbody > tr:first-child > td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
}

#ticketInfo .infoTable {
    height: 100% !important;
    padding: 26px 30px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
}

#ticketInfo .infoTable td.headline {
	padding: 30px !important;
}

#ticketInfo .infoTable th {
	padding-left: 30px !important;
}

#ticketInfo .headline {
    padding-bottom: 18px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

#ticketInfo th,
#ticketInfo td {
    padding: 7px 0 !important;
    font-size: 15px !important;
    color: #334155 !important;
}

#ticketInfo th {
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Üzenetfolyam */

.thread-entry::before {
	border: none;
}

.thread-entry .header, .thread-entry.avatar.message .header:before {
    background: #f8fafc !important;
    color: #334155 !important;
}

.thread-entry.avatar.message .header:before {
    border-right-color: #334155 !important;
}


/* Válasz blokk */

form#reply {
    margin-top: 34px !important;
    padding: 30px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe3ec !important;
    background: #f8fafc !important;
}

form#reply h2 {
    margin: 0 0 18px !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

form#reply p em {
    font-style: normal !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

form#reply .redactor-box {
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
}

/* Gombok */

form#reply p:last-child {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 24px !important;
}

form#reply .redactor-styles p:last-child {
	justify-content: left !important;
}

form#reply input[type="submit"],
form#reply input[type="reset"],
form#reply input[type="button"] {
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

form#reply input[type="submit"] {
    background: #0385d1 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(3,133,209,0.22) !important;
}

form#reply input[type="reset"],
form#reply input[type="button"] {
    background: #e2e8f0 !important;
    color: #334155 !important;
}

/* Mobil */

@media (max-width: 900px) {
    body.tickets-page:has(#ticketInfo) #content {
        padding: 34px 22px 50px !important;
    }

    #ticketInfo > tbody > tr:first-child {
        grid-template-columns: 1fr !important;
    }

    body.tickets-page:has(#ticketInfo) #content > h1 .pull-right {
        position: static !important;
        margin-top: 18px !important;
    }

    form#reply p:last-child {
        flex-direction: column !important;
    }

    form#reply input {
        width: 100% !important;
    }
}

/* =========================
   STAFF LOGIN PAGE REDESIGN - CLEAN FIX
========================= */

html,
body#loginBody {
    min-height: 100vh !important;
    margin: 0 !important;
    background: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
}

#loginBody #brickwall {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

#loginBox {
    width: 390px !important;
    max-width: calc(100% - 32px) !important;
    padding: 38px 42px 42px !important;

    background: #ffffff !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 22px !important;

    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14) !important;
    box-sizing: border-box !important;
}

/* Logó kisebb, torzítás nélkül */
#loginBox img,
#loginBox #logo img,
#loginBox .logo img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    image-rendering: auto !important;
}

/* Cím */
#loginBox h1,
#loginBox h2,
#loginBox h3,
#loginBox #login-message {
    margin: 28px 0px !important;
    text-align: center !important;
	font-family: 'Open Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;

    color: #0f172a !important;
}

/* Input sorok */
#loginBox .input,
#loginBox .inputBox,
#loginBox .field,
#loginBox label {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Ikonos régi dobozok sem tolják el az inputot */
#loginBox .input span,
#loginBox .input i,
#loginBox .icon-user,
#loginBox .icon-key {
    display: none !important;
}

/* Inputok egységesítése */
#loginBox input[type="text"],
#loginBox input[type="password"],
#loginBox input[type="email"] {
    display: block !important;
	float: none !important;
    width: auto !important;
    min-width: 233px !important;
    max-width: none !important;
    height: 52px !important;

    margin: 0 0 16px !important;
    padding: 0 18px !important;

    border: 1px solid #cbd5e1 !important;

    background: #ffffff !important;
    background-image: none !important;

    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    appearance: none !important;
}

#loginBody form fieldset input:nth-child(2) {
	border: 1px solid #cbd5e1 !important;
}

#loginBox input[type="text"]:focus,
#loginBox input[type="password"]:focus,
#loginBox input[type="email"]:focus {
    border-color: #0385d1 !important;
    box-shadow: 0 0 0 4px rgba(3, 133, 209, 0.12) !important;
    outline: none !important;
}

#loginBox input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Gomb */
#loginBox input[type="submit"],
#loginBox button[type="submit"],
#loginBox .submit {
    display: block !important;
    width: 100% !important;
    height: 52px !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 14px !important;

    background: #0385d1 !important;
    background-image: none !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;

    cursor: pointer !important;
    box-shadow: 0 12px 26px rgba(3, 133, 209, 0.24) !important;
    box-sizing: border-box !important;
}

#loginBox input[type="submit"]:hover,
#loginBox button[type="submit"]:hover {
    filter: brightness(1.05) !important;
}

/* =========================
   CLIENT HOMEPAGE CONTENT
========================= */

#index-page #content,
body.index-page #content {
    max-width: 1260px !important;
    margin: 28px auto 60px !important;
    padding: 0 64px 70px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

#landing_page h1 {
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.03em !important;
    padding: 80px 0px 50px 0px !important;
	width: 100% !important;
  	text-align: center !important;
}

#landing_page p {
    max-width: 1100px !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 0 32px 38px !important;
  	text-align: justify !important;
}

/* Két nagy doboz konténer */

#open-or-check {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 60px !important;
    width: 100% !important;
    margin: 32px auto 50px !important;
}

/* Kártyák */

#open-or-check .client-choice {
    float: none !important;
    width: 500px !important;
    max-width: 500px !important;
    min-height: 260px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;

    padding: 38px 42px !important;
    box-sizing: border-box !important;
  
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 16px !important;

}

.client-choice:hover {
    border-color: #cbd5e1 !important;
}

.client-choice #open-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 18px !important;
    letter-spacing: -0.02em !important;
	text-align: center;
}

.client-choice #open-text {
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    margin: 0 auto !important;
    max-width: none !important;
}

.client-choice a {
    display: flex !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.client-choice #sign-in-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: auto !important;
    min-width: 230px !important;
    max-width: 100% !important;

    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;

    white-space: nowrap !important;
    text-align: center !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;

    border: none !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
}

#open-new #sign-in-button {
    background: #0385d1 !important;
    color: #ffffff !important;
}

#check-status #sign-in-button {
    min-width: 310px !important;
    background: #475569 !important;
    color: #ffffff !important;
}

#open-or-check #check-status {
	display: none !important;
}

.client-choice #sign-in-button:hover {
    filter: brightness(1.05) !important;
}

.client-choice .client-choice-icon {
    top: 3px !important;
}

.client-choice .client-choice-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

/* Mobil */

@media (max-width: 900px) {
    body.index-page #content {
        margin: 18px 12px 40px !important;
        padding: 0 18px 40px !important;
    }

    #landing_page h1 {
        font-size: 28px !important;
    }

    #landing_page p {
        margin-left: 0 !important;
        font-size: 16px !important;
    }

    #open-or-check {
        flex-direction: column !important;
        gap: 24px !important;
        margin: 28px 0 40px !important;
    }

    #open-or-check .client-choice {
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px 26px !important;
    }

    #check-status #sign-in-button {
        min-width: 230px !important;
        white-space: normal !important;
    }
	
	#sidr-right {
		background: #000;
	}
	
	#header .sidr .sidr-inner ul li a  {
		color: #FFF !important;
	}
	
	div#welcome {
		color: #FFF !important;
	}
}


/* =========================
   OPEN TICKET PAGE REDESIGN
========================= */

body.open-page #content {
    max-width: 1260px !important;
    margin: 0 auto 60px !important;
    padding: 56px 70px 80px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Főcím */

body.open-page #content > h1 {
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Bevezető */

body.open-page #content > p {
    max-width: 760px !important;
    margin: 20px auto 46px auto !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
}

/* Űrlap */

#ticketForm {
    max-width: 920px !important;
    margin: 0 auto !important;
}

/* Régi táblázatos layout modernizálása */

#ticketForm table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 14px !important;
}

/* Adat sorok */

#ticketForm .client-deets td {
    padding: 10px 0 !important;
    font-size: 15px !important;
    color: #334155 !important;
}

#ticketForm .client-deets td:first-child {
    width: 170px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Elválasztók */

#ticketForm hr {
    border: none !important;
    border-top: 1px solid #e2e8f0 !important;
    margin: 22px 0 !important;
}

/* Form fejléc */

#ticketForm .form-header {
    margin: 0 0 10px !important;
}

#ticketForm .form-header b {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Select */

#ticketForm select,
#ticketForm input[type="text"],
#ticketForm input[type="email"],
#ticketForm input[type="tel"],
#ticketForm textarea {
    width: 100% !important;
    max-width: 100% !important;

    height: 48px !important;
    padding: 0 14px !important;

    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;

    background: #ffffff !important;

    font-size: 15px !important;
    color: #0f172a !important;

    box-sizing: border-box !important;
}

#ticketForm select:focus,
#ticketForm input:focus,
#ticketForm textarea:focus {
    border-color: #0385d1 !important;
    box-shadow: 0 0 0 4px rgba(3,133,209,0.12) !important;
    outline: none !important;
}

/* Dinamikus form szekciók */

#dynamic-form {
    display: table-row-group !important;
}

#dynamic-form h2,
#dynamic-form .form-header {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-top: 30px !important;
}


/* File drop */

.filedrop {
    border-radius: 0 0 14px 14px !important;
    border-color: #7dd3fc !important;
    background: #f0f9ff !important;
    color: #475569 !important;
}

/* Alsó gombok */

#ticketForm .buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 34px !important;
}

#ticketForm .buttons input {
    height: 46px !important;
    padding: 0 24px !important;

    border-radius: 12px !important;
    border: none !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}

/* Jegy létrehozása */

#ticketForm .buttons input[type="submit"] {
    background: #0385d1 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(3,133,209,0.22) !important;
}

/* Törlés / Mégsem */

#ticketForm .buttons input[type="reset"],
#ticketForm .buttons input[type="button"] {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

#ticketForm .buttons input:hover {
    filter: brightness(1.04) !important;
}

/* Mobil */

@media (max-width: 900px) {
    body.tickets-page #content {
        padding: 34px 22px 50px !important;
    }

    body.tickets-page #content > h1 {
        font-size: 30px !important;
    }

    body.tickets-page #content > p {
        font-size: 16px !important;
        margin-bottom: 34px !important;
    }

    #ticketForm .buttons {
        flex-direction: column !important;
    }

    #ticketForm .buttons input {
        width: 100% !important;
    }
}

/* =========================
   LOGIN PAGE - CSAK LOGIN OLDAL
========================= */

body.open-page:has(#clientLogin) #content,
body.view-page:has(#clientLogin) #content,
body.login-page:has(#clientLogin) #content {
    max-width: 1260px !important;
    margin: 0 auto 60px !important;
    padding: 60px 70px 80px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Eredeti angol cím/szöveg elrejtése */

body.open-page:has(#clientLogin) #content > h1,
body.open-page:has(#clientLogin) #content > .subtitle {
    display: none !important;
}

body.view-page:has(#clientLogin) #content > h1,
body.login-page:has(#clientLogin) #content > h1 {
	display: block;
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
    margin: 0px auto 28px auto;
}

/* Magyar cím */

body.open-page:has(#clientLogin) #content::before {
    content: "Bejelentkezés az ügyfélszolgálati portálra";
    display: block;
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
    margin-bottom: 28px;
}

body.view-page:has(#clientLogin) #content > .subtitle,
body.login-page:has(#clientLogin) #content > .subtitle {
	display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    margin-top: 24px;
}

/* Magyar alcím */

body.open-page:has(#clientLogin) #content::after {
    content: "Az ügyintézés megkezdéséhez, kérjük jelentkezzen be ügyfélfiókjába.";
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    margin-top: 24px;
}

/* Login form középre */

body.open-page:has(#clientLogin) #clientLogin {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

body.open-page:has(#clientLogin) #check-ticket,
body.view-page:has(#clientLogin) #check-ticket,
body.login-page:has(#clientLogin) #check-ticket {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body.view-page:has(#clientLogin) .client-choice #open-title,
body.login-page:has(#clientLogin) .client-choice #open-title {
	text-align: center;
}

body.view-page:has(#clientLogin) #sign-in,
body.login-page:has(#clientLogin) #sign-in {
	margin-top: 20px;
}

/* Login box */

body.open-page:has(#clientLogin) #login-sign-in.client-choice,
body.view-page:has(#clientLogin) .client-choice,
body.login-page:has(#clientLogin) .client-choice {
    width: 680px !important;
    max-width: 680px !important;
    min-height: auto !important;
    padding: 42px 44px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe3ec !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
    box-sizing: border-box !important;
}

/* Login box cím */

body.open-page:has(#clientLogin) #login-sign-in #open-title {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin-bottom: 34px !important;
}

/* Inputok */

body.open-page:has(#clientLogin) #login-sign-in input[type="text"],
body.open-page:has(#clientLogin) #login-sign-in input[type="password"] {
    width: 100% !important;
    height: 54px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* Gomb */

body.open-page:has(#clientLogin) #login-sign-in input#sign-in-button {
    width: 100% !important;
    height: 56px !important;
    padding: 0 !important;
    margin-top: 18px !important;
    border-radius: 14px !important;
    border: none !important;
    background: #0385d1 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;
}

/* Munkatárs link */

body.open-page:has(#clientLogin) #login-options.client-choice {
    width: 680px !important;
    max-width: 680px !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* =========================
   LOGIN SUBMIT GOMB - FORCE OVERRIDE
========================= */

body.open-page form#clientLogin input[type="submit"]#sign-in-button,
body.open-page form#clientLogin input[type="submit"]#sign-in-button.client-choice-icon,
body.open-page #login-sign-in input[type="submit"]#sign-in-button,
body.open-page #clientLogin input[type="submit"],
body.view-page form#clientLogin input[type="submit"]#sign-in-button,
body.view-page form#clientLogin input[type="submit"]#sign-in-button.client-choice-icon,
body.view-page #login-sign-in input[type="submit"]#sign-in-button,
body.view-page #clientLogin input[type="submit"],
body.login-page form#clientLogin input[type="submit"]#sign-in-button,
body.login-page form#clientLogin input[type="submit"]#sign-in-button.client-choice-icon,
body.login-page #login-sign-in input[type="submit"]#sign-in-button,
body.login-page #clientLogin input[type="submit"]  {
    width: 100% !important;
    height: 56px !important;

    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    border: none !important;
    border-radius: 14px !important;

    background: #0385d1 !important;
    background-color: #0385d1 !important;
    background-image: none !important;

    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;

    box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;
    -webkit-box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;

    opacity: 1 !important;
    filter: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition: none !important;
}

/* Gomb kattintás / betöltés közbeni állapot */

body.open-page form#clientLogin input[type="submit"]#sign-in-button:hover,
body.open-page form#clientLogin input[type="submit"]#sign-in-button:focus,
body.open-page form#clientLogin input[type="submit"]#sign-in-button:active,
body.open-page form#clientLogin input[type="submit"]#sign-in-button:disabled,
body.view-page form#clientLogin input[type="submit"]#sign-in-button:hover,
body.view-page form#clientLogin input[type="submit"]#sign-in-button:focus,
body.view-page form#clientLogin input[type="submit"]#sign-in-button:active,
body.view-page form#clientLogin input[type="submit"]#sign-in-button:disabled,
body.login-page form#clientLogin input[type="submit"]#sign-in-button:hover,
body.login-page form#clientLogin input[type="submit"]#sign-in-button:focus,
body.login-page form#clientLogin input[type="submit"]#sign-in-button:active,
body.login-page form#clientLogin input[type="submit"]#sign-in-button:disabled {
    background: #0385d1 !important;
    background-color: #0385d1 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: none !important;
    border-radius: 14px !important;

    padding: 0 !important;

    box-shadow: 0 12px 26px rgba(3,133,209,0.25) !important;
    opacity: 1 !important;
    filter: none !important;
}

/* =========================
   MOBILE - LOGIN / OPEN / VIEW
========================= */

@media (max-width: 768px) {

    body.open-page:has(#clientLogin) #content,
    body.view-page:has(#clientLogin) #content,
    body.login-page:has(#clientLogin) #content {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;

        margin: 18px auto 40px !important;
        padding: 28px 18px 32px !important;

        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    /* Fő cím */

    body.open-page:has(#clientLogin) #content::before,
    body.view-page:has(#clientLogin) #content > h1,
    body.login-page:has(#clientLogin) #content > h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
        margin-bottom: 18px !important;
    }

    /* Alcím */

    body.open-page:has(#clientLogin) #content::after,
    body.view-page:has(#clientLogin) #content > .subtitle,
    body.login-page:has(#clientLogin) #content > .subtitle {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-top: 12px !important;
        margin-bottom: 24px !important;
    }

    /* Login box */

    body.open-page:has(#clientLogin) #login-sign-in.client-choice,
    body.view-page:has(#clientLogin) .client-choice,
    body.login-page:has(#clientLogin) .client-choice {
        width: 100% !important;
        max-width: 100% !important;
        padding: 28px 20px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }
	
	body:has(#clientLogin) #login-options.client-choice {
		width: 100% !important;
        max-width: 100% !important;
	}

    /* Box cím */

    body.open-page:has(#clientLogin) #login-sign-in #open-title {
        font-size: 26px !important;
        margin-bottom: 24px !important;
    }

    /* Inputok */

    body.open-page:has(#clientLogin) #login-sign-in input[type="text"],
    body.open-page:has(#clientLogin) #login-sign-in input[type="password"],
    body.view-page:has(#clientLogin) input[type="text"],
    body.view-page:has(#clientLogin) input[type="password"],
    body.login-page:has(#clientLogin) input[type="text"],
    body.login-page:has(#clientLogin) input[type="password"] {
        height: 50px !important;
        font-size: 16px !important;
    }

    /* Gomb */

    body.open-page:has(#clientLogin) input[type="submit"],
    body.view-page:has(#clientLogin) input[type="submit"],
    body.login-page:has(#clientLogin) input[type="submit"] {
        height: 52px !important;
        font-size: 15px !important;
        border-radius: 12px !important;
    }

    /* Staff link box */

    body.open-page:has(#clientLogin) #login-options.client-choice {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 16px !important;
    }

    /* Table-es elrendezések mobilon */

    body.open-page:has(#clientLogin) table,
    body.view-page:has(#clientLogin) table,
    body.login-page:has(#clientLogin) table,
    body.open-page:has(#clientLogin) tbody,
    body.view-page:has(#clientLogin) tbody,
    body.login-page:has(#clientLogin) tbody,
    body.open-page:has(#clientLogin) tr,
    body.view-page:has(#clientLogin) tr,
    body.login-page:has(#clientLogin) tr,
    body.open-page:has(#clientLogin) td,
    body.view-page:has(#clientLogin) td,
    body.login-page:has(#clientLogin) td {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Margók */

    body.open-page:has(#clientLogin) p,
    body.view-page:has(#clientLogin) p,
    body.login-page:has(#clientLogin) p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}

/* =========================
   OPEN TICKET PAGE - CARD LAYOUT
========================= */

body.tickets-page #content {
    max-width: 980px !important;
    margin: 0 auto 60px !important;
    padding: 56px 64px 70px !important;
}

/* Cím átnevezés vizuálisan */

body.tickets-page #content > h1 {
    font-size: 42px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 14px !important;
}

body.tickets-page #content > h1 {
    font-size: 0 !important;
	line-height: initial !important;
}

body.tickets-page:has(#ticketTable) #content > h1::after {
    content: "Hibajegyeim" !important;
    font-size: 42px !important;
}

body.tickets-page:has(#ticketInfo) #content > h1::after {
    content: none !important;
    display: none !important;
}

body.tickets-page #content > h1#tickets-title a:first-child {
	vertical-align: 0 !important;
	padding-right: 11px !important;
	margin-right: 20px !important;
}

body.tickets-page #content > h1#tickets-title a:first-child:after {
	top: 0px !important;
	left: 7px !important;
}

/* Állapot gombok */

body.tickets-page .states a {
    position: relative !important;
    color: transparent !important;
    font-size: 0 !important;
}

body.tickets-page:has(#ticketTable) #tickets-title .states a.state {
	 color: transparent !important;
}

/* Számláló maradjon látható */

body.tickets-page .states a .number {
    color: #0369a1 !important;
    font-size: 14px !important;
}

/* Nyitott */

body.tickets-page .states a[href*="status=open"]::before {
    content: "Nyitott" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Lezárt */

body.tickets-page .states a[href*="status=closed"]::before {
    content: "Lezárt" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Statisztika */

body.tickets-page:has(#ticketTable) #content div.ticket-count {
    display: block !important;
    margin-top: 10px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
	float: right;
}


/* Bevezető */

body.tickets-page #content > p {
    text-align: center !important;
    margin: 0 auto 48px !important;
}

/* Form kártya */

#ticketForm {
    max-width: 900px !important;
}

#ticketForm table {
    background: #ffffff !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 18px !important;
    padding: 32px !important;
    box-shadow: 0 12px 32px rgba(15,23,42,0.08) !important;
}

/* Ügyfél adatok blokk */

#ticketForm .client-deets td {
    padding: 12px 0 !important;
}

#ticketForm .client-deets td:first-child {
    width: 170px !important;
    font-weight: 800 !important;
}

/* Form sorok */

#ticketForm td {
    padding: 8px 0 !important;
}

/* Címkék */

#ticketForm .form-header b,
#ticketForm label {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Select és input */

#ticketForm select,
#ticketForm input[type="text"] {
    height: 52px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 0 16px !important;
}



/* Feltöltő sáv */

.filedrop {
    border-radius: 0 0 14px 14px !important;
    background: #f0f9ff !important;
}

/* Alsó gombok */

#ticketForm .buttons {
    margin-top: 34px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
}

#ticketForm .buttons input {
    height: 48px !important;
    border-radius: 12px !important;
    padding: 0 28px !important;
    font-weight: 800 !important;
}

#ticketForm .buttons input[type="submit"] {
    background: #0385d1 !important;
    color: #ffffff !important;
}

#ticketForm .buttons input[type="reset"] {
    display: none !important;
}

#ticketForm .buttons input[type="button"] {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

/* =========================
   OPEN TICKET PAGE - INNER GROUPS
========================= */

/* A table marad a külső nagy kártya */
#ticketForm table {
    padding: 34px !important;
}

/* Ügyféladatok blokk vizuális csoportosítása */
#ticketForm table tbody:first-of-type {
    display: block !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 26px 30px !important;
    margin-bottom: 34px !important;
}

/* Ügyféladatok cím beillesztése */
#ticketForm table tbody:first-of-type::before {
    content: "Az Ön adatai" !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
}

/* Ügyféladat sorok */
#ticketForm table tbody:first-of-type tr {
    display: grid !important;
    grid-template-columns: 160px 1fr !important;
    align-items: center !important;
    padding: 8px 0 !important;
}

#ticketForm table tbody:first-of-type td {
    display: block !important;
    padding: 6px 0 !important;
}

/* Témakör + hibajegy részletek blokk */
#ticketForm table tbody:nth-of-type(2),
#ticketForm table tbody#dynamic-form {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin-bottom: 34px !important;
}

/* Témakör blokk címe */
#ticketForm table tbody:nth-of-type(2)::before {
    content: "Hibajegy adatai" !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
}

/* Témakör blokk leírása */
#ticketForm table tbody:nth-of-type(2)::after {
    content: "Válassza ki, milyen témában szeretne hibajegyet beküldeni." !important;
    display: block !important;
    font-size: 15px !important;
    color: #64748b !important;
    margin-top: 10px !important;
}

/* Táblázatsorok blokkosítása */
#ticketForm table tbody:nth-of-type(2) tr,
#ticketForm table tbody#dynamic-form tr {
    display: block !important;
    width: 100% !important;
}

/* Cellák teljes szélességen */
#ticketForm table tbody:nth-of-type(2) td,
#ticketForm table tbody#dynamic-form td {
    display: block !important;
    width: 100% !important;
}

/* Felesleges HR-ek eltüntetése */
#ticketForm table tbody:nth-of-type(2) hr {
    display: none !important;
}

/* Dinamikus űrlap külön belső spacing */
#dynamic-form {
    margin-top: 28px !important;
}

/* Hibajegy adatai cím finomítás */
#dynamic-form h2,
#dynamic-form .form-header {
    margin-top: 0 !important;
}

/* Inputok egységes szélessége */
#ticketForm select,
#ticketForm input[type="text"],
#ticketForm textarea,
.redactor-box {
    width: 100% !important;
    max-width: 100% !important;
}

/* Select ne lógjon ki */
#ticketForm select {
    box-sizing: border-box !important;
}

/* Alsó gombok közelebb a kártyához */
#ticketForm .buttons {
    margin-top: 28px !important;
}

/* Belső blokkok teljes szélességre */

#ticketForm table tbody:first-of-type,
#ticketForm table tbody:nth-of-type(2),
#ticketForm table tbody#dynamic-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* A blokkokon belüli sorok is teljes szélességen */

#ticketForm table tbody:first-of-type tr,
#ticketForm table tbody:nth-of-type(2) tr,
#ticketForm table tbody#dynamic-form tr {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ügyféladatok blokk ne legyen keskeny */

#ticketForm table tbody:first-of-type {
    display: block !important;
    width: 100% !important;
}

/* Ügyféladat sorok szélesebb oszloppal */

#ticketForm table tbody:first-of-type tr {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    width: 100% !important;
}

/* =========================
   TICKET FORM TABLE LAYOUT FIX
========================= */

#ticketForm table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

#ticketForm table > tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#ticketForm table > tbody > tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#ticketForm table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ügyféladatok blokk teljes szélesség */

#ticketForm table > tbody:first-of-type {
    width: 100% !important;
}

/* Ügyféladat sorok két oszlopban */

#ticketForm table > tbody:first-of-type > tr.client-deets {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    column-gap: 28px !important;
    align-items: center !important;
}

/* Belső kártyák teljes szélesség */

#ticketForm table > tbody:first-of-type,
#ticketForm table > tbody:nth-of-type(2),
#ticketForm table > tbody#dynamic-form {
    width: 100% !important;
    max-width: none !important;
}

/* Select teljes szélesség */

#topicId,
#ticketForm select {
    width: 100% !important;
    max-width: 100% !important;
}
/* =========================
   MOBILE FIXES
========================= */

@media (max-width: 768px) {

    /* Fő konténer */

    body.open-page #content,
    body.view-page #content,
    body.tickets-page #content {
        width: calc(100% - 12px) !important;
        max-width: 100% !important;

        margin: 8px auto 24px !important;
        padding: 14px 10px 24px !important;

        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
	
	#ticketForm .client-deets td:first-child {
		width: auto !important;
	}
	
	#ticketForm table > tbody:first-of-type > tr.client-deets {
		display: inline !important;
	}

    /* Összes belső elem */

    body.open-page #content *,
    body.view-page #content *,
    body.tickets-page #content * {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* Form táblázatok */

    #ticketForm table,
    #dynamic-form table,
    #ticketInfo table {
        width: 100% !important;
        max-width: 100% !important;

        border-spacing: 0 !important;
        table-layout: fixed !important;
    }

    /* Sorok */

    #ticketForm tr,
    #ticketForm td,
    #dynamic-form tr,
    #dynamic-form td,
    #ticketInfo tr,
    #ticketInfo td {
        display: block !important;
        width: 100% !important;
    }

    /* Boxok */

    #ticketInfo .infoTable,
    #ticketForm .thread-entry,
    #dynamic-form .form-field {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 14px 0 !important;
        padding: 18px 14px !important;

        border-radius: 16px !important;

        overflow: hidden !important;
    }

    /* Inputok */

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="file"],
    select,
    textarea {
        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        font-size: 16px !important;

        margin: 0 !important;
    }

    /* Select2 fix */

    .select2,
    .select2-container,
    .select2-selection {
        width: 100% !important;
        max-width: 100% !important;
    }

    

    /* Rich text editor */

    .redactor-box,
    .redactor-toolbar,
    .redactor-editor {
        width: 100% !important;
        max-width: 100% !important;
    }

    .redactor-toolbar {
        overflow-x: auto !important;
    }

    /* Címek */

    h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;

        margin-bottom: 14px !important;
    }

    h2,
    .headline {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* Gombok */

    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    .button {
        width: 100% !important;

        margin-bottom: 10px !important;

        height: 48px !important;
    }

    /* Padding csökkentés */

    #ticketForm,
    #dynamic-form,
    #ticketInfo {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Scroll eltüntetés */

    html,
    body {
        overflow-x: hidden !important;
    }
}
/* =========================
   TYPOGRAPHY UNIFICATION
========================= */

/* Alap betű */

body.open-page {
    font-family: 'Open Sans', sans-serif !important;
}

/* Alap szöveg */

body.open-page {
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Főcím */

body.open-page #content > h1 {
    font-size: 48px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #0f172a !important;
}

/* Alcím */

body.open-page #content > p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #64748b !important;
}

/* Kártya címek */


#ticketForm .form-header,
#ticketForm tbody:first-of-type::before,
#ticketForm tbody:nth-of-type(2)::before {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
}

#ticketForm tbody h2 {
	font-size: 22px;
}

#ticketForm .form-header h3 {
	display: none;
}

#ticketForm .form-header div p {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	letter-spacing: -0.02em !important;
}

#ticketForm tr.client-required .form-header {
	margin: 0 !important;
}

/* Label-ek */

#ticketForm label,
#ticketForm td:first-child,
#ticketForm .client-deets td:first-child {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* Leíró szövegek */

#ticketForm small,
#ticketForm .notes,
#ticketForm .instructions,
#ticketForm .form-header + div,
#ticketForm .form-header + p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #64748b !important;
}

/* Inputok */

#ticketForm input,
#ticketForm select,
#ticketForm textarea {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #0f172a !important;
}

/* Placeholder */

#ticketForm input::placeholder,
#ticketForm textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}



/* Gombok */

#ticketForm .buttons input,
#sign-in-button {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

/* Select nyíl és kisebb UI elemek */

#ticketForm select {
    font-size: 14px !important;
}

/* Redactor kép beszúrás ikon elrejtése */

.redactor-toolbar a.re-image,
.redactor-toolbar a.redactor_btn_image,
.redactor-toolbar a[data-redactor-button="image"] {
    display: none !important;
}

/* =========================
   DROPZONE REDESIGN
========================= */

.filedrop .dropzone {
    min-height: 120px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    padding: 20px !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    color: #475569 !important;

    background: #f8fbff !important;
    border: 2px dashed #7dd3fc !important;
    border-radius: 14px !important;

    transition: all 0.2s ease !important;

    box-sizing: border-box !important;
	margin-top: 20px;
}

/* Hover állapot */

.filedrop .dropzone:hover {
    background: #f0f9ff !important;
    border-color: #38bdf8 !important;
}

/* Link */

.filedrop .dropzone a {
    font-weight: 700 !important;
    color: #0385d1 !important;
    text-decoration: none !important;
	margin-left: 5px;
}

/* Ikon */

.filedrop .dropzone i,
.filedrop .dropzone svg {
    font-size: 22px !important;
    margin-right: 10px !important;
	top: 0px;
}

/* Külső filedrop wrapper javítása */

.filedrop {
    background: transparent !important;
    padding: 0 !important;
    min-height: auto !important;
    border: none !important;
}

/* Filedrop */
@media (max-width: 768px) {
    .filedrop div.dropzone {
        width: 100% !important;
        max-width: 100% !important;
		display: inline-block !important;
        padding: 18px 12px !important;

        overflow: hidden !important;
    }
}
/* =========================
   TICKET LIST PAGE REDESIGN
========================= */

body.tickets-page:has(#ticketTable) #content {
    max-width: 1180px !important;
    margin: 0 auto 60px !important;
    padding: 56px 70px 80px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* Kereső / szűrő sáv */

body.tickets-page:has(#ticketTable) #search-container {
	width: 400px !important;
	height: 50px !important;
}

body.tickets-page:has(#ticketTable) .search.well {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin: 0 0 34px !important;
    box-shadow: none !important;
	min-height: 46px !important;
}

body.tickets-page:has(#ticketTable) #ticketSearchForm {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
}

body.tickets-page:has(#ticketTable) #search-container input[type="text"] {
    width: 320px !important;
    height: 46px !important;
    padding: 0 44px 0 16px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 15px !important;
    background: #ffffff !important;
}

body.tickets-page:has(#ticketTable) .ticket-search {
    margin-left: -42px !important;
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    box-shadow: none !important;
}

body.tickets-page:has(#ticketTable) span.select2-selection {
    width: 300px !important;
    height: 50px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 7px 14px !important;
    font-size: 15px !important;
    background: #ffffff !important;
	margin-top: -8px !important; 
}

body.tickets-page:has(#ticketTable) form[action="tickets.php"] i.icon-search {
	width: 42px !important;
	height: 48px !important;
	border-radius: 0 12px 12px 0 !important;
	background-position: 10px 13px !important;
}

body.tickets-page:has(#ticketTable) .select2-selection__arrow {
    width: 42px !important;
    height: 50px !important;
    right: 6px !important;
    top: 0 !important;
}

body.tickets-page:has(#ticketTable) .select2-selection__arrow b {
    border-color: #64748b transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 6px 5px 0 5px !important;

    width: 0 !important;
    height: 0 !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;
}

body.tickets-page:has(#ticketTable)
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block !important;
    width: 42px !important;
    height: 50px !important;
    position: absolute !important;
    top: 0 !important;
    right: 8px !important;
}

body.tickets-page:has(#ticketTable)
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "" !important;
    display: block !important;

    width: 8px !important;
    height: 8px !important;

    border-right: 2px solid #64748b !important;
    border-bottom: 2px solid #64748b !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -60%) rotate(45deg) !important;
}

/* Cím */

body.tickets-page:has(#ticketTable) #tickets-title {
    margin: 0 0 16px !important;
    text-align: center !important;
    font-size: 0 !important;
}

body.tickets-page:has(#ticketTable) #tickets-title > a {
    text-decoration: none !important;
    color: #0f172a !important;
}



/* Jobb oldali állapot számláló */

body.tickets-page:has(#ticketTable) #tickets-title .states {
    display: inline-flex !important;
    margin-left: 12px !important;
    vertical-align: middle !important;
}

body.tickets-page:has(#ticketTable) #tickets-title .states a {
    font-size: 14px !important;
    background: #e0f2fe !important;
    color: #0369a1 !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
	margin-left: 10px !important;
}

/* Darabszám szöveg */

body.tickets-page:has(#ticketTable) caption {
    display: block !important;
    margin: 0 0 20px !important;
    color: #64748b !important;
    font-size: 15px !important;
}

/* Táblázat */

#ticketTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid #dbe3ec !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

#ticketTable thead th {
    background: #f1f5f9 !important;
    padding: 18px 20px !important;
    text-align: left !important;
    border-bottom: 1px solid #dbe3ec !important;
}

#ticketTable thead th a {
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

#ticketTable tbody tr {
    background: #ffffff !important;
    transition: background 0.18s ease !important;
}

#ticketTable tbody tr:nth-child(even) {
    background: #f8fafc !important;
}

#ticketTable tbody tr:hover {
    background: #eef6ff !important;
}

#ticketTable tbody td {
    padding: 16px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 15px !important;
    color: #334155 !important;
}

#ticketTable tbody tr:last-child td {
    border-bottom: none !important;
}

/* Jegyszám */

#ticketTable .ticket-number a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    height: 32px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    color: #0369a1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border: none !important;
}

/* Tárgy link */

#ticketTable .ticket-subject .link {
    color: #0284c7 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

#ticketTable .ticket-subject .link:hover {
    text-decoration: underline !important;
}

/* Állapot badge */

#ticketTable .ticket-status {
    color: #166534 !important;
    font-weight: 700 !important;
}

#ticketTable .ticket-status::before {
    content: "" !important;
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    margin-right: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
}

/* Régi pöttyök elrejtése */

#ticketTable .dot,
#new-reply-icon {
    display: none !important;
}

/* Lapozás */

#table-foot-options {
    margin-top: 24px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 15px !important;
}

#table-foot-options b {
    color: #0f172a !important;
}

/* Mobil */

@media (max-width: 768px) {
    body.tickets-page:has(#ticketTable) #content {
        padding: 34px 18px 50px !important;
    }

    body.tickets-page:has(#ticketTable) #ticketSearchForm {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.tickets-page:has(#ticketTable) #search-container input[type="text"],
    body.tickets-page:has(#ticketTable) select[name="topic_id"] {
        width: 100% !important;
    }

    #ticketTable {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title > a::after {
        font-size: 32px !important;
    }
}

/* Táblázat fejléc */

#ticketTable thead th {
    vertical-align: middle !important;
    padding: 18px 20px !important;
}

/* Fejléc link */

#ticketTable thead th a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

/* Rendezés ikon */

#ticketTable thead th a i.icon-sort {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
    top: auto !important;
    position: relative !important;
}

/* Pseudo ikon pozíció */

#ticketTable thead th a i.icon-sort::before {
    position: static !important;
    top: auto !important;

    width: auto !important;
    height: auto !important;

    font-size: 12px !important;
    line-height: 1 !important;
}

@media (max-width: 768px) {

    body.tickets-page:has(#ticketTable) .search.well {
        padding: 14px !important;
        margin-bottom: 24px !important;
    }

    body.tickets-page:has(#ticketTable) #ticketSearchForm {
        display: block !important;
    }

    body.tickets-page:has(#ticketTable) #search-container {
        width: 100% !important;
        margin-bottom: 14px !important;
    }

    body.tickets-page:has(#ticketTable) .pull-right {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.tickets-page:has(#ticketTable) .select2-container {
        width: 100% !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title {
        margin-top: 20px !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title::after {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title .states {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 12px 0 0 !important;
    }

    body.tickets-page:has(#ticketTable) .ticket-count {
        display: block !important;
        text-align: center !important;
        font-size: 12px !important;
        margin: 14px 0 18px !important;
    }

    #ticketTable,
    #ticketTable thead,
    #ticketTable tbody,
    #ticketTable tr,
    #ticketTable th,
    #ticketTable td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #ticketTable {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    #ticketTable thead {
        display: none !important;
    }

    #ticketTable tbody tr {
        margin: 0 0 14px !important;
        padding: 16px !important;
        border: 1px solid #dbe3ec !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
    }

    #ticketTable tbody td {
        position: relative !important;
        padding: 8px 0 8px 112px !important;
        border: none !important;
        min-height: 32px !important;
        font-size: 14px !important;
    }

    #ticketTable tbody td::before {
        position: absolute !important;
        left: 0 !important;
        top: 9px !important;
        width: 100px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #64748b !important;
    }

    #ticketTable .ticket-number::before {
        content: "Hibajegy szám" !important;
		top: 25px !important;
    }

    #ticketTable .ticket-updated::before {
        content: "Létrehozás" !important;
    }

    #ticketTable .ticket-status::before {
        display: none !important;
    }

    #ticketTable .ticket-subject::before {
        content: "Tárgy" !important;
    }

    #ticketTable .ticket-department::before {
        content: "Részleg" !important;
    }

    #ticketTable .ticket-status {
        padding-left: 112px !important;
    }

    #ticketTable .ticket-status::after {
        content: "" !important;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        margin-right: 7px !important;
        border-radius: 50% !important;
        background: #22c55e !important;
    }

    #ticketTable .ticket-subject .link {
        max-width: none !important;
        white-space: normal !important;
        line-height: 1.4 !important;
    }
	
	 body.tickets-page:has(#ticketTable) #tickets-title .states {
        margin-bottom: 22px !important;
    }

    body.tickets-page:has(#ticketTable) #tickets-title::after {
        display: block !important;
        margin-top: 16px !important;
    }

    #ticketTable .ticket-status {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    #ticketTable .ticket-status::after {
        flex: 0 0 8px !important;
        margin: 0 !important;
        order: -1 !important;
    }

    #ticketTable tbody td {
        overflow: hidden !important;
        word-break: break-word !important;
    }
	
	body.tickets-page:has(#ticketTable) .search.well {
		min-height: 140px !important;
	}
	
}

/* =========================
   TICKET DETAIL PAGE REDESIGN
========================= */

body.tickets-page:has(#ticketInfo) #content {
    max-width: 980px !important;
    margin: 0 auto 60px !important;
    padding: 56px 64px 70px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(15,23,42,0.08) !important;
}

/* Fejléc */

body.tickets-page:has(#ticketInfo) #content > h1 {
    position: relative !important;
    margin: 0 0 38px !important;
    text-align: center !important;
    font-size: 0 !important;
    line-height: 1.2 !important;
}

body.tickets-page:has(#ticketInfo) #content > h1 b {
    display: block !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #0f172a !important;
}

body.tickets-page:has(#ticketInfo) #content > h1 small {
    display: inline-flex !important;
    margin-top: 10px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.tickets-page:has(#ticketInfo) #content > h1 > a {
    position: relative !important;
    top: -4px !important;
    margin-right: 12px !important;
    color: #84cc16 !important;
    font-size: 24px !important;
    text-decoration: none !important;
}

/* Nyomtatás / szerkesztés */

body.tickets-page:has(#ticketInfo) #content > h1 .pull-right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

body.tickets-page:has(#ticketInfo) .action-button {
	display: none;
    /*display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    background: #f1f5f9 !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1px solid #dbe3ec !important;*/
}

/* Jegy információs blokkok */

#ticketInfo {
    width: 100% !important;
    margin: 0 0 34px !important;
}

#ticketInfo > tbody > tr:first-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
}

#ticketInfo > tbody > tr:first-child > td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
}

#ticketInfo .infoTable {
    height: 100% !important;
    padding: 26px 30px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
}

#ticketInfo .infoTable td.headline {
	padding: 30px !important;
}

#ticketInfo .infoTable th {
	padding-left: 30px !important;
}

#ticketInfo .headline {
    padding-bottom: 18px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

#ticketInfo th,
#ticketInfo td {
    padding: 7px 0 !important;
    font-size: 15px !important;
    color: #334155 !important;
}

#ticketInfo th {
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Üzenetfolyam */

.thread-entry::before {
	border: none;
}

.thread-entry .header, .thread-entry.avatar.message .header:before {
    background: #f8fafc !important;
    color: #334155 !important;
}

.thread-entry.avatar.message .header:before {
    border-right-color: #334155 !important;
}


/* Válasz blokk */

form#reply {
    margin-top: 34px !important;
    padding: 30px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe3ec !important;
    background: #f8fafc !important;
}

form#reply h2 {
    margin: 0 0 18px !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

form#reply p em {
    font-style: normal !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

form#reply .redactor-box {
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
}

/* Gombok */

form#reply p:last-child {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 24px !important;
}

form#reply .redactor-styles p:last-child {
	justify-content: left !important;
}

form#reply input[type="submit"],
form#reply input[type="reset"],
form#reply input[type="button"] {
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

form#reply input[type="submit"] {
    background: #0385d1 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(3,133,209,0.22) !important;
}

form#reply input[type="reset"],
form#reply input[type="button"] {
    background: #e2e8f0 !important;
    color: #334155 !important;
}

/* Mobil */

@media (max-width: 900px) {
    body.tickets-page:has(#ticketInfo) #content {
        padding: 34px 22px 50px !important;
    }

    #ticketInfo > tbody > tr:first-child {
        grid-template-columns: 1fr !important;
    }

    body.tickets-page:has(#ticketInfo) #content > h1 .pull-right {
        position: static !important;
        margin-top: 18px !important;
    }

    form#reply p:last-child {
        flex-direction: column !important;
    }

    form#reply input {
        width: 100% !important;
    }
}

/* =========================
   STAFF LOGIN PAGE REDESIGN - CLEAN FIX
========================= */

html,
body#loginBody {
    min-height: 100vh !important;
    margin: 0 !important;
    background: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
}

#loginBody #brickwall {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

#loginBox {
    width: 390px !important;
    max-width: calc(100% - 32px) !important;
    padding: 38px 42px 42px !important;

    background: #ffffff !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 22px !important;

    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14) !important;
    box-sizing: border-box !important;
}

/* Logó kisebb, torzítás nélkül */
#loginBox img,
#loginBox #logo img,
#loginBox .logo img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    image-rendering: auto !important;
}

/* Cím */
#loginBox h1,
#loginBox h2,
#loginBox h3,
#loginBox #login-message {
    margin: 28px 0px !important;
    text-align: center !important;
	font-family: 'Open Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;

    color: #0f172a !important;
}

/* Input sorok */
#loginBox .input,
#loginBox .inputBox,
#loginBox .field,
#loginBox label {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Ikonos régi dobozok sem tolják el az inputot */
#loginBox .input span,
#loginBox .input i,
#loginBox .icon-user,
#loginBox .icon-key {
    display: none !important;
}

/* Inputok egységesítése */
#loginBox input[type="text"],
#loginBox input[type="password"],
#loginBox input[type="email"] {
    display: block !important;
	float: none !important;
    width: auto !important;
    min-width: 233px !important;
    max-width: none !important;
    height: 52px !important;

    margin: 0 0 16px !important;
    padding: 0 18px !important;

    border: 1px solid #cbd5e1 !important;

    background: #ffffff !important;
    background-image: none !important;

    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    appearance: none !important;
}

#loginBody form fieldset input:nth-child(2) {
	border: 1px solid #cbd5e1 !important;
}

#loginBox input[type="text"]:focus,
#loginBox input[type="password"]:focus,
#loginBox input[type="email"]:focus {
    border-color: #0385d1 !important;
    box-shadow: 0 0 0 4px rgba(3, 133, 209, 0.12) !important;
    outline: none !important;
}

#loginBox input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Gomb */
#loginBox input[type="submit"],
#loginBox button[type="submit"],
#loginBox .submit {
    display: block !important;
    width: 100% !important;
    height: 52px !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 14px !important;

    background: #0385d1 !important;
    background-image: none !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;

    cursor: pointer !important;
    box-shadow: 0 12px 26px rgba(3, 133, 209, 0.24) !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #loginBox {
        width: calc(100% - 28px) !important;
        padding: 32px 24px 34px !important;
    }
}


/* =========================
   PROFILE PAGE REDESIGN
========================= */

.profile-page #content {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 30px 24px 60px !important;
}

/* Oldal cím */

.profile-page #content h1 {
    margin: 0 0 10px !important;

    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;

    color: #0f172a !important;
}

.profile-page #content h1 + p {
    margin: 0 0 42px !important;

    font-size: 17px !important;
    line-height: 1.7 !important;

    color: #64748b !important;
}

/* Szekció címek */

.profile-page #content h2,
.profile-page #content h3 {
    margin: 48px 0 24px !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    color: #0f172a !important;
}

/* Profil blokk */

.profile-page form[action*="profile"] {
    background: #ffffff !important;

    border: 1px solid #dbe3ec !important;
    border-radius: 24px !important;

    padding: 40px !important;

    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06) !important;
}

/* Táblázatok */

.profile-page form[action*="profile"] table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 20px !important;
}

/* Label */

.profile-page form[action*="profile"] td:first-child {
    width: 240px !important;
    padding-right: 24px !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    color: #334155 !important;
    vertical-align: middle !important;
}

/* Inputok */

.profile-page form[action*="profile"] input[type="text"],
.profile-page form[action*="profile"] input[type="password"],
.profile-page form[action*="profile"] input[type="email"],
.profile-page form[action*="profile"] input[type="tel"],
.profile-page form[action*="profile"] select,
.profile-page form[action*="profile"] textarea {
    width: 100% !important;
    max-width: 520px !important;
    height: 52px !important;

    padding: 0 16px !important;

    border: 1px solid #cbd5e1 !important;
    border-radius: 14px !important;

    background: #ffffff !important;
    color: #0f172a !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;

    transition: all 0.2s ease !important;
}

.profile-page form[action*="profile"] textarea {
    min-height: 140px !important;
    padding: 14px 16px !important;
}

/* Focus */

.profile-page form[action*="profile"] input:focus,
.profile-page form[action*="profile"] select:focus,
.profile-page form[action*="profile"] textarea:focus {
    border-color: #0385d1 !important;
    box-shadow: 0 0 0 4px rgba(3, 133, 209, 0.12) !important;
    outline: none !important;
}

/* Timezone gomb */

.profile-page button,
.profile-page .button,
.profile-page .btn {
    border-radius: 14px !important;
}

/* Profil kép */

.profile-page .avatar,
.profile-page .profile-pic,
.profile-page .gravatar {
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 4px solid #ffffff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

/* Gombok */

.profile-page input[type="submit"],
.profile-page button[type="submit"],
.profile-page .green.button,
.profile-page .button {
    min-width: 160px !important;
    height: 52px !important;

    padding: 0 28px !important;

    border: none !important;
    border-radius: 14px !important;

    background: #0385d1 !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;

    box-shadow: 0 10px 24px rgba(3, 133, 209, 0.22) !important;
}

.profile-page input[type="submit"]:hover,
.profile-page button[type="submit"]:hover,
.profile-page .button:hover {
    filter: brightness(1.05) !important;
}

/* Másodlagos gombok */

.profile-page .button:not(.green),
.profile-page button:not([type="submit"]) {
    background: #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: none !important;
}

.error {
	float: left;
	clear: left;
}

/* Required csillag */

.profile-page .required {
    color: #ef4444 !important;
}

/* Mobil */

@media (max-width: 900px) {

    .profile-page #content {
        padding: 20px 14px 40px !important;
    }

    .profile-page form[action*="profile"] {
        padding: 24px 18px !important;
        border-radius: 18px !important;
    }

    .profile-page form[action*="profile"] table,
    .profile-page form[action*="profile"] tbody,
    .profile-page form[action*="profile"] tr,
    .profile-page form[action*="profile"] td {
        display: block !important;
        width: 100% !important;
    }

    .profile-page form[action*="profile"] td:first-child {
        width: 100% !important;
        padding: 0 0 8px !important;
    }

    .profile-page form[action*="profile"] input[type="text"],
    .profile-page form[action*="profile"] input[type="password"],
    .profile-page form[action*="profile"] input[type="email"],
    .profile-page form[action*="profile"] input[type="tel"],
	.profile-page  form[action*="profile"] select,
    .profile-page form[action*="profile"] textarea {
        max-width: 100% !important;
    }

    .profile-page input[type="submit"],
    .profile-page button[type="submit"],
    .profile-page .button {
        width: 100% !important;
        margin-bottom: 12px !important;
    }
}