/* FORZA NEXO — visual system aligned with the official brand manual.
   Corporate palette: manual pp.27–28; Montserrat: pp.21–22.
   Kanit is the source of the approved logo, not a replacement drawn with text.
   Loaded after legacy views. Base values are CSS pixels; the compact display scale below is user-requested. */
:root{
 --nx-red:#d60000;--nx-text:#000000;--nx-muted:#575756;--nx-line:#dadada;
 --nx-surface:#ffffff;--nx-canvas:#ededed;--nx-nav:232px;--nx-header:64px;
 --nx-input-font:15px;--nx-button-font:14px;--nx-control-height:44px;
 --nx-field-gap:16px;--nx-action-gap:12px;--nx-panel-pad:24px;--nx-radius:8px;
 --nx-radius-panel:12px;--nx-radius-hero:16px;--nx-ink-deep:#000000;
 --nx-ink-raised:#000000;--nx-cyan:#b2b2b2;--nx-focus:#575756;
 --nx-font-ui:Montserrat,Arial,sans-serif;
 --nx-font-brand:Montserrat,Arial,sans-serif;
 --nx-shadow:0 3px 14px #00000006;--nx-shadow-raised:0 8px 28px #00000010;
}
html{color-scheme:light;scroll-padding-top:84px}
body{font-family:var(--nx-font-ui);font-size:15px;color:var(--nx-text);background:linear-gradient(135deg,#ededed 0%,#ffffff 55%,#ededed 100%);line-height:1.55}
body :is(button,input,select,textarea){font-family:var(--nx-font-ui)}
body :is(h1,h2,h3){font-family:var(--nx-font-brand);letter-spacing:-.35px;line-height:1.35}
body .muted{color:var(--nx-muted)}
body a{color:#575756;text-underline-offset:3px}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--nx-focus);outline-offset:3px}
body ::selection{background:#dadada;color:#000000}
body button{transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}
body button:active:not(:disabled){transform:translateY(1px)}
/* Navigation remains stable while the reading surface stays bright. */
body header,body.signed-in header{background:linear-gradient(100deg,#000000,#000000 75%,#000000);border-bottom:1px solid #b2b2b240;box-shadow:0 3px 18px #0000001a}
body header .brand-label{font-family:var(--nx-font-brand);letter-spacing:3px!important;color:#ffffff}
body header .brand-label span{font-family:var(--nx-font-ui);font-size:11px!important;line-height:1.4;color:#dadada}
body header .header-session :is(.session-points,#notificationsNav){background:#000000;border-color:#575756;color:#ffffff;border-radius:8px;min-height:44px}
body header .header-session :is(.session-points,#notificationsNav):hover{background:#575756;border-color:#b2b2b2}
body header .session-points-copy small{font-size:12px;color:#dadada}
body header .notifications-label{font-size:13px}
body header .account-menu>summary{font-size:14px;color:#ffffff}
body header .header-session :is(button,summary):focus-visible{outline-color:var(--nx-cyan)}
body header .account-menu-panel{background:#ffffff;border:1px solid #dadada;box-shadow:var(--nx-shadow-raised);border-radius:12px;padding:8px}
body header .account-menu-panel button{font-size:14px!important;color:var(--nx-text)!important;min-height:44px}
body header .account-menu-panel button:focus-visible{outline-color:var(--nx-focus)}
body .appnav{background:linear-gradient(180deg,#000000,#000000)!important;color:#dadada!important;border-right:1px solid #575756!important;padding:20px 12px!important}
body .appnav .nav-group{margin-bottom:24px}
body .appnav .nav-group h2{font-family:var(--nx-font-ui);font-size:11px;color:#b2b2b2!important;letter-spacing:1.2px;margin-bottom:10px}
body .appnav button{font-size:14px!important;font-weight:500!important;color:#dadada!important;background:transparent!important;border-radius:8px!important;min-height:44px!important;padding:11px 12px!important;line-height:1.4}
body .appnav button:hover{background:#575756!important;color:#ffffff!important}
body .appnav button[aria-current=page]{background:#575756!important;color:#ffffff!important;box-shadow:inset 3px 0 #d60000,0 0 0 1px #b2b2b220!important;font-weight:650!important}
body .appnav button:focus-visible{outline:2px solid var(--nx-cyan);outline-offset:-2px}
body .appnav .nav-administration>summary{font-size:14px;color:#dadada;min-height:44px;padding:12px}
body .appnav .nav-signature{border-color:#575756!important;color:#b2b2b2!important;font-size:12px}
body .appnav .nav-signature :is(strong,span){color:#dadada!important;font-size:12px}
body .appnav .nav-symbol{color:inherit}
body .appnav::-webkit-scrollbar-track{background:#000000!important}
body .appnav::-webkit-scrollbar-thumb{background:#575756!important}
/* Predictable type and interactive scale. */
#appScreen{padding:24px 32px 32px}
#appScreen :is(h1,.dialoghead h2){font-size:28px!important;line-height:1.3;letter-spacing:-.65px;color:var(--nx-text)}
#appScreen h2{font-size:21px}#appScreen h3{font-size:18px}
#appScreen label,.auth-card label,#userActionForm label{font-size:13px!important;color:var(--nx-text);font-weight:550;line-height:1.5}
#appScreen :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),.auth-card :is(input,select,textarea),#userActionForm :is(input,select,textarea){font-family:var(--nx-font-ui);font-size:15px!important;color:var(--nx-text);background:#ffffff;border:1px solid #878787;border-radius:8px!important;line-height:1.5;box-shadow:none}
#appScreen :is(input,textarea)::placeholder,.auth-card input::placeholder{color:#575756;opacity:1}
#appScreen :is(input,select,textarea):focus,.auth-card input:focus{border-color:var(--nx-focus);box-shadow:0 0 0 3px #57575614}
#appScreen :is(button.primary,button.secondary,button.close),.auth-card button,#userActionDialog button{font-size:14px!important;line-height:1.45;min-height:44px;padding:10px 16px;border-radius:8px;letter-spacing:0}
#appScreen button.primary,.auth-card button.primary,dialog button.primary{background:var(--nx-red);color:#ffffff;border:1px solid var(--nx-red);box-shadow:0 3px 8px #d6000010}
#appScreen button.primary:hover,.auth-card button.primary:hover,dialog button.primary:hover{background:#d60000;border-color:#d60000;box-shadow:0 4px 12px #d6000020}
#appScreen button.secondary,.auth-card button.secondary{background:#ffffff;color:#575756;border:1px solid #878787;box-shadow:none}
#appScreen button.secondary:hover{background:#ededed;border-color:#878787}
#appScreen button:disabled,dialog button:disabled{transform:none;cursor:default}
#appScreen :is(.muted,.status,small,figcaption){font-size:13px;line-height:1.6}
#appScreen .eyebrow{font-family:var(--nx-font-ui);font-size:12px;font-weight:700;letter-spacing:1.5px}
#appScreen .status:empty{margin:0;padding:0}
#appScreen .status{line-height:1.6}
#appScreen .guide-eyebrow{font-size:12px}
#appScreen .badge{font-size:12px;line-height:1.4;border-radius:6px}
#appScreen :is(.searchbox,.user-card,.quality-section,.functional-maintenance,.functional-gaps,.profile-editor,.reward-history-item,.trash-item,.collaboration-panel){border:1px solid var(--nx-line);border-radius:12px;background:#ffffff;box-shadow:var(--nx-shadow)}
#appScreen :is(.searchbox,.quality-section,.functional-maintenance,.functional-gaps,.profile-editor){padding:20px!important}
#appScreen .work-page{padding:24px!important;border-color:var(--nx-line);border-radius:16px;background:#ffffff;box-shadow:var(--nx-shadow)}
#appScreen .dialoghead{gap:16px;margin-bottom:20px;padding-bottom:16px;border-color:var(--nx-line)}
#appScreen :is(.action-group,.user-actions,.reward-actions,.photo-actions,.step-photo-actions){gap:12px}
/* Search shows the answer first, with optional comparison details. */
#appScreen .hero-copy h1{font-size:28px!important;line-height:1.3!important}
#appScreen .hero #new,#appScreen .searchrow #search{font-size:14px!important}
#appScreen .search-heading h2{font-size:18px!important}
#appScreen .searchrow textarea{font-size:16px!important;min-height:68px!important;line-height:1.6}
#appScreen .searchbox .status{font-size:13px!important}
#appScreen .filter-panel>summary{font-size:13px;min-height:44px;line-height:1.6}
#appScreen .filters :is(input,select){font-size:15px!important}
#appScreen .solution-row,#appScreen .catalog-list .solution-row{padding:16px 20px;min-height:88px;gap:14px;background:#ffffff;border-color:var(--nx-line)}
#appScreen .solution-row:hover{background:#ffffff;box-shadow:inset 3px 0 var(--nx-focus)}
#appScreen .solution-row-copy>strong{font-size:17px;line-height:1.4;color:var(--nx-text);font-weight:650}
#appScreen .solution-row-summary{font-size:15px;line-height:1.55;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#appScreen .solution-tags{gap:6px;margin:4px 0}
#appScreen .solution-tags .solution-tag{font-size:12px;padding:3px 8px;min-height:24px}
#appScreen .applicability-preview{margin-top:7px;gap:3px;color:#575756}
#appScreen .applicability-preview>small{font-size:13px;line-height:1.5}
#appScreen .applicability-preview[data-compared=false]>strong{display:none}
#appScreen .applicability-preview[data-compared=false][data-details=false]{display:none}
#appScreen :is(.functional-disclosure,.admin-library-menu,.catalog-filters,.wiki-disclosure){border-color:var(--nx-line);border-radius:8px}
#appScreen .functional-disclosure{margin:16px 0;background:#ffffff}
#appScreen .functional-disclosure>summary{font-size:14px;padding:11px 0}
#appScreen :is(.admin-library-fields,.review-priority-tools) label{font-size:13px!important}
#appScreen .catalog-list .solution-list{border:1px solid var(--nx-line);border-radius:12px;overflow:hidden}
#appScreen .list-pagination{font-size:13px;gap:12px;margin:20px 0}
/* Reading and authoring use the same density without hiding content. */
#appScreen .wiki-article{font-family:var(--nx-font-ui);font-size:16px;line-height:1.65}
#appScreen .wiki-section>p,#appScreen .wiki-step-content p,#appScreen .wiki-resolution p{font-size:16px;line-height:1.65;color:#575756;max-width:72ch}
#appScreen .wiki-section{margin-top:24px}
#appScreen .wiki-section>h3{font-size:19px;line-height:1.4;margin-bottom:10px}
#appScreen .wiki-resolution{background:linear-gradient(110deg,#ededed,#ffffff);border-left:3px solid var(--nx-red);padding:18px 20px;border-radius:0 12px 12px 0}
#appScreen .wiki-resolution .guide-eyebrow{color:#d60000}
#appScreen .wiki-applicability :is(p,small){font-size:13px;color:#575756}
#appScreen .wiki-case-meta :is(dt,small),#appScreen .wiki-fact dt{color:#575756}
#appScreen .wiki-sidebar :is(dt,small){color:#575756;font-size:13px}
#appScreen .wiki-sidebar dd{font-size:14px;color:var(--nx-text)}
#appScreen .wiki-solution .guide-view-tabs>button{font-size:14px;min-height:44px;transition:none}
#appScreen .wiki-solution .guide-article-actions>button{font-size:14px!important;padding:10px 14px}
#appScreen .wiki-solution .guide-management-block{padding:20px 0}
#appScreen .wiki-solution .guide-management-block p,#appScreen .wiki-solution .guide-event-note{font-size:15px;line-height:1.6}
#appScreen .wiki-solution .guide-event-heading small,#appScreen .wiki-solution .guide-owner-facts dt{font-size:13px;color:#575756}
#appScreen .guide-maintenance-notice{background:#ededed;border-color:#575756;color:#575756}
#appScreen .guide-maintenance-notice p{color:#575756}
#appScreen #formDialog label,#appScreen .procedure-editor-row>label{font-size:13px!important;color:var(--nx-text)}
#appScreen .capture-tabs{gap:8px;padding-bottom:16px}
#appScreen .capture-tabs button{background:#ffffff;color:#575756;border:1px solid #878787;font-size:14px!important;padding:10px 12px;min-height:44px!important;transition:none!important}
#appScreen .capture-tabs button[aria-current=step]{background:#000000!important;color:#ffffff!important;border-color:#000000!important;box-shadow:inset 3px 0 #d60000}
#appScreen .capture-controls{background:#fffffffa;border-color:var(--nx-line);padding:12px 0 0;gap:12px}
#appScreen .capture-controls p,#appScreen .draft-save-status,#appScreen .step-photo-status{font-size:13px!important;color:#575756}
#appScreen .procedure-editor .procedure-editor-row{border:1px solid var(--nx-line);border-radius:12px;padding:18px 20px;box-shadow:none}
#appScreen .step-number{border-radius:8px;background:#000000;color:#ffffff;font-variant-numeric:tabular-nums}
#appScreen .step-add-footer>small,#appScreen .procedure-editor>p.muted{color:#575756;font-size:13px!important}
#appScreen .procedure-editor .step-add-button{font-size:14px!important;min-height:48px;border-color:#878787;background:#ffffff;color:#575756}
#appScreen .step-tools-menu{border-color:#dadada;border-radius:12px;box-shadow:var(--nx-shadow-raised)}
#appScreen .step-tools-menu button{font-size:14px!important;color:#575756!important}
#appScreen .duplicate-suggestions{border-color:#dadada;background:#ffffff;border-radius:12px}
/* Recognition retains the metal medals and adds restrained technical lighting. */
#appScreen .stars-workspace .star-hero{background:radial-gradient(ellipse at 95% 0,#57575688,transparent 48%),radial-gradient(ellipse at 0 100%,#d6000044,transparent 48%),#000000;border:1px solid #575756;padding:24px;border-radius:16px;box-shadow:0 8px 26px #00000012}
#appScreen .star-hero>h2{color:#ffffff;font-size:26px}
#appScreen .star-hero>p,#appScreen .star-hero>small{color:#dadada;font-size:13px}
#appScreen .star-hero .muted{color:#dadada}
#appScreen .star-hero .superstar-person{padding:18px;box-shadow:none}
#appScreen .star-hero .superstar-person>h3{font-size:17px}
#appScreen .star-hero .superstar-person>strong{font-size:28px;font-family:var(--nx-font-ui);font-weight:750;letter-spacing:-.5px}
#appScreen .star-hero .superstar-person>p{font-size:13px;line-height:1.5}
#appScreen .star-hero .superstar-person small{font-size:13px}
#appScreen .star-medal-copy small{font-size:12px!important;color:#dadada!important}
#appScreen .star-card-link{font-size:14px}
#appScreen .star-personal{padding:18px 20px;gap:12px 24px;border-radius:12px;border-color:var(--nx-line);border-left-color:var(--nx-red)}
#appScreen .star-personal-metrics{gap:28px}
#appScreen .star-personal-metrics small{font-size:13px;color:#575756}
#appScreen .star-ranking-head{font-size:12px;color:#575756}
#appScreen .star-ranking-row{min-height:76px;padding:12px 16px}
#appScreen .star-identity strong{font-size:15px}#appScreen .star-identity small{font-size:13px;color:#575756}
#appScreen .star-points{font-size:22px;font-variant-numeric:tabular-nums}
#appScreen .stars-workspace .recognition-filters>label{font-size:13px;color:#575756}
#appScreen .stars-workspace .recognition-ranking>p{font-size:14px;color:#575756}
#appScreen .stars-workspace .superstar-wallet{padding:0 0 8px}
#appScreen .stars-workspace .star-goal{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.4fr);gap:8px 20px;align-items:center;padding:16px 20px;margin:12px 0 20px;border:1px solid var(--nx-line);background:#ffffff;border-radius:12px}
#appScreen .star-goal h3{font-size:17px;margin:0}
#appScreen .star-goal select{max-width:none}
#appScreen .star-goal progress{height:8px;margin:0;grid-column:2;grid-row:2}
#appScreen .star-goal p{font-size:13px;line-height:1.5;margin:0;grid-column:1/-1}
#appScreen .stars-workspace .superstar-catalog{padding-top:16px}
#appScreen .superstar-catalog>h3{font-size:21px;margin:0 0 6px}
#appScreen .superstar-catalog>p{font-size:14px;margin:0 0 16px}
#appScreen .stars-workspace .reward-product{padding:16px;border:1px solid var(--nx-line);border-radius:12px;box-shadow:var(--nx-shadow)}
#appScreen .reward-product :is(.reward-catalog-photo,.reward-photo-placeholder){height:140px;border-radius:8px;background:#ededed}
#appScreen .reward-product>h4{font-size:18px;margin:10px 0 6px;line-height:1.4;color:var(--nx-text)}
#appScreen .reward-product>small{font-size:12px;color:#575756;margin:10px 0 0}
#appScreen .reward-product>p{font-size:14px;line-height:1.55;margin:6px 0 14px}
#appScreen .reward-product-footer{padding-top:14px}
#appScreen .reward-product-footer>strong{font-size:20px;color:#d60000}
#appScreen .stars-workspace .reward-product.reward-is-goal{border-color:var(--nx-red)}
#appScreen .reward-history-item{padding:18px!important;border-left-color:#878787}
#appScreen .reward-history-item :is(small,.reward-last-note){font-size:13px;line-height:1.6}
/* Administration, profile, activity and access follow the same surface system. */
#appScreen .personal-profile-banner{background:linear-gradient(115deg,#000000,#575756);color:#ffffff;border:1px solid #575756;border-radius:16px}
#appScreen .personal-profile-banner :is(h1,h2,h3){color:#ffffff!important}
#appScreen .personal-profile-banner :is(p,small,.muted){color:#dadada}
#appScreen :is(.profile-bio,.personal-achievements p,.user-info p,.quality-section p,.notification p){font-size:15px;line-height:1.6}
#appScreen :is(.user-card,.notification,.trash-item){padding:18px;border-color:var(--nx-line);border-radius:12px;background:#ffffff}
#appScreen .user-info :is(small,.muted),#appScreen .notification small{font-size:13px;color:#575756}
#appScreen .quality-section h2,#appScreen .functional-maintenance h2,#appScreen .functional-gaps h2{font-size:21px}
#appScreen .maintenance-row :is(a,strong){font-size:15px}
#appScreen .maintenance-row p,#appScreen .maintenance-row small{font-size:14px}
#appScreen .quality-section{margin:20px 0}
#appScreen .stat{border-radius:12px;background:linear-gradient(130deg,#000000,#575756);border:1px solid #575756;color:#ffffff;box-shadow:var(--nx-shadow)}
#appScreen .stat small{font-size:13px;color:#dadada}
#appScreen .stat strong{font-family:var(--nx-font-ui);font-variant-numeric:tabular-nums}
#appScreen .danger-action{color:#d60000;background:#ffffff;border-color:#b2b2b2}
#appScreen footer{font-size:12px;line-height:1.6;color:#575756;border-color:var(--nx-line);padding-top:24px}
#appScreen .brand-footer{font-size:13px;color:#575756}
#appScreen .nav-signature span{font-size:12px}
.auth-screen{background:radial-gradient(ellipse at 15% 0,#ededed4d,transparent 55%),var(--nx-canvas);font-family:var(--nx-font-ui)}
.auth-card{border:1px solid #dadada!important;border-top:3px solid var(--nx-red)!important;border-radius:16px!important;background:#ffffff!important;box-shadow:0 12px 40px #00000012!important;padding:32px!important}
.auth-card h1{font-family:var(--nx-font-brand);font-size:28px;color:var(--nx-text)}
.auth-card p{font-size:15px;line-height:1.6;color:#575756}
.auth-card .eyebrow{font-size:12px;color:#d60000;letter-spacing:1.5px}
.auth-brand{background:linear-gradient(130deg,#000000,#575756)!important;color:#ffffff}
.auth-brand :is(p,small){font-size:14px!important;color:#dadada!important}
.auth-recovery-link{color:#d60000;font-size:14px;min-height:44px}
dialog:not(.interactive-viewer){font-family:var(--nx-font-ui);color:var(--nx-text);border:1px solid #dadada;border-radius:16px;box-shadow:0 20px 70px #00000040}
dialog:not(.interactive-viewer)::backdrop{background:#00000077;backdrop-filter:blur(4px)}
.nexo-action-dialog{padding:24px;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.nexo-action-dialog h2{font-family:var(--nx-font-brand);font-size:24px;line-height:1.35}
.nexo-action-dialog p,.nexo-action-dialog label{font-size:15px;line-height:1.6;color:#575756}
.nexo-action-dialog :is(input,textarea,select){font-family:var(--nx-font-ui);font-size:16px;color:var(--nx-text);border-color:#878787;border-radius:8px}
.nexo-action-dialog button{min-height:44px;font-size:14px;border-radius:8px}
.star-breakdown>div{background:#ededed;border:1px solid #dadada;border-radius:8px}
.star-breakdown small{font-size:13px;color:#575756}
.star-contribution small{font-size:13px;color:#575756}
/* State-specific selectors keep dark areas and hidden views intact. */
#appScreen #recognitionPage:not([data-reward-view=ranking])>.recognition-filters,
#appScreen #recognitionPage:not([data-reward-view=shop]) .star-goal{display:none}
[hidden]{display:none!important}
@media(max-width:1100px){#appScreen{padding:24px}body header .brand-label span{display:none}}
@media(max-width:900px){#appScreen{width:100%;margin-left:0}body .appnav{box-shadow:10px 0 40px #00000030}body header #menuToggle{color:#ededed;border-color:#878787;background:#000000}}
@media(max-width:700px){
 #appScreen :is(h1,.dialoghead h2),#appScreen .hero-copy h1{font-size:24px!important;line-height:1.35!important}
 #appScreen h2{font-size:20px}#appScreen h3{font-size:18px}
 #appScreen .stars-workspace .star-hero{padding:20px 16px}
 #appScreen .star-hero .superstar-person{display:grid;padding:16px}
 #appScreen .star-hero .superstar-person>h3{font-size:16px}
 #appScreen .star-hero .superstar-person>strong{font-size:25px}
 #appScreen .star-ranking-head{font-size:11px;padding:12px 6px}
 #appScreen .star-ranking-row{grid-template-columns:30px minmax(0,1fr) 42px 60px;gap:8px;padding:12px 6px}
 #appScreen .star-identity strong{font-size:14px}#appScreen .star-identity small{font-size:12px}
 #appScreen .star-personal-metrics{gap:18px}
 #appScreen .stars-workspace .star-goal{grid-template-columns:1fr;padding:16px;gap:10px}
 #appScreen .star-goal :is(progress,p){grid-column:1;grid-row:auto}
 #appScreen .reward-product :is(.reward-catalog-photo,.reward-photo-placeholder){height:150px}
}
@media(max-width:600px){
 #appScreen{padding:18px 14px 28px!important}
 #appScreen .work-page{padding:18px 14px!important}
 #appScreen :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.auth-card :is(input,select,textarea){font-size:16px!important}
 #appScreen label,.auth-card label{font-size:13px!important}
 #appScreen .solution-row,#appScreen .catalog-list .solution-row{padding:15px 14px}
 #appScreen .solution-row-copy>strong{font-size:16px}
 #appScreen .solution-row-summary{font-size:15px}
 #appScreen .wiki-section>p,#appScreen .wiki-step-content p,#appScreen .wiki-resolution p{font-size:16px;line-height:1.65}
 #appScreen .wiki-resolution{padding:16px}
 #appScreen :is(.searchbox,.quality-section,.functional-maintenance,.functional-gaps,.profile-editor){padding:18px!important}
 #appScreen .capture-tabs button{font-size:13px!important;padding:10px 8px}
 #appScreen .guide-article-actions>button{font-size:13px!important}
 body header .session-points-copy strong{font-size:12px}
 body header .header-session{gap:6px!important}
 .auth-card{padding:24px 20px!important}
 .nexo-action-dialog{padding:20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
/* Navigation headings and icons are utility elements, never page titles. */
#appScreen .appnav .nav-group h2{font-family:var(--nx-font-ui);font-size:11px!important;line-height:1.5;font-weight:650;letter-spacing:1.2px;color:#b2b2b2!important;margin:0 12px 12px;border:0;padding:0;box-shadow:none}
#appScreen .appnav button{border:0!important}
#appScreen .appnav :is(.nav-symbol,svg){color:inherit;stroke:currentColor}
#appScreen .wiki-facts dt{font-size:13px;color:#575756}
#appScreen .wiki-facts dd{font-size:14px;color:#575756}
#appScreen :is(h1,h2)[tabindex="-1"]:focus{outline:none}
#appScreen .appnav :is(.nav-symbol,svg,path){color:#dadada!important;stroke:#dadada!important}
#appScreen .appnav button[aria-current=page] :is(.nav-symbol,svg,path){color:#ffffff!important;stroke:#ffffff!important}
body header #notificationCount{font-size:12px;min-width:18px;line-height:16px}
#appScreen .quick-improvement-disclosure{border:0;border-top:1px solid var(--nx-line);padding:0;margin:16px 0;background:transparent;border-radius:0}
#appScreen .quick-improvement-disclosure>summary{min-height:44px;padding:12px 0;font-size:14px;line-height:1.5;color:#575756;cursor:pointer}
#appScreen .quick-improvement-disclosure .quick-improvement-actions{margin:0 0 12px;gap:8px}
#appScreen .brand-footer span{font-size:12px;color:#575756}
#appScreen .wiki-toc>strong{font-size:12px;color:#575756;letter-spacing:1px}
@media(max-width:600px){#userActionForm :is(input,select,textarea){font-size:16px!important}}
#appScreen .guide-danger-zone>button,#appScreen button.danger-action{color:#d60000;background:#ffffff;border-color:#b2b2b2}

/* Icon-only dictation controls keep a full-size glyph inside a 44px target. */
#appScreen button.mic-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:7px!important;line-height:1;border-radius:8px!important;color:#575756;background:#ffffff}
#appScreen button.mic-button svg{display:block;flex:none!important;width:26px!important;height:26px!important;min-width:26px;stroke-width:2;pointer-events:none}
#appScreen button.mic-button:hover{background:#ededed;border-color:#878787}
#appScreen button.mic-button.listening{background:#d60000;color:#ffffff;border-color:#d60000;box-shadow:0 0 0 3px #d600001a}

/* Corporate identity: source manual pp.13,21–22,26–28,30,34–44,71–73.
   Metal colors remain exclusive to the user-requested recognition medals. */
:root{--nx-red:#d60000;--nx-text:#000000;--nx-muted:#575756;--nx-line:#dadada;--nx-canvas:#ededed;--nx-focus:#d60000;--nx-cyan:#ffffff;--forza-logo-clear:14px}
body{background:#ededed}
body a{color:#d60000}
body header,body.signed-in header{background:#000000;border-bottom:1px solid #575756;box-shadow:0 3px 18px #0000001a}
body .appnav{background:#000000!important;border-right-color:#575756!important}
body .appnav button[aria-current=page]{background:#575756!important;box-shadow:inset 3px 0 #d60000!important}
body .appnav button:hover{background:#575756!important}
body .appnav button:focus-visible,body header .header-session :is(button,summary):focus-visible{outline-color:#ffffff}
body header .account-menu-panel button:focus-visible{outline-color:#d60000}
body header .header-session :is(.session-points,#notificationsNav){background:#000000;border-color:#878787;color:#ffffff}
body header .header-session :is(.session-points,#notificationsNav):hover{background:#575756;border-color:#dadada}
body header .brand-label{font-weight:750;letter-spacing:2px!important}
body header .brand-label span{font-weight:400;letter-spacing:0!important}
body .home-logo img{height:auto!important;object-fit:contain;filter:none!important;transform:none!important}
body header .brand{min-width:0;align-items:center}
body header .brand .home-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--forza-logo-clear);min-height:44px;line-height:0;margin:0}
body header .brand img{width:104px!important;margin:0!important}
body header .brand-label{margin-left:0!important;padding-left:14px!important;border-left-color:#878787}
#appScreen .brand-footer .home-logo{display:inline-flex;align-items:center;padding:14px;line-height:0;min-height:44px}
#appScreen .brand-footer img{width:100px;height:auto!important;margin:0}
body .home-logo:focus-visible{outline:2px solid #d60000;outline-offset:0}
body header .home-logo:focus-visible{outline-color:#ffffff}
#appScreen .solution-tags .solution-tag{color:#575756;background:#ededed;border-color:#dadada!important}
#appScreen .solution-tag-category{--tag-ink:#575756;--tag-bg:#ededed;--tag-line:#dadada}
#appScreen .solution-tag-category:before{background:#575756}
#appScreen .wiki-resolution{background:#ededed;border-left-color:#d60000}
#appScreen .guide-maintenance-notice,#appScreen .guide-warning{background:#ededed;border-color:#d60000;color:#000000}
#appScreen .guide-maintenance-notice p{color:#000000}
#appScreen .review-state{background:#ededed;color:#575756}
#appScreen .review-state:is(.rejected,.changes_requested){background:#ffffff;color:#d60000;border-color:#d60000}
#appScreen .stars-workspace .star-hero{background:radial-gradient(ellipse at 95% 0,#d6000026,transparent 55%),#000000;border-color:#575756}
#appScreen .star-hero>.eyebrow{color:#ffffff}
#appScreen .stat{background:#000000;border-color:#575756}
#appScreen .personal-profile-banner{background:linear-gradient(120deg,#000000 50%,#575756);border-color:#575756}
.auth-brand{background:linear-gradient(135deg,#000000 45%,#d60000)!important}
.auth-screen{background:#ededed}
#appScreen .quick-improvement-disclosure>summary{color:#575756}
#appScreen button.mic-button{color:#000000;background:#ffffff}
#appScreen button.mic-button:hover{background:#ededed;border-color:#575756}
#appScreen button.mic-button.listening{background:#d60000;color:#ffffff;border-color:#d60000}
#appScreen .capture-tabs button[aria-current=step]{background:#000000!important;color:#ffffff!important;border-color:#000000!important;box-shadow:inset 3px 0 #d60000}
#appScreen :is(input,select,textarea):focus,.auth-card input:focus{border-color:#d60000;box-shadow:0 0 0 3px #d6000014}
@media(max-width:900px){body header .brand .home-logo{--forza-logo-clear:10px}body header .brand img{width:84px!important}}
@media(max-width:680px){body header .brand .home-logo{padding:8px;min-height:44px}body header .brand img{width:64px!important}body header .brand-label{display:none}}
@media(max-width:380px){body header .brand img{width:54px!important}body header{gap:4px;padding-inline:6px}}
@media(max-width:380px){body header .header-session .session-points{max-width:80px}body header .session-points-copy strong{max-width:62px}}
body :is(input[type=checkbox],input[type=radio],progress){accent-color:#d60000}
body header .session-points svg{stroke:#d60000}
#appScreen button.mic-button{border-radius:50%!important}
@media(max-width:900px){body header .brand .home-logo{--forza-logo-clear:12px}}
body .home-logo img{aspect-ratio:3868 / 1183}

/* Indicadores: filtro temporal compacto */
#appScreen .insight-filters{grid-column:1/-1;display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid #dadada;border-radius:12px}
#appScreen .insight-filters label{display:flex;flex-direction:column;gap:6px;font-size:14px}
#appScreen .insight-date-fields{display:flex;gap:12px;flex-wrap:wrap}
#appScreen .insight-filters input,#appScreen .insight-filters select{min-height:44px;width:auto;max-width:100%;font:inherit}
#appScreen .insight-filters p{flex-basis:100%;margin:0}
@media(max-width:680px){#appScreen .insight-filters>label,#appScreen .insight-date-fields,#appScreen .insight-date-fields label{width:100%}#appScreen .insight-filters input,#appScreen .insight-filters select{width:100%;font-size:16px}}

/* Ranking: contenedor coherente y encabezado con espacio de lectura */
#appScreen .stars-workspace .recognition-ranking{padding:0;margin:22px 0;border:1px solid var(--nx-line);border-radius:var(--nx-radius-panel);background:#fff;box-shadow:var(--nx-shadow);overflow:hidden}
#appScreen .stars-workspace .recognition-ranking>h2{margin:0;padding:20px 20px 0}
#appScreen .stars-workspace .recognition-ranking>p{margin:8px 0 0;padding:0 20px 20px}
#appScreen .stars-workspace .recognition-ranking .star-ranking-head{padding-left:20px;padding-right:20px}
#appScreen .stars-workspace .recognition-ranking .star-ranking-row{padding-left:20px;padding-right:20px}
#appScreen .stars-workspace .recognition-ranking .star-ranking-row:last-child{border-bottom:0}
#appScreen .stars-workspace .recognition-ranking .star-ranking-row:focus-visible{outline:3px solid var(--nx-red);outline-offset:-3px}
@media(max-width:680px){
 #appScreen .stars-workspace .recognition-ranking>h2{padding:16px 12px 0}
 #appScreen .stars-workspace .recognition-ranking>p{padding:0 12px 16px}
 #appScreen .stars-workspace .recognition-ranking :is(.star-ranking-head,.star-ranking-row){padding-left:12px;padding-right:12px}
}

/* Escala compacta solicitada: navegador al 100 %, interfaz al 90 %. */
body{zoom:.9}
/* Conservar áreas de interacción de 44 px efectivos. */
body :is(button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,summary){min-height:49px}
#appScreen :is(button.primary,button.secondary,button.close),body header .header-session :is(.session-points,#notificationsNav),body .appnav button{min-height:49px!important}
#appScreen .mic-button{min-width:49px!important;min-height:49px!important;width:49px!important;height:49px!important}
/* Paneles heredados que habían quedado sin radio ni margen interior. */
#appScreen .stars-workspace :is(.recognition-awards,.recognition-verification,.recognition-rating,.recognition-rules,.recognition-disclosure){border:1px solid var(--nx-line);border-radius:var(--nx-radius-panel);background:#fff;padding:20px;margin:20px 0;box-shadow:var(--nx-shadow)}
#appScreen .stars-workspace :is(.recognition-awards,.recognition-verification,.recognition-rating)>:first-child{margin-top:0}
#appScreen .stars-workspace :is(.recognition-awards,.recognition-verification,.recognition-rating)>:last-child{margin-bottom:0}
#appScreen .stars-workspace :is(.recognition-awards,.recognition-rating) details{border:1px solid var(--nx-line);border-radius:var(--nx-radius);padding:12px 16px;margin-top:16px}
#appScreen .stars-workspace :is(.recognition-rules,.recognition-disclosure)>summary{display:list-item;align-content:center;min-height:49px}
#appScreen :is(.wiki-disclosure,.functional-disclosure,.admin-library-menu,.catalog-filters){border-radius:var(--nx-radius)}
@media(max-width:680px){
 #appScreen .stars-workspace :is(.recognition-awards,.recognition-verification,.recognition-rating,.recognition-rules,.recognition-disclosure){padding:16px}
 #appScreen :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.auth-card :is(input,select,textarea){font-size:17.78px!important}
}

body #appScreen button,body .auth-card button,body header button,body dialog button{min-height:49px!important}
#appScreen #reviewRecognition details{border-radius:var(--nx-radius);padding:12px 16px}