:root{color-scheme:dark;--bg:#252525;--panel:#303030;--row:#3b3b3b;--line:#555;--text:#dbdbdb;--soft:#d1d1d1;--blue:#85c7f2;--green:#89d9a2;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px} .topbar{min-height:60px;padding:10px 2%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;border-radius:0 0 16px 16px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand strong{font-size:17px;letter-spacing:-.04em}.brand small{font-size:9px;letter-spacing:.15em;color:var(--soft)}.spark{color:var(--blue);font-size:21px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;vertical-align:-.125em;flex-shrink:0}.spark>svg{display:block;width:1em;height:1em;overflow:visible}.topbar nav{display:flex;align-items:center;gap:3px}.topbar button{background:transparent;color:var(--text);border:0;border-radius:12px;padding:9px 12px;font-weight:650}.topbar button:hover,.topbar button.selected{background:#454547;color:var(--blue)}.signout{margin-left:auto!important;font-size:11px}.main{width:100%;max-width:1800px;margin:auto;padding:26px 2% 60px}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:17px}.heading h1{font-size:clamp(25px,3vw,37px);letter-spacing:-.05em;line-height:1.1;margin:0}.heading-meta{color:var(--soft);font-size:11px;text-align:right}.board{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tools{display:flex;align-items:center;gap:8px;padding:12px}.tools input,.tools select{height:34px;background:#595959;border:1px solid #696969;border-radius:12px;color:var(--text);padding:0 12px;outline:none}.tools input::placeholder{color:var(--soft)}.search{flex:0 1 270px;position:relative}.search span{position:absolute;left:12px;top:5px;font-size:19px}.search input{width:100%;padding-left:32px}.tools select{min-width:145px}.count{margin-left:auto;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--soft);white-space:nowrap}.table-head,.row{display:grid;grid-template-columns:112px minmax(155px,1.3fr) minmax(145px,2fr) 145px 70px 70px 65px;align-items:center;gap:10px}.table-head{background:#606060;padding:10px 16px;font-size:9px;letter-spacing:.17em;font-weight:750;color:var(--soft)}.rows{padding:4px 8px 8px}.row{width:100%;border:0;border-radius:11px;background:var(--row);color:var(--text);text-align:left;margin-top:4px;padding:8px;min-height:48px;transition:background .24s,box-shadow .24s}.row:nth-child(2n){background:#444}.row:hover,.row:focus-visible{background:#606060;box-shadow:inset 3px 0 var(--blue)}.posted{font-size:11px;font-weight:700}.bank{display:flex;align-items:center;gap:8px;min-width:0}.logo{display:grid;place-items:center;width:27px;height:27px;min-width:27px;background:var(--blue);color:#252525;border-radius:9px;font-size:9px;font-weight:800}.bank span{display:flex;flex-direction:column;min-width:0}.bank strong,.bank small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank strong{font-size:11px}.bank small{font-size:9px;color:var(--soft)}.vendor{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount{text-align:right;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.amount.credit,.detail-amount.credit{color:var(--green)}.unavailable{text-align:center;color:#aaa}.empty{min-height:170px;padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:var(--soft);text-align:center}.empty strong{color:var(--text);font-size:15px}.note{color:#aaa;font-size:10px;margin:10px 3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.card-top{display:flex;justify-content:space-between;align-items:center}.card .logo{width:36px;height:36px;font-size:11px}.card h2{font-size:18px;letter-spacing:-.03em;margin:15px 0 3px}.card p{color:var(--soft);margin:0 0 17px}.pill{border-radius:99px;padding:6px 9px;font-size:9px;letter-spacing:.06em;font-weight:800}.pill.ok{color:var(--green);background:#264132}.pill.wait{color:#f1cb80;background:#4c4130}.card-foot{border-top:1px solid var(--line);padding-top:12px;color:var(--soft);font-size:11px;line-height:1.7}.checkline{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.checkline b{font-size:11px;color:var(--soft);font-weight:600;text-align:right}dialog{width:min(450px,calc(100vw - 24px));padding:0;background:#dbdbdb;color:#303030;border:0;border-radius:20px;box-shadow:0 25px 90px #0009;animation:in .24s ease-out}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{background:#d1d1d1;border:0;border-radius:10px;width:30px;height:30px;font-size:20px;color:#303030}#detailBody{padding:20px}.detail-amount{font-size:25px;font-weight:800;margin-bottom:15px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ccc;padding:9px 0}dt{color:#636363}dd{margin:0;text-align:right;font-weight:650}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.table-head,.row{grid-template-columns:90px minmax(115px,1fr) minmax(90px,1.3fr) 105px}.table-head span:nth-child(n+5),.row>span:nth-child(n+5){display:none}}@media(max-width:600px){.topbar{gap:5px;padding:8px}.brand small{display:none}.topbar nav{gap:0}.topbar button{padding:7px;font-size:10px}.signout{font-size:9px!important}.main{padding:15px 6px 40px}.heading{align-items:start}.heading h1{font-size:25px}.heading-meta{font-size:9px;max-width:110px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.search{grid-column:1/-1}.tools select{min-width:0;width:100%;font-size:10px}.count{grid-column:1/-1;margin:0;text-align:right}.table-head{display:none}.rows{padding:4px}.row{grid-template-columns:24px minmax(58px,.9fr) minmax(85px,1.4fr) auto;gap:5px;min-height:38px;padding:5px}.row .posted{grid-column:2;grid-row:2;font-size:8px;color:var(--soft)}.row .bank{grid-column:1/3;grid-row:1}.bank .logo{width:23px;height:23px;min-width:23px;font-size:8px}.bank strong{display:none}.bank small{font-size:9px}.row .vendor{grid-column:3;grid-row:1/3;font-size:10px}.row .amount{grid-column:4;grid-row:1/3;font-size:10px}.note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} body.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,calc(100vw - 30px));background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;text-align:center;box-shadow:0 24px 70px #0004}.login-card .spark{font-size:35px}.login-card h1{font-size:27px;letter-spacing:-.05em;margin:8px 0}.login-card p{color:var(--soft);margin:8px 0 25px}.login-card #googleButton{display:flex;justify-content:center}.login-card #loginError{min-height:18px;color:#f2a9a9;font-size:12px;margin:18px 0 0} .account-mini{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:11px}.account-mini>div{display:flex;flex-direction:column;min-width:0}.account-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mini small{font-size:10px;color:var(--soft)}.account-mini>span{font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap} .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:start}.connection-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:background .22s,border-color .22s,box-shadow .22s}.connection-card:hover{background:#383838;border-color:#6a6a6a}.connection-card[open]{grid-column:span 2;border-color:#66849a;box-shadow:0 8px 28px #0003}.connection-card summary{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 11px;cursor:pointer;list-style:none}.connection-card summary::-webkit-details-marker{display:none}.connection-card summary::marker{content:""}.connection-card summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.connection-card .logo{width:30px;height:30px;min-width:30px;font-size:9px}.card-identity{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.25}.card-identity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-identity small{font-size:10px;color:var(--soft)}.card-state{width:7px;height:7px;min-width:7px;border-radius:50%;background:#e8be74;box-shadow:0 0 0 3px #e8be7422}.card-state.ok{background:var(--green);box-shadow:0 0 0 3px #89d9a222}.expand-lines{display:flex;flex-direction:column;justify-content:center;gap:3px;width:15px;height:20px;margin-left:1px;opacity:.75;transition:transform .25s,opacity .25s}.expand-lines i{display:block;width:15px;height:1.5px;border-radius:2px;background:var(--blue)}.expand-lines i:nth-child(2){width:11px}.expand-lines i:nth-child(3){width:7px}.connection-card[open] .expand-lines{transform:rotate(90deg);opacity:1}.card-detail{padding:0 13px 12px;animation:in .25s ease-out}.card-section-label{margin:12px 0 4px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.account-list{max-height:170px;overflow:auto;scrollbar-width:thin}.account-mini{padding:6px 0}.recent-list{max-width:100%}.recent-tx{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:7px 0;font-size:10px}.recent-tx>span{color:var(--soft);font-size:9px}.recent-tx strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-tx b{white-space:nowrap;font-variant-numeric:tabular-nums}.recent-tx b.credit{color:var(--green)}.mini-empty{padding:8px 0;color:var(--soft);font-size:11px}.card-detail .card-foot{margin-top:10px}.card-detail .checkline{padding:7px 0} @media(max-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:1fr;gap:6px}.connection-card[open]{grid-column:span 1}.connection-card summary{min-height:49px;padding:7px 10px;gap:8px}.connection-card .logo{width:27px;height:27px;min-width:27px}.card-identity strong{font-size:11px}.card-identity small{font-size:9px}.card-detail{padding:0 11px 10px}.recent-tx{grid-template-columns:68px minmax(0,1fr) auto;gap:5px;font-size:9px}.recent-tx>span{font-size:8px}} .connect-tools{margin:0 0 15px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.connect-actions,.connect-progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.connect-actions>span{margin-right:auto;color:var(--soft);font-size:11px}.connect-tools button,.connect-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #779cb4;border-radius:11px;background:#394c59;color:#b9e2ff;font-size:11px;font-weight:700;transition:background .2s,opacity .2s}.connect-tools button:hover,.connect-tools a:hover{background:#50677a}.connect-tools button:disabled{opacity:.5;cursor:default}.connect-progress{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.connect-progress>span{margin-right:auto;color:var(--soft);font-size:11px}.connect-tools p{margin:9px 2px 0;color:var(--soft);font-size:11px}@media(max-width:600px){.connect-actions>span,.connect-progress>span{width:100%;margin-right:0}.connect-tools button,.connect-tools a{flex:1;white-space:nowrap;font-size:10px;padding:7px}} .table-head,.row{grid-template-columns:100px minmax(145px,1.3fr) minmax(160px,2fr) 125px 90px 72px minmax(95px,1fr)}.vendor{display:flex;flex-direction:column;min-width:0}.vendor strong,.vendor small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor small{font-size:9px;font-weight:500;color:var(--soft)}.account-mask,.currency-code,.mcc{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcc{display:flex;flex-direction:column}.mcc small{font-size:9px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:950px){.table-head,.row{grid-template-columns:90px minmax(115px,1fr) minmax(90px,1.3fr) 105px}.table-head span:nth-child(n+5),.row>span:nth-child(n+5){display:none}}@media(max-width:600px){.row{grid-template-columns:24px minmax(58px,.9fr) minmax(85px,1.4fr) auto}.row .vendor{grid-column:3;grid-row:1/3}.row .vendor small{display:none}} .country-flag{font-size:21px;text-align:center;line-height:1}.mobile-country-flag{display:none}@media(max-width:950px){.mobile-country-flag{display:inline-block;margin-left:5px;font-size:14px;vertical-align:-1px}} .table-head,.row{grid-template-columns:78px minmax(175px,220px) 90px minmax(170px,1fr) 125px 60px minmax(120px,150px)} @media(max-width:950px){.table-head,.row{grid-template-columns:78px minmax(115px,1fr) 70px minmax(90px,1.3fr) 105px}.table-head span:nth-child(5),.row>span:nth-child(5){display:block}} @media(max-width:600px){.row{grid-template-columns:24px minmax(58px,.9fr) minmax(85px,1.4fr) auto}.row>span:nth-child(3){display:none}.row>span:nth-child(5){display:block}.row .amount{grid-column:4;grid-row:1/3}} .logo.has-image,.bank .logo.has-image{display:grid;place-items:center;background:transparent;overflow:hidden}.logo.has-image img{display:block;width:100%;height:100%;object-fit:cover} .bank .account-title{display:flex;flex-direction:row;align-items:baseline;min-width:0;overflow:hidden}.bank .account-title span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank .account-title b{flex:none;white-space:nowrap;font-weight:650} /* Analytics */ .analytics-filters{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap}.analytics-filters label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--soft)}.analytics-caption{color:var(--soft);font-size:11px;margin:10px 3px 18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric,.analytics-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.metric h2{font-size:12px;font-weight:600;color:var(--soft);margin:0 0 13px}.metric>strong{font-size:clamp(21px,2.4vw,34px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--blue)}.metric p,.analytics-panel p{font-size:11px;color:var(--soft);margin:6px 0 0}.refund-metric>strong{color:var(--green)}.analytics-panel{margin-bottom:16px}.analytics-panel h2{font-size:17px;letter-spacing:-.02em;margin:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.legend{display:flex;gap:16px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:3px}.spend-dot{background:var(--blue)}.refund-dot{background:var(--green)}.spend-fill{fill:var(--blue)}.refund-fill{fill:var(--green)}.track{fill:#454545}.trend{width:100%;display:block;margin-top:18px}.trend text{fill:var(--soft);font-size:12px}.gridline{stroke:#555;stroke-dasharray:3 5}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ranking{list-style:none;padding:0;margin:20px 0 0}.ranking li{margin-bottom:17px}.ranking li:last-child{margin-bottom:0}.ranking li>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.ranking span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ranking b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.ranking svg{display:block;width:100%;height:7px}.chart-empty{padding:24px 0}.chart-data{border-top:1px solid var(--line);font-size:11px;padding-top:12px}.chart-data summary{cursor:pointer;color:var(--blue);width:fit-content}.chart-table-scroll{overflow:auto;max-height:280px}.chart-data table{border-collapse:collapse;width:100%;margin-top:12px;text-align:right;white-space:nowrap}.chart-data th,.chart-data td{padding:8px;border-bottom:1px solid var(--line)}.chart-data th:first-child{text-align:left}.chart-data tbody th{font-weight:500}.chart-data summary:focus-visible{outline:2px solid var(--blue)} @media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters .count{width:100%;text-align:right}.analytics-filters label{flex:1}.analytics-filters select{min-width:0;flex:1}} @media(max-width:600px){.topbar{flex-wrap:wrap}.topbar .brand{margin-right:auto}.topbar nav{order:3;width:100%;justify-content:space-between;margin-top:4px}.topbar nav button{font-size:12px;flex:1;padding:9px 7px}.topbar .signout{margin-left:0!important}.analytics-filters{display:flex;gap:10px}.analytics-filters label{flex-basis:100%;justify-content:space-between}.analytics-filters select{max-width:75%;font-size:12px}.metrics{gap:8px}.metric,.analytics-panel{padding:15px;border-radius:15px}.metric>strong{font-size:21px}.metric h2{margin-bottom:9px}.metric p{font-size:10px}.analytics-grid{grid-template-columns:1fr;gap:0}.chart-heading{align-items:start;flex-direction:column;gap:10px}.trend-scroll{overflow-x:auto}.trend{min-width:560px}.analytics-caption{font-size:10px}.ranking li>div{font-size:11px}} /* Explore the transactions behind every total and chart. */ button.metric{text-align:left;color:var(--text);font:inherit;transition:border-color .2s,background .2s}.metric-title{display:block;font-size:12px;font-weight:600;color:var(--soft);margin-bottom:13px}.metric-caption{display:block;font-size:11px;color:var(--soft);margin-top:6px}.metric:hover,.metric:focus-visible{border-color:var(--blue);background:#393d40}.ranking-button{display:block;width:100%;border:0;background:transparent;color:var(--text);padding:9px 7px;border-radius:10px;text-align:left;transition:background .2s}.ranking-button:hover,.ranking-button:focus-visible{background:#444}.ranking-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.ranking .ranking-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ranking li{margin-bottom:6px}.interactive-bar{cursor:pointer;outline:none}.interactive-bar:hover .spend-fill,.interactive-bar:hover .refund-fill,.interactive-bar:focus-visible .spend-fill,.interactive-bar:focus-visible .refund-fill{filter:brightness(1.2)}.chart-value{border:0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:6px;white-space:nowrap}.credit,.chart-value.credit{color:var(--green)}.analytics-tooltip{position:fixed;bottom:22px;right:22px;max-width:min(440px,calc(100vw - 30px));padding:13px 17px;border:1px solid var(--blue);border-radius:13px;background:#202a31;color:#e2f2ff;box-shadow:0 10px 35px #0007;font-size:12px;z-index:20;pointer-events:none}.analytics-tooltip[hidden]{display:none}#analyticsDetails{width:min(900px,calc(100vw - 24px));max-height:85dvh;background:var(--panel);color:var(--text)}#analyticsDetails .dialog-head{position:sticky;top:0;z-index:1;background:var(--panel);border-color:var(--line)}#analyticsDetails .dialog-head h2{font-size:19px;min-width:0;overflow-wrap:anywhere}#analyticsDetails .dialog-head button{flex-shrink:0}#analyticsDetailBody{padding:18px}.drill-description{margin:0 0 14px;font-size:12px;color:var(--soft)}.drill-totals{display:flex;flex-wrap:wrap;gap:8px 20px;background:#3a3a3a;padding:14px;border-radius:12px;font-size:12px}.drill-totals b{font-variant-numeric:tabular-nums}.drill-hint{font-size:11px;color:var(--soft);margin:13px 0}.drill-row{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:13px 10px;text-align:left;border:0;border-top:1px solid var(--line);background:none;color:var(--text);border-radius:9px}.drill-row:hover,.drill-row:focus-visible{background:#454545}.drill-row>span{display:flex;flex-direction:column;min-width:0;gap:3px}.drill-row strong{overflow-wrap:anywhere;font-size:13px}.drill-row small{font-size:10px;color:var(--soft)}.drill-row>b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.drill-row>b>span{color:var(--blue);margin-left:5px} @media(max-width:600px){.metric-title{margin-bottom:9px}.metric-caption{font-size:10px}.ranking-label{font-size:11px}.analytics-tooltip{bottom:12px;right:12px}.drill-row{padding:12px 4px;gap:8px}.drill-row>b{font-size:11px}#analyticsDetailBody{padding:12px}#analyticsDetails .dialog-head{padding:14px}#analyticsDetails .dialog-head h2{font-size:16px}} /* Mobile board: align identity and amount above merchant and posted date. */ @media(max-width:600px){ .main{padding:16px 10px 40px} .heading{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-bottom:12px} .heading h1{font-size:clamp(23px,7vw,30px)} .heading-meta{max-width:none;text-align:left;font-size:10px;line-height:1.35} .board{border-radius:16px} .tools{gap:7px;padding:9px 8px 7px} .tools input,.tools select{height:37px} .count{padding:2px 3px 0} .rows{padding:2px 6px 8px} .row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;min-height:58px;margin-top:5px;padding:8px 10px;align-items:center} .row .bank{grid-column:1;grid-row:1;gap:7px;min-width:0} .row .bank .logo{width:25px;height:25px;min-width:25px} .row .bank>span:last-child{min-width:0} .row .bank small{font-size:11px;font-weight:650} .row .amount{grid-column:2;grid-row:1;text-align:right;font-size:11px;align-self:center} .row .vendor{grid-column:1;grid-row:2;padding-left:32px;font-size:11px;min-width:0} .row .posted{grid-column:2;grid-row:2;text-align:right;font-size:9px;font-weight:600;color:var(--soft)} .row .mobile-country-flag{font-size:13px;margin-left:3px} .account-mini{align-items:flex-start} .account-mini strong{white-space:normal;overflow-wrap:anywhere} .account-mini>span{flex-shrink:0} #detailBody dl div{align-items:flex-start} #detailBody dd{min-width:0;overflow-wrap:anywhere} } .dialog-actions{display:flex;align-items:center;gap:8px;flex-shrink:0} .card-picker{position:relative;min-width:180px;max-width:360px;flex:0 1 300px;font-size:12px}.card-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;padding:0 12px;background:#595959;border:1px solid #696969;border-radius:12px;cursor:pointer;list-style:none}.card-picker>summary::-webkit-details-marker{display:none}.card-picker>summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-picker>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card-picker[open]>summary{border-color:var(--blue)}.card-picker-panel{position:absolute;top:calc(100% + 7px);left:0;width:min(430px,calc(100vw - 35px));padding:8px;background:#303030;border:1px solid #707070;border-radius:14px;box-shadow:0 15px 40px #0007;z-index:12}.card-picker-actions{display:flex;gap:7px;padding:3px 4px 10px;border-bottom:1px solid var(--line)}.card-picker-panel button{border:1px solid #657986;background:#3c4b55;color:var(--blue);border-radius:8px;padding:6px 10px;font-size:11px;white-space:nowrap}.card-picker-panel button:hover{background:#53616b}.card-picker-list{max-height:min(350px,55dvh);overflow:auto;overscroll-behavior:contain}.card-picker-row{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid #464646}.card-picker-row:last-child{border-bottom:0}.card-picker-row>label{display:flex;flex:1;align-items:center;gap:10px;min-width:0;cursor:pointer}.tools .card-picker input[type=checkbox]{appearance:auto;accent-color:var(--blue);width:17px;height:17px;min-width:17px;padding:0;margin:0}.card-picker-row label>span{display:flex;flex-direction:column;min-width:0}.card-picker-row strong{font-size:12px;font-weight:600;white-space:normal}.card-picker-row small{font-size:10px;color:var(--soft)}.analytics-filters .card-picker-row label{flex:1;justify-content:initial}.board:has(.card-picker[open]){overflow:visible}.analytics-filters .card-picker{max-width:360px} @media(max-width:600px){.tools .card-picker{min-width:0;max-width:none;width:100%}.card-picker>summary{font-size:11px}.analytics-filters .card-picker{flex-basis:100%;max-width:none}.analytics-filters .card-picker-row label{flex-basis:auto}.card-picker-panel{max-width:calc(100vw - 35px)}} .analytics-detail-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:14px 18px;background:var(--panel);border-top:1px solid var(--line);z-index:1}.analytics-detail-footer[hidden]{display:none}#viewCardTransactions{display:grid;place-items:center;width:48px;height:44px;border:1px solid #7babc9;border-radius:12px;background:#3c5668;color:var(--blue);transition:background .2s}#viewCardTransactions svg{width:24px;height:24px}#viewCardTransactions:hover{background:#526e82}#viewCardTransactions[hidden]{display:none} .bridge-page{max-width:620px;margin:8vh auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px;font-size:15px;line-height:1.6}.bridge-page h1{font-size:28px;line-height:1.2}.bridge-page a{color:var(--blue);text-decoration:underline}.bridge-page form{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.bridge-page button{padding:12px 20px;border:1px solid var(--blue);border-radius:12px;background:#3c5668;color:var(--text);font:inherit;cursor:pointer}.bridge-page button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:650px){.bridge-page{margin:24px 12px;padding:22px}} /* Compact transaction type on the board, including a visible mobile label. */ .tools{flex-wrap:wrap} .tools .type-picker{flex:0 1 190px;min-width:155px;max-width:210px} .type-picker .card-picker-panel{width:230px} .table-head,.row{grid-template-columns:100px minmax(145px,1.3fr) minmax(160px,2fr) 125px 82px 86px 60px minmax(95px,1fr)} .tx-type{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-width:58px;padding:3px 7px;border-radius:7px;background:#485058;color:#d9ebf6;font-size:10px;font-weight:750;white-space:nowrap} .tx-type.type-refund{background:#2e4939;color:var(--green)} .tx-type.type-bonus{background:#324a54;color:#a8dfff} .tx-type.type-bonus-claw{background:#5a3f45;color:#ffc0cc} .tx-type.type-credit{background:#3c4651;color:#c7dcf4} .tx-type.type-review{background:#534a3b;color:#f0d39a} @media(max-width:950px){ .table-head,.row{grid-template-columns:78px minmax(115px,1fr) 70px minmax(90px,1.3fr) 105px 72px} .table-head span:nth-child(6),.row>span:nth-child(6){display:inline-flex} .table-head span:nth-child(n+7),.row>span:nth-child(n+7){display:none} } @media(max-width:600px){ .tools .type-picker{grid-column:1/-1;max-width:none;width:100%} .type-picker .card-picker-panel{width:min(260px,calc(100vw - 35px))} .row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;row-gap:2px} .row .posted{grid-column:1;grid-row:3;text-align:left;padding-left:32px} .row .tx-type{grid-column:2;grid-row:3;justify-self:end;padding:1px 6px;font-size:9px} } @media(min-width:951px){.table-head,.row{grid-template-columns:78px var(--bank-column,150px) 90px minmax(170px,1fr) 125px 82px 60px minmax(95px,130px)}} @media(min-width:601px) and (max-width:950px){.table-head,.row{grid-template-columns:78px var(--bank-column,140px) 70px minmax(90px,1fr) 105px 72px}} .native-currencies{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.native-currencies section{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px}.native-currencies h2{margin:0 0 12px;font-size:13px;color:var(--blue)}.native-currencies section>div{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:11px}.native-currencies span{display:flex;flex-direction:column;gap:3px}.native-currencies b{font-variant-numeric:tabular-nums}.analytics-caption a{color:var(--blue);text-decoration:underline}@media(max-width:600px){.native-currencies{grid-template-columns:1fr}.native-currencies section{padding:13px}} .trend .axis-x-label{fill:#aab0b4;font-size:11px;font-weight:400;letter-spacing:.02em}.trend .axis-y-label{fill:#aab0b4;font-size:10px}.trend .gridline{stroke:#777;stroke-opacity:.24;stroke-dasharray:2 6}.analytics-panel .trend-period{font-size:10px;color:#92999e;text-align:right;margin:0 0 14px;font-variant-numeric:tabular-nums}.trend{min-width:0}.trend-scroll{overflow:visible} .monitor-finding{margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-radius:14px}.alert-controls{display:flex;flex-wrap:wrap;gap:12px}.bridge-page button[hidden]{display:none} .trend .month-divider{stroke:#aab0b4;stroke-width:1;stroke-opacity:.22;stroke-dasharray:2 4;pointer-events:none}.trend .month-label{fill:#979da2;font-size:10px;font-weight:400;letter-spacing:.04em}.trend .gridline{stroke-opacity:.16}.trend-scroll{margin-bottom:8px} /* All filter dropdowns use the same shell and menu type scale. Simple choices omit bulk actions. */ .tools .card-picker{font-family:inherit;font-size:12px;line-height:1.35} .card-picker>summary{font-size:12px;line-height:1.35;font-weight:500} .card-picker-panel{font-family:inherit;font-size:12px;line-height:1.35} .card-picker-actions{gap:8px;padding:4px 4px 11px} .card-picker-panel .card-picker-actions button,.card-picker-row>button{font-family:inherit;font-size:12px;font-weight:500;line-height:1.35;padding:7px 10px} .card-picker-row{padding:10px 4px;min-height:47px} .card-picker-row strong{font-size:12px;line-height:1.35} .card-picker-row small{font-size:11px;line-height:1.35;margin-top:2px} .account-picker .card-picker-row>label{gap:10px} .account-picker .picker-bank-logo{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px} .account-picker .picker-bank-logo .logo{width:28px;height:28px;min-width:28px;border-radius:9px;overflow:hidden} .account-picker .picker-account-name{display:block;flex:1;min-width:0} .bank-picker-group{border-bottom:1px solid #464646} .bank-picker-group:last-child{border-bottom:0} .bank-picker-group>summary{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 6px;list-style:none;cursor:pointer;border-radius:9px} .bank-picker-group>summary::-webkit-details-marker{display:none} .bank-picker-group>summary:hover{background:#414141} .bank-picker-group>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px} .bank-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650} .bank-picker-count{flex:none;color:var(--soft);font-size:11px;font-variant-numeric:tabular-nums} .bank-picker-chevron{flex:none;color:var(--blue);font-size:17px;line-height:1;transition:transform .2s} .bank-picker-group[open] .bank-picker-chevron{transform:rotate(180deg)} .bank-picker-accounts{padding:0 0 5px 14px;border-left:1px solid #555;margin-left:19px} .bank-picker-accounts .card-picker-row{min-height:45px;padding:8px 4px} .tools .single-picker{flex:0 0 155px;min-width:0;max-width:none} .single-picker .single-picker-panel{width:max-content;min-width:100%;max-width:min(360px,calc(100vw - 35px));padding:7px} .single-picker .card-picker-list{max-height:min(350px,55dvh)} .card-picker-panel .single-picker-option{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 11px;border:0;border-bottom:1px solid #464646;border-radius:0;background:transparent;color:var(--text);text-align:left;font:500 12px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;white-space:normal} .card-picker-panel .single-picker-option:last-child{border-bottom:0} .card-picker-panel .single-picker-option:hover,.card-picker-panel .single-picker-option:focus-visible{background:#454545;border-radius:8px} .single-picker-check{width:17px;min-width:17px;color:var(--blue);font-size:16px;font-weight:750;line-height:1;text-align:center} .filter-field{display:flex;align-items:center;gap:9px;color:var(--soft);font-size:11px;min-width:0} .filter-field>.single-picker{flex:1 1 auto;width:170px} .filter-field:has(.analyticsCurrency-picker)>.single-picker{width:215px} .board:has(.single-picker[open]){overflow:visible} @media(max-width:600px){.tools .card-picker>summary{font-size:12px}.board .tools>.single-picker{width:100%;flex:initial}.analytics-filters .filter-field{width:100%;justify-content:space-between}.analytics-filters .filter-field>.single-picker{flex:0 1 75%;width:auto;max-width:75%}.single-picker .single-picker-panel{max-width:calc(100vw - 35px)}} /* Spending activity, inspired by iPhone Screen Time. */ .activity-panel{padding:24px;border-radius:24px;background:#2b2b2d}.activity-heading h2{font-size:17px;font-weight:600}.activity-heading p{color:#97979d;font-size:11px}.activity-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 4px}.activity-average{border:0;background:transparent;color:var(--text);padding:0;text-align:left;min-width:0;border-radius:8px}.activity-average>span{display:block;color:#a3a3aa;font-size:15px;margin-bottom:5px}.activity-average>strong{display:block;font-size:clamp(27px,3.5vw,46px);font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.activity-comparison{max-width:210px;color:#a3a3aa;display:flex;flex-direction:column;gap:4px;font-size:12px}.activity-comparison>strong{font-size:22px;font-weight:500}.activity-legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin:17px 0 20px;font-size:12px}.activity-legend>span{display:flex;align-items:center;gap:7px}.activity-legend i{width:9px;height:9px;border-radius:3px}.activity-legend .average-dot{width:16px;height:0;border-top:2px dashed var(--green);border-radius:0}.activity-panel .trend .gridline{stroke:#999;stroke-opacity:.17;stroke-dasharray:none}.activity-panel .trend .month-divider{stroke-opacity:.2;stroke-dasharray:3 4}.trend .axis-day-label{fill:#98989f;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}.trend .activity-track{fill:#d5d5de;fill-opacity:.045;pointer-events:none}.trend .average-guide{pointer-events:none}.average-guide line{stroke:var(--green);stroke-width:1.5;stroke-dasharray:4 4}.trend .average-guide text{fill:var(--green);font-size:10px}.activity-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:20px 0;border-top:1px solid #4a4a4d}.activity-stats button{display:flex;flex-direction:column;gap:6px;background:none;border:0;border-radius:8px;padding:0;text-align:left;color:var(--text);min-width:0}.activity-stats button>span{font-size:12px;color:var(--blue)}.activity-stats strong{font-size:20px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.activity-stats small{font-size:10px;color:#9999a0}.activity-total{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;background:none;border:0;border-top:1px solid #4a4a4d;padding:18px 0 0;color:var(--text);font-size:16px;text-align:left}.activity-total strong{font-weight:500;font-variant-numeric:tabular-nums}.activity-panel .activity-footnote{font-size:10px;color:#93939a;line-height:1.5;margin-top:16px}.activity-average:hover strong,.activity-stats button:hover strong,.activity-total:hover strong{color:var(--blue)}.activity-panel .chart-data{margin-top:9px;color:#93939a}.activity-panel .chart-data summary{font-size:10px;color:#96969d} @media(max-width:600px){.activity-panel{padding:18px;border-radius:22px}.activity-hero{align-items:flex-start;gap:14px;margin-top:19px}.activity-average>strong{font-size:27px;line-height:1.15;overflow-wrap:anywhere}.activity-average>span{font-size:13px}.activity-comparison{max-width:115px;font-size:10px;flex-shrink:0}.activity-comparison>strong{font-size:19px}.activity-stats{grid-template-columns:1fr 1fr;gap:20px 16px}.activity-stats strong{font-size:18px}.activity-legend{font-size:10px;gap:10px 13px}.activity-total{font-size:14px}.activity-total strong{text-align:right}.activity-panel .trend{margin-top:10px}} .activity-panel{display:flex;flex-direction:column}.activity-panel>.chart-data{order:6;margin-top:16px} /* Column headers follow the alignment of their values in every panel. */ .table-head>span:nth-child(5){text-align:right} .table-head>span:nth-child(7){text-align:center} .chart-data thead th:not(:first-child){text-align:right} .account-mini>span,.recent-tx>b,.drill-row>b,.ranking-label>b{ text-align:right } .detail-title-with-logo{display:flex;align-items:center;gap:11px}.detail-title-with-logo>span:last-child{min-width:0;overflow-wrap:anywhere}.detail-title-with-logo .logo{width:32px;height:32px;min-width:32px;flex-shrink:0}.trend .average-guide{pointer-events:auto;cursor:pointer;outline:none}.trend .average-guide .average-hit{stroke:transparent;stroke-width:14;stroke-dasharray:none;pointer-events:stroke}.trend .average-guide .average-visible{pointer-events:none}.trend .average-guide:hover .average-visible,.trend .average-guide:focus-visible .average-visible{stroke-width:2.5}.trend .average-guide text{pointer-events:auto}.analytics-tooltip{white-space:pre-line}@media(max-width:600px){.detail-title-with-logo{gap:9px}.detail-title-with-logo .logo{width:28px;height:28px;min-width:28px}} .interactive-bar:focus-visible .spend-fill,.interactive-bar:focus-visible .refund-fill{stroke:var(--text);stroke-width:1} /* Keep the amount, type, flag, and MCC cluster compact while preserving vendor space. */ @media(min-width:951px){ .board .table-head,.board .row{grid-template-columns:78px min(var(--bank-column,150px),18vw) 64px minmax(145px,1fr) 130px 90px 64px 100px;column-gap:8px} } @media(min-width:601px) and (max-width:950px){ .board .table-head,.board .row{grid-template-columns:68px clamp(105px,16vw,150px) 58px minmax(82px,1fr) 112px 84px;column-gap:7px} } /* Insights navigation and the consolidated Accounts view. */ .topbar{position:relative;flex-wrap:wrap}.topbar>nav{flex-wrap:wrap}.topbar .nav-chevron{display:inline-block;margin-left:5px;transition:transform .18s}.topbar [aria-expanded=true] .nav-chevron{transform:rotate(180deg)} .insights-menu{position:absolute;top:calc(100% + 8px);left:2%;width:min(620px,96%);z-index:30;display:grid;grid-template-columns:1fr 1.35fr;gap:22px;padding:22px;background:var(--panel);border:1px solid #686868;border-radius:20px;box-shadow:0 16px 45px #0006}.insights-menu[hidden]{display:none}.insights-menu h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--soft);margin:0 10px 12px}.topbar .insights-menu button{width:100%;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:12px;margin:3px 0;min-height:60px}.insights-menu button strong{font-size:14px}.insights-menu button small{font-size:11px;font-weight:400;color:var(--soft)} .insight-refresh,.insight-list button,.insight-coverage button{font:inherit}.insight-refresh,#retryInsights{background:#444;border:1px solid #686868;border-radius:11px;color:var(--text);padding:9px 13px;min-height:36px}.insight-refresh{margin-left:auto}.insight-refresh:disabled{opacity:.6} .insight-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.insight-summary section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:7px}.insight-summary section>span{color:var(--soft);font-size:12px}.insight-summary section>strong{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.insight-summary section>small{color:var(--soft);font-size:11px} .insight-list{display:grid;gap:9px}.insight-record{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.insight-record>:is(summary,.record-trigger){display:grid;grid-template-columns:minmax(200px,1.65fr) minmax(120px,1fr) minmax(120px,1fr) minmax(140px,1fr) 105px;align-items:center;gap:16px;padding:18px;list-style:none;cursor:pointer}.insight-record>:is(summary,.record-trigger)::-webkit-details-marker{display:none}.insight-record>:is(summary,.record-trigger):focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.insight-record>:is(summary,.record-trigger):hover{background:#3c3c3c}.insight-identity{display:flex;gap:10px;align-items:center;min-width:0}.insight-identity>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.insight-identity strong{font-size:14px;overflow-wrap:anywhere}.insight-identity small{font-size:11px;color:var(--soft);overflow-wrap:anywhere}.insight-value{display:flex;flex-direction:column;gap:4px;text-align:right;min-width:0}.insight-value small{font-size:10px;color:var(--soft)}.insight-value b{font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.insight-state{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:11px;color:var(--blue)}.insight-state.review{color:#e8be74}.insight-chevron{font-size:19px}.insight-record[open] .insight-chevron{transform:rotate(180deg)}.insight-record-body{border-top:1px solid var(--line);padding:18px 22px}.insight-record-body>p{font-size:12px;color:var(--soft);line-height:1.6;margin:0 0 14px}.insight-record-body .insight-change{color:#e8be74}.insight-record-body h3{font-size:12px;margin:22px 0 6px}.insight-facts{display:flex;flex-wrap:wrap;gap:12px 30px;margin:16px 0}.insight-facts>span{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--soft)}.insight-facts b{font-weight:600;color:var(--text)}.insight-coverage{margin:16px 0;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--panel);font-size:12px}.insight-coverage>:is(summary,.record-trigger){cursor:pointer;color:var(--blue);font-weight:600}.insight-coverage p,.insight-coverage li{font-size:11px;line-height:1.7;color:var(--soft)}.insight-coverage li{padding:3px 0} .accounts-overview{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}.accounts-overview p{margin:0;font-size:12px;color:var(--soft)}.accounts-overview strong{display:block;color:var(--text);font-weight:600;margin-top:5px}.accounts-overview>div{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--blue)}.accounts-cards{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}.accounts-cards .connection-card>summary{min-height:100px}.accounts-cards .card-identity{gap:4px}.accounts-cards .card-identity strong{font-size:13px}.accounts-cards .card-identity small{font-size:11px}.accounts-cards .connection-health.ok{color:var(--green)}.accounts-cards .connection-health.wait,.account-issue{color:#e8be74}.accounts-cards .connection-last-sync{font-size:10px;color:#b0b0b0}.accounts-cards .account-list{max-height:none;overflow:visible}.accounts-cards .account-mini strong{white-space:normal;overflow-wrap:anywhere}.accounts-cards .checkline small{display:block;font-size:10px;color:var(--soft);margin-top:3px}.accounts-cards .account-issue{font-size:11px;line-height:1.6} @media(max-width:1000px){.insight-record>:is(summary,.record-trigger){grid-template-columns:minmax(160px,1.5fr) 1fr 1fr;gap:14px}.insight-state{grid-column:3;grid-row:1}.insight-value:nth-child(2){grid-column:1;grid-row:2;text-align:left}.insight-value:nth-child(3){grid-column:2;grid-row:2}.insight-value:nth-child(4){grid-column:3;grid-row:2}.insight-identity{grid-column:1/3}} @media(max-width:600px){.topbar{gap:10px;padding:12px}.topbar>.brand{margin-right:auto}.topbar>.signout{order:1;margin-left:0!important}.topbar>nav{order:2;width:100%;justify-content:space-between;gap:2px}.topbar>nav>button{font-size:12px;min-height:42px;padding:10px}.insights-menu{left:10px;width:calc(100% - 20px);grid-template-columns:1fr;gap:12px;padding:16px}.topbar .insights-menu button{min-height:54px}.insights-menu h2{margin-bottom:5px}.insight-summary{gap:7px}.insight-summary section{padding:14px 10px;border-radius:14px}.insight-summary section>span{font-size:10px}.insight-summary section>strong{font-size:17px}.insight-summary section>small{font-size:10px}.insight-record>:is(summary,.record-trigger){padding:14px;grid-template-columns:1fr 1fr;gap:14px}.insight-identity{grid-column:1/-1;padding-right:0}.insight-value:nth-child(2){grid-column:1;grid-row:2}.insight-value:nth-child(3){grid-column:2;grid-row:2}.insight-value:nth-child(4){grid-column:1;grid-row:3;text-align:left}.insight-state{grid-column:2;grid-row:3}.insight-record-body{padding:16px}.insight-record-body .drill-row>b{white-space:normal;text-align:right}.insight-refresh{width:100%;margin:0;min-height:42px}.accounts-overview{flex-direction:column;align-items:flex-start}.accounts-overview>div{font-size:11px}.accounts-cards{grid-template-columns:1fr}.accounts-cards .connection-card[open]{grid-column:1}.accounts-cards .connection-card>summary{min-height:92px}.insight-coverage .checkline{flex-wrap:wrap}.insight-coverage .checkline b{text-align:left}} .account-financial{border-top:1px solid var(--line);padding:12px 0}.account-financial .account-mini{border:0;padding:0 0 10px}.statement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}.statement-grid dt{font-size:10px;color:var(--soft);margin-bottom:4px}.statement-grid dd{font-size:12px;font-weight:650;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.statement-grid .not-supplied{font-size:11px;font-weight:400;color:var(--soft)}.statement-source{font-size:10px;line-height:1.6;color:var(--soft);margin:10px 0 0} .statement-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:start}.statement-insight-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--panel);min-width:0}.statement-insight-card>header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.statement-insight-card>header>div{display:flex;flex-direction:column;gap:5px}.statement-insight-card>header strong{font-size:14px}.statement-insight-card>header small{font-size:11px;color:var(--soft)}.statement-insight-card .statement-grid>div{display:block;min-width:0}.statement-insight-card .statement-grid dt,.statement-insight-card .statement-grid dd{width:auto}.statement-insight-card .account-financial{padding-bottom:0} .statement-insight-card>:is(summary,.record-trigger){display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:65px}.statement-insight-card>:is(summary,.record-trigger)::-webkit-details-marker{display:none}.statement-card-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.statement-card-name strong{font-size:12px;overflow-wrap:anywhere}.statement-card-name small,.statement-card-balance small{font-size:10px;color:var(--soft)}.statement-card-balance{display:flex;flex-direction:column;text-align:right;gap:6px;font-size:12px}.statement-chevron{color:var(--blue);transition:transform .2s}.statement-insight-card[open] .statement-chevron{transform:rotate(180deg)}.statement-insight-card>:is(summary,.record-trigger):focus-visible{outline:2px solid var(--blue);outline-offset:8px}.statement-insight-card[open] .account-financial{margin-top:16px}.payment-evidence{margin-top:12px;padding:12px;background:#2226;border-radius:10px}.payment-evidence small{display:block;color:var(--soft);font-size:10px;line-height:1.6}.payment-evidence button{display:block;background:none;border:0;color:var(--blue);text-align:left;font-size:11px;padding:8px 0;cursor:pointer} .statement-bank-list{display:grid;gap:12px}.statement-bank{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.statement-bank>:is(summary,.record-trigger){display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;min-height:82px}.statement-bank>:is(summary,.record-trigger)::-webkit-details-marker{display:none}.statement-bank>:is(summary,.record-trigger) .statement-card-name strong{font-size:15px}.statement-bank>:is(summary,.record-trigger) .statement-card-name small{font-size:11px}.statement-bank-next{font-size:12px;color:var(--soft);text-align:right}.statement-bank>:is(summary,.record-trigger):focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.statement-bank[open]>summary>.statement-chevron{transform:rotate(180deg)}.statement-bank>.statement-insight-grid{padding:0 16px 16px}.statement-bank .statement-insight-card{background:#2225}@media(max-width:600px){.statement-bank>:is(summary,.record-trigger){padding:16px;gap:10px;flex-wrap:wrap}.statement-bank-next{order:4;width:100%;text-align:left;padding-left:44px;font-size:11px}.statement-bank>.statement-insight-grid{padding:0 10px 10px}} .accounts-bank>.card-detail{padding:0 16px 16px}.accounts-bank .connection-health.ok{color:var(--green)}.accounts-bank .connection-health.wait{color:#e8be74}.accounts-bank .card-section-label{margin:14px 0 10px}.accounts-bank .checkline{font-size:12px}.accounts-bank .account-issue{font-size:12px;line-height:1.6}.accounts-bank .recent-tx{font-size:12px} .connection-manage{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.connection-manage button{min-height:34px;padding:7px 12px;border:1px solid #779cb4;border-radius:11px;background:#394c59;color:#b9e2ff;font-size:11px;font-weight:700}.connection-manage button:hover{background:#50677a}.connection-manage button:disabled{opacity:.5;cursor:default}.connection-manage p{width:100%;margin:4px 0;color:var(--soft);font-size:12px}.connection-confirm{width:100%;padding:12px;border:1px solid #a97878;border-radius:12px;background:#382c2c}.connection-confirm strong{display:block;color:#ffe4e4}.connection-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.connection-confirm [data-confirm-disconnect]{border-color:#ce8d8d;background:#703939;color:#fff} .subscription-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.subscription-modes button,.email-tracker-filters button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:12px 16px;border-radius:12px;cursor:pointer}.subscription-modes button[aria-pressed=true]{background:#425765;color:var(--blue);border-color:#708fa3}.email-tracker-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:20px 0}.email-tracker-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--soft)}.email-tracker-filters select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;max-width:100%}.email-tracker-filters>span{font-size:12px;color:var(--soft);padding-bottom:12px}.email-sub-group{margin-top:28px}.email-sub-group h2{font-size:16px}.email-sub-group h2>span{color:var(--soft);font-weight:400;margin-left:8px}.email-sub-record{border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:10px;overflow:hidden}.email-sub-record>:is(summary,.record-trigger){display:flex;gap:18px;align-items:center;list-style:none;cursor:pointer;padding:18px 20px}.email-sub-record>:is(summary,.record-trigger)::-webkit-details-marker{display:none}.email-sub-record>:is(summary,.record-trigger)>span:first-child{flex:1;min-width:0}.email-sub-record>:is(summary,.record-trigger)>span{display:flex;flex-direction:column;gap:5px}.email-sub-record strong{font-size:14px}.email-sub-record small{font-size:11px;color:var(--soft);overflow-wrap:anywhere}.email-sub-record b{font-size:12px;max-width:300px;line-height:1.5}.email-sub-record[open] .statement-chevron{transform:rotate(180deg)}.email-sub-body{border-top:1px solid var(--line);padding:18px 20px;font-size:12px;line-height:1.7}.email-sub-body p{margin-top:0}.email-sub-body h3{font-size:12px}.email-sub-body>a{display:block;color:var(--blue);padding:5px 0;overflow-wrap:anywhere}.email-sub-facts{display:flex;gap:24px;flex-wrap:wrap}.email-sub-facts>div{display:block}.email-sub-facts dt{font-size:10px;color:var(--soft);width:auto}.email-sub-facts dd{font-size:12px;margin:4px 0;width:auto}@media(max-width:600px){.email-tracker-filters label{width:100%}.email-sub-record>:is(summary,.record-trigger){gap:12px;flex-wrap:wrap}.email-sub-record>:is(summary,.record-trigger)>span:nth-child(2){width:100%;order:3}.email-sub-record b{max-width:none}.email-sub-record>:is(summary,.record-trigger)>span:first-child{flex-basis:80%}} .record-trigger{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer} .record-trigger:hover{background:#ffffff08}.record-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:-3px} .statement-insight-card>.record-trigger{flex-wrap:wrap}.statement-insight-card .credit-tracker{flex-basis:100%} .credit-tracker{display:flex;flex-direction:column;gap:9px;width:100%;margin:16px 0 4px;min-width:0} .credit-tracker-head,.credit-tracker-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px} .credit-tracker-head>span,.credit-tracker-foot{color:var(--soft)}.credit-tracker-head strong,.credit-tracker-foot b{color:var(--text);font-variant-numeric:tabular-nums} .credit-tracker-foot{font-size:11px;line-height:1.6}.credit-tracker-foot b{display:inline-block;margin-left:5px} .credit-tracker progress{appearance:none;-webkit-appearance:none;width:100%;height:9px;border:0;border-radius:20px;background:#7775;overflow:hidden} .credit-tracker progress::-webkit-progress-bar{background:#7775;border-radius:20px}.credit-tracker progress::-webkit-progress-value{background:var(--blue);border-radius:20px}.credit-tracker progress::-moz-progress-bar{background:var(--blue);border-radius:20px} .credit-tracker progress.full::-webkit-progress-value{background:#b94e49}.credit-tracker progress.full::-moz-progress-bar{background:#b94e49} .credit-track-unknown{padding:8px 10px;border-radius:8px;background:#7772;color:var(--soft);font-size:11px} .credit-tracker-note{font-size:11px;color:var(--soft);line-height:1.6}.credit-tracker:not(.compact){margin:8px 0 22px} #recordDetails{width:min(900px,calc(100vw - 24px));max-height:85dvh;--panel:#eee;--text:#303030;--soft:#636363;--line:#c5c5c5;--blue:#26729b;--green:#287346} #recordDetails .dialog-head{position:sticky;top:0;z-index:2;background:#dbdbdb} #recordDetailTitle{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere} #recordDetailTitle>span{min-width:0}#recordDetailBody{padding:22px} #recordDetailBody .account-financial{border-top:0;padding:0}#recordDetailBody .account-mini{display:none} #recordDetailBody .statement-grid>div{display:block;min-width:0}#recordDetailBody .statement-grid dt,#recordDetailBody .statement-grid dd{width:auto;text-align:left} #recordDetailBody .statement-grid dt{font-size:12px;margin-bottom:7px}#recordDetailBody .statement-grid dd{font-size:15px} #recordDetailBody .statement-insight-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))} #recordDetailBody .insight-record-body,#recordDetailBody .email-sub-body{padding:0;border:0} #recordDetailBody .drill-row:hover,#recordDetailBody .record-trigger:hover{background:#00000008} #recordDetailBody .statement-source,#recordDetailBody .note,#recordDetailBody .insight-change{color:#636363;font-size:11px} #recordDetailBody .statement-insight-card{padding:16px}#recordDetailBody .card-detail{padding:0} #recordDetailBody .statement-source{margin-top:16px}#recordDetailBody .recent-tx{color:var(--text)} #recordDetailBody .checkline b{color:var(--text)} @media(max-width:600px){#recordDetailBody{padding:16px}#recordDetails .dialog-head{padding:15px}#recordDetailTitle{font-size:18px}#recordDetailBody .statement-grid{grid-template-columns:1fr;gap:4px}#recordDetails{max-height:90dvh}.statement-card-balance{margin-left:auto}.credit-tracker-foot{font-size:10px}} #recordDetailBody .chart-table-scroll th,#recordDetailBody .chart-table-scroll td{background:transparent;color:var(--text);border-color:var(--line)} #recordDetailBody .chart-value{color:var(--blue)} .company-identity{flex-direction:row!important;align-items:center;gap:13px!important}.company-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.logo.company-mark{position:relative;display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;border-radius:11px;background:#454545;color:var(--blue);overflow:hidden;font-size:13px}.company-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;box-sizing:border-box;padding:4px;object-fit:contain;background:#fafafa}.company-mark.loaded .company-initials{visibility:hidden}.insight-identity .company-mark{flex-basis:34px;width:34px;height:34px;min-width:34px}.detail-title-with-logo .company-mark{flex-basis:32px;width:32px;height:32px;min-width:32px}@media(max-width:600px){.company-identity{gap:10px!important}.logo.company-mark{flex-basis:34px;width:34px;height:34px;min-width:34px}} .unified-select{display:block;flex:initial;width:100%;min-width:150px;max-width:100%;font-size:12px}.unified-select>summary{height:38px;box-sizing:border-box;font:500 12px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}.unified-select>summary[aria-disabled=true]{opacity:.5;cursor:not-allowed}.unified-select-panel{color:var(--text);font-family:inherit;z-index:1000}.unified-select-panel::backdrop{background:transparent}.unified-select-panel .single-picker-option[aria-checked=true]{color:var(--blue)}.unified-select-panel .single-picker-option:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:#3c4850}.unified-select-panel .single-picker-option:disabled{opacity:.45;cursor:not-allowed}.email-tracker-filters label{min-width:160px;max-width:340px}.email-tracker-filters label:has(#emailTrackerMailbox){min-width:240px}.email-tracker-filters .single-picker-panel label{min-width:0}.share-review-grid .unified-select,.share-date-controls .unified-select{min-width:0}.share-review-grid .unified-select>summary{font-size:12px}.unified-select-panel .card-picker-list{max-height:min(350px,55dvh)}@media(max-width:600px){.email-tracker-filters label,.email-tracker-filters label:has(#emailTrackerMailbox){min-width:0;max-width:none;width:100%}.unified-select{max-width:100%;width:100%}} .company-mark img[src*="/microsoft?"]{object-fit:cover;object-position:left center} .card-picker>summary,.share-picker>summary,.unified-select>summary{height:40px;box-sizing:border-box;font:500 12px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif} /* Compact clamshell navigation on narrow viewports. */ .mobile-menu-toggle{display:none!important} @media(max-width:950px){ .topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;min-height:54px} .topbar>.brand{order:0;margin-right:auto} .topbar>.signout{order:1;margin-left:0!important} .topbar>.mobile-menu-toggle{order:2;display:grid!important;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#3d3d3d} .menu-lines{display:flex;flex-direction:column;gap:4px;width:18px} .menu-lines i{display:block;width:18px;height:2px;border-radius:2px;background:var(--blue);transition:transform .2s,opacity .2s} .mobile-menu-open .menu-lines i:first-child{transform:translateY(6px) rotate(45deg)} .mobile-menu-open .menu-lines i:nth-child(2){opacity:0} .mobile-menu-open .menu-lines i:last-child{transform:translateY(-6px) rotate(-45deg)} .topbar>nav{display:none;order:3;width:100%;margin:3px 0 0;padding:7px 0 0;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:3px} .topbar.mobile-menu-open>nav{display:flex;animation:in .2s ease-out} .topbar>nav>button{width:100%;min-height:42px;flex:none;padding:10px 13px;text-align:left;font-size:13px} .topbar>.insights-menu:not([hidden]){position:static;order:4;width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:10px 12px;box-shadow:none} .topbar>.insights-menu h2{margin:4px 0} .topbar>.insights-menu button{min-height:42px;margin:0;padding:8px 10px} .mobile-menu-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px} } /* Supporting views: one quiet, task-first language. Transaction styles are untouched. */ #main[data-view]:not([data-view="board"]){--panel:#2d2d2f;--line:#49494b;--soft:#bcbcc2;--text:#ededf0;--control:#373739;max-width:1248px;padding:40px 36px 72px;font-size:14px;line-height:1.55} #main[data-view]:not([data-view="board"]) :is(button,input,select,textarea){font-family:inherit} #main[data-view]:not([data-view="board"]) :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px} #main[data-view]:not([data-view="board"]) ::selection{background:#85c7f2;color:#172b39} #main[data-view]:not([data-view="board"]) :is(input,textarea){caret-color:var(--blue)} #main[data-view]:not([data-view="board"]) .heading{align-items:center;margin-bottom:8px} #main[data-view]:not([data-view="board"]) .heading h1{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.025em} #main[data-view]:not([data-view="board"]) .heading-meta{font-size:12px;color:var(--soft)} .view-description{font-size:14px;color:var(--soft);margin:0 0 28px;max-width:70ch} .insight-section-nav{display:flex;gap:24px;overflow-x:auto;margin:-12px 0 32px;border-bottom:1px solid var(--line);scrollbar-width:thin} .insight-section-nav button{flex:none;min-height:46px;padding:10px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--soft);font-size:13px;font-weight:500;white-space:nowrap} .insight-section-nav button:hover{color:var(--text)} .insight-section-nav button[aria-current="page"]{border-bottom-color:var(--blue);color:var(--blue)} #main[data-view]:not([data-view="board"]) .analytics-filters{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 20px;gap:14px;flex-wrap:wrap;margin:0 0 24px} #main[data-view]:not([data-view="board"]) .count{font-size:12px;text-transform:none;letter-spacing:0;white-space:normal} #main[data-view]:not([data-view="board"]) .filter-field{font-size:12px;gap:10px} #main[data-view]:not([data-view="board"]) :is(.card-picker,.unified-select)>summary{height:42px;background:var(--control);border:1px solid #626266;border-radius:10px;font-size:13px;font-weight:400} #main[data-view]:not([data-view="board"]) :is(.insight-refresh,#refreshConnections,.connect-tools button,.email-tracker-filters button){min-height:42px;border:1px solid #626266;border-radius:10px;background:var(--control);color:var(--text);padding:10px 14px;font-size:13px;font-weight:500} #main[data-view]:not([data-view="board"]) button:disabled{cursor:not-allowed;opacity:.45} #main[data-view]:not([data-view="board"]) .insight-summary{gap:0;margin:24px 0 32px;border-bottom:1px solid var(--line);padding:0 0 26px} #main[data-view]:not([data-view="board"]) .insight-summary section{background:none;border:0;border-radius:0;padding:0 24px;gap:7px;min-width:0} #main[data-view]:not([data-view="board"]) .insight-summary section:first-child{padding-left:0} #main[data-view]:not([data-view="board"]) .insight-summary section+section{border-left:1px solid var(--line)} #main[data-view]:not([data-view="board"]) .insight-summary section>span{font-size:13px;line-height:1.5} #main[data-view]:not([data-view="board"]) .insight-summary section>strong{font-size:24px;font-weight:550;letter-spacing:-.02em} #main[data-view]:not([data-view="board"]) .insight-summary section>small{font-size:12px;line-height:1.5} #main[data-view]:not([data-view="board"]) :is(.statement-bank-list,.insight-list){gap:0;border-top:1px solid var(--line)} #main[data-view]:not([data-view="board"]) :is(.statement-bank,.insight-record,.email-sub-record){background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;overflow:visible} #main[data-view]:not([data-view="board"]) :is(.statement-bank,.insight-record,.email-sub-record)>.record-trigger{padding:20px 8px;min-height:84px;border-radius:8px;transition:background 160ms ease-out} #main[data-view]:not([data-view="board"]) .record-trigger:hover{background:#ffffff07} #main[data-view]:not([data-view="board"]) .statement-card-name strong{font-size:14px;font-weight:600} #main[data-view]:not([data-view="board"]) :is(.statement-card-name small,.statement-bank-next,.insight-identity small,.insight-value small,.email-sub-record small){font-size:12px;line-height:1.5} #main[data-view]:not([data-view="board"]) .insight-value b{font-size:13px;font-weight:550} #main[data-view]:not([data-view="board"]) .email-sub-record b{font-size:13px;font-weight:550} #main[data-view]:not([data-view="board"]) .email-sub-group{margin-top:32px} #main[data-view]:not([data-view="board"]) .email-sub-group h2{font-size:16px;font-weight:600;margin:0 0 10px} #main[data-view]:not([data-view="board"]) .subscription-modes{gap:20px;border-bottom:1px solid var(--line);margin:0 0 24px} #main[data-view]:not([data-view="board"]) .subscription-modes button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0 13px;background:none;color:var(--soft);font-size:13px;font-weight:500} #main[data-view]:not([data-view="board"]) .subscription-modes button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)} #main[data-view]:not([data-view="board"]) .email-tracker-filters{margin:0 0 24px;gap:16px} #main[data-view]:not([data-view="board"]) .email-tracker-filters label{font-size:12px} #main[data-view]:not([data-view="board"]) .insight-coverage{margin:16px 0 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0} #main[data-view]:not([data-view="board"]) .insight-coverage>.record-trigger{min-height:44px;font-size:13px;color:var(--soft);font-weight:400;padding:8px 0} .supporting-disclosure{border-top:1px solid var(--line);margin-top:24px} .supporting-disclosure>summary{padding:18px 0;min-height:48px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer} .supporting-disclosure>summary::marker{color:var(--soft)} .supporting-disclosure-body{padding:0 0 20px;line-height:1.65} .supporting-disclosure-body>p{font-size:13px!important;line-height:1.65;color:var(--soft);max-width:72ch;margin:0 0 12px} #main[data-view="connections"] .accounts-overview{margin:0 0 24px;gap:24px} #main[data-view="connections"] .accounts-overview p{font-size:13px;color:var(--soft)} #main[data-view="connections"] .accounts-overview p>strong{font-size:14px;margin-top:8px} #main[data-view="connections"] .accounts-overview>div{font-size:13px;gap:20px} #main[data-view="connections"] .connect-tools{background:none;border:0;border-radius:0;padding:0;margin:0 0 24px} #main[data-view="connections"] .connect-actions>span{font-size:13px} #main[data-view="connections"] .connect-tools .supporting-disclosure{margin-top:16px} #main[data-view="connections"] .connect-tools .supporting-disclosure-body{display:flex;flex-wrap:wrap;gap:12px} #main[data-view="connections"] .connect-tools .supporting-disclosure-body>p{flex-basis:100%;margin-top:4px} #main[data-view="connections"] .statement-card-name{gap:4px} #main[data-view="analytics"] .analytics-panel{background:var(--panel);border:0;border-radius:14px;padding:24px} #main[data-view="analytics"] .activity-average>strong{font-size:36px;font-weight:500;letter-spacing:-.025em} #main[data-view="analytics"] .activity-stats strong{font-size:20px} #main[data-view="analytics"] :is(.activity-footnote,.activity-stats small,.activity-heading p,.activity-comparison,.activity-average>span){color:var(--soft);font-size:12px} #main[data-view="analytics"] .metrics{gap:0;background:none;border-bottom:1px solid var(--line);margin:28px 0} #main[data-view="analytics"] .metric{background:none;border:0;border-radius:0;padding:16px 20px} #main[data-view="analytics"] .metric strong{font-size:24px} #main[data-view="analytics"] .metric-caption{font-size:12px;color:var(--soft)} #main[data-view="share"] .report-overview{font-size:12px;margin:0 0 20px} #main[data-view="share"] .receipt-prepare{background:var(--panel);border:0;border-radius:14px;padding:24px;margin:16px 0 28px} #main[data-view="share"] .selection-context{font-size:13px;line-height:1.6;color:var(--soft);max-width:75ch;margin:0 0 16px} #main[data-view="share"] .local-badge{background:transparent;border:0;border-radius:0;color:var(--soft);font-size:12px;padding:0} #main[data-view="share"] .share-controls{background:none;border:0;border-radius:0;padding:8px 0 20px;margin:0} #main[data-view="share"] .share-coverage{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;background:none} #main[data-view="share"] .share-summary{gap:32px;padding:24px 0} #main[data-view="share"] .share-summary strong{font-size:24px;font-weight:550;letter-spacing:-.02em} #main[data-view="share"] .share-summary span{font-size:12px} #main[data-view="share"] .share-table-panel{border:1px solid var(--line);border-radius:12px;background:transparent} #main[data-view="share"] .share-local{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;margin:0} #main[data-view="share"] .share-local summary{font-size:13px;font-weight:500;color:var(--text);min-height:32px} #main[data-view="share"] .share-message:empty{display:none} #main[data-view="share"] :is(.share-table-tools,.share-pagination){font-size:12px} #main[data-view="share"] :is(.receipt-status>strong,.receipt-heading p,.receipt-settings p,.receipt-coverage p){font-size:13px;color:var(--soft)} #main[data-view="share"] .share-hint{color:var(--soft);font-size:12px} #main[data-view="share"] :is(.share-download-actions,.receipt-actions)>button:not(.share-primary){background:var(--control);color:var(--text);border-color:#626266} #recordDetails{border-radius:16px;background:#f3f3f4;--panel:#f3f3f4;--soft:#5c5c63} #recordDetails .dialog-head{background:#f3f3f4;padding:18px 24px} #recordDetailTitle{font-size:20px;font-weight:600;letter-spacing:-.02em} #recordDetailBody{padding:24px;line-height:1.6} #recordDetailBody :is(.statement-insight-card,.insight-coverage){background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0} #recordDetailBody .statement-insight-grid{display:block} #recordDetailBody .statement-insight-card{padding:9px 0} /* Compact account rows keep payment timing between identity and balance. */ .statement-insight-card>:is(summary,.record-trigger){display:grid;grid-template-columns:minmax(0,1fr) minmax(78px,105px) minmax(105px,132px) 12px;gap:8px;min-height:56px;align-items:center;padding:0} .statement-insight-card:not(.has-payment-date)>:is(summary,.record-trigger){grid-template-columns:minmax(0,1fr) minmax(105px,132px) 12px} .statement-insight-card .statement-card-name{gap:3px;line-height:1.3} .statement-card-date{min-width:0;text-align:center;color:var(--soft);font-size:10px;line-height:1.35;overflow-wrap:anywhere} .statement-card-date small{display:block;color:var(--soft);font-size:10px} .statement-card-date>span{display:block;color:var(--text);font-variant-numeric:tabular-nums} .statement-insight-card .statement-card-balance{min-width:0;margin-left:0;gap:3px;line-height:1.3} .credit-inline{display:flex;flex-direction:column;gap:2px;color:var(--soft);font-size:10px;line-height:1.25;font-weight:400;font-variant-numeric:tabular-nums;white-space:normal} .credit-inline-use{display:flex;justify-content:flex-end;align-items:center;gap:5px;white-space:nowrap} .credit-inline-use progress,.credit-inline-unknown{appearance:none;-webkit-appearance:none;display:block;width:38px;height:3px;flex:0 0 38px;margin:0;border:0;border-radius:4px;background:#7774;overflow:hidden} .credit-inline-use progress::-webkit-progress-bar{background:#7774;border-radius:4px}.credit-inline-use progress::-webkit-progress-value{background:var(--blue);border-radius:4px}.credit-inline-use progress::-moz-progress-bar{background:var(--blue);border-radius:4px} .credit-inline-remaining{display:block;overflow-wrap:anywhere} @media(max-width:600px){ .statement-insight-card>:is(summary,.record-trigger){grid-template-columns:minmax(0,1fr) 70px minmax(0,92px) 8px;gap:3px;min-height:52px} .statement-insight-card:not(.has-payment-date)>:is(summary,.record-trigger){grid-template-columns:minmax(0,1fr) minmax(0,92px) 8px} .statement-card-date,.statement-card-date small{font-size:10px} .credit-inline-use progress,.credit-inline-unknown{width:26px;flex-basis:26px} #recordDetailBody .statement-insight-card{padding:8px 0} } #recordDetailBody :is(.statement-source,.note,.insight-record-body>p,.email-sub-body,.credit-tracker-note){font-size:13px;line-height:1.65} #recordDetailBody .card-section-label{font-size:14px;letter-spacing:0;text-transform:none;color:var(--text);margin-top:28px} #recordDetailBody .statement-grid{gap:8px 24px} #recordDetailBody .statement-grid>div{padding:14px 0;border-color:var(--line)} #recordDetailBody .connection-manage button{font-size:13px;min-height:42px;background:#e4e7ea;color:#235b7c;border-color:#a8b4bd} #recordDetailBody .connection-manage [data-disconnect-connection]{background:none;color:#9c3434;border-color:#bd9c9c} .bridge-page{max-width:720px;background:none;border:0;border-radius:0;padding:36px;font-size:14px;line-height:1.7;color:#ededf0} .bridge-page h1{font-size:28px;font-weight:650;letter-spacing:-.025em;margin:0 0 24px} .bridge-page p{color:#bcbcc2;max-width:72ch}.bridge-page a{text-underline-offset:4px}.bridge-page button{background:#373739;border-color:#626266;border-radius:10px;min-height:44px;font-size:13px}.monitor-finding{background:#2d2d2f;border:0;border-radius:12px;padding:16px 20px} .login-card{background:#2d2d2f;border:0;border-radius:16px;box-shadow:none;padding:36px}.login-card h1{font-size:26px;font-weight:600;letter-spacing:-.025em}.login-card p{font-size:14px;line-height:1.65;color:#bcbcc2} @media(max-width:950px){#main[data-view]:not([data-view="board"]){padding:28px 24px 56px}.insight-section-nav{gap:22px;margin-top:0}#main[data-view]:not([data-view="board"]) .analytics-filters{display:flex}.insight-section-nav button{min-height:44px}} @media(max-width:600px){ #main[data-view]:not([data-view="board"]){padding:24px 18px 48px} #main[data-view]:not([data-view="board"]) .heading{align-items:flex-start;flex-direction:column;gap:8px} #main[data-view]:not([data-view="board"]) .heading h1{font-size:26px} #main[data-view]:not([data-view="board"]) .heading-meta{max-width:none;text-align:left;font-size:12px} .view-description{margin-bottom:24px;font-size:13px}.insight-section-nav{margin-bottom:24px;gap:20px} #main[data-view]:not([data-view="board"]) .insight-summary{grid-template-columns:1fr;padding:0;margin:20px 0 24px} #main[data-view]:not([data-view="board"]) .insight-summary section{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px 0!important;gap:4px 16px} #main[data-view]:not([data-view="board"]) .insight-summary section+section{border-left:0;border-top:1px solid var(--line)} #main[data-view]:not([data-view="board"]) .insight-summary section>strong{grid-column:2;font-size:21px;text-align:right} #main[data-view]:not([data-view="board"]) .insight-summary section>span{grid-column:1;align-self:center} #main[data-view]:not([data-view="board"]) .insight-summary section>small{grid-column:1/-1;font-size:12px} #main[data-view]:not([data-view="board"]) .subscription-modes{gap:16px;flex-wrap:nowrap;overflow:auto} #main[data-view]:not([data-view="board"]) .subscription-modes button{white-space:nowrap;font-size:12px;min-height:44px} #main[data-view]:not([data-view="board"]) :is(.statement-bank,.insight-record,.email-sub-record)>.record-trigger{padding:18px 0;gap:12px} #main[data-view]:not([data-view="board"]) .statement-bank-next{padding-left:41px;font-size:12px} #main[data-view]:not([data-view="board"]) .email-sub-record>.record-trigger>span:nth-child(2){padding-left:44px} #main[data-view="analytics"] .analytics-panel{padding:20px 16px}#main[data-view="analytics"] .activity-average>strong{font-size:28px}#main[data-view="analytics"] .activity-comparison{max-width:110px} #main[data-view="connections"] .accounts-overview{align-items:flex-start} #main[data-view="share"] .receipt-prepare{padding:20px 16px}#main[data-view="share"] .share-summary{flex-wrap:wrap;gap:16px 24px}#main[data-view="share"] .share-original-totals{margin:0;text-align:left;flex-basis:100%} #main[data-view="share"] .share-pickers{grid-template-columns:1fr}#main[data-view="share"] .share-download-actions{min-width:0} #main[data-view="share"] .share-coverage{grid-template-columns:1fr;gap:8px}#main[data-view="share"] .report-overview span+span:before{display:none} #recordDetailBody{padding:20px 16px}#recordDetails .dialog-head{padding:16px}.bridge-page{margin:24px 0;padding:24px} } #main[data-view="subscriptions"] .email-sub-group{margin-top:0} #main[data-view="subscriptions"] .email-sub-group .supporting-disclosure{margin-top:0} #main[data-view="subscriptions"] .email-sub-group .supporting-disclosure>summary{font-size:15px;font-weight:550;padding:20px 0} #main[data-view="subscriptions"] .email-sub-group .supporting-disclosure-body{padding-bottom:20px} #main[data-view="share"]>.share-coverage{margin:0 0 24px} /* Shared Insights activity/calendar component. */ #main[data-view]:not([data-view="board"]) .calendar-panel{display:flex;background:var(--panel);border:0;border-radius:14px;padding:24px;margin:24px 0 32px;gap:0} .calendar-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} .calendar-heading h2{font-size:17px;font-weight:600;margin:0 0 6px}.calendar-heading p{font-size:12px;color:var(--soft);margin:0} .calendar-controls{display:flex;gap:6px;align-items:center} .calendar-controls button{display:grid;place-items:center;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #626266;border-radius:10px;background:var(--control);color:var(--text);font-size:13px} .calendar-controls button:first-child,.calendar-controls button:last-child{font-size:22px;padding:0} .calendar-controls button:hover{background:#48484c} .calendar-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px} .calendar-options label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--soft);min-width:190px} .calendar-options .unified-select{min-width:0} .calendar-overview{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:24px 0 4px;font-size:14px;color:var(--soft)} .calendar-overview strong{font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;margin-right:6px} .calendar-overview small{font-size:12px}.calendar-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#666 transparent} .calendar-chart{width:100%;min-width:600px;display:block;overflow:visible} .calendar-gridline{stroke:#ffffff1f;stroke-width:1}.calendar-axis{fill:var(--soft);font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums} .calendar-reported{fill:var(--blue)}.calendar-estimated{fill:#85c7f238;stroke:var(--blue);stroke-width:1;stroke-dasharray:3 2} .calendar-bucket{cursor:pointer;outline:none}.calendar-bucket:hover :is(.calendar-reported,.calendar-estimated),.calendar-bucket:focus-visible :is(.calendar-reported,.calendar-estimated){filter:brightness(1.2);stroke:var(--text);stroke-width:1.2}.calendar-column .calendar-axis{pointer-events:none} .calendar-estimate-dot{border:1px dashed var(--blue);background:#85c7f238} .calendar-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--soft);border-top:1px solid var(--line);padding-top:16px} .calendar-empty{font-size:13px;color:var(--soft);margin:16px 0 0} #main[data-view]:not([data-view="board"]) .calendar-panel>.insight-summary{margin:4px 0 20px;padding:20px 0 0;border:0;border-top:1px solid var(--line)} #main[data-view]:not([data-view="board"]) .calendar-panel>.insight-summary section>strong{font-size:22px} #main[data-view="housing"] .email-sub-record.housing-record>.record-trigger{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px) 20px;gap:24px;align-items:center;padding:20px 8px;min-height:96px} #main[data-view="housing"] .email-sub-record.housing-record>.record-trigger>span{min-width:0;width:auto;flex-basis:auto;order:initial;grid-column:auto;grid-row:auto} #main[data-view="housing"] .housing-record .company-identity{display:flex;align-items:center} #main[data-view="housing"] .housing-record .company-copy{min-width:0;gap:5px} #main[data-view="housing"] .housing-record .company-copy strong{font-size:14px;font-weight:600} #main[data-view="housing"] .housing-record .company-copy small{font-size:12px;color:var(--soft)} #main[data-view="housing"] .housing-record .housing-amount{text-align:right;align-items:flex-end;padding:0} #main[data-view="housing"] .housing-record .housing-amount b{font-size:14px;line-height:1.45;font-weight:600;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} #main[data-view="housing"] .housing-record .housing-amount small{font-size:12px;color:var(--soft)} #main[data-view="housing"] .housing-record .company-mark .company-initials{font-size:20px} .housing-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-bottom:20px} .housing-detail-facts>div{display:block;padding:14px 0;border-color:var(--line)}.housing-detail-facts dt{font-size:12px;color:var(--soft);margin-bottom:6px}.housing-detail-facts dd{text-align:left;font-size:14px;line-height:1.65;font-weight:500;overflow-wrap:anywhere} .calendar-dialog-note{color:var(--soft);font-size:13px;margin:0 0 16px} .calendar-event-record{border-bottom:1px solid var(--line)} .calendar-event-record>.record-trigger{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,200px) 16px;gap:16px;align-items:center;padding:18px 0;min-height:72px} .calendar-event-record>.record-trigger>span:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.calendar-event-record strong{font-size:14px;font-weight:600}.calendar-event-record small{font-size:12px;color:var(--soft)}.calendar-event-record>.record-trigger>span:nth-child(2){font-size:13px;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .connection-update-inline{flex-basis:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0 0;border-top:1px solid var(--line)} .connection-update-inline>p{flex-basis:100%;margin:0;font-size:13px;line-height:1.65;color:var(--soft)} .connection-update-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:10px;background:#dce8f0;color:#235b7c;font-size:13px;font-weight:600} #main[data-view="connections"] .connect-tools .dismiss-control,#recordDetailBody .connection-manage .dismiss-control{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;width:44px;padding:0;font-size:24px;font-weight:400} #main[data-view="connections"] .connect-tools [data-connect]{flex:none;min-height:42px;align-self:flex-start} @media(max-width:700px){ #main[data-view]:not([data-view="board"]) .calendar-panel{padding:20px 16px;margin:20px 0 28px} .calendar-heading{flex-wrap:wrap;gap:12px}.calendar-heading>div:first-child{flex:1 1 180px}.calendar-options{gap:12px}.calendar-options label{flex:1 1 160px;min-width:0} .calendar-overview{flex-wrap:wrap;gap:4px;margin:20px 0 4px}.calendar-overview>small{flex-basis:100%} .calendar-foot{flex-direction:column;gap:6px}.calendar-chart{min-width:600px} #main[data-view="housing"] .email-sub-record.housing-record>.record-trigger{grid-template-columns:minmax(0,1fr) 16px;gap:10px;padding:18px 0} #main[data-view="housing"] .email-sub-record.housing-record>.record-trigger>.company-identity{grid-column:1;grid-row:1} #main[data-view="housing"] .email-sub-record.housing-record>.record-trigger>.housing-amount{grid-column:1;grid-row:2;padding:0 0 0 44px;text-align:left;align-items:flex-start;gap:3px} #main[data-view="housing"] .email-sub-record.housing-record>.record-trigger>.statement-chevron{grid-column:2;grid-row:1/3} .housing-detail-facts{grid-template-columns:1fr}.calendar-event-record>.record-trigger{grid-template-columns:minmax(0,1fr) 16px;gap:8px}.calendar-event-record>.record-trigger>span:nth-child(2){grid-column:1;text-align:left}.calendar-event-record>.record-trigger>span:last-child{grid-column:2;grid-row:1/3} #main[data-view]:not([data-view="board"]) .calendar-panel>.insight-summary{padding:4px 0 0;margin:8px 0 16px} } /* Settings stays reachable without crowding the header. */ .topbar>.settings-nav{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font-size:13px;font-weight:500} .topbar>.settings-nav>span:first-child{font-size:20px;line-height:1} .topbar>#signOut{margin-left:0!important} .topbar #mobileSignOut{display:none} #main[data-view="settings"]:not([data-view="board"]){max-width:1080px} .settings-section{padding:28px 0;border-top:1px solid var(--line)} .settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:12px} .settings-section-head h2{font-size:17px;line-height:1.4;font-weight:600;margin:0 0 5px;letter-spacing:-.01em} .settings-section-head p{font-size:13px;color:var(--soft);line-height:1.6;max-width:65ch;margin:0} .settings-section button,.settings-section-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #626266;border-radius:10px;background:var(--control);color:var(--text);padding:10px 14px;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;white-space:normal} .settings-section button:hover,.settings-section-actions>a:hover{background:#48484c} .settings-section button:disabled{opacity:.45;cursor:wait} .settings-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,1fr);align-items:start;gap:24px;padding:18px 0;border-bottom:1px solid #ffffff0d} .settings-row strong{font-size:13px;font-weight:550}.settings-row p{font-size:12px;color:var(--soft);line-height:1.65;margin:5px 0 0;max-width:65ch} .settings-value{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.6} .settings-section-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .settings-status{display:inline-flex;align-items:center;min-height:32px;color:var(--soft);font-size:13px;white-space:nowrap} .settings-status.ok,.settings-health.ok{color:var(--green)}.settings-health.wait{color:#e8be74} .settings-note{font-size:12px;line-height:1.65;color:var(--soft);max-width:72ch;margin:16px 0 0} .settings-disclosure{font-size:13px;color:var(--soft);margin-top:14px}.settings-disclosure>summary{padding:10px 0;min-height:42px;cursor:pointer;color:var(--text)} .settings-disclosure p{max-width:72ch;font-size:12px;line-height:1.7;margin:14px 0} .settings-check-times{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;list-style:none;padding:0;margin:14px 0;font-variant-numeric:tabular-nums} .settings-bank-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(150px,auto);gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff0d} .settings-bank-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-bank-row strong{font-size:13px;font-weight:550}.settings-bank-row small{color:var(--soft);font-size:12px}.settings-health{font-size:12px;text-align:right} @media(max-width:950px){ .topbar>#signOut{display:none} .topbar>.settings-nav{order:1;margin:0;display:grid;place-items:center;flex:none;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#3d3d3d} .topbar>.settings-nav>.settings-nav-label{display:none} .topbar>.settings-nav>span:first-child{font-size:22px} .topbar #mobileSignOut{display:block;margin-top:6px;border-top:1px solid var(--line);border-radius:0;padding-top:14px} } @media(max-width:600px){ .settings-section{padding:24px 0}.settings-section-head{gap:16px;flex-wrap:wrap}.settings-section-head>div{flex:1 1 190px} .settings-row{grid-template-columns:1fr;gap:8px;padding:16px 0}.settings-value{text-align:left} .settings-bank-row{grid-template-columns:30px minmax(0,1fr);gap:8px 12px;padding:16px 0}.settings-bank-row>.settings-health{grid-column:2;text-align:left} .settings-check-times{grid-template-columns:1fr}.settings-section-actions>button,.settings-section-actions>a{flex:1 1 140px} } /* Identical icon-only system actions throughout the hub. */ .topbar>.settings-nav,.topbar>#signOut,.topbar #mobileSignOut,.settings-section-actions>.icon-action{display:inline-grid;place-items:center;flex:none;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:10px} .topbar>.settings-nav{margin-left:auto}.topbar>#signOut{margin-left:0!important} .action-icon{display:block;flex:none;width:20px;height:20px;pointer-events:none} .topbar #mobileSignOut{display:none} @media(max-width:950px){.topbar>#signOut{display:none}.topbar>.settings-nav{margin-left:0}.topbar #mobileSignOut{display:inline-grid;align-self:flex-start;margin-top:8px;border:0;padding:0}.settings-section-actions>.icon-action{flex:none}} /* Sparse calendars emphasize real events rather than empty columns. */ .calendar-options{margin-top:16px} .calendar-overview{margin:18px 0 0;align-items:baseline} .calendar-overview strong{font-size:24px;font-weight:550} .calendar-overview small{max-width:48ch;text-align:right;line-height:1.55} .calendar-panel .activity-legend{margin:8px 0 18px;font-size:12px} .calendar-chart{overflow:visible} @media(max-width:700px){.calendar-overview{margin:18px 0 0}.calendar-overview small{text-align:left;max-width:none}.calendar-panel .activity-legend{gap:10px 16px;margin:8px 0 16px}} /* Keep system actions together; narrow screens place both inside the menu. */ .header-actions{display:flex;align-items:center;gap:6px;margin-left:auto} .topbar .header-actions>button,.topbar .mobile-system-actions>button{display:inline-grid;place-items:center;flex:none;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0;border:0;border-radius:10px;background:transparent} .topbar .header-actions>#signOut,.topbar .mobile-system-actions>#mobileSignOut{margin:0!important} .topbar .header-actions>button:hover,.topbar .mobile-system-actions>button:hover,.topbar .header-actions>button.selected,.topbar .mobile-system-actions>button.selected{background:#454547;color:var(--blue)} .mobile-system-actions{display:none} @media(max-width:950px){.topbar>.header-actions{display:none}.topbar .mobile-system-actions{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}} /* Light, anchored previews: the trigger supplies context, never a screen corner. */ #analyticsTooltip.anchored-hover,#calendarTooltip.anchored-hover{position:fixed;inset:auto;right:auto;bottom:auto;margin:0;width:max-content;max-width:min(420px,calc(100vw - 24px));max-height:min(480px,65vh);overflow:auto;padding:16px;border:0;border-radius:12px;background:#f3f3f4;color:#303036;box-shadow:0 10px 36px #0005;font:13px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;pointer-events:auto;z-index:1000;--text:#303036;--soft:#62626a;--blue:#26729b} #calendarTooltip.anchored-hover{width:400px;white-space:normal} #analyticsTooltip.anchored-hover{white-space:pre-line} #calendarTooltip[hidden],#analyticsTooltip[hidden]{display:none} .anchored-hover::backdrop{background:transparent;pointer-events:none} .calendar-hover-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:8px}.calendar-hover-heading>strong{font-size:14px;font-weight:600}.calendar-hover-heading>span{font-size:12px;color:var(--soft)} .calendar-hover-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #d7d7db} .calendar-hover-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1} .calendar-hover-identity>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.calendar-hover-identity strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.calendar-hover-identity small{font-size:12px;line-height:1.5;color:var(--soft)} .calendar-hover-row>b{flex:0 1 42%;text-align:right;font-size:12px;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .calendar-hover-identity .logo{width:30px;height:30px;min-width:30px;flex:0 0 30px;font-size:12px;border-radius:8px} .calendar-hover-hint{font-size:12px;color:var(--soft);margin:6px 0 0} .calendar-event-record .calendar-event-identity{flex-direction:row!important;align-items:center;gap:12px}.calendar-event-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.calendar-event-identity>.logo{flex:none} @media(max-width:600px){#calendarTooltip.anchored-hover{padding:14px}.calendar-hover-row{gap:10px}.calendar-hover-row>b{flex-basis:38%}} /* Cadence is one editable task, with the impact beside its controls. */ .schedule-fields{display:flex;gap:20px;flex-wrap:wrap;border:0;padding:0;margin:0} .schedule-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--soft)} .schedule-fields select,.schedule-fields input{min-height:42px;min-width:210px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color-scheme:dark} .schedule-preview{margin:20px 0 0;padding:20px 0;border-block:1px solid var(--line)} .schedule-preview p{max-width:72ch;margin:10px 0;color:var(--soft);font-size:14px;line-height:1.6} .schedule-preview p b{color:var(--text)} .schedule-preview .schedule-warning{color:#efc474} .schedule-preview .settings-check-times{margin:16px 0 0} #syncSaveStatus{font-size:13px;color:var(--soft);max-width:55ch} @media(max-width:600px){.schedule-fields{display:grid;grid-template-columns:1fr}.schedule-fields select,.schedule-fields input{min-width:0;width:100%;box-sizing:border-box}} .sync-timing-current{border-block:1px solid var(--line);padding:20px 0 8px} .sync-timing-lead{display:flex;flex-direction:column;gap:6px} .sync-timing-state{color:var(--soft);font-size:12px} .sync-timing-lead strong{font-size:24px;line-height:1.2;letter-spacing:-.025em} .sync-timing-lead p{margin:0;color:var(--soft);font-size:14px;line-height:1.5} .sync-timing-rows{margin-top:16px} .sync-timing-rows>div{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.45} .sync-timing-rows strong{font-weight:600} .sync-timing-rows span{color:var(--soft)} .sync-timing-proposal{padding:20px 0 12px;max-width:72ch} .sync-timing-proposal h3{font-size:16px;margin:0 0 8px} .sync-timing-proposal p{color:var(--soft);font-size:14px;line-height:1.55;margin:0} @media(max-width:600px){.sync-timing-rows>div{grid-template-columns:1fr;gap:3px}.sync-timing-lead strong{font-size:22px}} /* Recurring records share Housing’s compact identity / amount rhythm. */ #main[data-view="subscriptions"] .email-sub-record.compact-recurring>.record-trigger{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,260px) 20px;gap:24px;align-items:center} #main[data-view="subscriptions"] .email-sub-record.compact-recurring>.record-trigger>span{width:auto;min-width:0;order:initial;flex-basis:auto} #main[data-view="subscriptions"] .email-sub-record.compact-recurring>.record-trigger>span:nth-child(2){text-align:right;align-items:flex-end;padding:0} #main[data-view] .insight-record.compact-recurring>.record-trigger{grid-template-columns:minmax(0,1fr) minmax(130px,180px) minmax(140px,200px) minmax(80px,110px)} .record-supporting-facts{padding:12px 0;color:var(--soft);font-size:13px} .record-supporting-facts p{margin:6px 0;overflow-wrap:anywhere} .detected-bank-records{margin-top:32px} @media(max-width:600px){ #main[data-view="subscriptions"] .email-sub-record.compact-recurring>.record-trigger{grid-template-columns:minmax(0,1fr) 16px;gap:10px} #main[data-view="subscriptions"] .email-sub-record.compact-recurring>.record-trigger>span:nth-child(2){grid-column:1;grid-row:2;text-align:left;align-items:flex-start;padding-left:44px} #main[data-view="subscriptions"] .email-sub-record.compact-recurring>.record-trigger>.statement-chevron{grid-column:2;grid-row:1/3} #main[data-view] .insight-record.compact-recurring>.record-trigger{grid-template-columns:minmax(0,1fr) auto} } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} /* The landing page is a centered set of four familiar destinations. */ #main.settings-home{min-height:calc(100dvh - 63px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:36px;padding-bottom:48px} .settings-home>.heading{justify-content:center;text-align:center;width:100%;margin:0 0 32px} .settings-landing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:560px;margin:0 auto} .settings-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;width:100%;aspect-ratio:1;min-width:0;padding:24px;border-radius:16px;background:var(--panel);transition:background 160ms ease-out,box-shadow 160ms ease-out;color:var(--text);text-align:center} .settings-tile>svg{width:72px;height:72px;color:var(--blue);flex:none} .settings-tile strong{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.3} .settings-tile:hover{background:#3c3c40;box-shadow:inset 0 0 0 1px var(--blue)} .settings-tile:focus-visible,.settings-back:focus-visible,.settings-service button:focus-visible{outline:2px solid var(--blue);outline-offset:4px} .settings-back{display:inline-flex;align-items:center;gap:6px;color:var(--soft);font-size:13px;min-height:42px;margin-bottom:16px} .settings-back svg{width:19px;height:19px}.settings-back:hover{color:var(--blue)} .settings-service-grid{display:grid;grid-template-columns:repeat(5,112px);gap:14px;margin:24px 0} .settings-section .settings-service>.record-trigger{display:grid;place-items:center;width:112px;height:112px;padding:18px;border:0;border-radius:16px;background:#f3f3f4;transition:background 160ms ease-out,box-shadow 160ms ease-out} .settings-service>.record-trigger:hover{background:#e1f0f9;box-shadow:inset 0 0 0 2px var(--blue)} .settings-service-logo{display:block;object-fit:contain;flex:none} .settings-section .settings-service>.record-trigger .settings-service-logo{width:56px;height:56px;object-fit:contain} @media(max-width:380px){.settings-section .settings-service>.record-trigger .settings-service-logo{width:44px;height:44px}} #recordDetailBody .account-rename-icon,.statement-insight-card .account-rename-icon{position:relative;display:inline-block;vertical-align:baseline;width:16px;height:0;margin-left:5px;color:#337da5;cursor:pointer} #recordDetailBody .account-rename-icon svg,.statement-insight-card .account-rename-icon svg{position:absolute;left:0;top:-13px} #recordDetailBody .account-rename-icon::before,.statement-insight-card .account-rename-icon::before{content:"";position:absolute;inset:-16px -7px -14px;border-radius:7px} .statement-insight-card .account-rename-icon:hover::before,.statement-insight-card .account-rename-icon:focus-visible::before{background:#dcecf5;outline:2px solid #337da5;outline-offset:2px} #recordDetailTitle>.settings-service-logo{width:28px;height:28px} .settings-provider-detail h2{font-size:17px;margin:4px 0 16px} .settings-provider-detail p{font-size:14px;line-height:1.7;max-width:65ch} .settings-provider-detail .settings-section-actions>a,.settings-provider-detail .settings-section-actions>button{padding:10px 14px;border:1px solid #b5b5ba;border-radius:10px;min-height:42px;background:#e4e4e7;color:#303036;font:inherit} .settings-provider-detail .settings-section-actions>a:hover,.settings-provider-detail .settings-section-actions>button:hover{background:#d6e7f1} @media(max-width:600px){.settings-landing{gap:14px}.settings-tile{padding:16px;gap:18px}.settings-tile>svg{width:52px;height:52px}.settings-tile strong{font-size:15px}.settings-home>.heading{margin-bottom:26px}.settings-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:364px}.settings-section .settings-service>.record-trigger{width:100%;height:auto;aspect-ratio:1;padding:14px}} @media(prefers-reduced-motion:reduce){.settings-tile,.settings-service>.record-trigger{transition:none}} .settings-version{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--blue);padding-top:2px} .settings-release-notes{padding-left:20px;max-width:72ch;line-height:1.7} .settings-release-notes li{margin:8px 0} #main.settings-home>.heading{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;margin:0 0 32px} #main.settings-home>.heading h1{flex:none;width:auto;margin:0;text-align:center} #main.settings-home>.heading .heading-meta{display:none} #main[data-view="settings"].settings-home>.heading{flex-direction:row;align-items:center;justify-content:center;margin:0 0 48px} @media(max-width:600px){#main[data-view="settings"].settings-home>.heading{margin-bottom:36px}} /* One quiet motion vocabulary: immediate feedback, soft arrivals, quicker exits. */ :root{--motion-feedback:140ms;--motion-arrival:200ms;--motion-exit:120ms;--motion-ease:cubic-bezier(.16,1,.3,1)} :where(button,a,input,select,textarea,summary,.record-trigger,.row,.metric,.ranking-button,.settings-tile){transition-property:background-color,color,border-color,box-shadow,opacity;transition-duration:var(--motion-feedback);transition-timing-function:var(--motion-ease)} .topbar button,.settings-tile,.settings-service>.record-trigger,.record-trigger,.drill-row,.single-picker-option,.card-picker summary,.row{transition:background-color var(--motion-feedback) var(--motion-ease),color var(--motion-feedback) var(--motion-ease),border-color var(--motion-feedback) var(--motion-ease),box-shadow var(--motion-feedback) var(--motion-ease),opacity var(--motion-feedback) var(--motion-ease)} :is(.interactive-bar,.calendar-bar) :is(rect,.spend-fill,.refund-fill),.calendar-bar{transition:fill var(--motion-feedback) var(--motion-ease),filter var(--motion-feedback) var(--motion-ease),opacity var(--motion-feedback) var(--motion-ease)} @keyframes soft-content-reveal{from{opacity:.65}to{opacity:1}} :where(details[open])>:is(.supporting-disclosure-body,.email-sub-body,.insight-record-body,.card-detail,.card-picker-panel){animation:soft-content-reveal var(--motion-arrival) var(--motion-ease)} .card-detail{animation:none} /* Native top-layer transitions preserve focus and escape clipping. */ dialog{animation:none;opacity:0;transform:translateY(5px);transition:opacity var(--motion-exit) ease-out,transform var(--motion-exit) ease-out,display var(--motion-exit) allow-discrete,overlay var(--motion-exit) allow-discrete} dialog[open]{opacity:1;transform:translateY(0);transition-duration:var(--motion-arrival)} dialog::backdrop{opacity:0;transition:opacity var(--motion-exit) ease-out,display var(--motion-exit) allow-discrete,overlay var(--motion-exit) allow-discrete} dialog[open]::backdrop{opacity:1;transition-duration:var(--motion-arrival)} [popover]{opacity:1;transform:translateY(0);transition:opacity var(--motion-exit) ease-out,transform var(--motion-exit) ease-out,display var(--motion-exit) allow-discrete,overlay var(--motion-exit) allow-discrete} [popover]:popover-open{opacity:1;transform:translateY(0);transition-duration:var(--motion-arrival)} #insightsMenu{opacity:1;transition:opacity var(--motion-arrival) var(--motion-ease),display var(--motion-exit) allow-discrete} #insightsMenu[hidden]{opacity:0} .topbar.mobile-menu-open>nav{animation:soft-content-reveal var(--motion-arrival) var(--motion-ease)} @starting-style{ dialog[open]{opacity:0;transform:translateY(5px)} dialog[open]::backdrop{opacity:0} [popover]:popover-open{opacity:0;transform:translateY(3px)} #insightsMenu:not([hidden]){opacity:0} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:80ms!important;transition-delay:0ms!important} dialog,[popover],dialog[open],[popover]:popover-open{transform:none} @starting-style{dialog[open],[popover]:popover-open{transform:none}} } @supports selector(:popover-open){[popover]:not(:popover-open){opacity:0;transform:translateY(3px)}} @media(prefers-reduced-motion:reduce){[popover]:not(:popover-open){transform:none}} /* Capture a stable viewport so different page widths/heights never stretch. */ html{scrollbar-gutter:stable both-edges} #main{view-transition-name:none} ::view-transition{pointer-events:none} ::view-transition-group(root){animation:none} ::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal} ::view-transition-new(root){animation:page-arrival 280ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal} @keyframes page-arrival{from{opacity:0}to{opacity:1}} @media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}} /* The mobile dropdown overlays content; opening it never reflows the page. */ @media(max-width:950px){ .topbar{z-index:30} .topbar>nav,.topbar.mobile-menu-open>nav{position:absolute;top:100%;left:0;display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 80px);overflow-y:auto;margin:0;padding:10px 12px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;background:var(--bg);box-shadow:0 12px 24px #0003;animation:none;transform-origin:top;transition:clip-path 240ms var(--motion-ease),opacity 180ms ease-out,transform 240ms var(--motion-ease),visibility 0ms linear 240ms} .topbar>nav{visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-6px);pointer-events:none} .topbar.mobile-menu-open>nav{visibility:visible;opacity:1;clip-path:inset(0);transform:translateY(0);pointer-events:auto;transition-delay:0ms} .topbar.menu-close-immediate>nav{transition:none} .topbar>.insights-menu:not([hidden]){position:absolute;top:calc(100% + 98px);left:16px;width:calc(100% - 32px);z-index:2;max-height:calc(100dvh - 190px);overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0004} } @media(prefers-reduced-motion:reduce){.topbar>nav,.topbar.mobile-menu-open>nav{transform:none;clip-path:none;transition:opacity 80ms linear,visibility 0ms linear 80ms}} /* Transaction toolbar at every width: flexible search and three fixed controls. */ .mobile-filter-icon{display:none} .search>span>svg{display:block} #main[data-view="board"] .board>.tools{position:relative;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,48px);align-items:center;gap:6px;padding:10px 8px} #main[data-view="board"] .board>.tools>.search{flex:1 1 0;min-width:42px;width:auto;max-width:none;grid-column:auto} #main[data-view="board"] .board>.tools>.search input{width:100%;min-width:0;height:42px;padding:0 6px 0 31px;font-size:13px;border-radius:11px} #main[data-view="board"] .board>.tools>.search input::placeholder{color:transparent} #main[data-view="board"] .board>.tools>.search>span{left:10px;top:12px;font-size:18px} #main[data-view="board"] .board>.tools>.card-picker{position:static;flex:0 0 48px;width:48px;min-width:48px;max-width:48px;grid-column:auto} #main[data-view="board"] .board>.tools>.card-picker>summary{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:42px;min-height:42px;padding:0;gap:0;border-radius:11px} #main[data-view="board"] .board>.tools>.card-picker>summary>span:not(.mobile-filter-icon){display:none} #main[data-view="board"] .board>.tools .mobile-filter-icon{display:inline-flex;align-items:center;justify-content:center;overflow:visible;color:var(--text)} #main[data-view="board"] .board>.tools>.card-picker[data-active="true"]>summary{border-color:var(--blue);background:#3c4b55} #main[data-view="board"] .board>.tools>.card-picker[data-active="true"]>summary::after{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--blue)} #main[data-view="board"] .board>.tools>.card-picker>.card-picker-panel{top:calc(100% + 4px);left:auto;right:0;width:min(320px,calc(100vw - 44px));max-width:calc(100vw - 44px);min-width:0} #main[data-view="board"] .board>.tools>.type-picker>.card-picker-panel{width:min(260px,calc(100vw - 44px))} #main[data-view="board"] .board>.tools>.range-picker>.card-picker-panel{width:190px} #main[data-view="board"] .board>.tools>.count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #main[data-view="board"] .board>.tools input:focus-visible{outline:2px solid var(--blue);outline-offset:1px} /* Explicit record areas prevent legacy nth-child rules from creating narrow implicit columns as the viewport crosses a breakpoint. */ #main[data-view] .insight-record.compact-recurring>.record-trigger{grid-template-columns:minmax(0,1fr) minmax(110px,.6fr) minmax(150px,.7fr) auto;grid-template-areas:"identity amount next status";gap:20px} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-identity{grid-area:identity;min-width:0;width:auto} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-value:nth-child(2){grid-area:amount;min-width:0;width:auto} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-value:nth-child(3){grid-area:next;min-width:0;width:auto} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-state{grid-area:status;min-width:0;width:auto} #main[data-view] .insight-record.compact-recurring .insight-value b{overflow-wrap:normal;word-break:normal} #main[data-view] .insight-record.compact-recurring .insight-value:nth-child(2) b{white-space:nowrap} @media(max-width:900px){ #main[data-view] .insight-record.compact-recurring>.record-trigger{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"identity identity" "amount next" "status status";gap:14px 20px} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-value:nth-child(2){text-align:left} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-value:nth-child(3){text-align:right} #main[data-view] .insight-record.compact-recurring>.record-trigger>.insight-state{justify-content:flex-end} } @media(max-width:760px){ #main[data-view]:not([data-view="board"]) .insight-summary{grid-template-columns:minmax(0,1fr)} #main[data-view]:not([data-view="board"]) .insight-summary section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:16px 0!important;min-width:0} #main[data-view]:not([data-view="board"]) .insight-summary section+section{border-left:0;border-top:1px solid var(--line)} #main[data-view]:not([data-view="board"]) .insight-summary section>span{grid-column:1;align-self:center} #main[data-view]:not([data-view="board"]) .insight-summary section>strong{grid-column:2;text-align:right;white-space:nowrap;overflow-wrap:normal;font-size:21px} #main[data-view]:not([data-view="board"]) .insight-summary section>small{grid-column:1/-1} } #main :is(.analytics-panel,.calendar-panel,.insight-summary section,.statement-card-name,.company-copy,.settings-row>div){min-width:0} .record-review-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)} .record-review-panel h3{font-size:17px;margin:0 0 10px} .record-review-panel .review-status,.record-review-panel .review-feedback{font-size:13px;line-height:1.6} .record-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0} .record-review-panel button{min-height:42px;padding:10px 14px;border:1px solid #a9afb5;border-radius:10px;color:var(--text);background:#e3e8ec;font:inherit;cursor:pointer} .record-review-panel button:hover{background:#d1e5f2} .record-review-panel summary{min-height:42px;padding:10px 0;cursor:pointer;font-size:13px;font-weight:550} .record-review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0} .record-review-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px} .record-review-fields :is(input,select,textarea){min-width:0;width:100%;min-height:42px;padding:10px;border:1px solid #aaaeb5;border-radius:9px;background:#fff;color:#303036;font:inherit;color-scheme:light} .record-review-fields .unified-select>summary{background:#fff;color:#303036;border-color:#aaaeb5} .record-review-fields .review-notes{grid-column:1/-1} .record-review-source dl>div{display:grid;grid-template-columns:minmax(100px,.5fr) minmax(0,1fr);gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px} .record-review-source dd{margin:0;text-align:right;overflow-wrap:anywhere} .record-review-source dt{color:var(--soft)} @media(max-width:600px){.record-review-fields{grid-template-columns:minmax(0,1fr)}.record-review-actions>button{flex:1 1 140px}.record-review-source dl>div{grid-template-columns:minmax(0,1fr)}.record-review-source dd{text-align:left}} .multi-filter-panel{color:var(--text);z-index:1000}.multi-filter-panel::backdrop{background:transparent} .multi-picker .card-picker-row input{width:17px;height:17px;min-width:17px;accent-color:var(--blue)} .multi-picker .card-picker-row button{min-height:36px} .email-tracker-filters>.filter-field,.calendar-currency-filter{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--soft)} .email-tracker-filters>.filter-field{flex:0 1 260px} .calendar-currency-filter{min-width:190px} .calendar-currency-filter>.multi-picker{min-width:0;width:100%;flex:none} @media(max-width:600px){.email-tracker-filters>.filter-field{width:100%;flex-basis:100%}.calendar-currency-filter{flex:1 1 160px;min-width:0}} .insight-state.confirmed{color:var(--green)} #recordDetails .record-review-fields .unified-select-panel{background:#f3f3f4;--text:#303036;--soft:#62626a;--blue:#26729b;border-color:#aaaeb5} #recordDetails .record-review-fields .unified-select-panel .single-picker-option{background:transparent;color:#303036;border:0} #recordDetails .record-review-fields .unified-select-panel .single-picker-option:hover{background:#d8e9f4} .review-user-notes{white-space:pre-wrap;font-size:13px;line-height:1.6} .multi-picker .card-picker-row>label{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1 1 0;width:auto;min-width:0;margin:0;padding:0} .multi-picker .card-picker-row>label>input{flex:none} .multi-picker .card-picker-row>button{flex:none} .email-tracker-filters>.filter-field{align-items:stretch} .email-tracker-filters>.filter-field>.multi-picker{flex:none;width:100%;max-width:none;min-width:0} .email-sub-group{position:relative} .review-group-button{position:absolute;top:13px;right:0;z-index:1;min-height:38px;padding:8px 13px;border:1px solid #626266;border-radius:10px;background:var(--control);color:var(--text);font:inherit;font-size:13px;cursor:pointer} .email-sub-group:has(.review-group-button)>.supporting-disclosure>summary{padding-right:110px;min-height:38px;display:flex;align-items:center} .review-group-button:hover{background:#494949;border-color:var(--blue)} .review-queue-toolbar{padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px} .review-queue-toolbar>span{font-size:13px;font-weight:650}.review-queue-toolbar>div{display:flex;flex-wrap:wrap;gap:8px} .review-queue-toolbar p{flex-basis:100%;margin:0;font-size:12px;line-height:1.5;color:#555;max-width:70ch} :is(.review-queue-toolbar,.review-queue-complete) button{padding:9px 12px;min-height:40px;border:1px solid #abb4ba;border-radius:10px;background:#e5e9ec;color:#25475e;font:inherit;font-size:13px;cursor:pointer} :is(.review-queue-toolbar,.review-queue-complete) button:hover{background:#d6e4ee} #main[data-view="share"] input::placeholder{color:#c8c8c8;opacity:1} .report-review-title{display:flex;align-items:center;gap:12px} .report-review-title .logo{width:32px;height:32px;flex:none} /* Reports inherits the Transactions board, with tax details in its editor. */ #main[data-view="share"]{max-width:1800px;padding:26px 2% 60px} #main[data-view="share"]>.heading{margin-bottom:28px} #main[data-view="share"]>.heading h1{font-size:clamp(25px,3vw,37px)} #main[data-view="share"] .report-workflow{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-bottom:1px solid var(--line);padding:0 0 28px;margin:0 0 28px} #main[data-view="share"] .report-workflow .receipt-prepare{padding:0;margin:0;background:none;border:0;border-radius:0;min-width:0} #main[data-view="share"] .report-workflow .share-download{display:flex;flex-direction:column;gap:0;padding:0 0 0 32px;margin:0;border:0;border-left:1px solid var(--line);border-radius:0;min-width:0;background:none} #main[data-view="share"] :is(.receipt-heading h2,.report-download-heading h2,.report-records-heading h2){font-size:17px;font-weight:650;letter-spacing:-.02em;margin:0 0 6px} #main[data-view="share"] .receipt-heading{display:block} #main[data-view="share"] .report-download-heading p{font-size:13px;color:var(--soft);margin:0;line-height:1.5} .report-worker-status{display:inline-block;font-size:12px;color:var(--soft);margin-top:14px} #main[data-view="share"] .receipt-status{margin:6px 0 0} #main[data-view="share"] .receipt-actions{gap:8px;margin-top:14px} #main[data-view="share"] .share-download-actions{display:flex;flex-wrap:wrap;min-width:0;gap:8px;margin-top:18px} #main[data-view="share"] .share-download-actions button{flex:1 1 45%;min-height:40px} #main[data-view="share"] :is(.receipt-settings,.report-export-settings){margin-top:18px;padding-top:12px;border-top:1px solid var(--line);width:100%} #main[data-view="share"] .report-export-options{grid-template-columns:1fr 1fr;margin-top:16px;gap:8px 12px} #main[data-view="share"] .report-export-options>label{min-width:0} #main[data-view="share"] .report-export-options #shareFxDetails{grid-column:2} .report-records-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px} .report-records-heading>span{font-size:12px;color:var(--soft)} #main[data-view="share"] .report-overview{margin:0 0 0 auto;gap:12px;font-size:12px;color:var(--soft)} #main[data-view="share"] .report-overview span+span:before{display:none} #main[data-view="share"] .report-overview span:last-child{display:none} #main[data-view="share"] .share-table-panel{padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:visible} #main[data-view="share"] .share-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,300px) auto;align-items:start;gap:8px;padding:12px;margin:0;border:0;position:relative;z-index:3} #main[data-view="share"] .share-search{position:relative;display:block;min-width:0} .share-search>svg{position:absolute;left:12px;top:12px;color:var(--soft);pointer-events:none} #main[data-view="share"] .share-search input{height:42px;width:100%;padding:0 12px 0 38px;background:#595959;border:1px solid #696969;border-radius:12px;font-size:13px} #main[data-view="share"] .share-controls>.share-picker>summary{height:42px;background:#595959;border-color:#696969;border-radius:12px} .report-account-icon{display:none} .report-more-filters>summary{display:flex;align-items:center;gap:8px;justify-content:center;list-style:none;height:42px;padding:0 14px;background:#595959;border:1px solid #696969;border-radius:12px;cursor:pointer;color:var(--text)} .report-more-filters>summary::-webkit-details-marker{display:none} .report-more-filters[open]>summary{border-color:var(--blue)} .report-filter-fields{position:absolute;right:12px;top:64px;width:min(540px,calc(100% - 24px));box-sizing:border-box;padding:16px;background:var(--panel);border:1px solid #707070;border-radius:14px;box-shadow:0 12px 30px #0006;z-index:5} #main[data-view="share"] .report-filter-fields .share-pickers{display:grid;grid-template-columns:1fr;gap:10px} #main[data-view="share"] .report-filter-fields .share-date-controls{margin-top:12px} #main[data-view="share"] .report-filter-fields .share-date-controls label{flex:1;min-width:100px} #main[data-view="share"] .share-table-tools{padding:0 16px 12px;font-size:11px;gap:10px} #main[data-view="share"] .share-table-tools button{padding:3px 0;border:0;background:none;color:var(--blue);font-size:12px;font-weight:500} #main[data-view="share"] .share-table-tools>div{gap:16px} #main[data-view="share"] .share-table-scroll{max-height:none;overflow:visible;padding:0 8px 8px} #main[data-view="share"] .share-table{display:block;min-width:0!important;width:100%;border-collapse:separate;border-spacing:0;font-size:12px} #main[data-view="share"] .share-table :is(thead,tbody){display:block} #main[data-view="share"] .share-table tr{display:grid;grid-template-columns:22px 76px minmax(140px,1.1fr) minmax(130px,1.6fr) 140px 115px;align-items:center;gap:10px} #main[data-view="share"] .share-table thead{background:#606060;margin:0 -8px;padding:10px 16px;position:static} #main[data-view="share"] .share-table th{padding:0;border:0;font-size:9px;letter-spacing:.13em;white-space:nowrap} #main[data-view="share"] .share-table :is(th,td):nth-child(6){display:none} #main[data-view="share"] .share-table tbody tr{background:var(--row);border:0;border-radius:11px;padding:10px 8px;margin-top:4px;min-height:56px} #main[data-view="share"] .share-table tbody tr:nth-child(even){background:#444} #main[data-view="share"] .share-table tbody tr:hover{background:#505050} #main[data-view="share"] .share-table td{padding:0;border:0;background:none;min-width:0;max-width:none;grid-area:auto;font-size:12px} #main[data-view="share"] .share-table td:nth-child(2){font-size:11px;font-weight:650;white-space:nowrap} #main[data-view="share"] .share-table td:nth-child(4){margin:0;overflow:hidden} #main[data-view="share"] .share-table td:nth-child(4)>strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:750;font-size:13px} #main[data-view="share"] .share-table td:nth-child(4)>small{display:none} #main[data-view="share"] .share-table td:nth-child(5){font-size:13px;font-weight:750;white-space:nowrap;text-align:right} #main[data-view="share"] .share-table td:nth-child(7){text-align:right} #main[data-view="share"] .share-table td:nth-child(7) button{background:#46505a;border:0;color:#d9eaf5;border-radius:8px;padding:6px 8px;font-size:10px;line-height:1.3;width:100%;font-weight:650;white-space:nowrap} #main[data-view="share"] .share-table td:nth-child(7)>small{display:none} .report-bank{display:flex;align-items:center;gap:8px;min-width:0}.report-bank .logo{flex:none;width:27px;height:27px}.report-bank>span:last-child{min-width:0} #main[data-view="share"] .report-bank :is(strong,small){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #main[data-view="share"] .report-bank strong{font-size:11px;font-weight:650} #main[data-view="share"] .report-bank small{font-size:9px;margin-top:2px;color:var(--soft)} #main[data-view="share"] .share-pagination{border-top:1px solid var(--line);padding:12px 16px} #main[data-view="share"] .share-pagination[hidden]{display:none} .report-totals{margin:14px 0 0;font-size:12px;color:var(--soft)} .report-totals>summary{cursor:pointer} #main[data-view="share"] .share-summary{padding:14px 0;gap:24px;flex-wrap:wrap} #main[data-view="share"] .share-summary strong{font-size:16px} #main[data-view="share"] .report-records>.share-hint{margin:12px 0 24px;font-size:11px} #main[data-view="share"]>.share-coverage{margin:0;padding:18px 0;border-bottom:0} #main[data-view="share"] .share-checklist>div{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px;display:grid;grid-template-columns:30px 1fr;gap:4px 10px} .share-checklist .logo{grid-row:1/4}.share-checklist :is(span:not(.logo),small){grid-column:2} .report-provider-logo{width:24px;height:24px;flex:none;object-fit:contain} #main[data-view="share"] .receipt-accounts{grid-template-columns:1fr} @media(max-width:1000px){ #main[data-view="share"] .share-table tr{grid-template-columns:20px 65px minmax(115px,1fr) minmax(100px,1.2fr) 125px 105px;gap:8px} } @media(max-width:760px){ #main[data-view="share"]{padding:20px 12px 40px} #main[data-view="share"]>.heading{margin-bottom:24px} #main[data-view="share"] .report-workflow{grid-template-columns:1fr;gap:24px;padding-bottom:24px;margin-bottom:24px} #main[data-view="share"] .report-workflow .share-download{border:0;border-top:1px solid var(--line);padding:20px 0 0} #main[data-view="share"] .receipt-actions button{flex:1;min-width:0} #main[data-view="share"] .report-overview{flex-basis:100%;margin:0;font-size:11px} #main[data-view="share"] .share-controls{grid-template-columns:minmax(0,1fr) 48px 48px;gap:6px;padding:10px 8px} #main[data-view="share"] .share-controls>.share-picker{position:static;width:48px;min-width:48px!important;max-width:48px!important;flex:none} #main[data-view="share"] .share-controls>.share-picker>summary{padding:0;justify-content:center;width:48px;gap:0} #main[data-view="share"] .share-controls>.share-picker>summary>span{display:none} .report-account-icon{display:block} .report-more-filters>summary{padding:0;width:48px}.report-more-filters>summary>span{display:none} #main[data-view="share"] .share-search input::placeholder{color:transparent} #main[data-view="share"] .share-table-tools{font-size:10px;padding:0 12px 10px;flex-wrap:wrap} #main[data-view="share"] .share-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);padding:0;margin:0} #main[data-view="share"] .share-table tbody tr{grid-template-columns:20px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 8px;padding:10px 8px;min-height:82px} #main[data-view="share"] .share-table td:nth-child(1){grid-area:1/1/4/2;align-self:center} #main[data-view="share"] .share-table td:nth-child(2){grid-area:3/2;font-size:9px;color:var(--soft);font-weight:400} #main[data-view="share"] .share-table td:nth-child(3){grid-area:1/2} #main[data-view="share"] .share-table td:nth-child(4){grid-area:2/2/3/4} #main[data-view="share"] .share-table td:nth-child(4)>strong{font-size:12px} #main[data-view="share"] .share-table td:nth-child(5){grid-area:1/3;font-size:12px} #main[data-view="share"] .share-table td:nth-child(7){grid-area:3/3} #main[data-view="share"] .share-table td:nth-child(7) button{width:auto;font-size:9px;padding:3px 7px} #main[data-view="share"] .report-bank .logo{width:23px;height:23px;min-width:23px;border-radius:8px;font-size:8px} #main[data-view="share"] .report-bank strong{display:none} #main[data-view="share"] .report-bank small{font-size:10px;margin:0} #main[data-view="share"] .share-controls>.share-picker>.card-picker-panel{top:60px;left:8px;right:8px;width:auto;min-width:0;max-width:none} #main[data-view="share"] .report-filter-fields{right:8px;width:calc(100% - 16px);top:60px} #main[data-view="share"] .report-export-options{grid-template-columns:1fr} #main[data-view="share"] .report-export-options #shareFxDetails{grid-column:1} } #main[data-view="share"] .share-table td:nth-child(4)>.report-merchant{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;font:inherit;font-size:13px;font-weight:750;color:var(--text);background:none;border:0;border-radius:3px;padding:0;cursor:pointer} #main[data-view="share"] .share-table tbody tr{cursor:pointer} #main[data-view="share"] .share-table td:nth-child(4)>.report-merchant:hover{color:var(--blue)} @media(max-width:760px){#main[data-view="share"] .share-table td:nth-child(4)>.report-merchant{font-size:12px}} #main[data-view="share"] .report-workflow .share-download{align-items:stretch} #main[data-view="share"] .share-table thead{margin:0;padding:10px 8px} #main[data-view="share"] .report-filter-fields .share-picker>.card-picker-panel{position:static;width:100%;min-width:0;max-width:100%;margin-top:6px;box-shadow:none;box-sizing:border-box} #main[data-view="share"] .report-filter-fields .card-picker-list{max-height:220px} .review-undo-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#e5edf2;color:#25475e;padding:10px 12px;border-radius:10px;margin-bottom:18px;font-size:13px} .review-undo-bar button{background:transparent;border:0;color:#174e72;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:650;cursor:pointer;padding:4px} .review-undo-error{flex-basis:100%;color:#803d28}.review-undo-error:empty{display:none} :is(#recordDetails,#shareReview)[aria-busy="true"]{pointer-events:none;overflow:hidden} .connection-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px} #main[data-view="connections"] .connection-flow>.connect-progress{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0 0;margin:4px 0 0;border-top:1px solid var(--line)} #main[data-view="connections"] .connection-flow>.connect-progress>span{flex-basis:100%;line-height:1.5} #main[data-view="connections"] .connection-flow>p{flex-basis:100%;margin:0;font-size:12px;line-height:1.6;max-width:70ch} /* Housing and fees share the approved subscription identity/value rhythm. */ #main[data-view] :is(.housing-record,.insight-record).balanced-record>.record-trigger{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,260px) 20px;grid-template-areas:none;align-items:center;gap:24px;padding:20px 8px;min-height:96px} #main[data-view] :is(.housing-record,.insight-record).balanced-record>.record-trigger>span{grid-area:auto!important;grid-row:auto!important;grid-column:auto!important;min-width:0;width:auto;order:initial;flex-basis:auto;padding:0} #main[data-view] .balanced-record>.record-trigger>:is(.housing-amount,.balanced-value){display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:5px} #main[data-view] .balanced-record :is(.housing-amount,.balanced-value)>b{font-size:14px;font-weight:650;line-height:1.45;white-space:normal;overflow-wrap:normal;word-break:normal} #main[data-view] .balanced-record :is(.housing-amount,.balanced-value)>small{font-size:12px;font-weight:400;line-height:1.5;color:var(--soft);white-space:normal} #main[data-view] .balanced-record>.record-trigger>.statement-chevron{justify-self:end;color:var(--blue);font-size:18px} #main[data-view] .balanced-record :is(.insight-identity,.company-identity){display:flex;align-items:center;gap:13px} #main[data-view] .balanced-record .insight-identity>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0} #main[data-view] .balanced-record .insight-identity strong{font-size:14px;font-weight:650} #main[data-view] .balanced-record .insight-identity small{font-size:12px;color:var(--soft);line-height:1.5} @media(max-width:760px){ #main[data-view] :is(.housing-record,.insight-record).balanced-record>.record-trigger{grid-template-columns:minmax(0,1fr) minmax(120px,.9fr) 16px;gap:12px;padding:18px 0} #main[data-view] .balanced-record :is(.housing-amount,.balanced-value)>b{font-size:13px} #main[data-view] .balanced-record :is(.housing-amount,.balanced-value)>small{font-size:11px} #main[data-view] .balanced-record :is(.insight-identity,.company-identity){gap:10px} #main[data-view] .balanced-record .insight-identity strong{font-size:13px} #main[data-view] .balanced-record .insight-identity small{font-size:11px} } #main[data-view] .email-sub-record.housing-record.balanced-record>.record-trigger>.housing-amount{padding:0;align-items:flex-end;text-align:right} /* Shared Transactions-style filter controls, without stacked filter rows. */ #main[data-view]:not([data-view="board"]) .compact-filter-bar{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end;gap:6px!important;width:100%;min-width:0;padding:10px 0!important} #main[data-view] .compact-filter-bar>.compact-filter{position:static;display:block!important;flex:0 0 48px!important;min-width:48px!important;max-width:48px!important;width:48px!important;margin:0!important;font-size:0;gap:0;padding:0!important} #main[data-view] .compact-filter-bar>.compact-filter:first-child{margin-left:auto!important} #main[data-view] .compact-filter-bar .filter-field-name{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden} #main[data-view] .compact-filter-bar .compact-filter>details{width:48px!important;min-width:48px!important;max-width:48px!important;margin:0;flex:none} #main[data-view] .compact-filter-bar :is(.compact-filter>summary,.compact-filter>details>summary,button.compact-filter){display:flex;align-items:center;justify-content:center;position:relative;gap:0;height:42px!important;min-height:42px;width:48px;box-sizing:border-box;padding:0!important;border-radius:11px;background:#595959;border:1px solid #696969;color:var(--text);font-size:13px} #main[data-view] .compact-filter-bar :is(.compact-filter>summary,.compact-filter>details>summary)>span{display:none} #main[data-view] .compact-filter-bar :is(.compact-filter>summary,.compact-filter>details>summary,button.compact-filter)::after{content:'';display:block;width:20px;height:20px;background:currentColor;mask:var(--filter-symbol) center/contain no-repeat} .compact-filter{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M4 7h16M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Ccircle cx='15' cy='17' r='3'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="cards"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="calendar"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M7 3v4m10-4v4M3 11h18'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="currency"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 17V7h6m-6 5h5m5-5 6 10m0-10-6 10'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="mail"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="download"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M4 16v5h16v-5'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="refresh"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12a9 9 0 0 1 15.36-6.36L21 8M21 3v5h-5M21 12a9 9 0 0 1-15.36 6.36L3 16M8 16H3v5'/%3E%3C/svg%3E")} .compact-filter[data-filter-icon="sort"]{--filter-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M7 3v18m-4-4 4 4 4-4M14 5h7m-7 6h5m-5 6h3'/%3E%3C/svg%3E")} #main[data-view] .compact-filter-bar{position:relative} #main[data-view] .compact-filter-bar .card-picker-panel:not([popover]){left:auto;right:0;top:calc(100% + 4px);width:min(360px,calc(100vw - 44px));min-width:0;max-width:calc(100vw - 44px);font-size:13px} .service-account-list{display:grid;gap:0;margin:18px 0} .service-account-list>:is(button,div){display:flex;align-items:center;gap:12px;text-align:left;padding:14px 0;border:0;border-bottom:1px solid #ccc;border-radius:0;background:none;color:inherit;width:100%;font:inherit} .service-account-list>button:hover{background:#e5edf2} .service-account-list>button>span:last-child{margin-left:auto} .service-account-list strong{font-size:14px;overflow-wrap:anywhere}.service-account-list small{display:block;font-size:12px;color:#555;margin-top:4px} .service-add-account{margin:18px 0}.service-add-account>summary{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;background:#e5edf2;border:1px solid #aab8c2;border-radius:10px;color:#25475e;cursor:pointer;font-size:13px} .service-add-account p{font-size:13px;line-height:1.6} .service-usage{margin:20px 0}.service-usage>div:not(.service-usage-unavailable){display:flex;justify-content:space-between;align-items:center;gap:12px}.service-usage strong{font-size:24px}.service-usage span{font-size:12px;color:#555} .service-usage progress{display:block;width:100%;height:12px;accent-color:#267ca9;margin:12px 0} .service-usage-unavailable{height:10px;background:#d7dce0;border-radius:6px;margin:16px 0} .settings-provider-detail .settings-row{border-color:#ccc}.settings-provider-detail .settings-value{color:#303030}.settings-provider-detail .settings-row p{color:#555} /* A low-specificity button floor prevents browser-default controls leaking in. */ :root{--button-bg:#3c3c3c;--button-border:#626266} :where(button){appearance:none;border:1px solid var(--button-border);border-radius:10px;background:var(--button-bg);color:var(--text);padding:10px 14px;font:inherit;line-height:1.4} :where(button:disabled){cursor:default;opacity:.55} #recordDetails{--button-bg:#e4e7ea;--button-border:#a8b4bd} .service-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px} .settings-provider-detail .service-panel-heading h2{font-size:17px;line-height:1.4;margin:0;min-width:0} .settings-provider-detail .service-refresh-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid #b5b5ba;border-radius:10px;background:#e4e7ea;color:#303036;cursor:pointer} .settings-provider-detail .service-refresh-icon:hover:not(:disabled){background:#d6e7f1;border-color:#8da6b6} .settings-provider-detail .service-add-account{margin:16px 0 0} .settings-provider-detail .service-account-list:empty{display:none} .settings-provider-detail .service-add-account>button{display:block;margin-top:12px} #main[data-view] .compact-filter-bar>button.compact-filter{display:grid!important;place-items:center!important;justify-content:center!important;align-content:center!important} #main[data-view] .compact-filter-bar>button.compact-filter::after{margin:0;justify-self:center;align-self:center} .dialog-head button:not([hidden]){display:grid;place-items:center;padding:0;line-height:1} /* Compact Insights masthead: information and controls share one band. */ #main[data-view]:is([data-view="analytics"],[data-view="statements"],[data-view="subscriptions"],[data-view="housing"],[data-view="fees"]){padding-top:20px} #main[data-view]>.insight-section-nav{margin-top:0;margin-bottom:20px} .insight-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px} .insight-page-copy{min-width:0} #main[data-view] .insight-page-copy>.heading{margin:0 0 6px;gap:8px;flex-wrap:wrap} #main[data-view] .insight-page-copy>.view-description{margin:0;font-size:13px;line-height:1.5} #main[data-view] .insight-page-header>.compact-filter-bar{width:auto;margin:0!important;padding:0!important;border:0;align-self:center} #main[data-view] .insight-page-header+.calendar-panel{margin-top:0} #main[data-view] .calendar-panel{padding:20px;margin-bottom:24px} #main[data-view] .calendar-panel .calendar-options{margin-top:10px;padding:0!important} #main[data-view] .calendar-panel .calendar-overview{margin:12px 0 0} #main[data-view] .calendar-panel>.insight-summary{margin-bottom:12px;padding-top:14px} #main[data-view] .calendar-panel .calendar-foot{padding-top:14px;margin-top:14px} @media(max-width:699px){ .insight-page-header{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px} #main[data-view] .insight-page-header>.compact-filter-bar{width:100%;justify-self:end} #main[data-view]>.insight-section-nav{margin-bottom:18px} #main[data-view] .calendar-panel{padding:18px 16px} } #main[data-view] .calendar-heading{flex-wrap:wrap;align-items:center;gap:12px} .calendar-action-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;min-width:0} #main[data-view] .calendar-action-row>.calendar-options{width:auto;margin:0;padding:0!important} #main[data-view] .calendar-panel>.insight-summary{margin:8px 0 12px;padding:14px 0 0!important;border-bottom:0} @media(max-width:760px){ #main[data-view] .calendar-panel>.insight-summary section{padding:12px 0!important;gap:4px 16px} } @media(max-width:460px){ .calendar-action-row{flex-basis:100%;justify-content:space-between;margin-left:0} #main[data-view] .calendar-heading>div:first-child{flex-basis:100%} } .report-mobile-digits{display:none} #main[data-view="share"] .report-digits{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--soft)} @media(min-width:761px){ #main[data-view="share"] .share-table tr{grid-template-columns:22px 70px minmax(140px,1.1fr) 64px minmax(110px,1.6fr) 130px 115px} #main[data-view="share"] .share-table tr>:nth-child(1){grid-column:1;grid-row:1} #main[data-view="share"] .share-table tr>:nth-child(2){grid-column:2;grid-row:1} #main[data-view="share"] .share-table tr>:nth-child(3){grid-column:3;grid-row:1} #main[data-view="share"] .share-table tr>:nth-child(4){grid-column:5;grid-row:1} #main[data-view="share"] .share-table tr>:nth-child(5){grid-column:6;grid-row:1} #main[data-view="share"] .share-table tr>:nth-child(7){grid-column:7;grid-row:1} #main[data-view="share"] .share-table tr>.report-digits{grid-column:4;grid-row:1} } @media(min-width:761px) and (max-width:1000px){ #main[data-view="share"] .share-table tr{grid-template-columns:20px 60px minmax(80px,1fr) 60px minmax(80px,1.2fr) 110px 100px;gap:8px} } @media(max-width:760px){ #main[data-view="share"] .share-table tr>.report-digits{display:none} #main[data-view="share"] .report-bank small{display:flex;align-items:baseline;gap:6px} .report-account-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .report-mobile-digits{display:inline;flex:none;font-variant-numeric:tabular-nums} } /* Page-level filters are the sole filter location; calendars retain navigation. */ #main[data-view] .calendar-action-row{justify-content:flex-end;margin-left:auto} @media(max-width:460px){#main[data-view] .calendar-action-row{justify-content:flex-end;margin-left:auto}} /* Reports uses the same four-column toolbar geometry as Transactions. */ #main[data-view="share"] .share-controls{grid-template-columns:minmax(0,1fr) repeat(3,48px);gap:6px;padding:10px 8px} #main[data-view="share"] .share-controls>.share-picker{position:static;width:48px;min-width:48px!important;max-width:48px!important;flex:none} #main[data-view="share"] .share-controls>.share-picker>summary{position:relative;width:48px;height:42px;min-height:42px;display:flex;align-items:center;justify-content:center;padding:0;gap:0;border-radius:11px;background:#595959;border-color:#696969} #main[data-view="share"] .share-controls>.share-picker>summary>span{display:none} #main[data-view="share"] .share-controls .report-account-icon{display:block} #main[data-view="share"] .report-more-filters>summary{width:48px;height:42px;padding:0;border-radius:11px} #main[data-view="share"] .report-more-filters>summary>span{display:none} #main[data-view="share"] .share-search input{padding-left:31px;border-radius:11px} #main[data-view="share"] .share-search input::placeholder{color:transparent} #main[data-view="share"] .share-search>svg{left:10px} #main[data-view="share"] .share-controls :is(.share-picker,.report-more-filters)[data-active="true"]>summary{border-color:var(--blue);background:#3c4b55} #main[data-view="share"] .share-controls :is(.share-picker,.report-more-filters)[data-active="true"]>summary::after{content:'';position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--blue)} #main[data-view="share"] .report-more-filters>summary{position:relative} #main[data-view="share"] .share-controls>.share-picker>.card-picker-panel{top:calc(100% + 4px);left:auto;right:0;width:min(320px,calc(100vw - 44px));max-width:calc(100vw - 44px);min-width:0}