/* nuda uno — client financial profile from connected account data. */
#nuda-os-proposal .ob-intro { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin:8px 0 24px; }
#nuda-os-proposal .ob-kicker { color:var(--os-accent); font-size:11px; letter-spacing:1.6px; font-weight:600; margin-bottom:8px; }
#nuda-os-proposal .ob-intro h2 { font-size:25px; letter-spacing:-.7px; margin-bottom:6px; }
#nuda-os-proposal .ob-demo-label { font-size:11px; color:var(--os-muted); border:1px solid var(--os-line); border-radius:6px; padding:5px 8px; flex-shrink:0; }
#nuda-os-proposal .ob-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }
#nuda-os-proposal .ob-primary, #nuda-os-proposal .ob-rail { display:flex; flex-direction:column; gap:24px; min-width:0; }
#nuda-os-proposal .ob-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:24px 24px 18px; }
#nuda-os-proposal .ob-section-head > div { min-width:0; }
#nuda-os-proposal .ob-section-head h2 { font-size:17px; }
#nuda-os-proposal .ob-section-head p { margin-top:4px; }
#nuda-os-proposal .ob-period { background:var(--os-bg); color:var(--os-muted); padding:5px 9px; font-size:12px; border-radius:6px; white-space:nowrap; }
#nuda-os-proposal .ob-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:4px 24px 24px; }
#nuda-os-proposal .ob-kpis > div { padding:0 18px; border-right:1px solid var(--os-line); min-width:0; }
#nuda-os-proposal .ob-kpis > div:first-child { padding-left:0; }
#nuda-os-proposal .ob-kpis > div:last-child { border:0; padding-right:0; }
#nuda-os-proposal .ob-kpis span { display:block; font-size:12px; color:var(--os-muted); }
#nuda-os-proposal .ob-kpis strong { display:block; font-size:clamp(21px,1.75vw,28px); font-weight:600; letter-spacing:-.8px; margin:9px 0 7px; font-variant-numeric:tabular-nums; white-space:nowrap; }
#nuda-os-proposal .ob-kpis small { display:block; font-size:11px; color:var(--os-muted); line-height:1.55; }
#nuda-os-proposal .ob-net strong { color:var(--os-accent); }
#nuda-os-proposal .ob-bars { display:grid; gap:17px; padding:6px 24px 12px; }
#nuda-os-proposal .ob-month { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:16px; }
#nuda-os-proposal .ob-month > span { font-size:12px; color:var(--os-muted); }
#nuda-os-proposal .ob-month > div { display:grid; gap:5px; }
#nuda-os-proposal .ob-month i { display:block; width:var(--bar); height:23px; border-radius:4px; font-style:normal; }
#nuda-os-proposal .ob-month b { display:block; text-align:right; padding-right:8px; font-size:11px; font-weight:500; line-height:23px; }
#nuda-os-proposal .ob-bar-income { background:var(--os-accent); color:var(--os-accent-ink); }
#nuda-os-proposal .ob-bar-outgoing { background:light-dark(#d6dfe6,#415560); color:var(--os-ink); }
#nuda-os-proposal .ob-legend { display:flex; gap:18px; padding:3px 24px 18px 108px; font-size:11px; color:var(--os-muted); }
#nuda-os-proposal .ob-legend span { display:flex; align-items:center; gap:6px; }
#nuda-os-proposal .ob-legend i { width:7px; height:7px; border-radius:2px; background:var(--os-accent); }
#nuda-os-proposal .ob-legend span:last-child i { background:light-dark(#d6dfe6,#415560); }
#nuda-os-proposal .ob-footnote { margin:0 24px; padding:16px 0 20px; border-top:1px solid var(--os-line); font-size:11px; line-height:1.6; color:var(--os-muted); }
#nuda-os-proposal .ob-section-symbol { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--os-soft); color:var(--os-accent); flex-shrink:0; }
#nuda-os-proposal .ob-explanation { margin:0 24px 18px; color:var(--os-muted); font-size:13px; max-width:670px; }
#nuda-os-proposal .ob-filters { display:flex; gap:7px; padding:0 24px 18px; border-bottom:1px solid var(--os-line); overflow-x:auto; }
#nuda-os-proposal .ob-filters button { background:transparent; border:1px solid var(--os-line); padding:6px 12px; border-radius:7px; color:var(--os-muted); font-size:12px; white-space:nowrap; }
#nuda-os-proposal .ob-filters button[aria-pressed="true"] { border-color:var(--os-accent); color:var(--os-accent); background:var(--os-soft); }
#nuda-os-proposal .ob-finding { padding:24px; border-bottom:1px solid var(--os-line); }
#nuda-os-proposal .ob-finding-main { display:flex; align-items:center; gap:14px; }
#nuda-os-proposal .ob-product-icon { flex:0 0 40px; height:40px; display:grid; place-items:center; border-radius:11px; color:var(--os-accent); background:var(--os-bg); }
#nuda-os-proposal .ob-product-icon svg { width:20px; height:20px; }
#nuda-os-proposal .ob-finding-copy { min-width:0; flex:1; }
#nuda-os-proposal .ob-finding-copy h3 { font-size:16px; margin:7px 0 3px; }
#nuda-os-proposal .ob-tags { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#nuda-os-proposal .ob-tags > .os-caption { font-size:11px; }
#nuda-os-proposal .ob-observed { text-align:right; flex-shrink:0; }
#nuda-os-proposal .ob-observed strong { display:block; font-size:19px; font-weight:600; font-variant-numeric:tabular-nums; }
#nuda-os-proposal .ob-observed span { display:block; font-size:10px; color:var(--os-muted); margin-top:4px; }
#nuda-os-proposal .ob-signal { margin:17px 0 14px 54px; display:flex; gap:8px; align-items:flex-start; color:var(--os-muted); font-size:12px; }
#nuda-os-proposal .ob-signal svg { flex-shrink:0; width:15px; margin-top:2px; }
#nuda-os-proposal .ob-finding-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-left:54px; }
#nuda-os-proposal .ob-finding-actions .os-button { font-size:12px; min-height:36px; }
#nuda-os-proposal .ob-finding-actions .os-link { font-size:12px; }
#nuda-os-proposal .ob-evidence { margin-top:20px; border:1px solid var(--os-line); border-radius:10px; background:var(--os-bg); padding:18px; }
#nuda-os-proposal .ob-evidence h4 { margin:0 0 12px; font-size:13px; font-weight:600; }
#nuda-os-proposal .ob-evidence table { width:100%; table-layout:fixed; font-size:12px; }
#nuda-os-proposal .ob-evidence th { padding:8px 4px; font-size:11px; background:transparent; }
#nuda-os-proposal .ob-evidence th:first-child { width:20%; }
#nuda-os-proposal .ob-evidence th:last-child { width:22%; text-align:right; }
#nuda-os-proposal .ob-evidence td { padding:12px 4px; vertical-align:top; overflow-wrap:anywhere; }
#nuda-os-proposal .ob-evidence td:last-child { text-align:right; white-space:nowrap; }
#nuda-os-proposal .ob-evidence small { display:block; font-size:10px; color:var(--os-muted); line-height:1.6; margin-top:3px; }
#nuda-os-proposal .ob-missing { display:flex; gap:8px; color:var(--os-muted); font-size:12px; margin:14px 0 7px; }
#nuda-os-proposal .ob-missing svg { flex-shrink:0; margin-top:2px; }
#nuda-os-proposal .ob-known { padding:20px 24px; display:flex; align-items:center; gap:13px; background:var(--os-bg); border-radius:0 0 14px 14px; }
#nuda-os-proposal .ob-known > div { flex:1; min-width:0; }
#nuda-os-proposal .ob-known h3 { font-size:13px; }
#nuda-os-proposal .ob-known .os-sub { font-size:12px; margin:4px 0; }
#nuda-os-proposal .ob-known .os-caption { font-size:11px; }
#nuda-os-proposal .ob-connection { padding:22px; }
#nuda-os-proposal .ob-connection .ob-section-head { padding:0 0 20px; gap:10px; flex-wrap:wrap; }
#nuda-os-proposal .ob-connection .ob-section-head > .os-badge { margin-left:44px; }
#nuda-os-proposal .ob-connection h2 { font-size:15px; }
#nuda-os-proposal .ob-bank-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--os-soft); color:var(--os-accent); }
#nuda-os-proposal .ob-bank-mark svg { width:19px; height:19px; }
#nuda-os-proposal .ob-accounts { display:grid; gap:17px; padding:0 0 16px; }
#nuda-os-proposal .ob-accounts > div { display:flex; justify-content:space-between; align-items:center; gap:12px; }
#nuda-os-proposal .ob-accounts strong { font-size:12px; font-weight:500; }
#nuda-os-proposal .ob-accounts span { display:block; font-size:11px; color:var(--os-muted); margin-top:4px; }
#nuda-os-proposal .ob-connection > .os-caption { font-size:11px; }
#nuda-os-proposal .ob-connection-meta { display:grid; grid-template-columns:1fr; gap:3px; padding:18px 0; border-top:1px solid var(--os-line); margin-top:18px; }
#nuda-os-proposal .ob-connection-meta span { font-size:11px; color:var(--os-muted); }
#nuda-os-proposal .ob-connection-meta strong { font-size:12px; font-weight:500; margin-bottom:9px; }
#nuda-os-proposal .ob-connection-meta strong:last-child { margin:0; }
#nuda-os-proposal .ob-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
#nuda-os-proposal .ob-connection .ob-actions .os-button { font-size:12px; }
#nuda-os-proposal .ob-spending { padding:24px 22px; }
#nuda-os-proposal .ob-spending > .os-caption { font-size:11px; margin-top:5px; }
#nuda-os-proposal .ob-spending-row { display:grid; grid-template-columns:1fr auto; gap:8px; margin:21px 0; font-size:12px; }
#nuda-os-proposal .ob-spending-row strong { font-weight:500; }
#nuda-os-proposal .ob-spending-row > div { grid-column:1/-1; background:var(--os-bg); height:4px; border-radius:4px; }
#nuda-os-proposal .ob-spending-row i { display:block; background:var(--os-accent); height:4px; border-radius:4px; opacity:.7; }
#nuda-os-proposal .ob-meeting { padding:24px; border-radius:14px; background:light-dark(#eaf3f5,#203840); }
#nuda-os-proposal .ob-meeting > span { color:var(--os-accent); }
#nuda-os-proposal .ob-meeting h2 { margin:14px 0 8px; }
#nuda-os-proposal .ob-meeting p { color:var(--os-muted); font-size:13px; line-height:1.65; }
#nuda-os-proposal .ob-meeting .os-button { margin-top:20px; }
#nuda-os-proposal .ob-overview { display:flex; align-items:center; gap:18px; padding:22px; margin-bottom:22px; border-left:3px solid var(--os-accent); }
#nuda-os-proposal .ob-overview > div:nth-child(2) { flex:1; }
#nuda-os-proposal .ob-overview h2 { margin-bottom:4px; }
#nuda-os-proposal .ob-overview-icon, #nuda-os-proposal .ob-empty-icon { background:var(--os-soft); color:var(--os-accent); display:grid; place-items:center; width:44px; height:44px; border-radius:12px; flex-shrink:0; }
#nuda-os-proposal .ob-empty { padding:36px; }
#nuda-os-proposal .ob-empty h2 { font-size:23px; margin:22px 0 12px; max-width:440px; }
#nuda-os-proposal .ob-empty > p { color:var(--os-muted); font-size:14px; max-width:580px; line-height:1.7; }
#nuda-os-proposal .ob-empty > .os-caption { font-size:12px; margin-top:18px; }
#nuda-os-proposal .ob-empty-benefits { display:grid; gap:16px; margin:28px 0; }
#nuda-os-proposal .ob-empty-benefits span { display:flex; align-items:center; gap:12px; font-size:14px; }
#nuda-os-proposal .ob-empty-benefits svg { color:var(--os-accent); width:19px; height:19px; }
#nuda-os-proposal .ob-flow { padding:26px; margin-bottom:24px; border-color:var(--os-accent); }
#nuda-os-proposal .ob-flow .ob-section-head { padding:0 0 20px; }
#nuda-os-proposal .ob-steps { display:flex; gap:20px; list-style:none; margin:0 0 26px; padding:0; }
#nuda-os-proposal .ob-steps li { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--os-muted); }
#nuda-os-proposal .ob-steps li span { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--os-soft); color:var(--os-accent); flex-shrink:0; }
#nuda-os-proposal .ob-consent-copy { padding:20px; background:var(--os-bg); border-radius:10px; margin:22px 0; }
#nuda-os-proposal .ob-consent-copy p { font-size:13px; color:var(--os-muted); margin-top:8px; }
#nuda-os-proposal .ob-consent-copy p:first-child { margin:0; }
#nuda-os-proposal .ob-space { margin-top:18px; }
#nuda-os-proposal .ob-check { display:flex; align-items:flex-start; gap:10px; margin:20px 0 12px; font-size:13px; }
#nuda-os-proposal .ob-check input { margin-top:4px; flex-shrink:0; }
#nuda-os-proposal .ob-confirm { padding:20px; margin-top:18px; background:var(--os-soft); border-radius:10px; }
#nuda-os-proposal .ob-confirm .os-formgrid { gap:14px; }
#nuda-os-proposal .ob-review-note { overflow-wrap:anywhere; font-size:12px; color:var(--os-accent); margin:12px 0 0 54px; }
#nuda-os-proposal .ob-review-note span { color:var(--os-muted); }
#nuda-os-proposal .ob-dismissed .ob-finding-main { opacity:.7; }
#nuda-os-proposal .ob-request-status { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--os-accent); margin-top:18px; }
#nuda-os-proposal .ob-stale, #nuda-os-proposal .ob-revoke { border:1px solid var(--os-line); border-radius:10px; background:var(--os-warn-bg); color:var(--os-warn); padding:16px 20px; margin:0 0 22px; font-size:13px; }
#nuda-os-proposal .ob-stale { display:flex; align-items:center; gap:10px; }
#nuda-os-proposal .ob-revoke { margin-top:20px; }
@media(max-width:1200px){
  #nuda-os-proposal .ob-layout { grid-template-columns:minmax(0,1fr) 280px; gap:18px; }
  #nuda-os-proposal .ob-kpis { gap:14px; }
  #nuda-os-proposal .ob-kpis > div { padding:0; border:0; }
  #nuda-os-proposal .ob-finding-main { flex-wrap:wrap; }
  #nuda-os-proposal .ob-finding-copy { flex-basis:calc(100% - 54px); }
  #nuda-os-proposal .ob-observed { text-align:left; margin-left:54px; }
  #nuda-os-proposal .ob-observed span { display:inline; margin-left:8px; }
  #nuda-os-proposal .ob-observed strong { display:inline; }
}
@media(max-width:1050px){
  #nuda-os-proposal .ob-layout { grid-template-columns:minmax(0,1fr); }
  #nuda-os-proposal .ob-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  #nuda-os-proposal .ob-meeting { grid-column:1/-1; }
  #nuda-os-proposal .ob-overview { flex-wrap:wrap; }
}
@media(max-width:760px){
  #nuda-os-proposal .ob-intro { flex-direction:column; gap:12px; }
  #nuda-os-proposal .ob-intro h2 { font-size:22px; }
  #nuda-os-proposal .ob-rail { display:flex; }
  #nuda-os-proposal .ob-section-head { padding:20px 18px 16px; align-items:flex-start; flex-wrap:wrap; }
  #nuda-os-proposal .ob-kpis { grid-template-columns:1fr; padding:0 18px 18px; gap:0; }
  #nuda-os-proposal .ob-kpis > div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 10px; padding:14px 0; border-bottom:1px solid var(--os-line); }
  #nuda-os-proposal .ob-kpis > div:last-child { padding:14px 0; }
  #nuda-os-proposal .ob-kpis strong { font-size:23px; margin:0; }
  #nuda-os-proposal .ob-kpis small { grid-column:1/-1; font-size:12px; }
  #nuda-os-proposal .ob-bars { padding:4px 18px 12px; }
  #nuda-os-proposal .ob-month { grid-template-columns:54px minmax(0,1fr); gap:10px; }
  #nuda-os-proposal .ob-month i { height:25px; }
  #nuda-os-proposal .ob-month b { line-height:25px; }
  #nuda-os-proposal .ob-legend { padding-left:82px; }
  #nuda-os-proposal .ob-footnote { margin:0 18px; font-size:12px; }
  #nuda-os-proposal .ob-explanation { margin:0 18px 16px; }
  #nuda-os-proposal .ob-filters { padding:0 18px 16px; }
  #nuda-os-proposal .ob-filters button { min-height:44px; font-size:13px; }
  #nuda-os-proposal .ob-finding { padding:20px 18px; }
  #nuda-os-proposal .ob-product-icon { flex-basis:34px; height:34px; }
  #nuda-os-proposal .ob-finding-main { gap:12px; }
  #nuda-os-proposal .ob-finding-copy { flex-basis:calc(100% - 46px); }
  #nuda-os-proposal .ob-observed { margin-left:46px; }
  #nuda-os-proposal .ob-observed span { display:block; margin:3px 0 0; font-size:12px; }
  #nuda-os-proposal .ob-signal, #nuda-os-proposal .ob-review-note { margin-left:0; font-size:13px; }
  #nuda-os-proposal .ob-finding-actions { margin-left:0; gap:8px; flex-wrap:wrap; }
  #nuda-os-proposal .ob-finding-actions .os-button, #nuda-os-proposal .ob-finding-actions .os-link { min-height:44px; font-size:13px; }
  #nuda-os-proposal .ob-evidence { padding:14px; }
  #nuda-os-proposal .ob-evidence table, #nuda-os-proposal .ob-evidence tbody { display:block; }
  #nuda-os-proposal .ob-evidence thead { display:none; }
  #nuda-os-proposal .ob-evidence tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 12px; padding:12px 0; border-bottom:1px solid var(--os-line); }
  #nuda-os-proposal .ob-evidence td { display:block; padding:0; border:0; font-size:13px; }
  #nuda-os-proposal .ob-evidence td:nth-child(2) { grid-column:1/-1; grid-row:2; }
  #nuda-os-proposal .ob-evidence td:last-child { grid-column:2; grid-row:1; }
  #nuda-os-proposal .ob-evidence small { font-size:12px; }
  #nuda-os-proposal .ob-known { padding:18px; flex-wrap:wrap; }
  #nuda-os-proposal .ob-known > .os-link { margin-left:47px; }
  #nuda-os-proposal .ob-known > div { flex-basis:calc(100% - 47px); }
  #nuda-os-proposal .ob-connection, #nuda-os-proposal .ob-spending, #nuda-os-proposal .ob-meeting { padding:22px 18px; }
  #nuda-os-proposal .ob-accounts strong { font-size:14px; }
  #nuda-os-proposal .ob-connection .ob-actions .os-button { font-size:14px; }
  #nuda-os-proposal .ob-overview { padding:18px; gap:12px; }
  #nuda-os-proposal .ob-overview > div:nth-child(2) { flex-basis:calc(100% - 56px); }
  #nuda-os-proposal .ob-overview > .os-button { width:100%; }
  #nuda-os-proposal .ob-empty, #nuda-os-proposal .ob-flow { padding:22px 18px; }
  #nuda-os-proposal .ob-steps { flex-direction:column; gap:12px; }
  #nuda-os-proposal .ob-confirm { padding:16px; }
  #nuda-os-proposal .ob-check { font-size:14px; }
  #nuda-os-proposal .ob-check input { width:20px; height:20px; }
  #nuda-os-proposal .ob-stale { align-items:flex-start; }
  #nuda-os-proposal .ob-stale svg { flex-shrink:0; }
}
