/* NORCOM NOC — Suporte + Configurações (v1). Scoped; backend/collectors untouched. */
#support,#config{min-width:0}
#support .page-heading h1,#config .page-heading h1{letter-spacing:-.03em}
#support .support-heading-actions{display:flex;gap:8px;align-items:center;max-width:100%}
#support .support-heading-actions>button{border-color:#3c5f71;font-size:11px;min-height:40px}
#support .support-service-state{display:inline-flex;align-items:center;min-height:38px;padding:9px 12px;border-radius:9px;background:#112c3d;border-color:#355b71;white-space:normal;line-height:1.35}
#support .support-stats{gap:0;background:linear-gradient(112deg,#153444,#112938);border:1px solid #35596b;border-radius:13px;overflow:hidden;margin-bottom:13px}
#support .support-stat{border:0!important;border-right:1px solid #345469!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:83px;padding:16px 14px}
#support .support-stat:last-child{border-right:0!important}
#support .support-stat span{font-size:10px;color:#aac6d5}
#support .support-stat strong{font-size:24px;font-weight:750;color:#eaf8ff;line-height:1.3}
#support .support-stat.chat strong{color:#7ae5bc}
#support .support-stat.unread strong{color:#ffd18f}
#support .support-stat.unread{background:#523e2829!important}
#support .support-tabs{background:#102c3c;border-color:#34596b;gap:5px;padding:5px;margin-bottom:13px;scroll-padding-inline:8px}
#support .support-tabs button{min-height:43px;padding:9px 14px;font-size:12px;color:#a9cad9;border:1px solid transparent;border-radius:8px;white-space:nowrap}
#support .support-tabs button.active{background:#165040;border-color:#337d68;color:#bcfce0}
#support .support-tabs button:focus-visible,#support .noc-support-quickfilters button:focus-visible{outline:2px solid #74e4bf;outline-offset:2px}
#support .support-chat-shell{gap:11px;min-width:0}
#support .support-chat-side,#support .support-chat-main{border-color:#32536a;border-radius:12px}
#support .support-chat-tools{gap:8px}
#support .support-chat-tools input{min-height:44px}
#support .support-chat-tools select{min-height:44px}
#support .noc-support-quickfilters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding:3px 0 2px}
#support .noc-support-quickfilters button{min-height:36px;padding:7px 11px;border-radius:99px;background:#152d3e;border:1px solid #37596f;color:#bbd7e4;font-size:10px;cursor:pointer;font-weight:680}
#support .noc-support-quickfilters button[aria-pressed=true]{background:#1d5b47;border-color:#42aa85;color:#d3ffec}
#support .support-chat-list .support-conv-open{min-height:66px}
#support .support-conv-status{color:#90c9bd}
#support .support-card{border-color:#325168;box-shadow:none}
#support .support-card-head h2{font-size:15px;color:#ecf8ff}
#support .support-form input,#support .support-form select,#support .support-form textarea{border-color:#39596d;background:#102437}
#support .support-chat-compose textarea{font-size:14px;min-height:45px}
#support .support-chat-compose button{min-height:45px}
/* Config navigation: jump to existing sections, no hiding/editing of form state */
#config .noc-config-nav{margin:0 0 16px;padding:13px 14px;border:1px solid #355668;border-radius:12px;background:linear-gradient(125deg,#153448,#102837);scroll-margin-top:90px}
#config .noc-config-nav-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:11px}
#config .noc-config-nav-head strong{font-size:13px;color:#e7f7ff}
#config .noc-config-nav-head span{font-size:10px;color:#a0c0d0;line-height:1.5}
#config .noc-config-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#config .noc-config-nav-links button{min-height:40px;border:1px solid #3b6278;border-radius:8px;background:#16394b;color:#c5e0ec;padding:8px 12px;font-size:11px;cursor:pointer;font-weight:660}
#config .noc-config-nav-links button[aria-current=true]{border-color:#55c6a1;background:#165444;color:#d7fff0}
#config .noc-config-nav-links button:focus-visible{outline:2px solid #66dcb8;outline-offset:2px}
#config .diagnostics-panel,#config .install-panel,#config .push-panel,#config #config-form,#config #geo-pon-toggle{scroll-margin-top:95px}
#config .diagnostics-panel{margin-top:0;border-color:#355469}
#config .config-health-overview{border-color:#33536a}
#config #config-form{padding:17px 18px;background:#102538;border:1px solid #34566a;border-radius:14px;margin-top:18px}
#config #config-form>.panel-heading{margin-bottom:8px}
#config #config-form .config-grid{margin:15px 0}
#config #config-form .config-group{background:#102c3e;border-color:#385b6f;border-radius:11px}
#config #config-form .config-group legend{color:#d6f2f1}
#config .noc-config-save-indicator{border-left:3px solid #699fc0;background:#183247;padding:8px 11px;font-size:11px;color:#b8d6e5;line-height:1.6;margin:10px 0;border-radius:0 6px 6px 0}
#config .noc-config-save-indicator[data-state=dirty]{border-left-color:#e9ac61;background:#322d29;color:#ffdcad}
#config .noc-config-save-indicator[data-state=saved]{border-left-color:#4cd0a1;background:#193a35;color:#b8ffe3}
#config .noc-config-save-indicator[data-state=warning]{border-left-color:#ed767c;background:#402832;color:#ffd0ce}
#config .push-panel{border-color:#365769}
#config .config-actions{gap:8px}
#config .config-actions button{min-height:43px}
#config .push-device{border-color:#315268}
@media(max-width:1100px){#support .support-stats{grid-template-columns:repeat(3,minmax(0,1fr))}#support .support-stat:nth-child(3){border-right:0!important}#support .support-stat:nth-child(-n+3){border-bottom:1px solid #345469!important}}
@media(max-width:800px){
 #support .support-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 #support .support-heading-actions>.support-service-state{grid-column:1/-1;width:100%;min-width:0}
 #support .support-heading-actions>button{min-height:44px;padding:8px;font-size:11px}
 #support .support-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:13px}
 #support .support-stat{min-height:74px;padding:12px;border-bottom:1px solid #345469!important}
 #support .support-stat:nth-child(odd){border-right:1px solid #345469!important}
 #support .support-stat:nth-child(even){border-right:0!important}
 #support .support-stat:last-child{grid-column:1/-1;border-bottom:0!important;border-right:0!important}
 #support .support-stat span{font-size:10px}
 #support .support-stat strong{font-size:23px}
 #support .support-tabs{top:calc(64px + env(safe-area-inset-top));gap:4px;padding:5px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 #support .support-tabs button{flex:0 0 auto;min-height:45px;padding:10px 13px;font-size:12px}
 #support .support-chat-shell{min-height:0;display:block}
 #support .support-chat-side{max-height:none;min-width:0}
 #support .support-chat-list{max-height:clamp(280px,52dvh,520px)}
 #support .support-chat-main{display:none;min-height:0}
 #support .support-chat-shell.mobile-conversation .support-chat-side{display:none!important}
 #support .support-chat-shell.mobile-conversation .support-chat-main{display:flex!important;min-height:0;max-height:calc(100dvh - 180px);overflow:hidden}
 #support .support-chat-shell.mobile-conversation .support-chat-active{min-height:0;max-height:calc(100dvh - 180px);flex:1 1 auto;overflow:hidden}
 #support .support-chat-shell.mobile-conversation .support-chat-messages{min-height:120px;max-height:none;flex:1 1 auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #support .support-chat-header{position:relative;z-index:2;flex:0 0 auto;gap:8px;padding:10px 12px}
 #support .support-mobile-back{display:inline-flex;align-items:center;min-height:42px}
 #support .support-chat-compose{flex:0 0 auto;padding:9px}
 #support .support-chat-compose textarea{font-size:16px;min-height:44px}
 #support .support-chat-compose .primary{min-height:44px}
 #support .support-quick-chips{flex:0 0 auto;max-height:52px;overscroll-behavior-x:contain}
 #support .noc-support-quickfilters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
 #support .noc-support-quickfilters button{white-space:nowrap;min-height:41px}
 #support .support-toast{bottom:calc(84px + env(safe-area-inset-bottom))}
 #config .noc-config-nav{padding:11px;margin-bottom:14px}
 #config .noc-config-nav-head{display:block}
 #config .noc-config-nav-head span{display:block;margin-top:4px}
 #config .noc-config-nav-links{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 5px}
 #config .noc-config-nav-links button{flex:0 0 auto;min-height:44px;padding:9px 12px;font-size:11px}
 #config #config-form{padding:13px 12px;border-radius:12px}
 #config #config-form>.panel-heading h2{font-size:16px}
 #config #config-form .config-grid{margin:13px 0}
 #config .noc-config-save-indicator{font-size:10px}
 #config .push-device{flex-wrap:wrap}
}
@media(max-width:400px){#support .support-heading-actions>button{font-size:10px}#support .support-chat-actions .ghost{padding:7px 5px;font-size:10px}#config .config-actions button{flex:1 1 100%;min-width:0}}