/* Max Evolution / Central de Suporte — Layout 1.1 — independent visual skin */
:root{--mx-navy:#091b38;--mx-deep:#08162e;--mx-accent:#1675e9;--mx-accent2:#0fa3fc;--mx-ink:#172b4d;--mx-muted:#62748e;--mx-border:#dae5f1}
*{box-sizing:border-box}
body{background:radial-gradient(ellipse at 75% 0%,#dbeafd 0%,transparent 50%),linear-gradient(135deg,#eef4fc,#f9fbff 60%,#e9f2fc)!important;color:var(--mx-ink)!important;font-family:Arial,Helvetica,sans-serif!important;min-width:0!important}
#mx-support-bar{background:var(--mx-deep);color:#fff;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(24px,calc((100vw - 1140px)/2));font-size:12px;font-weight:700;letter-spacing:.035em}
#mx-support-bar .mx-mark{display:flex;align-items:center;gap:10px}#mx-support-bar .mx-icon{width:25px;height:25px;border-radius:7px;background:linear-gradient(135deg,#0c63d6,#25aaff);display:inline-flex;align-items:center;justify-content:center}
#mx-support-bar a{color:#d6ebff;text-decoration:none}#mx-support-bar a:hover{color:white;text-decoration:underline}
#container{width:min(1120px,calc(100% - 48px))!important;max-width:none!important;min-height:0!important;margin:28px auto 26px!important;background:#fff!important;border:1px solid #dae6f4!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(17,46,90,.11)!important;overflow:hidden!important}
#header{position:relative!important;min-height:112px!important;background:#fff!important;border-bottom:1px solid #e4ecf5!important;padding:16px 28px!important;display:flex;align-items:center;gap:22px}
#header #logo{position:relative!important;float:none!important;flex:0 0 130px;display:flex;align-items:center;justify-content:center;max-width:130px;min-height:80px}
#header #logo img{max-width:130px!important;max-height:79px!important;width:auto!important;height:auto!important;object-fit:contain!important}
#header .mx-header-tagline{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;color:var(--mx-navy);line-height:1.3}
.mx-header-tagline strong{font-size:20px;font-weight:800;letter-spacing:-.025em}.mx-header-tagline span{font-size:12px;color:#637890}
#header .pull-right{float:none!important;flex:0 0 auto;align-self:start;text-align:right;font-size:12px}
#header .pull-right p{margin:5px 0!important}
#nav,ul#nav{display:flex;align-items:center;flex-wrap:wrap;gap:5px;background:var(--mx-navy)!important;padding:7px 16px!important;margin:0!important;height:auto!important;border:0!important;min-height:48px}
#nav li{float:none!important;list-style:none!important;padding:0!important;margin:0!important}
#nav a,#nav li a{display:flex;align-items:center;color:#e4efff!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:8px!important;padding:9px 15px!important;line-height:1.35!important;font-weight:600!important;text-shadow:none!important;white-space:normal}
#nav a:hover,#nav li.active a,#nav li a.active{color:white!important;background:#1d426f!important}
#content{width:auto!important;background:#fff!important;padding:25px 30px 30px!important;min-height:0!important}
#content h1,#content h2,#content h3{color:var(--mx-navy)!important;letter-spacing:-.02em}
#footer{width:auto!important;max-width:1120px;color:#70819a!important;padding:0 18px 26px!important;text-align:center}
#footer a{color:#2d5c95!important}
a{color:#135caa}a:hover{color:#09345e}
button,input[type=submit],input[type=button],a.button,.button{background:#155ab1!important;border:1px solid #155ab1!important;color:#fff!important;border-radius:9px!important;text-shadow:none!important;box-shadow:none!important;transition:background .15s ease!important}
button:hover,input[type=submit]:hover,input[type=button]:hover,a.button:hover,.button:hover{background:#0e4083!important;color:white!important}
input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{background:#fff!important;border:1px solid #cddbeb!important;border-radius:8px!important;box-shadow:none!important;max-width:100%!important}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(21,88,170,.2)!important;border-color:#367bc4!important}
/* Compact new homepage — independent of configured osTicket database landing text */
.mx-landing{max-width:1000px;margin:0 auto}.mx-welcome-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(110deg,#0a2043,#103d75);padding:35px 39px;border-radius:17px;color:#fff;overflow:hidden}
.mx-welcome-copy{max-width:690px;position:relative;z-index:1}.mx-kicker{color:#9ed2ff;letter-spacing:.15em;font-size:11px;font-weight:800}
.mx-welcome-head h1{font-size:clamp(24px,3.3vw,37px)!important;color:white!important;margin:12px 0 12px!important;line-height:1.16}.mx-welcome-head p{font-size:14px;line-height:1.7;margin:0;color:#deecff}
.mx-welcome-symbol{flex:0 0 130px;text-align:center;font-size:100px;color:#2e9bff;opacity:.4;line-height:1}
.mx-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:21px}
.mx-choice{display:flex;align-items:center;gap:15px;padding:24px 20px;text-decoration:none!important;background:#fff;border:1px solid #dbe6f4;border-radius:13px;min-height:118px;box-shadow:0 7px 24px rgba(12,34,75,.04);color:#0b254a!important;transition:transform .18s,box-shadow .18s,border .18s}
.mx-choice:hover{transform:translateY(-2px);border-color:#9bc4f4;box-shadow:0 13px 30px rgba(12,34,75,.10)}.mx-choice-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:12px;background:#e9f3ff;color:#1169cc;font-size:25px}
.mx-choice strong{font-size:16px;display:block;margin-bottom:7px}.mx-choice small{display:block;color:#687991;font-size:12px;line-height:1.55}.mx-choice-arrow{margin-left:auto;align-self:flex-start;font-size:20px;color:#1970d1}
.mx-choice-primary{background:linear-gradient(120deg,#1159b2,#1878dd);border-color:#146cc7;color:white!important}.mx-choice-primary strong,.mx-choice-primary small,.mx-choice-primary .mx-choice-arrow{color:white!important}.mx-choice-primary .mx-choice-icon{background:rgba(255,255,255,.18);color:white}
.mx-landing-help{margin:21px 4px 0;padding:18px 14px 2px;color:#687b91;text-align:center;font-size:13px}.mx-landing-help a{margin-left:6px;font-weight:700}
/* Keep native ticket forms and tables operable */
#content table{max-width:100%;} #content table th{background:#f0f5fc!important;color:#1a3559!important}#content table td{border-color:#e2eaf4!important}
#content .thread-entry,#content .ticket_info,#content .infoTable{border-radius:8px}
@media(max-width:760px){#mx-support-bar{padding:10px 15px;flex-wrap:wrap;font-size:10px}#container{width:100%!important;margin:0!important;border:0!important;border-radius:0!important}#header{flex-wrap:wrap;gap:8px;padding:12px 16px!important}#header #logo{flex-basis:95px;min-height:56px}#header #logo img{max-width:95px!important;max-height:62px!important}.mx-header-tagline strong{font-size:17px}.mx-header-tagline span{font-size:10px}#header .pull-right{width:100%;text-align:left;order:3}#nav,ul#nav{padding:6px 9px!important}#nav a,#nav li a{font-size:12px!important;padding:8px!important}#content{padding:15px!important}.mx-welcome-head{padding:26px 21px}.mx-welcome-symbol{display:none}.mx-choice-grid{grid-template-columns:1fr}.mx-choice{min-height:100px;padding:18px 16px}#footer{padding:15px}}
@media(prefers-reduced-motion:reduce){.mx-choice,button{transition:none!important}}

/* V1.1.1 — hero contrast: stronger selector than generic #content h1 */
#content .mx-welcome-head h1,#content .mx-welcome-head #mx-welcome{color:#ffffff!important;text-shadow:none!important;opacity:1!important;}
#content .mx-welcome-head .mx-kicker{color:#b4dcff!important;}
#content .mx-welcome-head p{color:#eff7ff!important;}
#content .mx-welcome-head{color:#fff!important;}


/* V1.2 — footer alignment, form polish and responsive details */
html,body{min-height:100%}
body>#footer,#footer.mx-footer{position:relative!important;float:none!important;clear:both!important;width:min(1118px,calc(100% - 32px))!important;max-width:1118px!important;margin:0 auto 22px!important;padding:16px 18px!important;background:transparent!important;box-sizing:border-box!important;text-align:center!important;line-height:1.6!important}
#footer.mx-footer .mx-footer-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px}
#footer.mx-footer .mx-footer-line p{margin:0!important;padding:0!important;float:none!important;display:block!important;width:auto!important;text-align:center!important;line-height:1.6!important}
#footer.mx-footer #poweredBy{display:inline-flex!important;align-items:center;justify-content:center;float:none!important;margin:0!important;position:static!important;width:auto!important;min-width:0!important;min-height:20px!important;max-width:100%;vertical-align:middle;background-size:auto 18px!important;white-space:normal;color:#667b95!important}
#footer.mx-footer .mx-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px}
#footer.mx-footer .mx-footer-links a{text-decoration:none;color:#175caa}
#footer.mx-footer .mx-footer-links a:hover{text-decoration:underline}
#container{height:auto!important;min-height:0!important}
#content input[type=text],#content input[type=email],#content input[type=password],#content input[type=tel],#content textarea,#content select{border:1px solid #cedded!important;border-radius:8px!important;padding:8px!important;max-width:100%!important;background-color:white!important}
#content input:focus,#content textarea:focus,#content select:focus{outline:2px solid rgba(30,119,213,.19)!important;outline-offset:1px;border-color:#237fdc!important}
#content input[type=submit],#content button:not(.ui-button){border-radius:8px!important}
#content .thread-entry,#content .ticket_info{max-width:100%}
@media(max-width:760px){#footer.mx-footer{width:100%!important;margin:0 auto 8px!important;padding:18px 13px!important}#footer.mx-footer .mx-footer-line{flex-direction:column;gap:3px}#content table{display:block;overflow-x:auto}}


/* Max Evolution v1.4 — public portal finishing layer */
:root{--mx-navy:#0a2041;--mx-blue:#1b70ce;--mx-ink:#143255;--mx-line:#d9e5f4;--mx-faint:#f4f8fe}
#content h1,#content h2,#content h3{color:#102b50;line-height:1.25}
#content p{line-height:1.6}
#content .login-box,#content .instructions,#content .faq,#content .thread-entry,#content .message,#content .response,#content .infoTable,#content #ticketInfo,#content .ticket_info{border-radius:12px}
#content .login-box,#content .instructions{background:#f7faff;border:1px solid #dce7f4;box-shadow:none!important;padding:20px!important;box-sizing:border-box}
#content #clientLogin{max-width:100%;overflow:visible}
#content #clientLogin input[type=text],#content #clientLogin input[type=email],#content #clientLogin input[type=password]{height:43px;max-width:100%;width:100%;box-sizing:border-box;border:1px solid #cdddf0;border-radius:8px;padding:10px 12px;font-size:14px}
#content .btn,#content input[type=submit],#content button[type=submit],#content .button{border-radius:9px!important;min-height:37px;padding:9px 16px!important;background:#196ac0!important;color:#fff!important;border:1px solid #196ac0!important;box-shadow:none!important;font-weight:700;cursor:pointer}
#content .btn:hover,#content input[type=submit]:hover,#content button[type=submit]:hover{background:#104f9a!important}
#content input:focus-visible,#content textarea:focus-visible,#content select:focus-visible,#content button:focus-visible,#content a:focus-visible{outline:3px solid rgba(30,115,210,.32);outline-offset:2px}
#content input:not([type=submit]):not([type=checkbox]):not([type=radio]),#content textarea,#content select{border-radius:8px;max-width:100%;box-sizing:border-box}
#content table{max-width:100%}#content table th{background:#edf4fc;color:#19395f}#content .headline{color:#153961!important}
#content #ticketInfo{max-width:100%!important;width:100%!important}#content #ticketInfo > tbody > tr > td{vertical-align:top}
#content #ticketInfo .infoTable{width:100%!important}#content .thread-entry{border:1px solid #dae6f4;margin-bottom:12px;overflow:hidden}
#content .thread-entry .header{background:#f0f6fd;border-bottom:1px solid #e0e8f2}
#content .error_bar,#content #msg_error{background:#fff1f0!important;border-radius:8px;padding:12px!important}
#content .notice,#content #msg_notice{border-radius:8px;padding:12px!important}
#footer,#footer p{max-width:100%;box-sizing:border-box;text-align:center!important;float:none!important}
@media(max-width:740px){#content{padding:16px!important}#content #clientLogin{display:block!important}#content #clientLogin>div{display:block!important}#content .login-box,#content .instructions{float:none!important;width:100%!important;min-width:0!important;display:block!important;margin:0 0 12px!important}#content #ticketInfo{display:block;overflow-x:auto}#content .login-box input{max-width:100%}}

/* Max Evolution V1.5 - consistent public ticket/account form finish */
#content form{max-width:100%;box-sizing:border-box}
#content form label{color:#163657;font-weight:600}
#content form input[type=text],#content form input[type=email],#content form input[type=password],#content form input[type=tel],#content form select{min-height:39px}
#content form input[type=submit]{border-radius:9px!important;padding:10px 18px!important}
#content form input[type=reset],#content form input[type=button]{border:1px solid #cddbec!important;border-radius:9px!important;background:#f2f7fd!important;color:#164c82!important;min-height:36px;padding:7px 11px}
#content form fieldset,#content form table{max-width:100%;box-sizing:border-box}
#content .captcha,#content img.captcha{max-width:100%;height:auto}
#content .form-header,#content .ticketform h3{color:#173d68!important}
@media(max-width:760px){#content form table,#content form tbody,#content form tr,#content form td{max-width:100%}#content form input,#content form textarea,#content form select{max-width:100%!important}#content .ticketform{width:100%!important}}

/* v1.6: reCAPTCHA e base de conhecimento */
.maxevo-recaptcha-row .g-recaptcha{min-height:80px;max-width:100%;overflow:visible}
.maxevo-recaptcha-row td{vertical-align:middle!important}
@media(max-width:640px){.maxevo-recaptcha-row td{display:block!important;width:100%!important}.maxevo-recaptcha-row .g-recaptcha{transform:scale(.88);transform-origin:left top}}
