/* HeroX HQ — Finance module (Transactions sheet, Cash Flow cells, Labels). Uses the app's colour tokens from app.css. */

/* segmented switch: Cash Flow 2026 / 2025, Plans sub-tabs */
.fseg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);flex-shrink:0}
.fseg a{padding:5px 14px;font-size:13px;font-weight:500;color:var(--ink2);text-decoration:none;border-left:1px solid var(--border);white-space:nowrap}
.fseg a:first-child{border-left:0}
.fseg a:hover{background:var(--surface2);color:var(--ink)}
.fseg a.on{background:var(--accent-soft);color:var(--accent);font-weight:650}

/* Transactions */
#finb .ftbar{margin:6px 0 4px;gap:6px}
#finb .ftbar .in{padding:5px 8px;font-size:13px}
#finb .ftbar select.in{max-width:170px}
#finb .fhint{margin:0 0 8px;color:var(--ink3)}
#finb .fhint b{color:var(--ink2);font-weight:600}
#finb .fpager{display:inline-flex;align-items:center;gap:6px}
#finb .sheet tr.txdraft td{background:var(--surface2)}
#finb .sheet tr.txdraft td.rn{color:var(--accent)}
#finb .sheet tr.txdraft td .cv{color:var(--ink2)}
#finb .kpis.fkp{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#finb .kpis.fkp .kpi .v,#modal .kpis.fkp .kpi .v{font-size:19px}

/* Labels */
#finb .sheet td.pos .cv,#finb .sheet td.pos .cv a{color:var(--ok)}
#finb .sheet td.b .cv{font-weight:650}
#finb .sheet tr.xfer td .cv,#finb .sheet td.xfer .cv,#finb .sheet td.xfer .cv a{color:var(--ink3);font-style:italic}
#finb .flink{color:inherit;text-decoration:none;cursor:pointer}
#finb .flink:hover{color:var(--sel);text-decoration:underline}
#finb .sheet td .cv a.flink{color:inherit}
#finb .sheet td .cv a.flink:hover{color:var(--sel)}
#finb #lbfixbox{align-items:center;flex-wrap:wrap;line-height:1.5}
#finb #lbfixbox .btn{flex-shrink:0}
#finb #lbfixbox .small{margin-top:2px}
#finb #lbfixbox .lbwhy{opacity:.75}

/* Workbook (Cash Flow, 🆕 Flow, Plans): budget cells are typed into, actuals are read-only and grey */
.wbt td{cursor:cell}
.wbt td.ro{cursor:default}
.wbt td.ro:not(.robg){color:#80868b!important}
.wbt td.ro.robg{font-style:italic}
.wbt td.ro.err{color:#c5221f!important}
.wbt thead th.act{color:#9aa0a6;font-style:italic}
.wbt thead th.bud{color:#1a73e8}
.wbt td.ed{padding:0;overflow:visible;outline:none}
.wbin{display:block;width:100%;height:21px;border:0;margin:0;padding:0 4px;font:inherit;color:#000;background:#fff;outline:2px solid #1a73e8;outline-offset:-1px;box-shadow:0 2px 8px rgba(60,64,67,.3);text-align:inherit}
.wbt td.nope{animation:wbnope .45s}
@keyframes wbnope{0%,100%{box-shadow:none}30%,70%{box-shadow:inset 0 0 0 2px #d93025}}
.wbhint{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.fro{color:#80868b}
.fok{color:var(--ok)}

@media (max-width:700px){
  #finb .ftbar #txq{width:100%!important}
  .wbhint{display:none}
}
/* Cash Flow label cells = dropdown chips of the Labels list (like Sheets data validation) */
.wbt td.lbl{cursor:pointer}
.wbt td.lbl .lblc{float:right;margin-left:4px;font-style:normal;font-size:10px;line-height:inherit;color:var(--ink3);opacity:.55}
.wbt td.lbl:hover .lblc,.wbt td.lbl.sel .lblc{opacity:1;color:var(--accent)}
.wbt td.lblx{box-shadow:inset 0 0 0 2px #f5a3a3;background-image:linear-gradient(#fdecec,#fdecec)}
.hqpop .bad{color:#b10202}
.tabs .fin-more{align-self:center;color:var(--ink3);padding:0 6px}
.tabs .fin-more a{display:inline;padding:0;border:0;color:var(--ink2);font-weight:500}
.tabs .fin-more a.on{color:var(--accent);text-decoration:underline}