.portal-page{background:#f5f9fc;color:#122c42}.portal-page .container{width:min(1180px,100% - 40px);margin:auto}.portal-page .support-shell{padding-top:24px}.portal-page .support-hero{display:flex;justify-content:space-between;gap:30px;background:linear-gradient(125deg,#081b2d,#103d5a);color:#fff;padding:38px;border-radius:24px}.portal-page .support-title{font-size:clamp(32px,4vw,48px);color:#fff;margin:8px 0 14px}.portal-page .support-kicker{color:#7cd8f6;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.portal-page .support-subtitle{max-width:760px;color:#c0d4e2;line-height:1.7}.portal-page .support-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-content:center}.portal-page .support-content{padding:32px 0}.portal-page .support-panel-title{font-size:28px}.portal-page .support-panel-lead{color:#536f81}.portal-page .split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal-page .card{border:1px solid #cadde9;border-radius:18px;padding:28px;background:white}.portal-page .support-hero.card{background:linear-gradient(125deg,#081b2d,#103d5a)}.portal-page .label,.portal-page .field label{display:block;font-size:14px;font-weight:750;margin:12px 0 8px}.portal-page .input,.portal-page input:not([type=hidden]):not([type=checkbox]),.portal-page select,.portal-page textarea{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #aac6d7;border-radius:10px;background:#fff;color:#122c42;font:inherit}.portal-page input:focus-visible,.portal-page select:focus-visible,.portal-page textarea:focus-visible{outline:3px solid #69c9ed;outline-offset:2px}.portal-page .btnrow,.portal-page .form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.portal-page .btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:#4ea1ff;color:#081b2d;border:0;border-radius:10px;padding:12px 17px;text-decoration:none;font-weight:800;cursor:pointer}.portal-page .btn.secondary{background:#e8f2f8;color:#133e58}.portal-page .support-hero .btn.secondary{background:#21465e;color:#e6f4fa}.portal-page .list{line-height:1.9;padding-left:20px;color:#476578}.portal-tools{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px;padding-bottom:6px}.portal-tools a{background:#e2eff7;border:1px solid #bdd6e6;color:#17476a;border-radius:9px;padding:9px 13px;font-size:13px;text-decoration:none;font-weight:700}.portal-page .note,.portal-page .muted{color:#567184;line-height:1.6}.portal-page .alert{padding:16px;border-radius:10px;background:#e8f3fb;margin:18px 0;overflow-wrap:anywhere}.portal-page .alert.error,.portal-page .alert.bad{background:#fff0ef;color:#932e29}.portal-page .alert.ok{background:#e6f5ee;color:#206145}.portal-page table{border-collapse:collapse;width:100%;font-size:14px}.portal-page th,.portal-page td{padding:12px;text-align:left;border-bottom:1px solid #d2e3ee}.portal-page .fields,.portal-page .config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-page .field.full,.portal-page .config-card.full{grid-column:1/-1}.portal-page .integration-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.portal-page .config-card h2{font-size:24px}.portal-page .config-card p{color:#567184}.portal-page .integration-meta{font-size:12px;display:block;margin-top:8px}.portal-page .secret-note{font-size:12px;color:#567184;margin-top:8px}.portal-page .login{max-width:500px;margin:30px auto}.portal-page .login-branding-full{display:none}.portal-page .tree{list-style:none;padding-left:15px}.portal-page .tree-row{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #d2e3ee}.portal-page .tree-children[hidden]{display:none}.portal-page .tree-title{font-weight:750}.portal-page .tree-meta{color:#567184;font-size:12px}.portal-page .tree-toggle{border:1px solid #bdd6e6;background:#e8f2f8;border-radius:7px;padding:7px;min-width:28px}.portal-page .tree-toggle-box::after{content:'+'}.portal-page .tree-toggle[aria-expanded=true] .tree-toggle-box::after{content:'−'}.portal-page .tree-toggle-h,.portal-page .tree-toggle-v{display:none}.portal-page .badge,.portal-page .pill{font-size:12px;background:#e8f2f8;color:#17476a;padding:5px 8px;border-radius:7px}.portal-page .config-nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.portal-page .config-nav a{color:#17476a}.portal-page .config-hero{background:linear-gradient(125deg,#081b2d,#103d5a);color:#fff;padding:42px 0}.portal-page .config-hero h1{font-size:40px}.portal-page .config-hero p{color:#c0d4e2;max-width:740px}.portal-page .section{padding:32px 0}.portal-page .secret-control{display:flex;gap:8px}.portal-page input[type=checkbox]{width:18px;height:18px;vertical-align:middle}.portal-page .activation-control{display:flex;align-items:center;gap:10px;font-weight:700;margin:16px 0}@media(max-width:760px){.portal-page .split,.portal-page .fields,.portal-page .config-grid{grid-template-columns:1fr}.portal-page .support-hero{flex-direction:column;padding:26px}.portal-page .container{width:calc(100% - 24px)}.portal-page .card{padding:22px}.portal-page .config-card.full,.portal-page .field.full{grid-column:auto}.portal-tools{gap:7px}.portal-page table{display:block;overflow:auto}}
.footer-access{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
/* Same hero, page rhythm and form/sidebar treatment as the electronic manual. */
.portal-page{background:#fff;color:var(--ink)}
.portal-page .mainnav{gap:19px}
.portal-page .detail-hero{padding:24px 0 70px;background:radial-gradient(ellipse at 82% 45%,rgba(0,129,235,.22),transparent 45%),linear-gradient(125deg,#071827,#0b2d48)}
.portal-page .detail-brand img{max-width:260px}
.portal-page .detail-hero .btn{font-size:13px;min-height:38px;padding:9px 13px;border-radius:9px;border:1px solid transparent}
.portal-page .detail-hero .btn.ghost{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.22);box-shadow:none}
.portal-page .support-shell{padding:48px 0;background:#fff;scroll-margin-top:90px}
.portal-page .support-content{padding:0}
.portal-page .support-panel-title{font-size:clamp(28px,3vw,42px);letter-spacing:-.025em;margin:0 0 10px;color:var(--ink)}
.portal-page .support-panel-lead{font-size:14px;color:var(--muted);margin:0 0 28px}
.portal-page .split.manual-layout{grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.portal-page .split>.card:first-child{padding:28px;background:#f1f7fa;border:1px solid #c9dce8;border-radius:20px}
.portal-page .input{padding:15px 18px;border-color:#a6c4d5;border-radius:12px;color:#102d43}
.portal-page .card.manual-help{background:linear-gradient(145deg,#0d3049,#081b2d);color:#e1edf4;border:0;border-radius:20px;padding:28px}
.portal-page .manual-help .list,.portal-page .manual-help p,.portal-page .manual-help .note{color:#bfd1dd;font-size:14px;line-height:1.8}
.portal-page .manual-help>div:first-child{font-size:23px!important;color:#fff}
.portal-page .manual-help a{color:#7ddaff}
.portal-page .portal-tools{padding-top:24px;padding-bottom:24px;border-top:1px solid #e0ebf3;gap:20px}
.portal-page .portal-tools a{background:transparent;border:0;border-radius:0;padding:0;font-size:13px;color:#185f9d;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.portal-page .split.manual-layout{grid-template-columns:1fr}.portal-page .detail-brand img{max-width:210px}}
@media(max-width:760px){.portal-page .detail-hero{padding-bottom:36px}.portal-page .support-shell{padding:36px 0}.portal-page .mainnav{gap:7px}.portal-page .portal-tools{gap:16px}}
@media(max-width:560px){.portal-page .split>.card:first-child{padding:20px}.portal-page .card.manual-help{padding:24px}.portal-page .input{padding:14px 16px}}

/* The same brand language, with a compact header for daily support work. */
.portal-page .ticket-compact-hero{padding:30px 0!important}
.ticket-compact-hero .detail-hero-grid{grid-template-columns:1fr 110px;gap:24px}
.ticket-compact-hero .detail-brand img{width:100px!important;height:100px;object-fit:contain}
.ticket-compact-hero h1{font-size:clamp(28px,3vw,40px)!important;margin:10px 0!important}
.ticket-compact-hero .detail-tagline,.ticket-compact-hero .hero-actions,.ticket-compact-hero .eyebrow{display:none}
.ticket-compact-hero .detail-intro{margin:0;font-size:16px!important}
.portal-page .ticket-workspace{color:#102d43;min-width:0}
.ticket-toolbar,.ticket-actions,.ticket-result-heading,.ticket-message-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ticket-toolbar{margin:0 0 24px}.ticket-toolbar h2{font-size:26px;margin:8px 0}.ticket-toolbar p{color:#506a7b;margin:8px 0}
.ticket-actions{justify-content:flex-start}.ticket-workspace .btn{font-size:14px;padding:11px 17px;white-space:normal}
.ticket-workspace .card{background:#fff;border:1px solid #c9dce8;border-radius:18px;padding:24px;margin:0}
.ticket-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.ticket-metric{display:flex;flex-direction:column;padding:19px 22px;border:1px solid #c9dce8;border-radius:16px;background:#f1f7fa;color:#174764;text-decoration:none}
.ticket-metric strong{font-size:32px;line-height:1.3}.ticket-metric span{font-size:14px}.ticket-metric.selected{background:#0c3049;color:#fff;border-color:#0c3049}
.ticket-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px!important}
.ticket-filters .ticket-search{grid-column:span 2}.ticket-workspace label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px;margin:0}
.ticket-workspace .input{width:100%;min-width:0;font-weight:400;padding:11px 12px;font-size:15px;background:#fff}
.ticket-filters>.note{grid-column:1/-1;margin:0}.ticket-filters .ticket-actions{align-self:end}
.ticket-results{padding:0!important;overflow:hidden}.ticket-result-heading{padding:20px 24px;border-bottom:1px solid #d9e6ee}.ticket-result-heading h3{margin:0}.ticket-result-heading span{font-size:13px;color:#506a7b}
.ticket-table-wrap{overflow-x:auto}.ticket-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ticket-table th{background:#eff6fa;color:#33576b;font-size:12px;white-space:nowrap}.ticket-table td,.ticket-table th{padding:16px 18px;border-bottom:1px solid #e0ebf3;vertical-align:top}.ticket-table tr:last-child td{border-bottom:0}.ticket-table tbody tr:hover{background:#f6fbfd}
.ticket-subject{font-weight:700;display:block;min-width:210px;color:#086594}.ticket-table small,.ticket-history small{display:block;margin-top:7px;color:#506a7b;font-size:12px}.ticket-table time{white-space:nowrap;font-size:13px}
.ticket-workspace .badge{display:inline-block;white-space:nowrap;border-radius:8px;padding:5px 8px;background:#e3f0f8;color:#185679;font-size:12px;font-weight:700}.ticket-workspace .status-esperando{background:#fff0cc;color:#805a00}.ticket-workspace .status-cerrado,.ticket-workspace .status-resuelto{background:#e6f4ee;color:#256348}.ticket-workspace .pr-alta,.ticket-workspace .pr-critica{background:#ffe6e6;color:#9d2424}
.ticket-empty{text-align:center;padding:42px 20px}.ticket-empty p{color:#506a7b}.ticket-pagination{display:flex;justify-content:space-between;padding:18px 24px}
.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.ticket-form{display:grid;gap:18px}.ticket-form h3,.ticket-history h3,.ticket-help h3{margin:0}.ticket-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ticket-form .note{margin:0;font-weight:400}.ticket-form textarea{resize:vertical;min-height:100px}.ticket-form button{justify-self:start}
.ticket-workspace .ticket-help{background:linear-gradient(145deg,#0d3049,#081b2d);color:#e1edf4;line-height:1.7}.ticket-help p,.ticket-help dd{font-size:14px;color:#bfd1dd}.ticket-help a{color:#7ddaff}.ticket-workspace dt{font-weight:700;margin-top:14px}.ticket-workspace dd{margin:3px 0 0}.ticket-workspace dl{margin:0}
.ticket-conversation{display:grid;gap:18px;min-width:0}.ticket-conversation>h3{margin:0}.ticket-message-heading{font-size:14px;align-items:start}.ticket-message-heading strong span,.ticket-message-heading time{font-size:12px;font-weight:400;color:#506a7b}.ticket-message-body{white-space:normal;overflow-wrap:anywhere;margin:18px 0 0;line-height:1.7;font-size:15px}.ticket-workspace .ticket-team{border-left:4px solid #25a4d4;background:#f3faff}.ticket-workspace .ticket-internal{border-left:4px solid #bd870c;background:#fffaed}.ticket-attachment{display:block;margin-top:14px;font-size:13px;overflow-wrap:anywhere}.ticket-checkbox{flex-direction:row!important;align-items:start}.ticket-checkbox input{margin-top:4px;width:auto}
.ticket-sidebar{display:grid;gap:22px;min-width:0}.ticket-sidebar form{display:grid;gap:14px}.ticket-sidebar dd{overflow-wrap:anywhere}.ticket-history ol{padding-left:18px;font-size:13px}.ticket-history li{margin:18px 0}.ticket-history p{overflow-wrap:anywhere}.ticket-error{background:#fff0f0;color:#912525;border:1px solid #ecc0c0;border-radius:12px;padding:14px 18px;margin-bottom:20px}
@media(max-width:900px){.ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-detail-grid{grid-template-columns:minmax(0,1fr)}.ticket-sidebar{grid-template-columns:1fr 1fr}.ticket-help{order:-1}.ticket-metrics{gap:10px}.ticket-metric{padding:14px}.ticket-toolbar .ticket-actions{width:100%}}
@media(max-width:560px){.ticket-metrics{grid-template-columns:repeat(2,1fr)}.ticket-compact-hero .detail-hero-grid{grid-template-columns:1fr}.ticket-compact-hero .detail-brand{display:none}.ticket-workspace .card{padding:20px}.ticket-filters,.ticket-form-row,.ticket-sidebar{grid-template-columns:1fr}.ticket-filters .ticket-search{grid-column:auto}.ticket-toolbar h2{font-size:23px}.ticket-message-heading{display:grid}.ticket-result-heading{padding:18px}.ticket-help{order:initial}}

