/* Help Desk Extrema — Portal do usuário / UI V3 */
:root{
  --c-navy:#08264d;--c-navy2:#0a3266;--c-blue:#1769d2;--c-blue2:#2d7fe8;
  --c-bg:#edf4fa;--c-surface:#fff;--c-soft:#f6f9fc;--c-border:#d7e2ee;
  --c-text:#17263a;--c-muted:#687b91;--c-success:#15835f;--c-danger:#c33f3f;
  --c-shadow:0 18px 48px rgba(10,43,79,.10);--c-radius:18px;
}
*{box-sizing:border-box} html{min-height:100%;background:var(--c-bg)}
body{margin:0!important;min-height:100vh;color:var(--c-text)!important;background:radial-gradient(circle at 90% 0,rgba(45,127,232,.10),transparent 28rem),linear-gradient(180deg,#eef5fb,#e9f1f8)!important;font-family:Inter,"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--c-blue);transition:.18s ease}a:hover{color:#0c4ca6}
#container{width:min(1240px,calc(100% - 34px))!important;min-height:calc(100vh - 42px);margin:20px auto!important;overflow:hidden;border:1px solid #cedce9!important;border-radius:24px!important;background:#fff!important;box-shadow:0 28px 70px rgba(7,35,69,.13)!important}
#header{position:relative;min-height:92px!important;height:auto!important;padding:15px 22px!important;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0!important;background:radial-gradient(circle at 78% -100%,rgba(79,180,255,.28),transparent 25rem),linear-gradient(115deg,#061a35,#0a2e5d 56%,#0b3974)!important}
#header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(132,198,255,.85),transparent)}
#header #logo.extrema-brand,#header #logo{height:auto!important;max-width:none!important;padding:0!important;display:flex!important;align-items:center;gap:13px;text-decoration:none!important;background:none!important}
.extrema-logo-frame{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:17px;background:#fff;box-shadow:0 13px 28px rgba(0,0,0,.18)}
#header #logo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.extrema-brand-copy{display:flex;flex-direction:column;line-height:1.12}.extrema-eyebrow{margin-bottom:4px;color:#8fc8ff;font-size:9px;font-weight:900;letter-spacing:1.5px}.extrema-brand-copy strong{color:#fff;font-size:20px;font-weight:850;letter-spacing:-.4px}.extrema-brand-copy small{margin-top:5px;color:#b8cde4;font-size:10.5px;font-weight:650}
.extrema-client-account{display:flex;align-items:center;gap:10px}.extrema-client-links{display:flex;align-items:center;gap:5px;padding:7px;border:1px solid rgba(190,216,241,.15);border-radius:14px;background:rgba(255,255,255,.06)}.extrema-client-name{padding:5px 8px;color:#e6f1fb;font-size:10.5px;font-weight:750}.extrema-client-links a{padding:6px 8px;color:#bdd6ef!important;border-radius:8px;font-size:10.5px;font-weight:750;text-decoration:none}.extrema-client-links a:hover{color:#fff!important;background:rgba(255,255,255,.09)}.extrema-client-links .extrema-signout{color:#ffc5c5!important}.extrema-client-links .extrema-signin{color:#fff!important;background:rgba(42,126,220,.30)}.extrema-client-languages{display:flex;gap:4px}
#nav{height:auto!important;min-height:56px;margin:0!important;padding:9px 18px!important;display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;border:0!important;border-bottom:1px solid var(--c-border)!important;background:#fff!important;box-shadow:0 7px 18px rgba(11,44,79,.045)!important}#nav li{display:block!important;flex:0 0 auto}#nav li a{width:auto!important;height:38px!important;line-height:38px!important;margin:0!important;padding:0 14px 0 39px!important;border:1px solid transparent!important;border-radius:10px!important;color:#566b82!important;background-position:13px 50%!important;background-color:transparent!important;font-size:11.5px;font-weight:800;text-decoration:none}#nav li a:hover{color:#1158bd!important;background-color:#eef6ff!important}#nav li a.active{color:#0d4fa8!important;border-color:#d6e6f8!important;background-color:#e8f3ff!important;box-shadow:0 5px 14px rgba(17,88,189,.07)!important}
#content{margin:0!important;padding:30px!important;min-height:560px!important;height:auto!important;background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important}
h1,h2,h3,h4{color:var(--c-navy)!important;letter-spacing:-.25px}h1{font-size:28px;line-height:1.2}h2{font-size:21px}hr{border:0;border-top:1px solid var(--c-border)}
.error_bar,.warning_bar,.notice_bar,#msg_error,#msg_warning,#msg_notice,.error-banner,.warning-banner,.notice-banner{margin:0 0 14px!important;padding:12px 14px!important;border-radius:12px!important;background-image:none!important}.notice_bar,#msg_notice,.notice-banner{color:#116348!important;border:1px solid #bfe3d5!important;background:#effaf6!important}.warning_bar,#msg_warning,.warning-banner{color:#87590f!important;border:1px solid #edd7ab!important;background:#fff9ed!important}.error_bar,#msg_error,.error-banner{color:#a93636!important;border:1px solid #edc4c4!important;background:#fff3f3!important}
#landing_page{display:grid;grid-template-columns:minmax(0,1fr)310px;gap:24px;align-items:start}#landing_page .main-content{width:auto!important;min-width:0;float:none!important}#landing_page .sidebar{width:auto!important;margin:0!important;float:none!important}#landing_page>.clear{display:none}.thread-body,.featured-category.front-page,.sidebar .content{border:1px solid var(--c-border)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 28px rgba(13,48,84,.06)!important}.thread-body{position:relative;padding:25px 27px!important;overflow:hidden}.thread-body::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 9px 9px 0;background:#2d7fe8}.featured-category.front-page{margin:12px 0!important;padding:18px!important}.sidebar .content{margin-top:12px;padding:17px!important;background:#f8fbfe!important}
.search-form{padding:0 0 16px!important}.search-form form{display:flex;gap:9px}.searchbar .search,.search-form .search{width:100%!important;min-height:44px;padding:9px 12px!important;border:1px solid #cbd8e6!important;border-radius:10px!important;background:#fff!important;box-shadow:0 5px 15px rgba(14,47,82,.04)!important}.searchbar .search:focus,.search-form .search:focus{border-color:#6ba6e6!important;box-shadow:0 0 0 3px rgba(45,127,232,.10)!important;outline:none}
.front-page-button{display:grid;gap:9px}.front-page-button p{margin:0}.front-page-button .button{position:relative;min-height:48px!important;height:auto!important;padding:12px 13px 12px 45px!important;display:flex!important;align-items:center;justify-content:flex-start;border:0!important;border-radius:12px!important;color:#fff!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;box-shadow:0 10px 22px rgba(15,81,166,.16)!important}.front-page-button .button::before{position:absolute;left:13px;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.16);font-size:15px}.front-page-button .blue.button{background:linear-gradient(135deg,#2478db,#0f53ad)!important}.front-page-button .blue.button::before{content:"+"}.front-page-button .green.button{background:linear-gradient(135deg,#1a8865,#126d51)!important}.front-page-button .green.button::before{content:"✓"}.front-page-button .button:hover{transform:translateY(-1px);filter:brightness(1.04)}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=search],textarea,select{max-width:100%;min-height:40px;padding:8px 11px;border:1px solid #c9d7e5!important;border-radius:10px!important;color:var(--c-text)!important;background:#fff!important;font:inherit!important;outline:none;transition:.16s ease}textarea{min-height:105px}select{height:40px!important}input:focus,textarea:focus,select:focus{border-color:#6ba6e6!important;box-shadow:0 0 0 3px rgba(45,127,232,.10)!important}
input[type=submit],input[type=button],input[type=reset],button,.button,.btn{min-height:39px;padding:8px 13px!important;border:1px solid #cad7e5!important;border-radius:10px!important;color:#405970!important;background:linear-gradient(180deg,#fff,#f5f8fb)!important;font-family:inherit!important;font-size:11.5px!important;font-weight:800!important;cursor:pointer;box-shadow:0 5px 12px rgba(14,47,82,.05)!important;transition:.16s ease}input[type=submit],button[type=submit],.primary.button,.btn{color:#fff!important;border-color:#1258b7!important;background:linear-gradient(135deg,#2478db,#0f53ad)!important;box-shadow:0 8px 18px rgba(17,88,189,.18)!important}.button:hover,button:hover,input[type=button]:hover{transform:translateY(-1px);color:#1158bd!important;border-color:#acc9e8!important;background:#eef6ff!important}
#ticketForm>table{width:100%!important;max-width:100%;border-collapse:separate!important;border-spacing:0 5px!important}#ticketForm>table td{padding:7px!important}.form-header{padding:10px 12px!important;border:1px solid #d6e6f7!important;border-radius:10px!important;color:#0d4fa8!important;background:#edf6ff!important;font-weight:800}
table.list,.table{width:100%;border:1px solid var(--c-border)!important;border-collapse:separate!important;border-spacing:0!important;border-radius:14px!important;overflow:hidden;background:#fff!important;box-shadow:0 8px 22px rgba(13,48,84,.055)!important}table.list thead th,.table thead th{padding:10px!important;color:#557087!important;border-bottom:1px solid #dce6ef!important;background:#f4f8fb!important;font-size:10.5px!important;font-weight:850!important}table.list tbody td,.table tbody td{padding:10px!important;border-bottom:1px solid #eef3f7!important;background:#fff!important}table.list tbody tr:nth-child(2n+1) td{background:#fbfdff!important}table.list tbody tr:hover td{background:#edf6ff!important}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{min-height:40px!important;border:1px solid #c9d7e5!important;border-radius:10px!important}.select2-dropdown{border:1px solid var(--c-border)!important;border-radius:12px!important;overflow:hidden;box-shadow:var(--c-shadow)}
#footer{width:100%!important;margin:0!important;padding:15px 22px!important;color:#8292a4!important;border:0!important;border-top:1px solid var(--c-border)!important;background:#f7fafc!important;font-size:10px!important;text-align:center!important}
.dialog,#popup,#alert{border:1px solid #d2deea!important;border-radius:17px!important;background:#fff!important;box-shadow:0 26px 70px rgba(7,35,69,.20)!important;overflow:hidden}#overlay{background:rgba(4,25,51,.42)!important;backdrop-filter:blur(3px)}
@media(max-width:850px){#container{width:calc(100% - 20px)!important;margin:10px auto!important;border-radius:18px!important}#header{min-height:76px!important;padding:10px 12px!important}.extrema-logo-frame{width:48px;height:48px;flex-basis:48px;border-radius:14px}.extrema-eyebrow,.extrema-brand-copy small{display:none}.extrema-brand-copy strong{font-size:15px}.extrema-client-name{display:none}.extrema-client-links{padding:4px}.extrema-client-links a{padding:6px;font-size:10px}#content{padding:18px!important}#landing_page{grid-template-columns:1fr}.sidebar{order:2}.main-content{order:1}}
@media(max-width:520px){#container{width:100%!important;margin:0!important;min-height:100vh;border:0!important;border-radius:0!important}.extrema-brand-copy strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extrema-client-links a:not(.extrema-signin):not(.extrema-signout){display:none}#nav{padding:7px 9px!important}#nav li a{height:35px!important;line-height:35px!important;padding-right:10px!important;font-size:10.5px!important}#content{padding:15px 11px 24px!important}.thread-body{padding:19px!important}.search-form form{flex-direction:column}table.list{min-width:650px}}
#footer p{margin:0 0 4px!important}#footer #poweredBy{position:static!important;display:inline-block!important;width:auto!important;height:auto!important;padding:0!important;color:#9aa8b7!important;background:none!important;border:0!important;box-shadow:none!important;text-indent:0!important;font-size:9px!important;text-decoration:none!important}#footer #poweredBy:hover{color:#607890!important}