/* TJP Tracker v0.6.5 — cabeçalho, financeiro e compartilhar */

/* Cabeçalho */
.logo-area-v65{padding:0 10px;overflow:hidden;background:#050708}
.header-logo-animation{display:block;width:176px;height:44px;object-fit:contain;object-position:left center;mix-blend-mode:normal;flex:none}
@media(max-width:1250px){.header-logo-animation{width:158px;height:40px}.logo-area-v65{padding-left:8px}}
@media(max-width:720px){.header-logo-animation{width:145px;height:38px}}

/* Financeiro: entrada simples e progressiva */
.finance-toolbar-v65{align-items:flex-end;padding-bottom:14px;border-bottom:1px solid #181e24}
.finance-start{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(520px,2fr);gap:1px;margin:14px 0;background:#1b2229;border:1px solid #1b2229}
.finance-start-copy{padding:14px 16px;background:#080b0e;display:grid;align-content:center;gap:4px}
.finance-start-copy small{font-size:7px;color:#59636e;font-weight:900;letter-spacing:.08em}
.finance-start-copy h3{font-size:12px;margin:0;color:#eef2f4}
.finance-start-copy p{font-size:8px;line-height:1.45;color:#68727d;margin:2px 0 0}
.finance-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1b2229}
.finance-quick-actions button{min-width:0;min-height:82px;border:0;background:#0a0e12;padding:12px;text-align:left;cursor:pointer;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;transition:background .16s,color .16s}
.finance-quick-actions button:hover{background:#10161b}
.finance-quick-actions button span{grid-row:1/3;align-self:center;font-size:19px;color:var(--accent);font-weight:500}
.finance-quick-actions button b{font-size:9px;color:#e6ebef}
.finance-quick-actions button small{font-size:7px;color:#65707a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-kpis-v65{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:1px;background:#1b2229;border:1px solid #1b2229;margin-bottom:14px}
.finance-kpis-v65 .finance-kpi{min-height:88px;margin:0;border:0!important;background:#080b0e;padding:13px 14px;display:grid;align-content:space-between;gap:7px}
.finance-kpis-v65 .finance-kpi small{font-size:7px;color:#64707b;text-transform:uppercase;letter-spacing:.06em}
.finance-kpis-v65 .finance-kpi strong{font-size:18px;letter-spacing:-.03em}
.finance-kpis-v65 .finance-kpi .currency-lines{display:flex;gap:7px 12px;flex-wrap:wrap}
.finance-kpis-v65 .finance-kpi .currency-lines b{padding:0;border:0;background:transparent;font-size:11px}
.finance-kpi-caption{font-size:7px;color:#525c67;line-height:1.4}
.finance-view-tabs{display:flex;align-items:center;border-bottom:1px solid #1b2229;margin-bottom:14px}
.finance-view-tabs button{height:34px;border:0;background:transparent;color:#66717c;padding:0 14px;font-size:8px;font-weight:850;cursor:pointer;position:relative}
.finance-view-tabs button:hover{color:#cfd5da}
.finance-view-tabs button.active{color:#fff}
.finance-view-tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--accent)}
.finance-view{display:none}.finance-view.active{display:block}
.finance-overview-grid-v65{display:grid;grid-template-columns:1.18fr .9fr .9fr;gap:1px;background:#1b2229;border:1px solid #1b2229}
.finance-overview-grid-v65>.finance-card{margin:0!important;border:0!important;background:#080b0e;min-height:245px;padding:14px}
.section-help{margin:5px 0 0;font-size:7.5px;color:#626d78;line-height:1.45;max-width:600px}
.finance-money-overview,.finance-simple-flow,.finance-alerts{margin-top:12px;display:grid;gap:1px;background:#171d24;border:1px solid #171d24}
.finance-money-line,.finance-flow-line-v65,.finance-alert-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:49px;background:#0a0e12;padding:9px 10px}
.finance-money-line span,.finance-flow-line-v65 span,.finance-alert-line span{display:grid;gap:3px;min-width:0}
.finance-money-line b,.finance-flow-line-v65 b,.finance-alert-line b{font-size:8.5px;color:#dce1e5}
.finance-money-line small,.finance-flow-line-v65 small,.finance-alert-line small{font-size:7px;color:#5f6973;line-height:1.35}
.finance-money-line strong,.finance-flow-line-v65 strong,.finance-alert-line strong{font-size:10px;white-space:nowrap}
.finance-money-line.total{background:#0c1116;min-height:61px}.finance-money-line.total b{font-size:9.5px}.finance-money-line.total strong{font-size:14px}
.finance-flow-line-v65.net{background:#0c1116;border-top:1px solid #222a32}.finance-flow-line-v65.net strong{font-size:14px}
.finance-alert-line.ok strong{color:var(--accent)}.finance-alert-line.warn strong{color:var(--amber)}.finance-alert-line.bad strong{color:var(--red)}
.finance-recent-card,.finance-ledger-v65,.finance-wallets-card,.owner-card{margin-top:14px!important}
.finance-recent-list{margin-top:10px;border:1px solid #1b222a;background:#1b222a;display:grid;gap:1px}
.finance-recent-item{display:grid;grid-template-columns:82px 96px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:47px;padding:8px 10px;background:#090d11}
.finance-recent-item:hover{background:#0d1217}
.finance-recent-item time{font-size:7px;color:#66717c}.finance-recent-item .kind{font-size:7px;font-weight:850;color:#98a2ac}.finance-recent-item .description{min-width:0}.finance-recent-item .description b{display:block;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-recent-item .description small{font-size:7px;color:#5c6670}.finance-recent-item>strong{font-size:9px;white-space:nowrap}
.finance-recent-item button{border:0;background:transparent;color:#65717b;font-size:7px;cursor:pointer}.finance-recent-item button:hover{color:#fff}
.finance-filterbar-v65{margin:13px 0 11px}
.finance-ledger-v65{padding:14px}.finance-ledger-v65 .finance-table-wrap{margin-top:0}
.wallet-grid-v65{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:#192028;border:1px solid #192028;margin-top:12px}
.wallet-grid-v65 .wallet-card{margin:0;border:0!important;background:#090d11;padding:13px;min-height:145px}
.wallet-grid-v65 .wallet-card.is-exness{box-shadow:inset 2px 0 var(--accent)}
.finance-empty-v65{padding:20px;background:#090d11;color:#68727c;font-size:8px;line-height:1.5;text-align:center}
.finance-empty-v65 b{display:block;color:#dce1e5;font-size:9px;margin-bottom:5px}
.finance-empty-v65 button{margin-top:10px}

/* Compartilhar: fluxo curto e confiável */
.share-workspace-v65{grid-template-columns:minmax(0,1fr) 330px;gap:0;min-height:calc(100vh - var(--top) - 28px);border:1px solid #171d24;background:#050708}
.share-preview-v65{padding:22px;background:#050708;border-right:1px solid #171d24;justify-content:center}
.share-controls-v65{padding:18px;background:#080b0e;overflow:auto;border:0}
.share-controls-v65 .control-title{padding-bottom:12px;border-bottom:1px solid #1a2128;margin-bottom:12px}
.share-controls-v65 .control-title small{font-size:7px;color:#59636d;letter-spacing:.08em;font-weight:900}
.share-controls-v65 .control-title h2{font-size:14px;margin:4px 0 0}
.share-controls-v65 .control-title p{font-size:8px;color:#626d78;line-height:1.45;margin:6px 0 0}
.share-controls-v65>label,.share-controls-v65 .share-control-grid label{display:grid;gap:5px;margin-bottom:9px;color:#7a8490;font-size:8px}
.share-controls-v65 select,.share-controls-v65 input[type="color"]{height:34px;border:1px solid #222a32;background:#0a0e12;color:#dce1e5;padding:0 9px;outline:0}
.share-controls-v65 input[type="color"]{padding:4px;width:100%}
.share-preview-caption{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding-top:8px;color:#69747e;font-size:8px}
.share-preview-dot{width:6px;height:6px;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.55)}
.share-live-preview-shell canvas{border:1px solid #252d35!important;background:#050708!important;box-shadow:none!important;border-radius:0!important}
.share-downloads-v65{grid-template-columns:1fr 1fr;margin-top:12px}
.share-downloads-v65 button{height:38px}
.share-bg-upload input{height:34px;padding:5px!important;font-size:7px}
.share-market-status{border-radius:0!important}
.share-controls-v65 .compact-toggle-list{grid-template-columns:1fr 1fr}

@media(max-width:1180px){
  .finance-start{grid-template-columns:1fr}.finance-quick-actions{grid-template-columns:repeat(4,1fr)}
  .finance-kpis-v65{grid-template-columns:1fr 1fr}.finance-overview-grid-v65{grid-template-columns:1fr 1fr}.finance-alert-card{grid-column:1/-1}
  .share-workspace-v65{grid-template-columns:minmax(0,1fr) 310px}
}
@media(max-width:900px){
  .finance-quick-actions{grid-template-columns:1fr 1fr}.finance-kpis-v65,.finance-overview-grid-v65{grid-template-columns:1fr}
  .finance-alert-card{grid-column:auto}.finance-recent-item{grid-template-columns:72px 80px minmax(0,1fr) auto}.finance-recent-item button{display:none}
  .share-workspace-v65{grid-template-columns:1fr}.share-preview-v65{border-right:0;border-bottom:1px solid #171d24}.share-controls-v65 .compact-toggle-list{grid-template-columns:1fr 1fr}
}

/* Ajustes de espaço do cabeçalho com escala ampliada */
.top-nav-btn{padding-left:9px;padding-right:9px}
.top-nav-btn.active:after{left:9px;right:9px}
.top-search{width:150px}
.top-tools{gap:5px;padding-left:8px;padding-right:8px}
.text-tool{padding-left:7px;padding-right:7px}

/* O atributo hidden precisa vencer os layouts em grid herdados. */
.share-controls-v65 [hidden]{display:none!important}
.share-workspace-v65{min-height:520px;height:auto}
.share-preview-v65{min-height:520px}
.share-live-preview-shell canvas{max-height:430px!important}
@media(max-width:1180px){.top-search{width:125px}.top-nav-btn{padding-left:7px;padding-right:7px}.top-nav-btn.active:after{left:7px;right:7px}}
.share-preview-v65{justify-content:flex-start!important;padding-top:22px}
