/* NEXO 3.3 - experiencia de produto */
.product-top-actions{display:flex;align-items:center;gap:8px}.product-icon-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel);font-size:22px}.product-icon-button:hover,.product-icon-button.has-unread{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}.product-icon-button b{position:absolute;top:-5px;right:-5px;min-width:19px;padding:3px 5px;border:2px solid var(--panel);border-radius:999px;color:#fff;background:var(--red);font-size:8px}.product-dialog{width:min(92vw,680px);padding:22px;border-radius:20px;color:var(--ink);background:var(--panel)}.product-dialog::backdrop{background:rgba(8,22,42,.55);backdrop-filter:blur(5px)}.product-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.product-dialog-head h2{font-size:21px}.product-dialog-head button{width:36px;height:36px;border:0;border-radius:50%;color:var(--muted);background:var(--paper);font-size:22px}.global-search-field{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 13px;border:2px solid var(--blue);border-radius:13px;background:var(--panel)}.global-search-field span{font-size:21px}.global-search-field input{padding:8px 0;border:0;background:transparent;font-size:14px}.global-search-results{display:grid;gap:5px;max-height:52vh;margin:14px 0;overflow:auto}.global-search-results button{display:grid;grid-template-columns:80px 1fr;gap:2px 12px;padding:13px;border:0;border-radius:11px;color:var(--ink);background:transparent;text-align:left}.global-search-results button:hover,.global-search-results button:focus{outline:0;background:var(--pale)}.global-search-results strong{font-size:12px}.global-search-results small{grid-column:2;color:var(--muted);font-size:9px}.search-result-kind{grid-row:1/3;align-self:center;padding:5px 7px;border-radius:7px;color:var(--blue);background:var(--pale);font-size:8px;font-weight:700;text-align:center}.product-shortcut{display:block;color:var(--muted);text-align:center}.product-empty{display:grid;gap:5px;padding:34px;color:var(--muted);text-align:center}.product-empty strong{color:var(--ink)}
.notification-list{display:grid;gap:7px;max-height:56vh;margin-bottom:14px;overflow:auto}.notification-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel);text-align:left}.notification-item i{width:9px;height:9px;border-radius:50%;background:var(--blue)}.notification-item.warning i{background:var(--amber)}.notification-item.danger i{background:var(--red)}.notification-item.finance i{background:var(--green)}.notification-item.mention i{box-shadow:0 0 0 5px var(--pale)}.notification-item span,.notification-item strong,.notification-item small{display:block}.notification-item strong{margin-bottom:4px;font-size:11px}.notification-item small{color:var(--muted);font-size:9px}.notification-item.read{opacity:.58}.notification-item.read i{background:var(--muted)}
.onboarding-card{display:grid;grid-template-columns:minmax(190px,.8fr) 1.6fr auto;gap:18px;align-items:center;margin-bottom:18px;padding:20px;border:1px solid #bcd8fa;border-radius:16px;background:linear-gradient(120deg,var(--panel),var(--pale));box-shadow:var(--shadow)}.onboarding-card h2{margin-bottom:5px}.onboarding-card p:last-child{margin:0;color:var(--muted);font-size:9px}.onboarding-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.onboarding-steps button{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--panel);font-size:9px;text-align:left}.onboarding-steps button span{color:var(--blue);font-size:15px}.onboarding-steps button.done{opacity:.6}.onboarding-steps button.done span{color:var(--green)}
.product-dashboard-switch{display:flex;justify-content:flex-end;gap:4px;margin-bottom:12px}.product-dashboard-switch button{padding:8px 12px;border:1px solid var(--line);color:var(--muted);background:var(--panel);font-size:9px;font-weight:700}.product-dashboard-switch button:first-child{border-radius:9px 0 0 9px}.product-dashboard-switch button:last-child{border-radius:0 9px 9px 0}.product-dashboard-switch button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.executive-dashboard{display:none}.executive-mode>.executive-dashboard{display:block}.executive-mode>.stats-grid,.executive-mode>.next-card,.executive-mode>.dashboard-grid,.executive-mode>.focus-dashboard-overview,.executive-mode>.focus-secondary,.executive-mode>.focus-footer,.executive-mode>#nexo314-dashboard-more,.executive-mode>#nexo-onboarding{display:none!important}.executive-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.executive-kpis article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.executive-kpis span,.executive-kpis small,.executive-kpis strong{display:block}.executive-kpis span{color:var(--muted);font-size:9px}.executive-kpis strong{margin:9px 0 6px;font-size:22px}.executive-kpis small{color:var(--muted);font-size:8px}.executive-kpis .risk strong{color:var(--red)}.executive-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.executive-bar{margin:16px 0}.executive-bar>span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:9px}.executive-bar>i{display:block;height:9px;overflow:hidden;border-radius:99px;background:var(--paper)}.executive-bar em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--blue2))}.executive-insight{padding:12px;border-radius:9px;color:var(--muted);background:var(--paper);font-size:10px;line-height:1.5}
.task-comment-button{position:relative;padding:5px 7px!important;border:1px solid var(--line)!important;border-radius:6px!important;color:var(--blue)!important;background:var(--panel)!important;font-size:8px!important}.task-comment-button b{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:50%;color:#fff;background:var(--red);font-size:7px}.comment-list{display:grid;gap:9px;max-height:43vh;margin-bottom:15px;overflow:auto}.comment-list article{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.comment-list header{display:flex;justify-content:space-between;gap:10px}.comment-list strong{font-size:10px}.comment-list time,.comment-list small{color:var(--muted);font-size:8px}.comment-list p{margin:9px 0;white-space:pre-wrap;font-size:11px;line-height:1.55}.comment-list small{display:block;margin-top:4px}.more-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.more-module-grid button{display:grid;place-items:center;gap:8px;min-height:88px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--panel)}.more-module-grid button:hover{color:var(--blue);background:var(--pale)}.more-module-grid span{font-size:20px}.more-module-grid svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.more-module-grid strong{font-size:9px}
@media(max-width:900px){.onboarding-card{grid-template-columns:1fr}.executive-kpis{grid-template-columns:repeat(2,1fr)}.executive-panels{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{align-items:flex-start}.product-top-actions{gap:5px}.product-top-actions>.primary-button{display:none}.product-icon-button{width:38px;height:38px}.mobile-nav [data-view="proposals"],.mobile-nav [data-view="hours"],.mobile-nav [data-view="calendar"],.mobile-nav [data-view="finance"],.mobile-nav [data-view="team"],.mobile-nav [data-view="reports"],.mobile-nav [data-view="settings"],.mobile-nav [data-view="integration"],.mobile-nav [data-view="engineering"]{display:none}.mobile-nav{justify-content:space-around;overflow:hidden}.mobile-nav button{min-width:54px}.product-dialog{width:100vw;max-width:none;margin:auto 0 0;border-radius:22px 22px 0 0}.product-dialog[open]{position:fixed;inset:auto 0 0;max-height:88vh}.global-search-results{max-height:54vh}.onboarding-steps,.executive-kpis{grid-template-columns:1fr}.more-module-grid{grid-template-columns:repeat(3,1fr)}.executive-kpis article{padding:16px}.executive-panels{grid-template-columns:1fr}.task-actions{flex-wrap:wrap}}