/* VECor: logo oficial e vinho #51252f do site institucional. */
:root{--brand-wine:#51252f;--brand-wine-hover:#6c3542;--brand-dark:#290f15;--brand-rust:#a36556;--brand-ink:#352e30;--brand-muted:#7b7174;--brand-paper:#f8f6f5;--brand-soft:#f2e9e7;--brand-line:#e8dfdc;--index-accent:var(--brand-wine);--index-ink:var(--brand-ink);--index-line:var(--brand-line)}
body{color:var(--brand-ink);background:var(--brand-paper)}
*:focus-visible{outline:2px solid #a36556;outline-offset:3px}
.brandLogo{background:url('/assets/brand/vecor-logo.webp') center/contain no-repeat;width:100%;aspect-ratio:1384/352;flex-shrink:0}
/* Navegação principal: tipografia, espaço e um único acento de cor. */
#indexSidebar{background:linear-gradient(165deg,#51252f 0%,#36191f 48%,#290f15 100%);color:#ecdedd;border-right:1px solid #36191f;padding:0 18px}
#indexLogoWrap{padding:30px 6px 28px}
#indexBrand{display:flex;flex-direction:column;gap:13px;align-items:flex-start;width:100%}
#indexBrand .brandLogo{width:168px;max-width:100%;height:58px;aspect-ratio:auto;background-color:#fff;border:10px solid #fff;border-radius:5px;box-shadow:none}
#indexBrandSub{margin:0 0 0 3px;color:#dcc4c4;font-size:11px;letter-spacing:0;font-weight:400}
#indexMenu{display:flex;flex-direction:column;gap:24px;padding:10px 0 24px}
.indexMenuGroup{display:flex;flex-direction:column;gap:5px}
.indexMenuGroupLabel{display:flex;align-items:center;gap:10px;padding:0 5px 8px;color:#c6a4ab;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;line-height:1.5;cursor:default}
.indexMenuGroupLabel:after{content:"";flex:1;height:1px;background:#ffffff1b}

#indexSidebar .indexMenuItem{position:relative;display:flex;align-items:center;min-height:46px;padding:12px 14px;gap:0;border:1px solid transparent;border-radius:8px;background:#ffffff09;box-shadow:none;color:#f0e2e5;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.5;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}
#indexSidebar .indexMenuItem:hover{background:#ffffff17;border-color:#ffffff14;color:#fff}
#indexSidebar .indexMenuItemActive,#indexSidebar .indexMenuItemActive:hover{background:#ffffff20;border-color:#ffffff24;color:#fff;font-weight:650;box-shadow:none}
#indexSidebar .indexMenuItemActive:before{display:none}
#indexSidebar .indexMenuItem:focus-visible{outline:2px solid #b78e89;outline-offset:1px}
#indexSidebarFooter{margin:auto 6px 24px;padding:16px 0 0;border-top:1px solid #ffffff20}
#indexSidebar #authLogout{width:100%;margin:0;padding:11px 14px;min-height:42px;border:1px solid #ffffff35;border-radius:6px;background:transparent;color:#e0c7cf;text-align:left;font-size:12px;font-weight:500;box-shadow:none;cursor:pointer}
#indexSidebar #authLogout:hover{background:#ffffff12;color:#fff;border-color:#ffffff65}
#indexContent,#homeWorkspace,#timesheetMain,#usuariosMain,#equipamentosMain,#relatoriosMain,#authSecurityPage{background:var(--brand-paper);color:var(--brand-ink)}
#indexContentTop{border-color:var(--brand-line)}
#indexContentTopTitle{color:var(--brand-ink)}
#indexContentTopSubMenu .indexContentTopSubMenuItem{color:#7a686e}
#indexContentTopSubMenu .indexContentTopSubMenuItemActive,#indexContentTopSubMenu .indexContentTopSubMenuItem:hover{border-color:#b88c92;color:var(--brand-wine);background:#f7efee}
#indexContentTopSubMenu.timesheetSectionTabs{background:#efeae8;border-color:var(--brand-line)}
#indexContentTopSubMenu.timesheetSectionTabs .indexContentTopSubMenuItem{color:#79656b}
#indexContentTopSubMenu.timesheetSectionTabs .indexContentTopSubMenuItem:hover{color:var(--brand-wine);border-color:#dcc5c7;background:#fff}
#indexContentTopSubMenu.timesheetSectionTabs .indexContentTopSubMenuItemActive{background:var(--brand-wine);border-color:var(--brand-wine);color:#fff;box-shadow:0 2px 6px #51252f18}
#indexContentTopSubMenu.timesheetSectionTabs .indexContentTopSubMenuItemActive:hover{background:var(--brand-wine-hover);color:#fff}
#timesheetMainHeader,.timesheetMainCard{border-color:var(--brand-line)}
.timesheetMainCardLabel{color:var(--brand-muted)}
#timesheetMainPrintBtn,#timesheetMainCopyBtn{background:#fff;border-color:var(--brand-line);color:var(--brand-wine)}
#timesheetMainPrintBtn:hover,#timesheetMainCopyBtn:hover{background:#f7efee;border-color:#cba5ad}
#timesheetMainSummaryCloseWrap{border-color:var(--brand-line)}
.homeEyebrow{color:var(--brand-rust)}
.homeHeading,.homeTitle,.homePeriod,.homeMetricLabel{color:var(--brand-ink)}
.homeSubtitle,.homeMuted,.homePersonStatus,.homeRecentSource,.homeEmpty{color:var(--brand-muted)}
.homeButton{background:var(--brand-wine);border-color:var(--brand-wine)}
.homeButton:hover{background:var(--brand-wine-hover)}
.homeButtonGhost{background:white;color:var(--brand-wine);border-color:var(--brand-line)}
.homeButtonGhost:hover{background:#f4ebea}
.homeMetric,.homePanel{border-color:var(--brand-line)}
.homeMetricAttention{background:#fbf3e8;border-color:#eee0cd}
.homeTextButton{color:var(--brand-wine)}
.homeInput{border-color:var(--brand-line);color:var(--brand-ink)}
#homeSearch{background:#fcfaf9}
.homeFilters,.homePlanModes{background:#eee9e7}
.homeFilter{color:#7b656c}
.homeFilterActive{color:var(--brand-wine);border-color:#e2cece;background:#fff;box-shadow:0 1px 3px #51252f08}
.homeTableHead{background:#faf7f6;border-color:var(--brand-line);color:#887a7f}
.homeTeamRow{border-color:#f1ebe9}
.homeTeamRow:hover{background:#fcf7f5}
.homeTeamRowSelected,.homeTeamRowSelected:hover{background:#faf0ed;box-shadow:inset 3px 0 #a36556}
.homeAvatar{background:#f2e8e4;border-color:#eadbd6;color:#845349}
.homeSheetLink{color:var(--brand-wine);border-color:var(--brand-line)}
.homePanelFoot{background:#fcfaf9;border-color:var(--brand-line)}
.homePlanPanel{background:#fcf8f4;border-color:#e9dacf}
.homePlanPerson{border-color:#eaded6}
.homePlanPerson .homeAvatar{background:#efe0d7}
.homeFieldLabel{color:#7a6762}
.homePlanResult{background:#f2e6df;border-color:#e8d7cb}
.homeResultNumber{color:var(--brand-wine)}
.homeResultCaption{color:#775e56}
.homePlanNote{color:#83756f}
.homeRep,.homeRecentRow,.homeHoliday{border-color:#efe8e5}
.homeDateTile{background:#f7f0e9;border-color:#eaddcf;color:#8d654c}
.homeAgendaTip{border-color:#eaded6}
.homeBarLegend{color:var(--brand-muted)}
.homeViewSwitch{background:#f0eae8;border-color:var(--brand-line)}
.homeViewButton{color:#7b656c}
.homeViewButtonActive{color:var(--brand-wine);border-color:#e2cece;background:#fff;box-shadow:0 1px 3px #51252f08}
.homeBarTrack{background:#efebe9}
.homeTeamBars .homeTeam{border-color:var(--brand-line)}
#indexMenu,#homeWorkspace,.homeTeam{scrollbar-color:#cbb9b5 transparent}
/* Cores de crédito, débito, alertas e situação mantêm o significado operacional. */
#authLoginPage{min-height:0;position:relative;background:radial-gradient(ellipse at 15% 0%,#8b50453d 0,transparent 65%),radial-gradient(ellipse at 100% 100%,#853c4933 0,transparent 60%),linear-gradient(130deg,#51252f,#290f15);color:var(--brand-ink);padding:40px 24px}
.authCard{border-color:#eaded9;border-radius:18px;box-shadow:0 22px 70px #20080e24}
.authBrand{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}
.authBrand .brandLogo{width:240px;max-width:100%}
.authBrandSub{margin:0;font-size:9px;letter-spacing:2.8px;color:#91776d}
.authTitle{color:var(--brand-wine)}
.authDescription{color:var(--brand-muted)}
.authLabel{color:#6d565e}
.authField input{background:#fdfbfa;border-color:#dfd1d0;color:var(--brand-ink)}
.authField input:focus{outline:2px solid #a36556}
.authSubmit{background:var(--brand-wine);border-color:var(--brand-wine)}
.authSubmit:hover{background:var(--brand-wine-hover)}
.authHint,.authFootnote{color:#8b7b7e}
#brandFooter,#brandFooter *{font-family:Inter,Arial,sans-serif}
#brandFooter{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;min-height:47px;border-top:1px solid var(--brand-line);background:#fffdfc;color:#94868a;font-family:Inter,Arial,sans-serif;font-size:10px;line-height:1.5}
#brandFooterLink{display:flex;align-items:center;gap:5px;border-radius:4px;cursor:pointer;padding:2px 0;color:#77666c}
#brandFooterLink *{cursor:inherit}
.brandFooterName{font-size:11px;font-weight:750;letter-spacing:1.8px;color:var(--brand-wine)}
#brandFooterLink svg{height:14px;width:14px;margin-left:3px;color:#a87d70;transition:transform .15s}
#brandFooterLink:hover .brandFooterName{text-decoration:underline;text-underline-offset:3px}
#brandFooterLink:hover svg{transform:translate(2px,-2px)}
body:has(#authLoginPage)>#brandFooter{background:#290f15;border-color:#ffffff12;color:#b49a9f;padding-left:32px;padding-right:32px}
body:has(#authLoginPage) #brandFooterLink{color:#cbb1b7}
body:has(#authLoginPage) .brandFooterName{color:#f2ded6}
body:has(#authLoginPage) #brandFooterLink svg{color:#d7a58e}
