/* Approved Level Bills palette. Amber warning colors retain their existing values. */ :root{ --checkbox-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E"); --page:light-dark(#F5F7FA,#0F1A26);--surface:light-dark(#FFFFFF,#172636); --text:light-dark(#13232B,#F5F7FA);--secondary:light-dark(#4C6176,#A9B8C6); --navy:light-dark(#1B2F45,#2C4C6B);--sky:light-dark(#2F6FA8,#8CC4F0); --on-sky:light-dark(#FFFFFF,#1B2F45);--relief:light-dark(#E3EEF8,#17324A); --button:light-dark(#E6EBF1,#22364A);--divider:light-dark(#D5DCE4,#2A3B4F); --border:light-dark(#7A8794,#6E8296);--red-text:light-dark(#B3261E,#FF8A80);--red-bg:light-dark(#FBE3E0,#3D1714); } html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark} body{font-family:'Public Sans',sans-serif;font-size:17px;color:var(--text);font-variant-numeric:proportional-nums} html{color-scheme:light dark;}body{margin:0;min-height:100vh;background:var(--page);} #billavue-setup{display:flex;justify-content:center;width:100%;min-width:0;box-sizing:border-box;padding:4px;color:var(--text);font-family:'Public Sans',sans-serif;} #billavue-setup .phone{box-sizing:border-box;width:100%;max-width:390px;min-width:0;min-height:600px;background:var(--page);border:1px solid var(--divider);border-radius:26px;padding:16px;box-shadow:0 12px 32px var(--divider);display:flex;flex-direction:column;gap:18px;} #billavue-setup .brand{display:flex;justify-content:space-between;font-weight:400;color:var(--text);} #billavue-setup .brand span{font-weight:400;color:var(--text);} #billavue-setup .bar{height:5px;background:var(--surface);border-radius:5px;} #billavue-setup #bar-fill{height:100%;width:20%;background:var(--surface);border-radius:5px;transition:width .2s;} #billavue-setup main{flex:1;} #billavue-setup h2{margin:8px 0 12px;font-size:24px;font-weight:400;line-height:1.2;} #billavue-setup p{line-height:1.45;margin:0 0 18px;color:var(--text);} #billavue-setup label{display:block;margin:18px 0 7px;font-weight:400;} #billavue-setup input,#billavue-setup select,#billavue-setup textarea{box-sizing:border-box;width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;} #billavue-setup textarea{min-height:72px;resize:vertical;}#billavue-setup .summary .subline{display:block;margin-top:3px;font-size:16px;color:var(--secondary);overflow-wrap:normal;}#billavue-setup .hint{font-size:16px;margin-top:8px;color:var(--secondary);} #billavue-setup .choice{display:block;width:100%;box-sizing:border-box;text-align:left;margin:9px 0;padding:14px;border-radius:12px;border:1px solid var(--border);font:inherit;} #billavue-setup .choice.selected{border:2px solid var(--sky);background:var(--relief);} #billavue-setup .choice small{display:block;color:var(--secondary);margin-top:4px;} #billavue-setup .footer{display:flex;gap:10px;} #billavue-setup button{cursor:pointer;} #billavue-setup .footer button{padding:13px;border-radius:12px;font:inherit;} #billavue-setup #back{background:transparent;color:inherit;border:1px solid var(--divider);} #billavue-setup #next{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;background:var(--sky);color:var(--on-sky);border:0;font-weight:400;} #billavue-setup .summary{padding:14px;border-radius:14px;background:var(--surface);margin:15px 0;} #billavue-setup .summary strong{font-size:23px;font-weight:400;} #billavue-setup .error{margin-top:9px;} #billavue-setup .row{display:flex;gap:10px;} #billavue-setup .row>div{flex:1;min-width:0;} #billavue-setup .row label{margin-top:10px;} #billavue-setup .edit-link{border:0;background:transparent;color:var(--sky);font:inherit;text-decoration:underline;padding:7px;}#billavue-setup .summary div+div{margin-top:10px;}#billavue-setup .delete-choice{color:var(--text);border-color:var(--border);margin-top:24px;}#billavue-setup .review-entry{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:11px 3px;border:0;border-bottom:1px solid var(--divider);background:transparent;color:inherit;text-align:left;font:inherit;gap:3px;}#billavue-setup .review-entry:last-child{border-bottom:0;}#billavue-setup .edit-cue{align-self:flex-end;color:var(--sky);font-size:16px;}#billavue-setup .negative{color:var(--red-text)!important;}#billavue-setup .positive{color:var(--sky);}#billavue-setup .selected-day,#billavue-setup .event{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--sky);}#billavue-setup .event span:first-child{min-width:0;} #billavue-setup .home-ui .top {padding:16px 19px 13px; background:var(--navy);} #billavue-setup .home-ui .brand {display:flex; justify-content:space-between; align-items:center; margin-bottom:13px; font-size:16px; font-weight:400;} #billavue-setup .home-ui .account {opacity:.76; font-size:16px; margin-bottom:8px;} #billavue-setup .home-ui .balance {font-size:34px; letter-spacing:-1.5px; line-height:1.1; font-weight:400; font-variant-numeric:proportional-nums;} #billavue-setup .home-ui .balance-label {font-size:16px; margin-top:5px;} #billavue-setup .home-ui .bankcheck {display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:16px; margin-top:8px;} #billavue-setup .home-ui .bankcheck span {opacity:.8;} #billavue-setup .home-ui .bankcheck button {font:inherit; font-weight:400; color:inherit; background:transparent; border:1px solid currentColor; border-radius:8px; cursor:pointer;} #billavue-setup .home-ui .notice { padding:9px 11px; border-radius:13px;} #billavue-setup .home-ui .notice strong {display:block; font-weight:400; margin-bottom:3px;} #billavue-setup .home-ui .notice .alert-head {display:flex; gap:8px; align-items:center;} #billavue-setup .home-ui .notice .alert-icon {display:inline-flex; width:19px; height:19px; border-radius:50%; align-items:center; justify-content:center; background:var(--red-bg); color:var(--text); font-weight:400; flex:none;} #billavue-setup .home-ui .notice .alert-text {padding-left:27px;} #billavue-setup .home-ui .notice .shortfall {color:var(--red-text); font-weight:400; font-variant-numeric:proportional-nums;} #billavue-setup .home-ui .calendar {padding:13px 13px 8px;} #billavue-setup .home-ui .month { justify-content:space-between; font-size:18px; font-weight:400;} #billavue-setup .home-ui .month button {background:transparent; color:inherit; border:0; padding:7px 12px; border-radius:9px; font-size:20px; cursor:pointer;} #billavue-setup .home-ui .weekdays, #billavue-setup .home-ui .days {display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px;} #billavue-setup .home-ui .weekdays span {text-align:center; color:var(--text); padding-bottom:3px;} #billavue-setup .home-ui .day {border:0; border-radius:11px; background:transparent; color:inherit; padding:1px 0 0; font-family:inherit; cursor:pointer;} #billavue-setup .home-ui .day:hover {background:var(--relief);} #billavue-setup .home-ui .day[aria-pressed="true"] {background:var(--relief);} #billavue-setup .home-ui .day.today .num {display:flex; width:25px; height:25px; margin:0 auto; justify-content:center; align-items:center; border-radius:50%;} #billavue-setup .home-ui .day .num {display:flex; width:25px; height:25px; margin:0 auto; justify-content:center; align-items:center; font-size:16px;} #billavue-setup .home-ui .day .amount {display:block; color:var(--text); font-variant-numeric:proportional-nums; white-space:nowrap;} #billavue-setup .home-ui .day .amount.negative {color:var(--red-text);} #billavue-setup .home-ui .day.outside {opacity:.38; pointer-events:none;} #billavue-setup .home-ui .details {border-top:1px solid var(--divider); padding:11px 18px 14px;} #billavue-setup .home-ui .detail-header {display:flex; justify-content:space-between; gap:10px; margin-bottom:5px;} #billavue-setup .home-ui .detail-header strong {font-size:16px; font-weight:400;} #billavue-setup .home-ui .detail-header span {font-size:18px; font-weight:400; font-variant-numeric:proportional-nums;} #billavue-setup .home-ui .entry { gap:8px; padding:6px 0; border-top:1px solid var(--divider); font-size:16px;} #billavue-setup .home-ui .entry small {display:block; color:var(--secondary); margin-top:2px; font-size:16px;} #billavue-setup .home-ui .entry b {font-weight:400; white-space:nowrap; font-variant-numeric:proportional-nums;} #billavue-setup .home-ui .in {color:var(--sky);} #billavue-setup .home-ui .out {color:var(--text);} #billavue-setup .home-ui .empty {font-size:16px; color:var(--secondary); padding-top:10px;} #billavue-setup .home-ui .actions {display:flex; margin-top:9px;} #billavue-setup .home-ui .actions button {font-family:inherit; border-radius:10px; padding:8px 6px; cursor:pointer; flex:1; border:1px solid var(--border); background:var(--button); color:inherit;} #billavue-setup .home-ui .actions .action-out {background:var(--button); color:var(--text); border-color:transparent;} #billavue-setup .home-ui .actions .action-in {background:var(--button); color:var(--text); border-color:transparent;} #billavue-setup .home-ui{width:100%;min-width:0;}#billavue-setup .home-ui .top{border-radius:14px;}#billavue-setup .home-ui .entry{display:flex;justify-content:space-between;}#billavue-setup .home-ui .details{min-height:140px;} #billavue-setup .home-ui .review-link{display:block;color:var(--sky);font:inherit;}#billavue-setup .home-ui #compare-box{margin-top:12px;padding:10px;border-radius:10px;background:var(--surface);}#billavue-setup .home-ui #compare-box input{margin:6px 0;}#billavue-setup .home-ui #compare-now{padding:9px;border:0;border-radius:8px;background:var(--sky);color:var(--on-sky);}#billavue-setup .home-ui #withdrawal-form[hidden]{display:none;}#billavue-setup .phone{overflow:hidden;}#billavue-setup main{min-width:0;}#billavue-setup .home-ui .detail-header span{white-space:nowrap;}#billavue-setup *,#billavue-setup *::before,#billavue-setup *::after{box-sizing:border-box;}#billavue-setup .home-ui .brand span,#billavue-setup .home-ui .account{min-width:0;overflow-wrap:normal;}#billavue-setup .home-ui .calendar{padding-inline:7px;}#billavue-setup .home-ui .details{padding-inline:10px;}#billavue-setup .home-ui .top{padding-inline:12px;}#billavue-setup .home-ui .actions{gap:5px;}#billavue-setup .home-ui .actions button{min-width:0;padding-inline:3px;}#billavue-setup input:focus-visible,#billavue-setup select:focus-visible,#billavue-setup textarea:focus-visible{outline:2px solid var(--sky);outline-offset:-4px;box-shadow:0 0 0 2px var(--divider);}#billavue-setup .phone{isolation:isolate;}#billavue-setup .summary .just-added{border-left:3px solid var(--divider);padding-left:9px;}#billavue-setup .summary .just-added small{display:block;color:var(--secondary);}#billavue-setup .home-ui .home-message{margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--relief);font-size:16px;} #billavue-setup .home-ui .review-link{width:auto;max-width:100%;margin:13px auto 3px;padding:8px 12px;border:1px solid var(--divider);border-radius:9px;background:var(--surface);text-decoration:none;font-size:16px;line-height:1.3;text-align:center;} #billavue-setup .month-review h3{font-size:16px;font-weight:400;margin:16px 0 4px;} #billavue-setup .month-review .month-group{border-top:1px solid var(--divider);} #billavue-setup .month-review .month-entry{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--divider);} #billavue-setup .month-review .month-entry span{min-width:0;overflow-wrap:normal;} #billavue-setup .month-review .month-entry small{display:block;color:var(--secondary);} #billavue-setup .month-review .month-entry b{white-space:nowrap;font-weight:400;} #billavue-setup .month-review button.month-entry{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);color:inherit;text-align:left;font:inherit;cursor:pointer;} #billavue-setup .month-review button.month-entry:hover,#billavue-setup .month-review button.month-entry:focus-visible{background:var(--relief);} #billavue-setup .month-review .in{color:var(--sky);} #billavue-setup .month-review .out{color:var(--text);} #billavue-setup .home-ui .notice .inline-amount{display:inline;font-weight:600;white-space:nowrap;} #billavue-setup .home-ui .notice .alert-more{margin-top:6px;} #billavue-setup .home-ui .notice .alert-more summary{cursor:pointer;text-decoration:underline;text-underline-offset:2px;} #billavue-setup .home-ui .notice .alert-more p{margin:6px 0 0;color:inherit;} #billavue-setup .home-ui .tx-entry{width:100%;background:transparent;border:0;border-top:1px solid var(--divider);color:inherit;text-align:left;cursor:pointer;font:inherit;} #billavue-setup .home-ui .tx-entry:hover,#billavue-setup .home-ui .tx-entry:focus-visible{background:var(--relief);} #billavue-setup .tx-scope{margin:20px 0;border:1px solid var(--border);border-radius:12px;padding:10px 13px;} #billavue-setup .tx-scope legend{font-weight:400;padding:0 4px;} #billavue-setup .tx-scope label{display:flex;align-items:center;gap:9px;margin:9px 0;font-weight:400;} #billavue-setup .tx-scope input{width:auto;accent-color:var(--sky);} #billavue-setup .tx-controls{display:flex;gap:10px;margin-top:22px;} #billavue-setup .tx-controls button,#billavue-setup .tx-delete{border:1px solid var(--border);border-radius:10px;padding:12px;color:inherit;background:transparent;font:inherit;} #billavue-setup .tx-controls #tx-save{flex:1;border:0;background:var(--sky);color:var(--on-sky);} #billavue-setup .tx-delete{margin-top:14px;color:var(--text);border-color:var(--divider);} #billavue-setup .home-ui .compare-actions{display:flex;gap:10px;align-items:center;}#billavue-setup .home-ui #compare-close{padding:9px 14px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font:inherit;}#billavue-setup .home-ui #compare-box[hidden]{display:none;} #billavue-setup .app-brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;} #billavue-setup .app-brand .brand-name{font-weight:600;color:var(--text);flex:1;} #billavue-setup .app-brand #step-label{font-size:16px;} #billavue-setup #open-menu{border:1px solid var(--divider);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:20px;width:42px;height:42px;flex:none;} #billavue-setup #open-menu[hidden],#billavue-setup #app-menu[hidden]{display:none;} #billavue-setup #app-menu{gap:5px;} #billavue-setup #app-menu button{width:100%;padding:12px;text-align:left;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;} #billavue-setup #app-menu button:hover,#billavue-setup #app-menu button:focus-visible{background:var(--relief);} #billavue-setup .backup-page #backup-message{margin-top:10px;font-size:16px;line-height:1.4;} #billavue-setup .backup-page #backup-back{margin-top:25px;} #billavue-setup .manage-view #manage-back{margin-top:20px;} #billavue-setup .manage-view h3{font-size:19px;font-weight:600;margin:22px 0 9px;} #billavue-setup .manage-view h4{font-size:16px;font-weight:600;margin:16px 0 7px;color:var(--text);} #billavue-setup .manage-group{background:var(--surface);border-radius:13px;padding:4px 12px;} #billavue-setup .manage-group p{margin:8px 0;} #billavue-setup .manage-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:14px 1px;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--divider);text-align:left;font:inherit;} #billavue-setup .manage-item:last-child{border-bottom:0;} #billavue-setup .manage-item strong{display:block;font-weight:400;overflow-wrap:normal;} #billavue-setup .manage-item small{display:block;margin-top:3px;color:var(--secondary);} #billavue-setup .manage-bill-row{border-bottom:1px solid var(--divider);} #billavue-setup .manage-bill-row:last-child{border-bottom:0;} #billavue-setup .manage-bill-row .manage-item{flex:1;min-width:0;border:0;} #billavue-setup .manage-edit{place-items:center;flex:none;min-height:48px;border:0;background:transparent;color:var(--sky);} #billavue-setup .manage-edit svg,#billavue-setup .manage-cue svg{width:20px;height:20px;} #billavue-setup .manage-cue{flex:none;font-size:16px;color:var(--sky);} #billavue-setup .manage-history{font-size:16px;margin:20px 0;} #billavue-setup #reset-data{color:inherit!important;border-top:1px solid var(--divider)!important;} #billavue-setup .choices-view h2{overflow-wrap:normal;} #billavue-setup .choice-list{background:var(--button);border-radius:12px;padding:4px 10px;} #billavue-setup .choice-list>p{margin:12px 0;} #billavue-setup .choice-row{display:flex;align-items:center;gap:5px;min-height:52px;border-bottom:1px solid var(--border);} #billavue-setup .choice-row:last-child{border-bottom:0;} #billavue-setup .choice-row .choice-name{flex:1;min-width:0;padding:10px 4px;text-align:left;overflow-wrap:normal;} #billavue-setup .choice-row .choice-name span{float:right;} #billavue-setup .choice-row button{font:inherit;background:transparent;border:0;color:inherit;} #billavue-setup .choice-row button:not(.choice-name){padding:9px 3px;color:var(--text);font-size:16px;} #billavue-setup .choice-row button:last-child:not(.choice-name){color:var(--text);} #billavue-setup .choice-add,.choice-form-buttons{display:flex;gap:8px;} #billavue-setup .choice-add input{min-width:0;flex:1;} #billavue-setup .choice-add button,#billavue-setup .choice-form-buttons button{border:0;border-radius:9px;padding:9px 13px;background:var(--button);color:var(--text);font:inherit;} #billavue-setup .choice-form-buttons{margin-top:9px;} #billavue-setup .choice-form-buttons button:last-child{background:transparent;border:1px solid var(--border);color:inherit;} #billavue-setup .choices-view #choices-back{margin-top:25px;} #billavue-setup ~ .bill-saved-dialog,.bill-saved-dialog{max-width:min(90vw,380px);border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:22px;box-shadow:0 18px 55px var(--divider);} .bill-saved-dialog::backdrop{background:var(--surface);}.bill-saved-dialog h2{margin:0 0 10px;}.bill-saved-dialog p{line-height:1.45;}.bill-saved-dialog .dialog-actions{display:flex;gap:8px;flex-wrap:wrap;}.bill-saved-dialog button{border:1px solid var(--border);border-radius:9px;background:var(--button);color:var(--text);padding:10px 13px;font:inherit;}.bill-saved-dialog button:first-child{background:transparent;color:var(--text);} .removal-dialog .danger-button{background:var(--button);color:var(--text);border-color:var(--border);}.removal-dialog .dialog-actions button:first-child{border-color:var(--border);}.removal-dialog p{white-space:pre-line;} .bill-saved-dialog{line-height:1.45;}.bill-saved-dialog h2{font-family:inherit;font-size:22px;line-height:1.25;}.bill-saved-dialog p{font-family:inherit;}#billavue-setup #welcome-begin{width:100%;border:0;border-radius:13px;background:var(--sky);color:var(--on-sky);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;font:inherit;font-weight:600;}#billavue-setup #welcome-begin span{font-size:22px;line-height:1;} #billavue-setup .choice-add button{white-space:nowrap;font-size:16px;} #billavue-setup .choice-key{display:flex;justify-content:flex-end;gap:17px;margin:-5px 3px 11px;color:var(--text);font-size:16px;}#billavue-setup .choice-key span{display:inline-flex;align-items:center;gap:4px;}#billavue-setup .choice-key svg{width:16px;height:16px;}#billavue-setup .choice-row .icon-action{display:grid;place-items:center;flex:0 0 40px;padding:0;color:var(--text);}#billavue-setup .choice-row .icon-action svg{width:19px;height:19px;}#billavue-setup .choice-row .icon-action:last-child{color:var(--text);}#billavue-setup .choice-row .choice-name{font-size:16px;} .reset-dialog{max-height:min(85vh,720px);overflow:auto;} .reset-dialog h2{font-size:24px;line-height:1.2;} .reset-dialog p{margin:0 0 17px;} .reset-dialog .reset-backup{display:flex;flex-direction:column;gap:7px;padding:13px;margin-bottom:18px;border-radius:12px;background:var(--relief);border:1px solid var(--border);} .reset-dialog .reset-backup span,.reset-dialog .reset-backup small{color:var(--secondary);font-size:16px;} .reset-dialog .reset-backup button{align-self:flex-start;margin-top:4px;background:transparent;color:var(--text);border-color:var(--border);} .reset-dialog label{font-size:16px;} .reset-dialog input{box-sizing:border-box;width:100%;padding:12px;margin-bottom:18px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;} /* First-time welcome: restrained motion, immediately usable actions. */ #billavue-setup .footer[hidden],#billavue-setup .bar[hidden],#billavue-setup .brand-name[hidden]{display:none;} #billavue-setup.intro-active .phone{min-height:min(720px,calc(100svh - 8px));} #billavue-setup.intro-active #page{display:flex;align-items:stretch;} #billavue-setup .intro-view{width:100%;display:flex;flex-direction:column;justify-content:center;padding:42px 8px 32px;box-sizing:border-box;gap:72px;text-align:center;} #billavue-setup .intro-heading h1{font-size:clamp(2.75rem,12vw,3.5rem);line-height:1.1;letter-spacing:-.04em;font-weight:600;margin:0 0 24px;color:var(--text);} #billavue-setup .intro-heading p{font-size:1.25rem;line-height:1.5;margin:0;color:var(--text);} #billavue-setup .intro-heading .intro-reassurance{font-size:16px;font-weight:400;margin-top:12px;} #billavue-setup .intro-actions{display:flex;flex-direction:column;gap:16px;} #billavue-setup #intro-begin{font:inherit;font-size:1rem;font-weight:600;padding:17px 20px;min-height:52px;border:0;border-radius:14px;background:var(--sky);color:var(--on-sky);} #billavue-setup .intro-restore{font:inherit;font-size:16px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:4px;} #billavue-setup .intro-actions button:focus-visible{outline:3px solid var(--sky);outline-offset:4px;} #billavue-setup .intro-actions #backup-message{font-size:16px;} #billavue-setup.welcome-fade .phone{animation:intro-fade 2.5s ease-out both;} @keyframes intro-fade{from{opacity:0;}to{opacity:1;}} @media(prefers-reduced-motion:reduce){#billavue-setup.welcome-fade .phone{animation:none;opacity:1;}} /* Include padding in dialog width, leaving equal mobile gutters. */ .bill-saved-dialog{box-sizing:border-box;width:min(410px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow-x:hidden;overflow-y:auto;overflow-wrap:normal;} .reset-dialog{position:fixed;inset:16px 0 auto;margin:0 auto;width:min(410px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;} .reset-dialog .dialog-actions{position:sticky;bottom:-20px;padding:12px 0 4px;background:var(--button);display:flex;gap:8px;} .reset-dialog .dialog-actions button{flex:1;min-width:0;min-height:44px;} .reset-dialog [data-backup-status]{display:block;line-height:1.4;} #billavue-setup .backup-reminder{margin-top:16px;font-size:16px;line-height:1.45;} #billavue-setup .backup-reminder button{margin-top:8px;text-decoration:underline;font:inherit;} #billavue-setup .intro-heading p strong{font-weight:600;} #billavue-setup.intro-active .app-brand{display:none;} #billavue-setup.intro-active .intro-view{padding-top:18px;padding-bottom:56px;} #billavue-setup .currency-field{position:relative;} #billavue-setup .currency-field>span{position:absolute;left:14px;top:14px;} #billavue-setup .currency-field input{padding-left:32px;} #billavue-setup .overdrawn-choice{display:flex;align-items:center;gap:10px;font-weight:400;} #billavue-setup .overdrawn-choice input{width:20px;height:20px;flex-shrink:0;} #billavue-setup .bill-group-change,#billavue-setup .bill-more{margin-top:14px;} #billavue-setup .bill-group-change summary,#billavue-setup .bill-more summary{cursor:pointer;min-height:44px;padding:10px 0;text-decoration:underline;} #billavue-setup .bill-list-group{border:1px solid var(--divider);border-radius:12px;margin:12px 0;padding:12px;} #billavue-setup .bill-list-group summary{cursor:pointer;min-height:44px;} #billavue-setup .bill-list-group summary span{display:block;font-size:16px;margin-top:6px;} #billavue-setup .bill-list-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--divider);} #billavue-setup .bill-list-row small{display:block;margin-top:4px;font-size:16px;} #billavue-setup .primary-add{background:var(--sky);color:var(--on-sky);text-align:center;font-weight:600;} #billavue-setup #next.secondary-continue{background:transparent;color:inherit;border:1px solid var(--divider);} #billavue-setup .bill-list-row .edit-link,#billavue-setup #change-bill-group{min-width:48px;min-height:44px;padding:10px;} #billavue-setup .bill-list-row>div{min-width:0;overflow-wrap:normal;} #billavue-setup .bill-list-row .edit-link{flex-shrink:0;} #billavue-setup .forgotten-bills{font-size:16px;} #billavue-setup .bill-incomplete-warning{padding:14px;border:1px solid light-dark(#ad7b22,#c9a451);border-radius:12px;background:light-dark(#fff5d9,#332d1d);margin:14px 0} #billavue-setup .bill-incomplete-warning p{margin:6px 0 0} #billavue-setup .all-bills-total{padding:14px 0;} #billavue-setup .all-bills-total span{display:block;font-size:16px;margin-top:6px;} #billavue-setup .needs-details-tag{display:inline-block!important;color:light-dark(#714b00,#ffe0a2);background:light-dark(#fff0c2,#3f321b);border-radius:7px;padding:5px 8px;line-height:1.4} .incomplete-confirm .dialog-actions{display:flex;flex-wrap:wrap;gap:10px;} .incomplete-confirm .dialog-actions button{flex:1 1 180px;min-height:48px;white-space:normal;} .incomplete-confirm [data-cancel]{background:var(--surface)!important;color:var(--text)!important;border:1px solid transparent!important;} .incomplete-confirm [data-confirm]{background:transparent!important;color:inherit!important;border:1px solid var(--divider)!important;} /* Shared readable controls and purposeful status colors. */ #billavue-setup .hint,#billavue-setup .summary .subline,#billavue-setup .edit-cue,#billavue-setup .home-ui .empty,#billavue-setup .home-ui .entry small,#billavue-setup .manage-history{font-size:16px;line-height:1.45;} #billavue-setup button{min-height:44px;} #billavue-setup .home-ui .day .amount{line-height:1.4;height:auto;} #billavue-setup .home-ui .weekdays span{font-size:16px;} #billavue-setup .home-ui .actions{flex-wrap:wrap;} #billavue-setup .home-ui .actions button{font-size:16px;flex-basis:100px;} #billavue-setup .home-ui .actions .action-out,#billavue-setup .home-ui .actions .action-in{background:var(--button);color:inherit;border:1px solid var(--divider);} #billavue-setup .home-ui .notice{background:var(--red-bg);color:var(--text);border:1px solid var(--divider);font-size:1rem;line-height:1.45;} #billavue-setup .home-ui .notice p{color:inherit;margin:8px 0;} #billavue-setup .home-ui .notice .alert-more p{font-size:16px;} #billavue-setup .context-tip{font-size:16px;line-height:1.5;background:var(--relief);border-radius:12px;padding:14px;margin:14px 0;} #billavue-setup .question-count{font-size:16px;} #billavue-setup section[hidden]{display:none!important;} #billavue-setup .plan-card{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--divider);border-radius:14px;margin:14px 0;} #billavue-setup .plan-card strong{font-size:1.75rem;font-variant-numeric:proportional-nums;} #billavue-setup .plan-card small{font-size:16px;line-height:1.5;} #billavue-setup details>summary{cursor:pointer;min-height:44px;padding-block:10px;} .safe-confirm .dialog-actions{display:flex;flex-wrap:wrap;gap:10px;} .safe-confirm .dialog-actions button{flex:1 1 150px;min-height:48px;} .safe-confirm [data-cancel]{background:var(--surface)!important;color:var(--text)!important;border:1px solid transparent!important;} .safe-confirm [data-confirm],.safe-confirm [data-reset]{background:transparent!important;color:inherit!important;border:1px solid var(--divider)!important;} #billavue-setup .delete-choice,#billavue-setup .tx-delete,#billavue-setup .choice-row .icon-action:last-child{color:inherit;border-color:var(--border);} #billavue-setup .plan-card .month-title{font-size:1.125rem;} #billavue-setup #step-label{font-size:16px;line-height:1.4;} #billavue-setup .home-ui .entry .out,#billavue-setup .month-entry .out{color:inherit;} #billavue-setup .error{color:light-dark(#714B00,#FFE0A2);font-size:1rem;line-height:1.45;} #billavue-setup .setup-flow{width:100%;box-sizing:border-box;} #billavue-setup .setup-explanation{padding-left:22px;line-height:1.6;} #billavue-setup .setup-explanation li{margin-bottom:20px;} #billavue-setup .setup-link{font:inherit;border:0;background:transparent;color:var(--sky);text-decoration:underline;padding:8px;min-height:44px;} #billavue-setup .setup-flow .plan-card span{display:block;} #billavue-setup .setup-flow input,#billavue-setup .setup-flow select{box-sizing:border-box;max-width:100%;} #billavue-setup .how-it-works .how-tip{display:flex;flex-direction:column;gap:0;align-items:flex-end;} #billavue-setup .how-it-works .how-tip p{width:100%;margin:0;} #billavue-setup .how-it-works .how-tip .setup-link{padding:4px 0;margin:0;} #billavue-setup .how-it-works .tip-dismissed{visibility:hidden;pointer-events:none;} #billavue-setup .how-it-works [data-setup-action="experienced"]{display:block;padding-left:0;margin-left:0;text-align:left;} #billavue-setup .bill-amount-stage .budget-billing-tip{display:flex;flex-direction:column;align-items:flex-end;gap:0;} #billavue-setup .bill-amount-stage .budget-billing-tip p{width:100%;margin:0;} #billavue-setup .bill-amount-stage .budget-billing-tip .setup-link{padding:4px 0;margin:0;} #billavue-setup .bill-added-actions .choice{text-align:center;} #billavue-setup .bill-added-summary{overflow-x:auto;} #billavue-setup .bill-added-summary>strong,#billavue-setup .bill-added-summary>span{display:block;white-space:nowrap;line-height:1.5;} /* Clearly distinguish boxed actions from empty fields. */ #billavue-setup .choice{background:var(--button);color:var(--secondary);border-color:var(--border);font-weight:600;} #billavue-setup .bill-added-actions .choice{background:var(--button);border-color:var(--border);} #billavue-setup .choice.solid-primary{background:var(--sky);color:var(--on-sky);border:0;text-align:center;} #billavue-setup #next:disabled{opacity:.45;cursor:not-allowed;} #billavue-setup [data-setup-action="delete-bill"]{display:block;color:var(--text);padding-left:0;margin-top:16px;} #billavue-setup .checklist-card{display:flex;width:100%;min-height:52px;margin:9px 0;padding:14px;border:1px solid var(--border);border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;} #billavue-setup .checklist-card[aria-pressed="true"]{background:var(--relief);} #billavue-setup .checklist-check{text-align:center;font-weight:700;} #billavue-setup .setup-flow .context-tip{display:flex;flex-direction:column;align-items:flex-end;gap:0;} #billavue-setup .setup-flow .context-tip p{width:100%;margin:0;} #billavue-setup .setup-flow .context-tip .setup-link{padding:4px 0;margin:0;} #billavue-setup .checklist-card{justify-content:flex-start;border-width:2px;border-color:var(--border);} #billavue-setup .checklist-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;background:transparent;line-height:1;} #billavue-setup .checklist-card[aria-pressed="true"]{border-color:var(--sky);} #billavue-setup .checklist-card[aria-pressed="true"] .checklist-check{background:var(--sky);color:var(--on-sky);} #billavue-setup.checklist-active .phone{overflow:clip;} #billavue-setup.checklist-active .footer{position:sticky;bottom:0;z-index:10;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--page);box-shadow:0 -10px 16px var(--divider);} #billavue-setup .bill-added-summary .bill-summary-group{display:block;color:var(--text);font-size:16px;line-height:1.5;} .checklist-group-copy{display:block;text-align:left;}.checklist-group-copy small{display:block;color:var(--secondary);font-size:16px;line-height:1.4;margin-top:4px;} #billavue-setup .setup-start-over{margin-top:12px;padding:0;}#billavue-setup .setup-start-over button{color:inherit;font-size:16px;font-weight:400;} #billavue-setup .setup-outline-icon{width:24px;height:24px;flex:0 0 24px;color:var(--sky);} #billavue-setup .checklist-group-copy{flex:1;min-width:0;} #billavue-setup .how-step{display:flex;align-items:flex-start;gap:10px;} #billavue-setup .how-step .setup-outline-icon{margin-top:4px;} #billavue-setup .bill-added-heading{display:flex;align-items:center;gap:10px;} #billavue-setup.setup-active .phone{overflow:hidden;} #billavue-setup.setup-active #page{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;} #billavue-setup.setup-active .app-brand,#billavue-setup.setup-active .bar{flex-shrink:0;} #billavue-setup.setup-active .footer{position:static;flex-shrink:0;z-index:10;padding:12px 0 env(safe-area-inset-bottom);background:var(--page);} #billavue-setup .bill-another-line .setup-link{display:inline;padding:0;min-height:0;margin:0;vertical-align:baseline;text-decoration:underline;} #billavue-setup .bill-question-name{font-size:16px;line-height:1.5;font-weight:400;color:var(--text);margin:0 0 8px;} #billavue-setup.setup-active{inset-inline:0;} #billavue-setup.setup-active .phone{height:100%;min-height:0;} #billavue-setup .checklist-added{margin-left:auto;color:var(--text);font-size:16px;font-weight:400;}#billavue-setup .checklist-card:disabled{cursor:default;opacity:1;} #billavue-setup .another-group-action .choice{font-weight:400;}#billavue-setup .bill-duplicate-note{color:var(--text);font-size:16px;}#billavue-setup .bill-duplicate-note[hidden]{display:none;}#billavue-setup [data-short-month][hidden]{display:none;} #billavue-setup #compare-result:not(:empty){margin-top:12px;} #billavue-setup #bill-name-suggestions{margin:8px 0 16px;color:var(--text);} #billavue-setup .bill-name-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;} #billavue-setup .bill-name-chips button{width:auto;min-height:36px;padding:6px 10px;border-radius:18px;font-size:16px;font-weight:400;background:transparent;color:inherit;border:1px solid var(--border);} #billavue-setup #tx-name-error:empty{display:none;} #billavue-setup .locked-label{display:inline-flex;align-items:center;gap:4px;color:var(--secondary);font-size:16px;margin-left:6px;} #billavue-setup .removal-dialog p{white-space:pre-line;} #billavue-setup input:disabled,#billavue-setup select:disabled{opacity:.6;} #billavue-setup .tx-entry:has(.locked-label),#billavue-setup .month-entry:has(.locked-label),#billavue-setup .manage-item:has(.locked-label),#billavue-setup .tx-entry:has(.locked-label) b,#billavue-setup .month-entry:has(.locked-label) b{color:var(--secondary);} #billavue-setup #calendar-name-suggestions{margin:8px 0 16px;color:var(--text);} #billavue-setup #calendar-budget-tip .context-tip{display:flex;flex-direction:column;gap:6px;} #billavue-setup #skip-calendar-budget{align-self:flex-end;width:auto;} #billavue-setup #category-error:empty{display:none;} #billavue-setup .restored-draft{font-size:16px;color:var(--text);} #billavue-setup #start-fresh-draft{display:inline;width:auto;min-height:0;padding:0;background:none;border:0;border-radius:0;color:inherit;font:inherit;text-decoration:underline;} .locked-field{position:relative;}.locked-field .field-lock{position:absolute;right:14px;left:auto;top:50%;transform:translateY(-50%);pointer-events:none;font-size:16px;}.locked-field input:disabled{background:var(--surface);color:var(--secondary);border-color:var(--border);opacity:1;padding-right:44px;cursor:not-allowed;}.calendar-add-form{margin-top:24px;padding-top:20px;border-top:1px solid var(--divider);} #billavue-setup .locked-field .field-lock{left:auto;right:14px;top:50%;width:18px;height:18px;color:var(--secondary);line-height:0;}#billavue-setup .withdrawal-lock-icon{display:inline-block;width:18px;height:18px;vertical-align:-3px;} #billavue-setup .locked-field,#billavue-setup .locked-field .field-lock{opacity:1;}#billavue-setup .withdrawal-lock-icon{color:var(--secondary);} #billavue-setup .locked-field{opacity:1;isolation:isolate;}#billavue-setup .locked-field input:disabled{opacity:1;}#billavue-setup .currency-field.locked-field>span:not(.field-lock){color:var(--secondary);opacity:1;}#billavue-setup .locked-field .field-lock{z-index:1;opacity:1;}#billavue-setup .withdrawal-lock-icon{stroke:var(--secondary);opacity:1;} #billavue-setup .day-form-controls{display:flex;flex-direction:column;gap:10px;margin-top:20px;}#billavue-setup .day-form-controls button{width:100%;padding:13px;border-radius:12px;font:inherit;text-align:center;background:transparent;border:1px solid var(--border);color:inherit;}#billavue-setup .day-form-controls .day-form-save{background:var(--sky);color:var(--on-sky);border:0;font-weight:400;} #billavue-setup .home-ui #setup-again[hidden],#billavue-setup .calendar-add-form[hidden]{display:none;}#billavue-setup .calendar-add-form details>summary{min-height:44px;padding:10px 0;text-decoration:none;font-weight:400;} #billavue-setup .bank-checklist{border-bottom:1px solid var(--border);}#billavue-setup .bank-check-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:14px 0;border-bottom:1px solid var(--divider);}#billavue-setup .bank-check-row .bank-check-name{text-align:left;background:none;border:0;}#billavue-setup .bank-check-row label{display:flex;align-items:center;gap:8px;margin:0;font-weight:400;}#billavue-setup .bank-check-row input{width:20px;height:20px;}#billavue-setup .bank-check-row p{grid-column:1/-1;margin-bottom:0;}#billavue-setup .plain-link{background:none;border:0;color:var(--sky);font:inherit;text-decoration:underline;padding:10px 0;}#billavue-setup .bank-running{margin-top:18px;font-weight:400;}#billavue-setup #bank-finish:disabled{opacity:.5;}#billavue-setup #bank-add-choices[hidden]{display:none;}#billavue-setup .bank-screen-header{align-items:center;gap:12px;}#billavue-setup .bank-screen-header button{background:none;border:0;font-size:24px;color:inherit;}#billavue-setup .bank-fixed-bar{left:0;right:0;z-index:20;border-top:1px solid var(--divider);}#billavue-setup .bank-fixed-bar .bank-running{margin:0;flex:1;}#billavue-setup .bank-fixed-bar button{background:var(--sky);color:var(--on-sky);border:0;border-radius:12px;padding:14px 20px;font:inherit;}#billavue-setup .bank-fixed-bar button:disabled{opacity:.5;} #billavue-setup .bank-transaction-row{align-items:center;gap:10px;}#billavue-setup .bank-row-description .bank-check-name{display:block;overflow-wrap:normal;}#billavue-setup .bank-row-description small{display:block;font-size:16px;line-height:1.5;color:var(--secondary);}#billavue-setup .bank-row-money{text-align:right;min-width:0;}#billavue-setup .bank-row-money small{display:block;font-size:16px;line-height:1.5;margin:4px 0 0;color:var(--secondary);}#billavue-setup .bank-row-posted{justify-content:center;}#billavue-setup .bank-row-posted input{margin:0;}#billavue-setup .bank-starting-point{display:block;} #billavue-setup #bank-screen-back{min-width:44px;min-height:44px;width:48px;height:48px;padding:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--divider);border-radius:12px;} #billavue-setup .home-ui .tx-entry:has(.locked-label),#billavue-setup .home-ui .tx-entry:has(.locked-label) b{color:inherit;opacity:1;} .reset-dialog label{display:block;margin:18px 0 8px;font:inherit;font-weight:400;}.reset-dialog #reset-confirmation{display:block;box-sizing:border-box;width:100%;padding:13px 14px;margin:0;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;}.reset-dialog .dialog-actions{margin-top:24px;}.reset-dialog [data-confirm]:disabled{color:var(--text)!important;opacity:1;cursor:not-allowed;} #billavue-setup .bank-lock-tip{display:flex;align-items:flex-start;gap:12px;}#billavue-setup .bank-lock-tip p{flex:1;margin:0;}#billavue-setup .bank-lock-tip button{flex:none;white-space:nowrap;margin:0;} #billavue-setup .confirmed-notice{display:flex;align-items:flex-start;gap:10px;margin:12px 0 18px;padding:14px;border:1px solid var(--divider);border-radius:12px;background:var(--relief);}#billavue-setup .confirmed-notice>svg{flex:none;margin-top:3px;}#billavue-setup .confirmed-notice p{margin:0;font-size:16px;line-height:1.5;}#billavue-setup .label-lock{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:16px;font-weight:400;color:var(--secondary);}#billavue-setup .label-lock svg{width:14px;height:14px;} #billavue-setup .bank-actions{display:flex;align-items:stretch;gap:10px;margin-top:18px;}#billavue-setup .bank-actions button{flex:1;min-width:0;min-height:48px;margin:0;}#billavue-setup .bank-actions .bank-cancel-button{background:transparent;color:inherit;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font:inherit;}#billavue-setup .bank-fixed-bar{flex-direction:column;align-items:stretch;gap:10px;}#billavue-setup .bank-fixed-bar .bank-actions{margin:0;} #billavue-setup .bank-screen button:not(.plain-link),#billavue-setup .bank-checklist button:not(.plain-link),#billavue-setup #bank-done{text-align:center!important;justify-content:center;} body.menu-open{overflow:hidden;} #billavue-setup #app-menu{position:fixed;inset:0;z-index:80;display:block;padding:0;border:0;border-radius:0;background:transparent;} #billavue-setup #app-menu[hidden]{display:none;} #billavue-setup #menu-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:var(--surface);} #billavue-setup #menu-backdrop:hover,#billavue-setup #menu-backdrop:focus-visible{background:var(--relief);} #billavue-setup .menu-drawer{position:absolute;inset:0 0 0 auto;width:80vw;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:calc(22px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:-8px 0 28px var(--divider);animation:menu-slide-in .2s ease-out;} #billavue-setup .menu-header{justify-content:space-between;margin-bottom:20px;gap:12px;} #billavue-setup .menu-header h2{font-size:24px;} #billavue-setup #app-menu #close-menu{display:grid;place-items:center;flex:none;padding:0;text-align:center;} #billavue-setup .menu-drawer nav{display:grid;gap:6px;} #billavue-setup .menu-drawer nav button,#billavue-setup .menu-bottom button{display:flex;align-items:center;gap:12px;min-height:48px;} #billavue-setup #app-menu button[hidden]{display:none;} #billavue-setup .menu-icon{width:22px;height:22px;flex:none;color:var(--sky);} #billavue-setup .menu-bottom{margin-top:auto;padding-top:24px;} #billavue-setup .menu-bottom hr{border:0;border-top:1px solid var(--divider);margin:0 0 12px;} #billavue-setup #app-menu #reset-data{color:inherit!important;border-top:0!important;} @keyframes menu-slide-in{from{transform:translateX(100%);}to{transform:translateX(0);}} @media(prefers-reduced-motion:reduce){#billavue-setup .menu-drawer{animation:none;}} #billavue-setup .backup-outline{background:transparent;color:inherit;border:1px solid var(--divider);border-radius:12px;padding:12px 16px;font:inherit;text-align:center;} #billavue-setup .last-backup{color:var(--secondary);font-size:16px;font-weight:400;} #billavue-setup .menu-drawer .last-backup{display:block;margin-top:4px;} #billavue-setup .backup-file-name{font-size:16px;overflow-wrap:normal;margin:8px 0 18px;} #billavue-setup #backup-message button{display:block;margin-top:12px;} #billavue-setup .backup-restored-notice{border:1px solid var(--divider);border-radius:12px;background:var(--relief);margin-bottom:16px;} #billavue-setup .backup-restored-notice p,#billavue-setup .backup-reminder p{margin:0;line-height:1.5;} .reset-dialog #reset-backup-first{background:transparent;color:inherit;border:0;text-decoration:underline;font-size:16px;padding:0;margin:0 0 12px;} .reset-dialog [data-reset-backup-message]{font-size:16px;line-height:1.5;} .reset-dialog [data-reset-backup-message] button{display:block;margin-top:10px;background:transparent;color:inherit;} #billavue-setup #app-menu #close-menu{width:42px;height:42px;border:1px solid var(--divider);border-radius:9px;background:transparent;color:inherit;box-sizing:border-box;} #billavue-setup .plan-card .plan-big-number{display:block;font-size:2.125rem;line-height:1.15;font-weight:700;color:var(--text);margin:8px 0 12px;font-variant-numeric:proportional-nums;} #billavue-setup .setup-group-card{padding:18px;border:1px solid var(--divider);border-radius:14px;margin:16px 0;} #billavue-setup .setup-group-card h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.125rem;} #billavue-setup .setup-group-card .group-check{font-size:1rem;color:var(--sky);} #billavue-setup .setup-group-card .group-add{text-align:center;background:transparent;margin:14px 0 0;} #billavue-setup .setup-group-card .group-add.solid-primary{background:var(--sky);color:var(--on-sky);border-color:transparent;} #billavue-setup .setup-added-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--divider);border-radius:12px;margin-bottom:16px;} #billavue-setup .setup-flow [data-setup-action="add-group"]{text-align:center;background:transparent;} #billavue-setup #see-scheduled-dates,#billavue-setup [data-setup-action="scheduled-dates"]{font-size:16px;padding:4px 0;} #billavue-setup .home-ui .warning-day-steps{margin-top:8px;font-size:16px;line-height:1.6;} #billavue-setup .home-ui .day-low{font-size:16px;margin:4px 0 10px;} #billavue-setup .plan-starting{padding:24px;border-color:var(--divider);} #billavue-setup .plan-starting h3{margin:0;font-weight:600;} #billavue-setup .plan-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;} #billavue-setup .plan-breakdown-row strong{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;} #billavue-setup .plan-breakdown-row label{margin:0;} #billavue-setup .plan-cover-help{margin:6px 0 16px;font-size:16px;} #billavue-setup .plan-starting select{margin:10px 0 6px;} #billavue-setup .your-plan .error{color:light-dark(#714B00,#FFE0A2);} #billavue-setup .plan-starting h3{font-size:1.125rem;color:inherit;} #billavue-setup .plan-account-status{margin:8px 0 0;line-height:1.55;} #billavue-setup .plan-starting h4{font-size:1rem;margin:8px 0 0;} #billavue-setup .plan-cushion-rows{display:grid;gap:10px;margin-top:8px;} #billavue-setup .plan-cushion-row{position:relative;display:flex;flex-direction:column;gap:5px;width:100%;margin:0;padding:15px 38px 15px 15px;border:1px solid var(--border);border-radius:12px;background:transparent;color:inherit;text-align:left;font:inherit;} #billavue-setup .plan-cushion-row[aria-pressed="true"]{border-color:var(--sky);background:var(--relief);} #billavue-setup .plan-cushion-row[aria-pressed="true"]::after{content:'✓';position:absolute;right:15px;top:15px;color:var(--text);} #billavue-setup .plan-cushion-label{font-weight:600;} #billavue-setup .plan-cushion-row small{font-size:16px;font-variant-numeric:proportional-nums;} #billavue-setup .manage-view .manage-total{font-weight:700;margin-top:24px;} #billavue-setup .past-activity .activity-date{font-size:16px;margin:22px 0 8px;color:var(--secondary);} #billavue-setup .past-activity .activity-row{padding:14px 0;border-bottom:1px solid var(--divider);} #billavue-setup .past-activity .activity-line{display:flex;justify-content:space-between;gap:14px;align-items:baseline;} #billavue-setup .past-activity .activity-line>span:first-child{overflow-wrap:normal;} #billavue-setup .past-activity .activity-amount{white-space:nowrap;font-variant-numeric:proportional-nums;} #billavue-setup .past-activity .activity-in{color:var(--sky);} #billavue-setup .past-activity .activity-row small{display:block;margin-top:5px;color:var(--secondary);font-size:16px;} #billavue-setup .past-activity .activity-row p{margin:5px 0;font-size:16px;} #billavue-setup .past-activity #activity-back{margin-top:20px;} #billavue-setup .plan-deposit-row strong{font-size:1rem;} #billavue-setup .home-ui .notice.calendar-shortfall{border:2px solid var(--red-text);padding:8px 10px;margin:10px 0 0;} #billavue-setup .home-ui .notice.calendar-shortfall>strong{color:var(--red-text);} #billavue-setup .plan-deposit-single p{margin:0;} #billavue-setup .plan-change-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;} #billavue-setup .plan-change-arrow{width:16px;height:16px;flex-shrink:0;} #billavue-setup .plan-change-arrow.is-open{transform:rotate(180deg);} #billavue-setup .plan-deposit-confirmation{margin:6px 0;} @media(prefers-reduced-motion:reduce){#billavue-setup .plan-deposit-confirmation{animation-timing-function:steps(1,end);}} #billavue-setup .plan-starting.plan-shortfall{border:2px solid var(--red-text);background:var(--red-bg);} #billavue-setup .plan-shortfall .plan-account-status{color:var(--red-text);font-weight:600;} #billavue-setup .plan-cushion h3{margin:0;font-size:1.125rem;} #billavue-setup .plan-starting .plan-cover-help{color:inherit;} #billavue-setup .plan-cushion>.plan-cushion-intro,#billavue-setup .plan-cushion>.plan-existing-cushion{margin:0;} #billavue-setup .plan-starting.plan-shortfall{padding-bottom:18px;} #billavue-setup .plan-shortfall .plan-cover-help{margin-bottom:0;} #billavue-setup .plan-shortfall .plan-transfer-tip{margin:0;} /* Branding and splash layout. */ #level-splash{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#1B2F45;color:#F5F7FA;pointer-events:auto;opacity:1;} #level-splash[hidden]{display:none;} #level-splash img{display:block;width:96px;height:96px;} #level-splash div{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:40px;line-height:1.2;} #level-splash .splash-logo{opacity:0;} #level-splash.splash-enter .splash-logo{animation:splash-logo-in .7s ease-out both;} #level-splash.splash-fade{animation:splash-out .6s ease-in-out both;} #level-splash.splash-reduced .splash-logo{opacity:1;animation:none;} @keyframes splash-logo-in{from{opacity:0;}to{opacity:1;}} @keyframes splash-out{from{opacity:1;}to{opacity:0;}} #billavue-setup .level-lockup{display:flex;align-items:center;gap:8px;} #billavue-setup .level-lockup>span{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:18px;line-height:1.3;color:inherit;} #billavue-setup .level-mark,#billavue-setup .level-mark img{display:block;width:24px;height:24px;flex-shrink:0;} #billavue-setup.level-main .app-brand>.level-lockup{display:flex;order:0;} #billavue-setup.level-main .app-brand>.brand-name,#billavue-setup.level-main .app-brand>#step-label{display:none;} #billavue-setup.level-main .app-brand #open-menu{order:1;margin-left:auto;} #billavue-setup .menu-header h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} @media(prefers-reduced-motion:reduce){#level-splash.splash-fade{animation:none;}#level-splash .splash-logo{opacity:1;animation:none;}} /* Final semantic treatments: common actions, status cards and readable type. */ #billavue-setup{font-size:17px;font-variant-numeric:proportional-nums} #billavue-setup :is(h1,h2,h3,h4),#billavue-setup .app-brand .brand-name,.bill-saved-dialog h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--text)} #billavue-setup .level-lockup>span,#level-splash div{font-family:'Fraunces',Georgia,serif;font-weight:600} #billavue-setup .brand,#billavue-setup .brand span{color:var(--text)} #billavue-setup :is(button,input,select,textarea),.bill-saved-dialog :is(button,input){font-family:'Public Sans',sans-serif;font-variant-numeric:proportional-nums} #billavue-setup :is(a,.edit-link,.plain-link,.setup-link,.intro-restore),.reset-dialog #reset-backup-first{color:var(--sky)} #billavue-setup :is(input,select,textarea){background:var(--surface);border-color:var(--border);color:var(--text);accent-color:var(--sky)} #billavue-setup :is(.plan-card,.summary,.manage-group,.choice-list,.bill-list-group,.setup-group-card,.calendar),.bill-saved-dialog{background:var(--surface)} #billavue-setup :is(.home-ui .top,.plan-main,.plan-deposit){background:var(--navy);color:#F5F7FA} #billavue-setup :is(.home-ui .top,.plan-main,.plan-deposit) :is(p,small,h3,h4,.balance,.balance-label,.bankcheck span,.bank-pending){color:#F5F7FA;opacity:1} #billavue-setup :is(.plan-card .plan-big-number,.plan-deposit>strong){color:var(--sky)} /* Navy cards need the lighter accent in both themes. */ #billavue-setup :is(.home-ui .top,.plan-main,.plan-deposit) :is(h1,h2,h3,h4,strong,.balance,.plan-big-number){color:#8CC4F0} #billavue-setup .plan-change-toggle{background:var(--button);color:var(--text);border-color:var(--border);opacity:1} #billavue-setup .plan-starting:not(.plan-shortfall),#billavue-setup :is(.context-tip,.confirmed-notice,.backup-restored-notice,.home-message){background:var(--relief)} #billavue-setup .home-ui .day.today,#billavue-setup .home-ui .day[aria-pressed="true"],#billavue-setup .choice.selected,#billavue-setup .checklist-card[aria-pressed="true"],#billavue-setup .plan-cushion-row[aria-pressed="true"]{background:var(--relief)} #billavue-setup .home-ui .day.today .num{border:2px solid var(--sky);font-size:16px} #billavue-setup :is(.home-ui .in,.month-review .in,.past-activity .activity-in,.positive){color:var(--sky)} #billavue-setup :is(.home-ui .out,.month-review .out,.delete-choice,.tx-delete){color:var(--text)} #billavue-setup :is(.home-ui .actions button,.home-ui .bankcheck button,#compare-home,#open-menu,#close-menu,#back,#compare-close,.bank-cancel-button,.day-form-controls button:not(.day-form-save),#settings-back,#settings-save){background:var(--button);color:var(--text);border-color:var(--border)} .safe-confirm [data-cancel],.incomplete-confirm [data-cancel]{background:var(--button)!important;color:var(--text)!important;border:1px solid var(--border)!important} #billavue-setup .choice:has(.action-in),#billavue-setup #more-bills,#billavue-setup #more-deposits{background:var(--button);color:var(--text);border-color:var(--border)} #billavue-setup .home-ui :is(.notice,.calendar-shortfall),#billavue-setup :is(.plan-starting.plan-shortfall,.setup-shortfall){background:var(--red-bg);border-color:var(--red-text);color:var(--red-text)} #billavue-setup :is(.calendar-shortfall,.plan-shortfall,.setup-shortfall) :is(p,strong,h3,h4,small){color:var(--red-text)} #billavue-setup :is(.plan-notice,.bill-incomplete-warning){background:light-dark(#FFF5D9,#332D1D)} #billavue-setup :is(.calendar-head,.weekdays,.calendar-account,.hint,small){font-size:16px} #billavue-setup .home-ui .day .amount{font-size:12px} #billavue-setup .home-ui .bankcheck{flex-wrap:wrap;line-height:1.5} #billavue-setup .home-ui .bankcheck button{white-space:normal} #billavue-setup .home-ui .bankcheck span{flex:1 1 100%;font-size:16px} #billavue-setup .home-ui .bankcheck button{min-height:44px;padding:10px 12px} #billavue-setup .locked-field input:disabled{color:var(--secondary);background:var(--surface);border-color:var(--border)} #billavue-setup :is(.withdrawal-lock-icon,.locked-field .field-lock,.currency-field.locked-field>span:not(.field-lock)){color:var(--secondary);stroke:currentColor} .bill-saved-dialog{font-family:'Public Sans',sans-serif;font-size:17px;color:var(--text);border-color:var(--border)} .bill-saved-dialog :is(p,small,label),.reset-dialog [data-reset-backup-message]{font-size:16px} .bill-saved-dialog .dialog-actions{background:var(--surface)} .bill-saved-dialog .danger-button{background:var(--button);color:var(--text);border-color:var(--border)} #billavue-setup #menu-backdrop,.bill-saved-dialog::backdrop{background:color-mix(in srgb,#1B2F45 60%,transparent)} #billavue-setup :focus-visible,.bill-saved-dialog :focus-visible{outline:2px solid var(--sky)!important;outline-offset:2px!important;box-shadow:none!important} #billavue-setup .appearance-options{margin:24px 0;padding:0;border:0} #billavue-setup .appearance-options legend{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:20px;margin-bottom:8px} #billavue-setup .appearance-options label{display:flex;align-items:center;gap:12px;margin:8px 0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:17px} #billavue-setup .appearance-options label:has(input:checked){background:var(--relief)} #billavue-setup .appearance-options input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--sky)} #billavue-setup .bill-incomplete-warning p{font-size:16px} #billavue-setup input[type="checkbox"],#billavue-setup input[type="radio"]{appearance:none;display:inline-grid;place-items:center;width:22px;height:22px;flex:none;padding:0;border:2px solid var(--border);background:var(--surface);vertical-align:middle;cursor:pointer} :is(#billavue-setup,dialog) input[type="checkbox"]{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-grid;place-items:center;position:relative;width:22px;height:22px;min-width:22px;min-height:22px;flex:none;padding:0;border:2px solid var(--sky);border-radius:4px;background-color:var(--surface);background-image:none;background-position:center;background-size:16px 16px;background-repeat:no-repeat;box-shadow:none;opacity:1;cursor:pointer} :is(#billavue-setup,dialog) input[type="checkbox"]:checked{background-color:var(--sky);border-color:var(--sky);background-image:var(--checkbox-check)} :is(#billavue-setup,dialog) input[type="checkbox"]::after{content:none} #billavue-setup input[type="radio"]{border-radius:50%} #billavue-setup input[type="radio"]:checked::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--sky)} #billavue-setup :is(.primary-add,.setup-group-card .group-add.solid-primary){background:var(--button);color:var(--text);border:1px solid var(--border)} #billavue-setup :is(#tx-cancel,#plan-cancel,[data-setup-action="plan-cancel"]){background:var(--button);color:var(--text);border-color:var(--border)} #billavue-setup :is(.backup-outline,.earlier-schedules,.plan-cushion-row,.tx-scope,.checklist-check){border-color:var(--border)} #billavue-setup :is(.bank-checklist,.bank-check-row,.bill-list-row,.manage-bill-row,.manage-item,.past-activity .activity-row,.review-entry){border-color:var(--divider)} #billavue-setup .home-ui .day .num{color:var(--secondary)} #billavue-setup .month-review h3{font-family:'Public Sans',sans-serif;color:var(--secondary)} #billavue-setup :is(#settings-save,[data-setup-action="plan-use"],[data-setup-action="plan-save"],[data-setup-action="cushion-use"],[data-setup-action="use"]){background:var(--sky);color:var(--on-sky);border-color:transparent} .bill-saved-dialog p{font-size:17px} /* Numeric typography, right-hand drawer, and active cushion action polish. */ #billavue-setup :is(.numeric-text,.num,.amount,.balance,.month span,.activity-amount,.plan-big-number,input,select,textarea),.bill-saved-dialog :is(.numeric-text,input),body :is(code,kbd,samp,pre){font-family:'Public Sans',sans-serif!important;font-variant-numeric:lining-nums proportional-nums;font-feature-settings:'zero' 0;letter-spacing:normal} #billavue-setup,.bill-saved-dialog{font-variant-numeric:lining-nums proportional-nums;font-feature-settings:'zero' 0} #billavue-setup .menu-header #close-menu{margin-left:auto;order:1} #billavue-setup [data-setup-action="plan-cushion-use"]{background:var(--button);color:var(--text);border:1px solid var(--border);opacity:1;cursor:pointer} /* Tabular figures are limited to aligned transaction and total columns. */ #billavue-setup :is(.home-ui .entry b,.month-entry b,.activity-amount,.bank-row-money > span,.plan-breakdown-row strong,.column-amount){font-variant-numeric:lining-nums tabular-nums} #billavue-setup .app-brand .level-mark,#billavue-setup .app-brand .level-mark img{width:28px;height:28px} /* Approved Calendar balance labels and selected-date hierarchy. */ #billavue-setup .home-ui .top .today-balance-label{font-size:15px;color:#A9B8C6;line-height:1.4;margin-bottom:4px} #billavue-setup .home-ui .detail-header .selected-day-heading,#billavue-setup .home-ui .detail-header .selected-day-heading .numeric-text{font-family:'Public Sans',sans-serif;font-weight:700;font-size:20px;line-height:1.3;margin:0;color:var(--text)} #billavue-setup .home-ui .detail-header{align-items:flex-start} #billavue-setup .home-ui .selected-day-balance{text-align:right;flex-shrink:0} #billavue-setup .home-ui .end-of-day-label{display:block;font-size:16px;color:var(--secondary);line-height:1.4;margin-top:2px} /* Stable mobile header and full-width shortfall in every calendar state. */ #billavue-setup .app-brand>.level-lockup{display:flex;order:0;min-width:0} #billavue-setup .app-brand>.brand-name,#billavue-setup .app-brand>#step-label{display:none} #billavue-setup .app-brand #open-menu{order:1;margin-left:auto} body.menu-open #billavue-setup .app-brand>.level-lockup{visibility:hidden} #billavue-setup .home-ui .notice{width:100%;margin:10px 0 0;box-sizing:border-box} /* Enough scroll range for short forms to reach the top on mobile browsers. */ #billavue-setup .calendar-add-form{min-height:100vh;min-height:100svh;padding-bottom:env(safe-area-inset-bottom,0px)} #billavue-setup .calendar-add-form h2{scroll-margin-top:16px} #billavue-setup .app-version{font-size:16px;color:var(--secondary);text-align:center;margin-top:24px} #billavue-setup .deposit-setup-card{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);} #billavue-setup .deposit-setup-card h3{margin:0 0 10px;} #billavue-setup .deposit-setup-card p{margin:0;line-height:1.5;} #billavue-setup .deposit-setup-note{font-size:16px;line-height:1.5;color:var(--secondary);} #billavue-setup .deposit-setup-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;} #billavue-setup .deposit-setup-actions button{min-height:48px;margin:0;white-space:normal;overflow-wrap:normal;} #billavue-setup .deposit-setup-actions .deposit-setup-primary{background:var(--sky);color:var(--on-sky);border:1px solid var(--sky);} #billavue-setup .deposit-setup-actions .deposit-setup-secondary{background:transparent;color:var(--text);border:1px solid var(--border);} #billavue-setup .deposit-setup-reminder{color:var(--text);background:var(--relief);} /* Tip boxes own their foreground even inside navy cards. */ #billavue-setup .context-tip, #billavue-setup .context-tip :is(p,span,small,strong,button:not(.choice),a){color:var(--text)!important;opacity:1} #billavue-setup .plan-transfer-tip, #billavue-setup .warning-day-tip{color:var(--text);opacity:1} /* Approved calm review cards and end-date controls. */ #billavue-setup .feature-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center} #billavue-setup .feature-card-actions .choice{flex:1;min-width:160px;margin:0} #billavue-setup .schedule-end-fields{margin:10px 0} #billavue-setup .ending-preview{color:var(--text);line-height:1.5} #billavue-setup .manage-ended{margin-top:20px} #billavue-setup .calendar-review-cards:empty{display:none} #billavue-setup .calendar-review-cards .context-tip,#billavue-setup .saved-feedback{margin:12px 0;border:1px solid var(--divider)} #billavue-setup .yearly-review-card{margin:12px 0;align-items:stretch} #billavue-setup .yearly-review-card .choice{width:100%;min-height:48px} #billavue-setup [id$="schedule-controls"]:empty{display:none} #billavue-setup #review-deposit-change{background:var(--sky);color:var(--on-sky)!important;border:1px solid var(--sky);opacity:1;font-weight:600} #billavue-setup .yearly-bills-view .yearly-review-card{display:block;visibility:visible;opacity:1} /* Yearly review actions stay active in both palettes. */ #billavue-setup #review-yearly-bills{background:var(--sky);color:var(--on-sky)!important;border:1px solid var(--sky);opacity:1;font-weight:600} #billavue-setup :is(#complete-yearly-calendar,#yearly-review-done){background:var(--surface);color:var(--text)!important;border:1px solid var(--sky);opacity:1;font-weight:600} #billavue-setup .manage-edit{display:flex;justify-content:center;gap:4px;width:auto;min-width:64px} /* Yearly reminder: one full-width action per row, followed by a centered link. */ #billavue-setup .yearly-check-card .feature-card-actions{display:flex;flex-direction:column;align-items:stretch} #billavue-setup .yearly-check-card .feature-card-actions .choice{width:100%;min-width:0;flex:none} #billavue-setup .yearly-check-card #snooze-yearly-check{align-self:center;text-align:center;min-height:44px;margin:0} #billavue-setup .check-in-feedback{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;min-height:0} #billavue-setup .check-in-feedback p{margin:0;flex:1} #billavue-setup #close-check-in-feedback{display:grid;place-items:center;flex:none;width:44px;min-height:44px;padding:0;margin:0;border:0;background:transparent;color:var(--text);opacity:1} /* All hit areas, including inline controls, are at least 44 by 44. */ #billavue-setup :is(button,a[href],summary,select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea), dialog :is(button,a[href],summary,select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea){box-sizing:border-box;min-width:44px;min-height:44px} #billavue-setup :is(.bill-name-chips button,.bill-another-line .setup-link,#start-fresh-draft,.plain-link,.edit-link){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px} #billavue-setup .choice-row .icon-action{flex-basis:44px;width:44px;height:44px} #billavue-setup label:has(:is(input[type="checkbox"],input[type="radio"])){box-sizing:border-box;display:flex;align-items:center;min-width:44px;min-height:44px;cursor:pointer} #billavue-setup .app-brand .level-lockup{min-width:44px;min-height:44px} #billavue-setup .calendar-grid-scroll{-webkit-text-size-adjust:none;text-size-adjust:none} #billavue-setup .home-ui :is(.weekdays,.days){grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;gap:0} #billavue-setup .home-ui .day{min-width:44px;min-height:44px;height:44px} #billavue-setup .backup-restored-notice{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:0 8px;padding:8px 12px;min-height:0} #billavue-setup .backup-restored-notice p{grid-column:1;margin:0} #billavue-setup #dismiss-restore-notice{grid-column:2;grid-row:1;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:0;background:transparent;color:var(--text)} #billavue-setup .group-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0} #billavue-setup .group-actions button{flex:1;min-width:140px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--button);color:var(--text)} #billavue-setup #intro-title{min-width:44px;min-height:44px} dialog label:has(:is(input[type="checkbox"],input[type="radio"])){display:flex;align-items:center;min-width:44px;min-height:44px;cursor:pointer} #billavue-setup .restore-notice-text{grid-column:1;grid-row:1} #billavue-setup .blocked-action-reason{display:block;margin:4px 0 12px;color:var(--secondary);font-size:1rem;line-height:1.4} #billavue-setup .blocked-action-reason[hidden]{display:none} /* Keep the drawer close target independent of the enlarged title. */ #billavue-setup .menu-header{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;padding-bottom:8px} #billavue-setup .menu-header .level-lockup{min-width:0;margin-right:0;flex-shrink:1;align-items:flex-start} #billavue-setup .menu-header .level-lockup>span{min-width:0} #billavue-setup .menu-header .level-mark{flex:none} #billavue-setup .menu-header #close-menu{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin:0;width:44px;height:44px;min-width:44px;min-height:44px} #billavue-setup .menu-data-actions{border-top:1px solid var(--divider);padding-top:12px;margin-top:12px} #billavue-setup .menu-bottom>hr{display:none} #billavue-setup .backup-page :is(#download-backup,#choose-restore):disabled{background:var(--button);color:var(--secondary);border:1px solid var(--border);opacity:.5;cursor:not-allowed} .reset-dialog :is(#reset-backup-first,[data-reset-backup-message])[hidden]{display:none} /* Grid text uses its normal baseline; page zoom can enlarge it. */ #billavue-setup .calendar-grid-scroll,#billavue-setup .calendar-grid-scroll *{-webkit-text-size-adjust:none;text-size-adjust:none} /* Money columns keep their content; labels take the wrapping space. */ #billavue-setup .home-ui{overflow:visible} #billavue-setup :is(.home-ui .entry,.month-entry,.activity-line,.plan-breakdown-row,.detail-header){flex-wrap:wrap;min-width:0} #billavue-setup :is(.home-ui .entry,.month-entry,.activity-line,.plan-breakdown-row)>:first-child{flex:1 1 0;min-width:0;overflow-wrap:normal} #billavue-setup :is(.home-ui .entry b,.month-entry b,.activity-amount,.plan-breakdown-row strong,.selected-day-balance){flex:0 0 auto;white-space:nowrap;max-width:100%;margin-left:auto} #billavue-setup .selected-day-heading{flex:1 1 0;min-width:0;overflow-wrap:normal} #billavue-setup .bank-transaction-row{grid-template-columns:minmax(0,1fr) max-content 44px} #billavue-setup :is(.bill-list-row,.manage-item,.review-entry){min-width:0;flex-wrap:wrap} #billavue-setup :is(.bill-list-row,.manage-item)>:first-child{min-width:0;flex:1;overflow-wrap:normal} #billavue-setup .money-value{display:inline-block;white-space:nowrap;max-width:100%;text-overflow:clip;overflow:visible;vertical-align:baseline} #billavue-setup .reset-helper{display:block;margin:0 12px 12px;color:var(--secondary);line-height:1.4} #billavue-setup .reset-helper[hidden]{display:none} .reset-dialog [data-confirm]{background:var(--button)!important;color:var(--text)!important;border:1px solid var(--border)!important} #billavue-setup .menu-header{isolation:isolate;background:var(--surface)!important;opacity:1;box-shadow:0 -24px 0 24px var(--surface);z-index:5} #billavue-setup .menu-header .level-lockup>span{overflow-wrap:normal;word-break:normal;white-space:nowrap;font-size:clamp(12px,5vw,18px)} @media(max-width:300px){#billavue-setup .menu-header .level-lockup>span{display:none}} #billavue-setup .calendar-grid-scroll .day{outline-offset:-2px} #billavue-setup .calendar-grid-scroll .day .num{box-sizing:border-box} @media(max-width:340px){#billavue-setup .bank-transaction-row{grid-template-columns:minmax(0,1fr) 44px}#billavue-setup .bank-row-description{grid-column:1/-1}#billavue-setup .bank-row-money{grid-column:1;justify-self:end}#billavue-setup .bank-row-posted{grid-column:2}} /* Preserve whole words. Amount rows stack before labels become cramped. */ #billavue-setup *, .bill-saved-dialog *, .testing-dialog *{overflow-wrap:normal!important;word-break:normal!important;hyphens:none} #billavue-setup .amount-row-stacked{display:flex!important;flex-direction:column;align-items:stretch;gap:6px} #billavue-setup .amount-row-stacked>:first-child{flex:none;width:100%;min-width:0} #billavue-setup .amount-row-stacked>:not(:first-child){flex:none;align-self:flex-end;max-width:100%;margin-left:0} #billavue-setup .amount-row-stacked .bank-row-description{width:100%} /* Normal screens use the document scroller, including setup and plan. */ #billavue-setup.setup-active{position:static;inset:auto;top:auto;height:auto;overflow:visible} #billavue-setup .phone,#billavue-setup.setup-active .phone{height:auto;max-height:none;min-height:0;overflow:visible} #billavue-setup #page,#billavue-setup.setup-active #page{flex:initial;height:auto;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto} #billavue-setup .app-brand,#billavue-setup .bar,#billavue-setup .footer,#billavue-setup.checklist-active .footer,#billavue-setup.setup-active .footer{position:static;inset:auto;top:auto;bottom:auto;box-shadow:none} #billavue-setup .bank-fixed-bar{inset:auto;bottom:auto} #billavue-setup .bill-added-summary{overflow:visible} /* Cancel is the safe primary choice; destructive confirmations stay neutral. */ .reset-dialog .dialog-actions [data-cancel]{background:var(--sky)!important;color:var(--on-sky)!important;border:2px solid var(--sky)!important;opacity:1;font-weight:600} .reset-dialog .dialog-actions [data-confirm]:disabled{background:var(--surface)!important;color:var(--secondary)!important;border:1px dashed var(--border)!important;opacity:.45;cursor:not-allowed;box-shadow:none} .reset-dialog .dialog-actions [data-confirm]:enabled{background:var(--button)!important;color:var(--text)!important;border:2px solid var(--border)!important;opacity:1;cursor:pointer} @media(max-width:340px){.reset-dialog .dialog-actions{flex-direction:column;align-items:stretch}.reset-dialog .dialog-actions button{width:100%}} /* Version 205 direct day-button grid: no wrappers and no clipped digits. */ #billavue-setup .calendar-grid-scroll .day{position:relative;margin:0;overflow:visible;background:transparent!important;box-shadow:none} #billavue-setup .calendar-grid-scroll .day:is(.today,[aria-pressed="true"]) .num{background:var(--relief);border:2px solid var(--sky);border-radius:50%;box-sizing:border-box} /* Currency in prose remains prose; list columns alone may stack. */ #billavue-setup .plan-cushion-row small{display:block;text-align:left;direction:ltr} #billavue-setup .plan-cushion-row small .plan-cushion-now{display:inline;white-space:normal;float:none} #billavue-setup .plan-cushion-label{display:inline-block;white-space:nowrap} #billavue-setup button:not(:disabled):not([aria-disabled="true"]){opacity:1} #billavue-setup button,dialog button{white-space:normal;max-width:100%;box-sizing:border-box;line-height:1.4} #billavue-setup .button-pair,dialog .button-pair{display:flex;align-items:stretch;gap:8px} #billavue-setup .button-pair>button,dialog .button-pair>button{flex:1 1 0;min-width:0;margin-inline:0;white-space:normal} #billavue-setup .button-pair-stacked,dialog .button-pair-stacked{flex-direction:column} #billavue-setup .button-pair-stacked>button,dialog .button-pair-stacked>button{width:100%;flex:none} /* Fields and actions are in document order inside the visible modal viewport. */ dialog.bill-saved-dialog,dialog.testing-dialog{position:fixed!important;inset:auto 0!important;top:var(--dialog-top,12px)!important;margin:0 auto!important;max-height:var(--dialog-height,calc(100dvh - 24px))!important;overflow-y:auto!important;scroll-padding-block:16px;transform:none!important} dialog .dialog-actions{position:static!important;inset:auto!important;bottom:auto!important;flex-shrink:0;margin-top:24px;box-shadow:none} dialog input,dialog textarea{position:static;flex-shrink:0} #billavue-setup .plan-cushion-suggested{display:block;white-space:nowrap} /* Preserve centered direct day text. */ #billavue-setup .calendar-grid-scroll .day{text-align:center} /* Back is visibly enabled but secondary; Save remains the Settings primary. */ #billavue-setup .secondary-navigation:not(:disabled){width:100%;box-sizing:border-box;text-align:center!important;padding:14px!important;border-radius:12px;font-weight:600!important;background:var(--button)!important;color:var(--text)!important;border:1px solid var(--border)!important;opacity:1} #billavue-setup #settings-save:not(:disabled){background:var(--sky)!important;color:var(--on-sky)!important;border:1px solid var(--sky)!important;opacity:1} /* Calendar text stays normal size. Only the weekday/day grid can scroll. */ #billavue-setup .calendar-grid-frame{position:relative;min-width:0;max-width:100%} #billavue-setup .calendar-grid-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;width:100%;container-type:normal;overscroll-behavior-x:contain;scroll-padding-inline:12px;padding-block:2px 4px} #billavue-setup .calendar-grid-inner{width:var(--calendar-content-width,100%);min-width:100%} #billavue-setup .calendar-grid-inner :is(.weekdays,.days){display:grid;grid-template-columns:var(--calendar-columns,repeat(7,minmax(0,1fr)));gap:0;min-width:0} #billavue-setup .calendar-grid-scroll .day{width:100%;min-width:0;min-height:52px;height:auto;padding:1px 4px;transform:none} #billavue-setup .calendar-grid-scroll .weekdays span,#billavue-setup .calendar-grid-scroll .day .num{font-size:16px!important;white-space:nowrap} #billavue-setup .calendar-grid-scroll .day .amount{display:block;position:static;left:auto;width:auto;max-width:none;margin:0;font-size:12px!important;line-height:1.4;white-space:nowrap;transform:none!important;overflow:visible} #billavue-setup .calendar-edge{position:absolute;top:0;bottom:0;width:12px;pointer-events:none;z-index:1;opacity:0} #billavue-setup .calendar-edge-left{left:0;background:linear-gradient(to right,var(--page),transparent)} #billavue-setup .calendar-edge-right{right:0;background:linear-gradient(to left,var(--page),transparent)} #billavue-setup .calendar-grid-frame[data-more-left="true"] .calendar-edge-left,#billavue-setup .calendar-grid-frame[data-more-right="true"] .calendar-edge-right{opacity:1} #billavue-setup .calendar-grid-scroll .day .num{width:max-content;min-width:32px;max-width:none;height:auto;min-height:25px;line-height:1.4;padding-inline:2px;margin-inline:auto} /* Selected is filled; today alone is outlined. Equal measured sides stay circular. */ #billavue-setup .home-ui .calendar-grid-scroll .day .num{display:grid;place-items:center;width:var(--calendar-day-diameter,32px);height:var(--calendar-day-diameter,32px);min-width:32px;min-height:32px;max-width:none;aspect-ratio:1;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--secondary);line-height:1.2} #billavue-setup .home-ui .calendar-grid-scroll .day.today .num{background:transparent;border:1px solid var(--sky);color:var(--text)} #billavue-setup .home-ui .calendar-grid-scroll .day[aria-pressed="true"] .num{background:#8CC4F0;border:1px solid #8CC4F0;color:#1B2F45} /* Arrow tracks never depend on the length of the month name. */ #billavue-setup .home-ui .month{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;width:100%;margin:0 0 9px;align-items:center} #billavue-setup .home-ui .month>span{min-width:0;max-width:100%;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:balance} #billavue-setup .home-ui .month button{width:44px;min-width:44px;padding-inline:0} /* A whole month word either fits the middle track, or owns the full row. */ #billavue-setup .home-ui .month{grid-template-areas:"title title title" "previous . next";column-gap:16px;row-gap:8px;justify-items:stretch} #billavue-setup .home-ui .month[data-month-stacked="false"]{grid-template-areas:"previous title next"} #billavue-setup .home-ui .month>.calendar-month-title{grid-area:title;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.3em;row-gap:0;min-width:0;width:100%;text-align:center} #billavue-setup .home-ui .month .calendar-month-name,#billavue-setup .home-ui .month .calendar-month-year{display:inline-block;white-space:nowrap;flex:0 0 auto} #billavue-setup .home-ui .month>#prev-month{grid-area:previous;justify-self:start;min-height:44px} #billavue-setup .home-ui .month>#next-month{grid-area:next;justify-self:end;min-height:44px} #billavue-setup .error[data-field-error-for]:empty{display:none} #billavue-setup [aria-invalid="true"]{scroll-margin-block:20px} /* Leave-edit actions size to their text, never to spare viewport height. */ dialog.leave-edit-dialog{height:auto;min-height:0} dialog.leave-edit-dialog .dialog-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;height:auto;min-height:0;flex:0 0 auto} dialog.leave-edit-dialog .dialog-actions.button-pair-stacked{grid-template-columns:minmax(0,1fr)} dialog.leave-edit-dialog .dialog-actions>button{height:auto;min-height:44px;min-width:44px;width:100%;align-self:start;flex:0 0 auto;padding:10px 13px} #billavue-setup .setup-unfinished-bill{border-left:3px solid light-dark(#AD7B22,#C9A451)} #billavue-setup .bill-incomplete-warning [data-setup-action="finish-unfinished"]{background:var(--sky);color:var(--on-sky);border-color:var(--sky)} /* Text and its action are a row, not a monetary column that stacks. */ #billavue-setup .setup-bill-row,#billavue-setup .setup-unfinished-bill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center} #billavue-setup .setup-bill-row>div,#billavue-setup .setup-unfinished-bill>div{min-width:0} #billavue-setup .setup-bill-row>button,#billavue-setup .setup-unfinished-bill>button{margin:0;align-self:center;min-width:44px;min-height:44px;padding:8px} #billavue-setup .setup-unfinished-bill{border:0;border-left:2px solid light-dark(#AD7B22,#C9A451);border-radius:0;padding-left:10px;background:transparent} #billavue-setup .setup-unfinished-bill strong{color:var(--text)} #billavue-setup .setup-unfinished-bill .manage-item{border:0;margin:0;padding:0;background:transparent} #billavue-setup .setup-needs-details{display:block;color:light-dark(#714B00,#FFE0A2);margin-top:4px} #billavue-setup .bill-incomplete-warning [data-setup-action="pay"]{background:var(--button)!important;color:var(--text)!important;border:1px solid var(--border)!important;opacity:1!important} /* Setup navigation spacing and pending status share the same amber. */ #billavue-setup :is(.bill-list-row,.manage-bill-row).setup-unfinished-bill{border-left-color:light-dark(#714B00,#FFE0A2)} #billavue-setup.setup-active .footer{padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px)} #billavue-setup .how-it-works .tip-dismissed{display:none} /* Payment deletion makes its own scope choice; Cancel is the safe primary. */ dialog:is(.payment-delete-dialog,.payment-save-dialog,.confirmed-payment-dialog) .dialog-actions{display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-items:start} dialog:is(.payment-delete-dialog,.payment-save-dialog,.confirmed-payment-dialog) .dialog-actions>button{box-sizing:border-box;display:block;min-width:44px;min-height:44px;width:100%;height:auto;flex:none;padding:12px;font:inherit;white-space:normal;overflow-wrap:normal;border-radius:12px} dialog:is(.payment-delete-dialog,.payment-save-dialog,.confirmed-payment-dialog) :is([data-delete-payment],[data-save-payment],[data-confirmed-payment]){background:var(--button);color:var(--text);border:1px solid var(--border);text-align:left} dialog:is(.payment-delete-dialog,.payment-save-dialog,.confirmed-payment-dialog) :is([data-delete-payment],[data-save-payment],[data-confirmed-payment]) small{display:block;margin-top:4px;color:var(--secondary);font:inherit;font-size:.9em;line-height:1.4} dialog:is(.payment-delete-dialog,.payment-save-dialog,.confirmed-payment-dialog) .dialog-actions [data-cancel]{background:var(--sky)!important;color:var(--on-sky)!important;border:2px solid var(--sky)!important;opacity:1;font-weight:600} #billavue-setup .deposit-order-choice{display:flex;align-items:center;gap:10px;min-height:44px;line-height:1.4} #billavue-setup .deposit-order-choice input{flex:none;width:22px;height:22px;margin:0} /* Individual payment confirmation: normal document flow above Save. */ .payment-confirmation{margin-block:1rem}.payment-confirmation .hint{margin-block:.4rem .75rem} /* Waiting money remains an inline sentence, with unbroken parenthesized counts. */ .waiting-count{display:inline-block;white-space:nowrap} #billavue-setup .home-ui .bankcheck button.waiting-money-link{text-align:left;border-radius:0;white-space:normal} .waiting-items-dialog .waiting-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;height:auto;padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:12px;background:var(--button);color:var(--text);font:inherit;text-align:left;flex-wrap:wrap} .waiting-items-dialog .waiting-item>span{flex:1 1 12em;min-width:0}.waiting-items-dialog .waiting-item small{display:block;margin-top:4px}.waiting-items-dialog .waiting-item b{flex:0 0 auto;white-space:nowrap}.waiting-items-dialog h3{margin:20px 0 8px} .waiting-items-dialog .dialog-actions{display:block}.waiting-items-dialog [data-cancel]{width:100%;min-height:44px} /* Shared notices: no overlays, clipping, text fitting or word splitting. */ :root{--notice-shortfall:light-dark(#A51D18,#FF9E97);--notice-heads:light-dark(#805100,#FFD184);--notice-info:light-dark(#245D91,#9BCFFD);--notice-tip:light-dark(#355F82,#B7D7EF);--notice-done:light-dark(#17633B,#8DD9AB);--notice-tip-bg:light-dark(#EEF5FC,#18324A)} :is(#billavue-setup,dialog) .lb-notice{--notice-color:var(--notice-info);box-sizing:border-box;display:block;margin:12px 0;padding:0;max-width:100%;min-width:0;border:1px solid var(--notice-color);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:none;overflow:visible;font:inherit;line-height:1.45} :is(#billavue-setup,dialog) .lb-notice[hidden]{display:none!important} :is(#billavue-setup,dialog) .lb-notice-shortfall{--notice-color:var(--notice-shortfall)}:is(#billavue-setup,dialog) .lb-notice-heads{--notice-color:var(--notice-heads)}:is(#billavue-setup,dialog) .lb-notice-tip{--notice-color:var(--notice-tip);background:var(--notice-tip-bg)}:is(#billavue-setup,dialog) .lb-notice-done{--notice-color:var(--notice-done)} :is(#billavue-setup,dialog) .lb-notice-header{box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;gap:6px;align-items:start;min-height:56px;padding:14px 8px;list-style:none;cursor:pointer;font:inherit;color:var(--notice-color);background:transparent;border:0;white-space:normal;text-decoration:none} :is(#billavue-setup,dialog) .lb-notice-header::-webkit-details-marker{display:none}:is(#billavue-setup,dialog) .lb-notice-header::marker{content:''} :is(#billavue-setup,dialog) .lb-notice-icon,:is(#billavue-setup,dialog) .lb-notice-end{display:block;align-self:start;width:20px;height:24px;padding:0;margin:0;color:var(--notice-color);opacity:1} :is(#billavue-setup,dialog) .lb-notice-icon svg,:is(#billavue-setup,dialog) .lb-notice-chevron{display:block;width:20px;height:20px;margin-top:2px;flex:none} :is(#billavue-setup,dialog) .lb-notice-title{display:block;min-width:0;font:inherit;font-weight:600;color:var(--notice-color);opacity:1;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal!important;word-break:normal!important;hyphens:none} :is(#billavue-setup,dialog) .notice-money{display:inline-block;white-space:nowrap;font:inherit;color:inherit;opacity:1} :is(#billavue-setup,dialog) .lb-notice[open]>.lb-notice-header .lb-notice-chevron{transform:rotate(90deg)} :is(#billavue-setup,dialog) .lb-notice-body{padding:0 12px 12px;min-width:0;color:var(--text)} :is(#billavue-setup,dialog) .lb-notice [data-notice-legacy]{box-sizing:border-box;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;color:var(--text)!important;max-height:none!important;height:auto!important;overflow:visible!important} :is(#billavue-setup,dialog) .lb-notice-body :is(p,small,strong,h3){color:var(--text)!important;font-size:inherit;opacity:1} :is(#billavue-setup,dialog) .lb-notice-body p{margin:0 0 12px}:is(#billavue-setup,dialog) .lb-notice-body p:last-child{margin-bottom:0} :is(#billavue-setup,dialog) .lb-notice-done>.lb-notice-header{grid-template-columns:20px minmax(0,1fr) 44px;min-height:56px} :is(#billavue-setup,dialog) .lb-notice-close{display:block;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;position:relative;top:-10px;border:0;background:transparent;color:var(--notice-color);font:inherit;cursor:pointer} :is(#billavue-setup,dialog) .lb-notice-done[data-reduced-motion="true"] .lb-notice-close{display:block} :is(#billavue-setup,dialog) .lb-notice [data-notice-legacy] :is(#close-check-in-feedback,[data-setup-action="dismiss-added"],#dismiss-restore-notice){display:none} #billavue-setup .calendar-notice-stack{min-width:0;margin:0}.calendar-notice-stack:empty{display:none} :is(#billavue-setup,dialog) .notice-waiting-list .waiting-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;height:auto;min-height:44px;padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:12px;background:var(--button);color:var(--text);font:inherit;text-align:left} :is(#billavue-setup,dialog) .notice-waiting-list .waiting-item>span{flex:1 1 12em;min-width:0}:is(#billavue-setup,dialog) .notice-waiting-list small{display:block}:is(#billavue-setup,dialog) .notice-waiting-list b{white-space:nowrap} /* Active missing-detail actions and compact list actions in both themes. */ :is(#billavue-setup,dialog) .lb-notice .notice-finish{background:var(--sky)!important;color:var(--on-sky)!important;border:1px solid var(--sky)!important;opacity:1!important;font:inherit;min-height:44px;min-width:44px;padding:10px 14px;border-radius:12px} #billavue-setup .manage-bill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start} #billavue-setup .manage-bill-row>.manage-item{width:100%;min-width:0;margin:0;padding:12px 0} #billavue-setup .manage-bill-row>.manage-edit{align-self:start;min-height:44px;min-width:64px;width:auto;margin:4px 0 0;padding:8px;justify-content:flex-end;color:var(--sky);opacity:1} #billavue-setup .unfinished-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:4px;max-width:100%;min-width:0;margin:4px 0 0} #billavue-setup .unfinished-actions>button{flex:none;width:auto;min-width:44px;min-height:44px;height:auto;margin:0;padding:8px;color:var(--sky);background:transparent;opacity:1;font:inherit;white-space:normal;overflow-wrap:normal;word-break:normal} #billavue-setup .unfinished-actions.button-pair{display:flex;gap:4px}#billavue-setup .unfinished-actions.button-pair-stacked{flex-direction:column} #billavue-setup .unfinished-actions.button-pair>button{flex:none;width:auto;margin:0} #billavue-setup .setup-unfinished-bill>.unfinished-actions{max-width:140px} /* Waiting money belongs to the balance card and never consumes a notice slot. */ #billavue-setup .home-ui .bankcheck button.waiting-money-link{display:flex;align-items:flex-start;gap:6px;color:#F5F7FA;text-decoration:none;background:transparent;border:0;padding:8px 0;min-height:44px;font:inherit;opacity:1} #billavue-setup .home-ui .bankcheck button.waiting-money-link>svg{width:20px;height:20px;flex:none;margin-top:2px} #billavue-setup .home-ui .bankcheck button.waiting-money-link>span{display:block;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:left;color:inherit} #billavue-setup .home-ui .bankcheck button.waiting-money-link>svg{color:#8CC4F0} /* All dialog surfaces share the same notice geometry and first-line icons. */ :is(#billavue-setup,dialog) .lb-notice [data-notice-legacy]>summary{display:none} :is(#billavue-setup,dialog) .lb-notice-header:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:12px} :is(#billavue-setup,dialog) .lb-notice .testing-result pre{margin:0;white-space:pre-wrap;overflow-wrap:normal;font:inherit;color:var(--text)} :is(#billavue-setup,dialog) .lb-notice [data-notice-legacy].error{font:inherit;color:var(--text)!important} /* Single-field messages stay inline, never expandable notices. */ :is(#billavue-setup,dialog) [data-field-hint]{color:var(--secondary);background:none;border:0;border-radius:0;padding:0;box-shadow:none;white-space:normal;overflow-wrap:normal;word-break:normal} :is(#billavue-setup,dialog) :is([data-field-error],.bill-duplicate-note):not(:empty){display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:6px;margin:8px 0;color:var(--notice-heads);font-size:1rem;line-height:1.45;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:normal;word-break:normal;overflow-wrap:normal} :is(#billavue-setup,dialog) :is([data-field-error],.bill-duplicate-note):not(:empty)::before{content:"";display:block;width:16px;height:16px;margin-top:.2em;background:currentColor;mask: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat} :is(#billavue-setup,dialog) [data-field-error]:empty{display:none} :is(#billavue-setup,dialog) :is([data-field-error],.bill-duplicate-note)[hidden]{display:none!important} /* Starting-balance payment choice: first-line alignment at every text size. */ #billavue-setup .opening-paid-choice{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-height:44px;min-width:44px;font-weight:400;line-height:1.45;cursor:pointer} #billavue-setup .opening-paid-choice input[type="checkbox"]{box-sizing:border-box;appearance:none;display:inline-grid;position:static;width:22px;height:22px;min-width:22px;min-height:22px;font:inherit;margin:clamp(0px,calc((1.45em - 22px)/2),1em) 0 0;padding:0;align-self:start;flex:none} #billavue-setup .opening-paid-choice>span{display:block;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal} #billavue-setup #bill-paid-helper{margin:4px 0 12px 32px;min-width:0;white-space:normal} /* The same drawn check also serves setup's button-based checklist boxes. */ #billavue-setup .checklist-check{box-sizing:border-box;border:2px solid var(--sky);border-radius:4px;background-color:var(--surface);background-image:none;background-position:center;background-size:16px 16px;background-repeat:no-repeat} #billavue-setup .checklist-card[aria-pressed="true"] .checklist-check{background-color:var(--sky);background-image:var(--checkbox-check);border-color:var(--sky)} /* Waiting money sits directly on the balance card, including after focus/tap. */ #billavue-setup .home-ui .bankcheck>span,#billavue-setup #open-waiting-items,#billavue-setup #open-waiting-items>span{background:transparent!important;box-shadow:none!important} #billavue-setup #open-waiting-items{-webkit-tap-highlight-color:transparent} /* Shared checkboxes center in a line-height cell, independent of input glyph metrics. */ :is(#billavue-setup,dialog) label.shared-checkbox-label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;line-height:1.45;min-height:44px;min-width:44px} :is(#billavue-setup,dialog) .checkbox-first-line{display:grid;place-items:center;width:22px;height:1lh;min-height:22px;line-height:inherit} :is(#billavue-setup,dialog) .checkbox-first-line>input[type="checkbox"]{margin:0;padding:0;width:22px;height:22px;font:inherit;align-self:center} :is(#billavue-setup,dialog) .checkbox-label-text{display:block;min-width:0;white-space:normal;word-break:normal;line-height:inherit} #billavue-setup .opening-paid-choice>.checkbox-first-line{display:grid} /* At normal text, names wrap beside a reserved amount/action track. */ #billavue-setup :is(.home-ui .entry,.month-entry,.activity-line,.plan-breakdown-row,.detail-header){display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:8px} #billavue-setup :is(.home-ui .entry,.month-entry,.activity-line,.plan-breakdown-row,.detail-header)>:first-child{min-width:0} /* Compact bank check: one result, no duplicated comparisons or floating column heading. */ #billavue-setup .bank-checklist{padding:0;border:0} #billavue-setup .bank-current-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:12px 0} #billavue-setup .bank-current-amount>span{font-weight:600} #billavue-setup .bank-instructions{margin:12px 0 0} #billavue-setup .bank-why-lock{margin:0 0 12px;padding:0;border:0;background:none} #billavue-setup .bank-why-lock>summary{display:inline-block;padding:10px 0;min-height:44px;box-sizing:border-box;color:var(--sky);font:inherit;text-decoration:underline;cursor:pointer;list-style:none} #billavue-setup .bank-why-lock>summary::-webkit-details-marker{display:none} #billavue-setup .bank-starting-point{margin:12px 0} #billavue-setup .bank-check-all-row{display:flex;justify-content:flex-end} #billavue-setup label.bank-transaction-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:10px;padding:12px 0;margin:0;min-height:44px;font:inherit;cursor:pointer} #billavue-setup .bank-row-description{min-width:0;grid-column:auto} #billavue-setup .bank-check-row .bank-check-name{display:block;padding:0;min-height:0;text-decoration:none;font:inherit;color:var(--text);grid-column:auto} #billavue-setup .bank-row-description :is(.bank-row-payee,.bank-row-date){display:block;color:var(--secondary);font-size:1rem;line-height:1.45} #billavue-setup .bank-row-right{display:grid;grid-template-columns:max-content 44px;align-items:start;gap:10px;white-space:nowrap} #billavue-setup .bank-row-money{display:block;grid-column:auto;white-space:nowrap;font:inherit;line-height:1.45} #billavue-setup .bank-row-posted{display:grid;place-items:center;width:44px;height:1lh;min-height:22px;grid-column:auto;line-height:1.45} #billavue-setup .bank-row-posted input[type="checkbox"]{width:22px;height:22px;margin:0} #billavue-setup .bank-transaction-row.amount-row-stacked .bank-row-right{display:grid;grid-template-columns:max-content 44px;align-self:flex-end;width:auto} #billavue-setup #bank-add-missed{border:1px solid var(--border);border-radius:12px;background:var(--button);color:var(--text);opacity:1;padding:12px;min-height:44px} #billavue-setup .bank-fixed-bar{position:static;margin:12px 0;padding:0;background:none;border:0;box-shadow:none} #billavue-setup .bank-difference{margin:12px 0;border:0;padding:0;background:none} #billavue-setup .bank-difference>summary{display:block;list-style:none;cursor:pointer;min-height:44px;padding:10px 0;color:var(--notice-heads);font:inherit} #billavue-setup .bank-difference>summary::-webkit-details-marker{display:none} #billavue-setup .bank-difference-details p{margin:0 0 12px} #billavue-setup .bank-match{color:var(--notice-done);margin:12px 0} #billavue-setup .bank-undo-link{display:block;margin-top:12px} #billavue-setup .bank-screen{padding-bottom:0} #billavue-setup .bank-fixed-bar{display:block} #billavue-setup label.bank-transaction-row{line-height:1.45} #billavue-setup .checklist-card{align-items:flex-start;gap:10px;line-height:1.45} #billavue-setup .checklist-card>.checkbox-first-line{flex:none} #billavue-setup .bank-difference>summary .notice-money{white-space:nowrap} #billavue-setup .bank-difference-details #bank-adjustment{background:transparent;color:var(--sky);border:0;padding:10px 0;font:inherit;text-align:left;text-decoration:underline;box-shadow:none} /* Troubleshooting actions stay inside the collapsed mismatch disclosure. */ #billavue-setup .bank-difference-details .bank-match-steps{margin:0 0 12px;padding-inline-start:1.5em} #billavue-setup .bank-match-steps>li{margin:0 0 8px} #billavue-setup .bank-difference-details .plain-link{display:inline-block;width:auto;min-height:44px;background:transparent;color:var(--sky);border:0;padding:10px 0;font:inherit;text-align:left;text-decoration:underline;box-shadow:none} /* Version 235: preserve label geometry and full-width restored notices. */ #billavue-setup .payment-confirmation #tx-found-helper{margin-inline-start:32px} #billavue-setup :is(#settings-save,#settings-back){text-align:center;justify-content:center} /* More specific than the shared label:has(input[type=checkbox]) flex rule. */ #billavue-setup .bank-checklist label.bank-transaction-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start} #billavue-setup .bank-checklist .bank-row-right{display:grid;grid-template-columns:var(--bank-money-width,max-content) 44px;gap:10px;align-items:start;justify-self:end} #billavue-setup .bank-checklist .bank-row-money{text-align:right;justify-self:end} #billavue-setup .bank-checklist label.bank-transaction-row.amount-row-stacked{display:flex;flex-direction:column} #billavue-setup .bank-screen-header{display:block} #billavue-setup .lb-notice:has(.restored-draft){width:100%;max-width:100%;min-width:0;flex-basis:100%;grid-column:1/-1;box-sizing:border-box} #billavue-setup .bank-checklist :is(.plain-link,.bank-undo-link),#billavue-setup .bank-why-lock>summary{justify-content:flex-start;text-align:left;padding-inline:0} #billavue-setup #bank-add-missed{text-align:left;justify-content:flex-start} #billavue-setup .bank-difference-details [data-bank-detail-change]{display:inline;min-height:0;min-width:0;padding:0;line-height:inherit;vertical-align:baseline} #billavue-setup .bank-checklist.bank-links-left .bank-check-all-row{justify-content:flex-start} #billavue-setup .bank-checklist.bank-links-left #bank-check-all{text-align:left;justify-content:flex-start;padding-inline:0} /* Explicit bank action IDs outrank the legacy mixed text-link selector. */ #billavue-setup .bank-checklist :is(#bank-change-amount,#bank-check-all,#bank-undo,#bank-adjustment,#bank-add-missed){justify-content:flex-start;text-align:left;padding-inline:0} #billavue-setup#billavue-setup .bank-match-steps [data-bank-detail-change]{display:inline;position:relative;min-height:0;min-width:0;padding:0;line-height:inherit;vertical-align:baseline;justify-content:flex-start;text-align:left} #billavue-setup .bank-match-steps [data-bank-detail-change]::after{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)} /* Text links fill their text row; action buttons keep their separate centered style. */ #billavue-setup .bank-checklist :is(#bank-adjustment,#bank-undo){display:block;width:100%;text-align:left;justify-content:flex-start;margin-inline:0} #billavue-setup .bank-checklist.bank-links-left #bank-check-all{display:block;width:100%;margin-inline:0} #billavue-setup .bank-checklist.bank-links-left .bank-check-all-row{width:100%} #billavue-setup .bank-checklist .bank-check-all-row{justify-content:flex-start;width:100%} #billavue-setup .bank-checklist #bank-check-all{display:block;width:100%;margin-inline:0;text-align:left;justify-content:flex-start} #billavue-setup .bank-screen #bank-undo{display:block;width:100%;margin-inline:0;padding-inline:0;text-align:left;justify-content:flex-start} /* Checkbox result updates preserve the bank viewport rather than browser anchoring it. */ #billavue-setup .bank-screen{overflow-anchor:none} /* Persistent bank success surfaces: one shared green, no animation or notice timer. */ #billavue-setup{--bank-success:#25834A} #billavue-setup .bank-success-icon{display:block;flex:none;aspect-ratio:1;color:var(--bank-success)} #billavue-setup .bank-checklist .bank-match{display:flex;align-items:flex-start;gap:12px;color:var(--bank-success);font-size:1.5rem;font-weight:600;line-height:1.35;margin:20px 0} #billavue-setup .bank-match .bank-success-icon{width:32px;height:32px;margin-top:.08em} #billavue-setup .bank-match>span{min-width:0;word-break:normal;overflow-wrap:normal;white-space:normal} #billavue-setup .bank-finish-screen{padding:20px 0;min-width:0} #billavue-setup .bank-finish-screen>.bank-success-icon{width:64px;height:64px;margin-bottom:20px} #billavue-setup .bank-finish-screen h2{font-size:2rem;line-height:1.2;margin:0 0 16px;word-break:normal;overflow-wrap:normal} #billavue-setup .bank-finish-screen p{line-height:1.5;margin:0 0 16px;word-break:normal;overflow-wrap:normal} #billavue-setup .bank-finish-count{color:var(--secondary)} #billavue-setup .bank-finish-screen #bank-done{display:block;width:100%;min-height:44px;padding:14px;margin:24px 0 4px;background:var(--sky);color:var(--on-sky);border:1px solid var(--sky);border-radius:12px;text-align:center;opacity:1} #billavue-setup .bank-finish-screen #bank-finish-undo{display:block;width:100%;min-height:44px;padding:10px 0;margin:0;background:none;color:var(--sky);border:0;text-align:left;justify-content:flex-start;font:inherit;text-decoration:underline;box-shadow:none} /* Dark bank success is lighter; Light retains its approved Version 239 green. */ html[data-theme="dark"] #billavue-setup{--bank-success:#8DD9AB} /* Whole-check Undo is plain explanatory text, not an amber notice. */ dialog.bank-undo-dialog>p{color:var(--text);background:none;border:0;border-radius:0;padding:0;box-shadow:none;white-space:normal;line-height:1.5;word-break:normal;overflow-wrap:normal} dialog.bank-undo-dialog .dialog-actions [data-cancel]{background:var(--sky)!important;color:var(--on-sky)!important;border:2px solid var(--sky)!important;opacity:1;font-weight:600} /* Half of the 1.5em line height between whole-check Undo sentences. */ dialog.bank-undo-dialog>p .bank-undo-line{display:block;white-space:normal} dialog.bank-undo-dialog>p .bank-undo-line~.bank-undo-line{margin-top:.75em} /* Owner's calmer Calendar and explicit action feedback, v246. */ #billavue-setup .top .today-balance-label{font-size:.9375rem;color:var(--secondary);margin:0 0 4px} #billavue-setup .bankcheck{display:flex;flex-direction:column;align-items:stretch;gap:8px} #billavue-setup .bank-check-details-link{font-size:1rem;text-align:left;min-height:44px;padding:4px 0;color:var(--secondary)} #billavue-setup .calm-calendar-alert{border:0;border-radius:0;background:transparent;margin:12px 0;color:var(--notice-shortfall);padding:0} #billavue-setup .calm-calendar-alert>summary{display:block;list-style:none;min-height:44px;padding:10px 0;cursor:pointer;font-weight:600} #billavue-setup .calm-calendar-alert>summary::-webkit-details-marker{display:none} #billavue-setup .calm-calendar-alert>summary strong{font:inherit;color:inherit} #billavue-setup .calm-calendar-alert.timing-shortfall{color:var(--notice-heads)} #billavue-setup .calm-alert-details{color:var(--text);padding:4px 0 12px} #billavue-setup :is(.in,.activity-in){color:var(--bank-success)!important} #billavue-setup .out{color:var(--text)!important} #billavue-setup :is(#tx-scope-error,#tx-scope-unavailable,#tx-scope-hint){color:var(--notice-heads);margin:6px 0;font-size:1rem} #billavue-setup .scope-unavailable{opacity:.45} #billavue-setup #compare-now.compare-empty{background:transparent;color:var(--text);border:1px solid var(--border)} #billavue-setup .autopay-tip{margin:4px 0 12px} #billavue-setup .autopay-tip .lb-notice-header{font-size:1rem} :where(#billavue-setup,dialog) [data-notice-repeat]{display:none!important} :where(#billavue-setup,dialog) .needs-confirmation{opacity:.5} .testing-dialog label:has(#testing-active){margin-bottom:4px} .testing-dialog label[for=testing-date]{margin-top:4px} .testing-dialog [data-tool=close]{margin-top:16px} :is(#billavue-setup,dialog) .lb-notice[data-notice-empty=true]>.lb-notice-body{display:none} #billavue-setup .lb-notice:has(.autopay-tip)>.lb-notice-header{font-size:1rem} :is(#billavue-setup,dialog) .in{color:var(--bank-success,var(--notice-done))!important} :is(#billavue-setup,dialog) .out{color:var(--text)!important} /* Override legacy full-card warning selectors for the single Calendar line. */ #billavue-setup .home-ui .notice.calm-calendar-alert{margin:12px 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--notice-shortfall);font:inherit} #billavue-setup .home-ui .notice.calm-calendar-alert.timing-shortfall{color:var(--notice-heads)} #billavue-setup .home-ui .notice.calm-calendar-alert>summary{color:inherit} #billavue-setup .home-ui .notice.calm-calendar-alert>summary strong{display:inline;color:inherit;margin:0;font:inherit;font-weight:600} #billavue-setup .home-ui .notice.calm-calendar-alert .calm-alert-details :is(p,strong,small){color:var(--text)} #billavue-setup .home-ui .top .bankcheck{flex-direction:column;align-items:stretch;gap:8px} #billavue-setup .home-ui .top .bankcheck .bank-check-details-link{border:0;background:transparent;box-shadow:none;color:#F5F7FA;text-align:left;padding:4px 0;font-size:1rem} #billavue-setup :is(.home-ui .top,.plan-deposit) .in{color:#8DD9AB!important} /* v247: calm inline explanations; disclosures are optional, named extras. */ #billavue-setup .home-ui .top .bankcheck #open-bank-details.bank-check-details-link{display:block;appearance:none;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:4px 0!important;min-height:44px;font-size:.9375rem;font-weight:400;line-height:1.4;text-align:left;color:#F5F7FA;white-space:normal} dialog{position:fixed!important;inset:auto 0!important;top:var(--dialog-top,12px)!important;margin:0 auto!important;max-height:var(--dialog-height,calc(100dvh - 24px))!important;overflow-y:auto!important;transform:none!important} :is(#billavue-setup,dialog) .plain-explanation{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:var(--text);font:inherit} :is(#billavue-setup,dialog) .plain-explanation :is(p,small){color:inherit} #billavue-setup .your-plan .plan-notice{background:none;border:0;border-radius:0;box-shadow:none;padding:0} #billavue-setup .your-plan .plan-cushion-intro{margin:8px 0;color:var(--secondary)} #billavue-setup .your-plan :is(.plan-covered,.plan-existing-cushion){border:0;border-radius:0;background:none;padding:0;margin:12px 0;color:var(--text)} #billavue-setup .your-plan :is(.plan-covered,.plan-existing-cushion,.plan-method)>summary{list-style:none;min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:400} #billavue-setup .your-plan :is(.plan-covered,.plan-existing-cushion,.plan-method)>summary::-webkit-details-marker{display:none} #billavue-setup .your-plan .plan-lower-link{display:block;min-height:44px;padding:4px 0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;color:inherit;font:inherit} #billavue-setup .your-plan .plan-method{margin-top:16px} #billavue-setup .your-plan .plan-method>p{color:var(--secondary)} /* v248: show short answers; underline optional text actions. */ #billavue-setup .plan-answer{font-size:1.125rem;font-weight:600;margin:10px 0} #billavue-setup .plan-existing-cushion{margin:10px 0;color:var(--text)} :is(#billavue-setup,dialog) :is(button.plain-link,.setup-link,details>summary){text-decoration:underline;text-underline-offset:.18em;cursor:pointer} #billavue-setup .plan-deposit .plan-lower-link,#billavue-setup .home-ui .top .bankcheck #open-bank-details.bank-check-details-link{color:#8CC4F0;text-decoration:underline;text-underline-offset:.18em} :is(#billavue-setup,dialog) details>summary{color:var(--sky)} #billavue-setup .calm-calendar-alert>summary{color:inherit} :is(#billavue-setup,dialog) .real-tip{padding:0;margin:12px 0;border:0;background:none;border-radius:0;color:var(--text)} :is(#billavue-setup,dialog) .real-tip>summary{display:block;list-style:none;min-height:44px;padding:8px 0;font:inherit;line-height:1.5;color:var(--sky);text-decoration:none;cursor:pointer} :is(#billavue-setup,dialog) .real-tip>summary::-webkit-details-marker{display:none} :is(#billavue-setup,dialog) .real-tip-title{text-decoration:underline;text-underline-offset:.18em} :is(#billavue-setup,dialog) .real-tip>p{margin:4px 0 8px;color:var(--text);font:inherit} :is(#billavue-setup,dialog) .real-tip[hidden]{display:none!important} dialog .waiting-item.entry{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:12px;width:100%;text-align:left} dialog .waiting-item-label{min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal} dialog .waiting-item.entry>b{justify-self:end;text-align:right;white-space:nowrap} :is(#billavue-setup,dialog) .lb-notice[data-notice-empty=true]>.lb-notice-header{text-decoration:none;cursor:default} /* Approved iPhone instructions keep their visible numbering in every context. */ .iphone-home-screen-prompt ol{list-style:decimal outside;margin:12px 0;padding-inline-start:1.6em} .iphone-home-screen-prompt li{padding-inline-start:.2em;margin:8px 0;line-height:1.45} /* Pixel batch: optional details and destructive actions stay quiet. */ #billavue-setup .your-plan .plan-method{padding:0;border:0;border-radius:0;background:none;margin:0 0 12px} #billavue-setup :is([data-setup-action="delete-bill"],#delete-bill){border:1px solid var(--border);background:transparent;color:var(--text);padding:12px 16px;border-radius:12px;min-height:44px;text-decoration:none} #billavue-setup .backup-reminder{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;border:0;background:none;border-radius:0;padding:0;margin:8px 0} #billavue-setup .backup-reminder p{flex-basis:100%} #billavue-setup .backup-reminder button{display:inline-block;margin:0;padding:8px 0;background:none;color:var(--sky);border:0;min-height:44px} #billavue-setup #download-backup{background:var(--sky);color:var(--on-sky);border-color:var(--sky)} :is(#billavue-setup,dialog) .lb-notice[data-static-notice]>.lb-notice-header{cursor:default;text-decoration:none} :is(#billavue-setup,dialog) .lb-notice[data-static-notice]>.lb-notice-body{display:block} /* v253: plain opening-day question, large cushion-style choices and static setup notice. */ #billavue-setup [data-opening-deposit-question]{border:0;margin:20px 0;padding:0;min-width:0;} #billavue-setup #setup-opening-question{margin:0 0 12px;} #billavue-setup .opening-deposit-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} #billavue-setup .opening-deposit-choices label{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;margin:0;padding:14px;border:1px solid var(--border);border-radius:12px;background:transparent;color:inherit;cursor:pointer;} #billavue-setup .opening-deposit-choices input{position:absolute;width:1px;height:1px;opacity:0;} #billavue-setup .opening-deposit-choices label:has(input:checked){border-color:var(--sky);background:var(--relief);} #billavue-setup .opening-deposit-choices label:has(input:focus-visible){outline:2px solid var(--sky);outline-offset:2px;} #billavue-setup .setup-added-notice{color:var(--text);text-decoration:none;} #billavue-setup .setup-notice-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:inherit;text-decoration:none;} /* v254: compact group checklist entry points, with full phone-sized targets. */ #billavue-setup .manage-add-group{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;min-height:44px;margin:12px 0;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:1rem;text-decoration:none;} #billavue-setup .checklist-card[aria-disabled="true"]{cursor:default;opacity:1;} :is(#billavue-setup,dialog) .lb-notice-done>.lb-notice-header,:is(#billavue-setup,dialog) .lb-notice-done .lb-notice-title{text-decoration:none;cursor:default;} /* v259: supplied horizontal artwork, contained without cropping or recoloring. */ .setandlive-logo{display:block;min-width:0;width:220px;max-width:100%;flex-shrink:1} .setandlive-logo img{display:block;width:100%;height:auto;object-fit:contain} #level-splash .setandlive-logo{width:min(320px,85vw)} #level-splash .setandlive-logo img{width:100%;height:auto} #billavue-setup .intro-heading .setandlive-logo{width:300px;margin-inline:auto} #billavue-setup .level-lockup{min-width:0;flex-shrink:1} #billavue-setup .menu-header .level-lockup{flex:1} /* Owner-approved pilot batch: shared bill setup, minimum funding and balance check. */ #billavue-setup .pilot-big {font-size:clamp(1.45rem,5.5vw,1.9rem);line-height:1.3;font-weight:700;margin:16px 0;overflow-wrap:break-word;} #billavue-setup .pilot-monthly {margin:20px 0 24px;} #billavue-setup .pilot-bill-ideas {margin:12px 0 24px;} #billavue-setup .pilot-bill-ideas section {margin-bottom:16px;} #billavue-setup .pilot-bill-ideas .plain-link {display:block;text-align:left;} #billavue-setup .pilot-bank-choices {display:grid;gap:12px;margin:24px 0;} #billavue-setup .pilot-bank-footer {display:grid;gap:8px;margin-top:24px;} #billavue-setup .pilot-bank-difference {font-size:1.4rem;font-weight:600;margin:24px 0 8px;} #billavue-setup .pilot-waiting-row {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:64px;padding:14px 12px;margin:8px 0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;text-align:left;} #billavue-setup .pilot-waiting-row span {display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:break-word;} #billavue-setup .pilot-waiting-row b {white-space:nowrap;} #billavue-setup .pilot-waiting-row[aria-pressed="true"] {border:2px solid var(--sky);} #billavue-setup .pilot-waiting-row>small {flex-basis:100%;} #billavue-setup .pilot-deposit-headline {font-size:1.15rem;font-weight:600;} /* Pilot 267: one shared entry vocabulary. Model selects/dates remain internal. */ #billavue-setup select[data-choice-source],dialog select[data-choice-source], [data-payday-anchor]{display:none!important;} .entry-chips,.entry-choice-grid{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 20px;} .entry-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} .entry-chip{font:inherit;min-width:44px;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:center;cursor:pointer;} .entry-chip[aria-pressed="true"]{background:var(--sky);color:var(--on-sky);border-color:var(--sky);} .entry-chip:disabled{opacity:.55;cursor:default;} .entry-group-tiles .entry-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:108px;padding:12px 4px;} .entry-group-tiles .entry-chip span{font-size:1rem;max-width:100%;overflow-wrap:anywhere;} .entry-choice-prompt{flex-basis:100%;grid-column:1/-1;color:var(--secondary);} .entry-date-box{position:relative;display:flex;align-items:center;width:100%;} .entry-date-box input[data-date-source]{position:absolute!important;right:0;bottom:0;width:44px!important;height:44px!important;opacity:0;pointer-events:none;} .entry-date-box input[data-typed-date-for]{padding-right:52px!important;min-width:0;} .entry-date-picker{position:absolute;right:1px;top:1px;bottom:1px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--sky);display:grid;place-items:center;cursor:pointer;} .entry-date-error{color:var(--amber-text);font-size:.9em;margin:6px 0;} .entry-date-error:empty{display:none;} .entry-help{margin:4px 0 12px;} .entry-info-button{display:inline-flex!important;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--sky);font:600 15px "Public Sans",sans-serif;text-decoration:none!important;cursor:pointer;list-style:none;} .entry-info-button svg,.tip-info-icon svg{flex:none;} .tip-info-icon{display:inline-flex;vertical-align:-3px;margin-right:6px;color:var(--sky);} .entry-help>.entry-info-button span{text-decoration:underline;text-underline-offset:3px;} .entry-info-button::-webkit-details-marker{display:none;} .entry-help[open]{padding:0 12px 12px;border-left:2px solid var(--sky);} .entry-action-icon{display:inline-block;margin-right:8px;font-weight:700;} #billavue-setup .entry-group-tiles .entry-chip{min-height:108px;} button[data-action-icon]::before{content:attr(data-action-icon);display:inline-block;margin-right:8px;font-weight:700;} .entry-radio-chip{display:inline-flex!important;align-items:center;gap:8px;margin:5px 8px 5px 0;cursor:pointer;} .entry-radio-chip input[type="radio"]{position:absolute;opacity:0;width:1px!important;height:1px!important;pointer-events:none;} .entry-radio-chip[aria-checked="true"]{background:var(--sky);color:var(--on-sky);border-color:var(--sky);} #billavue-setup:has(.lb-notice[open] .notice-finish) .footer #next:not(:disabled){background:var(--button)!important;color:var(--text)!important;border:1px solid var(--border)!important;} .entry-toggle-chip{display:inline-flex!important;align-items:center;gap:8px;cursor:pointer;} .entry-toggle-chip:has(input:checked){background:var(--sky);color:var(--on-sky);border-color:var(--sky);} /* Pilot add-on 12: visual Calendar (cards, badges, icon buttons, day dots). */ #billavue-setup details.shortfall-card{margin:14px 0;padding:0;border:1.5px solid var(--red-text);border-radius:16px;background:var(--red-bg);color:var(--red-text)} #billavue-setup details.shortfall-card.timing-shortfall{--card-ink:light-dark(#805100,#FFD184);border-color:var(--card-ink);background:light-dark(#FCEFD3,#3A2C0E);color:var(--card-ink)} #billavue-setup details.shortfall-card>summary{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:44px;cursor:pointer;list-style:none;font-weight:400} #billavue-setup details.shortfall-card>summary::-webkit-details-marker{display:none} #billavue-setup .shortfall-icon{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--surface);color:inherit} #billavue-setup .shortfall-text{flex:1;min-width:0;display:flex;flex-direction:column} #billavue-setup .shortfall-when{font:600 15px/1.3 "Public Sans",sans-serif;color:inherit} #billavue-setup .shortfall-amount{font:700 30px/1.15 "Public Sans",sans-serif;color:inherit} #billavue-setup .shortfall-chevron{flex:none;display:flex;transition:transform .15s} #billavue-setup details.shortfall-card[open] .shortfall-chevron{transform:rotate(90deg)} #billavue-setup details.shortfall-card>.calm-alert-details{padding:0 16px 14px} @media (prefers-reduced-motion:reduce){#billavue-setup .shortfall-chevron{transition:none}} #billavue-setup .check-badge{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:44px;margin:4px 0 0;padding:0 12px;border-radius:999px;border:0;font:600 14px "Public Sans",sans-serif;text-decoration:none;cursor:pointer;background-clip:content-box} #billavue-setup .check-badge>span{text-decoration:none} #billavue-setup .check-badge.is-unchecked{color:light-dark(#805100,#FFD184);background:light-dark(#FCEFD3,#3A2C0E)} #billavue-setup .check-badge.is-checked{color:light-dark(#17633B,#8DD9AB);background:light-dark(#E2F3E8,#173A26)} #billavue-setup .home-ui header.top .check-badge{align-self:flex-start} #billavue-setup #compare-home.moved-to-actions{display:none} #billavue-setup .actions.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px} #billavue-setup .quick-actions .quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:10px 6px;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);font:700 15px/1.2 "Public Sans",sans-serif;text-align:center;white-space:normal} #billavue-setup .quick-actions .quick-action::before{content:none!important} #billavue-setup .quick-actions .quick-action>span{color:inherit} #billavue-setup .quick-bill{color:light-dark(#185FA5,#85B7EB)!important} #billavue-setup .quick-deposit{color:light-dark(#3B6D11,#97C459)!important} #billavue-setup .quick-withdrawal{color:light-dark(#534AB7,#AFA9EC)!important} #billavue-setup .quick-balance{color:light-dark(#0F6E56,#5DCAA5)!important} #billavue-setup .calendar .days button.day{position:relative} #billavue-setup .day-dots{position:absolute;top:2px;right:3px;display:flex;gap:2px;pointer-events:none} #billavue-setup .dot{display:inline-block;width:6px;height:6px;border-radius:50%} #billavue-setup .dot-bill{background:light-dark(#185FA5,#85B7EB)} #billavue-setup .dot-deposit{background:light-dark(#3B6D11,#97C459)} #billavue-setup .dot-below{background:var(--red-text)} #billavue-setup .calendar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:8px 0 2px;font:400 13px "Public Sans",sans-serif;color:var(--muted,inherit)} #billavue-setup .calendar-legend>span{display:inline-flex;align-items:center;gap:6px} #billavue-setup #page details.shortfall-card{border:1.5px solid var(--red-text)!important;border-radius:16px!important;background:var(--red-bg)!important;padding:0!important} #billavue-setup #page details.shortfall-card.timing-shortfall{border-color:var(--card-ink)!important;background:light-dark(#FCEFD3,#3A2C0E)!important} #billavue-setup #page details.shortfall-card>summary,#billavue-setup #page details.shortfall-card>summary *{text-decoration:none!important} #billavue-setup #page details.shortfall-card>summary{padding:14px 16px!important} #billavue-setup #page .check-badge{text-decoration:none!important;padding:0 14px!important;width:auto!important;min-height:44px!important;margin:8px 0 0!important;border-radius:999px!important;justify-content:flex-start} #billavue-setup #page .check-badge *{text-decoration:none!important} #billavue-setup #page .check-badge.is-unchecked{background:light-dark(#FCEFD3,#3A2C0E)!important;color:light-dark(#805100,#FFD184)!important} #billavue-setup #page .check-badge.is-checked{background:light-dark(#E2F3E8,#173A26)!important;color:light-dark(#17633B,#8DD9AB)!important} #billavue-setup #page .quick-actions .quick-action{background:var(--surface)!important;border:1.5px solid var(--border)!important} #billavue-setup #page .check-badge.is-unchecked,#billavue-setup #page .check-badge.is-unchecked *{background-color:#FCEFD3;color:#6B4300!important;opacity:1!important} #billavue-setup #page .check-badge.is-checked,#billavue-setup #page .check-badge.is-checked *{background-color:#E2F3E8;color:#17633B!important;opacity:1!important} #billavue-setup #page .check-badge *{background:none!important} #billavue-setup #page .check-badge.is-unchecked{background:#FCEFD3!important;border:0!important} #billavue-setup #page .check-badge.is-checked{background:#E2F3E8!important;border:0!important} #level-splash .splash-words{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;text-align:center} #level-splash .splash-sub{font:700 26px/1.2 "Public Sans",sans-serif;color:#8CC4F0} #level-splash .splash-tag{font:400 18px/1.3 "Public Sans",sans-serif;color:#A9B8C6} /* v269 color system: one color per meaning, used everywhere. */ #billavue-setup,.bill-saved-dialog{--c-blue:light-dark(#185FA5,#85B7EB);--c-green:light-dark(#3B6D11,#97C459);--c-purple:light-dark(#534AB7,#AFA9EC);--c-teal:light-dark(#0F6E56,#5DCAA5);--c-orange:light-dark(#A84B0C,#F0A15E);--c-pink:light-dark(#A3306B,#F08DBC);--c-brown:light-dark(#7A4E2D,#D9AA80);--c-slate:light-dark(#4C6176,#A9B8C6);--t-blue:light-dark(#E6F1FB,#13314F);--t-green:light-dark(#EAF3DE,#1E3312);--t-teal:light-dark(#E1F5EE,#0F3A30)} /* Logo lockup with the product name under the wordmark. */ #billavue-setup .level-lockup.lockup-stack{flex-direction:column;align-items:flex-start;gap:0} #billavue-setup .level-lockup>.lockup-sub{display:block;margin:-6px 0 0 41%;font:700 13px/1.2 "Public Sans",sans-serif;letter-spacing:.01em;color:var(--sky);white-space:nowrap} /* Welcome */ #billavue-setup .intro-heading .intro-name{font:700 clamp(28px,8vw,34px)/1.15 "Public Sans",sans-serif;color:var(--sky);margin:-8px 0 6px} #billavue-setup .intro-heading .intro-tag{font:600 20px/1.35 "Public Sans",sans-serif;color:var(--text);margin:0 0 18px} #billavue-setup .intro-heading .intro-what{font-size:18px;line-height:1.45;color:var(--text);margin:0} #billavue-setup .intro-heading .intro-reassurance{color:var(--secondary,inherit)} /* How it works: three colored step cards, tap for details */ #billavue-setup .how-steps{display:flex;flex-direction:column;gap:10px;margin:8px 0 18px} #billavue-setup .how-step-card{border:1.5px solid var(--tone);border-radius:16px;background:var(--surface);--tone:var(--c-blue)} #billavue-setup .how-step-card.step-pay{--tone:var(--c-green)} #billavue-setup .how-step-card.step-done{--tone:var(--c-teal)} #billavue-setup .how-step-card>summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 14px;list-style:none;cursor:pointer} #billavue-setup .how-step-card>summary::-webkit-details-marker{display:none} #billavue-setup .how-step-icon{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:var(--tone);border:2px solid var(--tone)} #billavue-setup .how-step-icon svg{width:24px;height:24px} #billavue-setup .how-step-title{flex:1;display:flex;flex-direction:column;font:700 17px/1.3 "Public Sans",sans-serif;color:var(--text)} #billavue-setup .how-step-title small{font:700 12px/1.3 "Public Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tone)} #billavue-setup .how-step-more{font-size:22px;color:var(--tone);transition:transform .15s} #billavue-setup .how-step-card[open] .how-step-more{transform:rotate(90deg)} #billavue-setup .how-step-card>p{margin:0;padding:0 16px 14px 74px;font-size:16px;line-height:1.5;color:var(--text)} #billavue-setup .how-step-card>summary,#billavue-setup .how-step-card>summary *{text-decoration:none!important} /* Group tiles: bold colored icon and label, no fill (item 7). */ #billavue-setup .entry-group-tiles .entry-chip,.bill-saved-dialog .entry-group-tiles .entry-chip{--tone:var(--c-slate);color:var(--tone)!important;border:1.5px solid var(--tone)!important;background:var(--surface)!important;font-weight:700!important} #billavue-setup .entry-group-tiles .entry-chip span{color:inherit!important;font-weight:700} #billavue-setup .entry-group-tiles .entry-chip svg{width:30px;height:30px;stroke-width:2} #billavue-setup .entry-group-tiles .entry-chip[aria-checked="true"]{background:color-mix(in srgb,var(--tone) 16%,var(--surface))!important;border-width:3px!important;box-shadow:none} #billavue-setup .tone-blue{--tone:var(--c-blue)}#billavue-setup .tone-teal{--tone:var(--c-teal)}#billavue-setup .tone-orange{--tone:var(--c-orange)}#billavue-setup .tone-pink{--tone:var(--c-pink)}#billavue-setup .tone-purple{--tone:var(--c-purple)}#billavue-setup .tone-brown{--tone:var(--c-brown)}#billavue-setup .tone-green{--tone:var(--c-green)}#billavue-setup .tone-slate{--tone:var(--c-slate)} #billavue-setup .chip-heading{display:block;font:700 15px/1.3 "Public Sans",sans-serif;color:var(--text)} #billavue-setup .chip-hint{display:block;font:400 14px/1.3 "Public Sans",sans-serif;color:var(--secondary,inherit);margin:2px 0 8px} /* Calendar icon: the real date input sits on top of the icon, so a tap opens the phone's date picker (item 8). */ .entry-date-box input[data-date-source]{top:0!important;bottom:0!important;right:0!important;height:auto!important;width:52px!important;opacity:0!important;pointer-events:auto!important;z-index:2;cursor:pointer;color:transparent;background:transparent;border:0!important;padding:0!important} .entry-date-box input[data-date-source]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer} #billavue-setup .end-date-link,#billavue-setup .bill-more>summary,.bill-saved-dialog .end-date-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--sky);font:600 16px "Public Sans",sans-serif;cursor:pointer;list-style:none;text-decoration:none;width:auto} #billavue-setup .bill-more>summary::-webkit-details-marker{display:none} #billavue-setup .bill-more>summary::before{content:none!important} #billavue-setup .bill-more[open]>summary{color:var(--secondary,inherit)} #billavue-setup .entry-group-tiles .entry-chip.tone-blue{--tone:var(--c-blue)}#billavue-setup .entry-group-tiles .entry-chip.tone-teal{--tone:var(--c-teal)}#billavue-setup .entry-group-tiles .entry-chip.tone-orange{--tone:var(--c-orange)}#billavue-setup .entry-group-tiles .entry-chip.tone-pink{--tone:var(--c-pink)}#billavue-setup .entry-group-tiles .entry-chip.tone-purple{--tone:var(--c-purple)}#billavue-setup .entry-group-tiles .entry-chip.tone-brown{--tone:var(--c-brown)}#billavue-setup .entry-group-tiles .entry-chip.tone-green{--tone:var(--c-green)}#billavue-setup .entry-group-tiles .entry-chip.tone-slate{--tone:var(--c-slate)} /* Add a bill opened on its own screen: no extra divider or gap at the top (item 15). */ #billavue-setup #page>.calendar-add-form:first-child{margin-top:0!important;padding-top:4px!important;border-top:0!important} /* Running total (items 14, 26) */ #billavue-setup .running-total{border:2px solid var(--sky);border-radius:16px;padding:14px 16px;margin:14px 0;background:var(--surface)} #billavue-setup .running-total.is-empty{border-style:dashed;border-width:1.5px} #billavue-setup .running-total .rt-label,#billavue-setup .deposit-recommendation .rt-label{margin:0;font:700 13px/1.3 "Public Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--sky)} #billavue-setup .running-total .pilot-big{margin:4px 0 2px;font:700 22px/1.25 "Public Sans",sans-serif;color:var(--text)} #billavue-setup .running-total .hint,#billavue-setup .running-total .pilot-monthly-empty{margin:0;font-size:15px;color:var(--secondary,inherit)} /* Your bills buttons (item 20) */ #billavue-setup .add-another-bill{width:100%;margin:14px 0 4px;background:var(--surface)!important;color:var(--sky)!important;border:2px solid var(--sky)!important;font-weight:700} #billavue-setup .add-another-bill::before{content:none!important} #billavue-setup .next-step-hint{margin:16px 0 0;text-align:right;font-size:14px;color:var(--secondary,inherit)} #billavue-setup .footer #back.back-as-link{flex:0 0 auto;width:auto;min-width:64px;border:0!important;background:none!important;color:var(--sky)!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none} #billavue-setup .footer #back.back-as-link+#next{flex:1} #billavue-setup .bill-list-group h3{color:var(--tone,var(--text))} #billavue-setup .bill-list-group.tone-blue{--tone:var(--c-blue)}#billavue-setup .bill-list-group.tone-teal{--tone:var(--c-teal)}#billavue-setup .bill-list-group.tone-orange{--tone:var(--c-orange)}#billavue-setup .bill-list-group.tone-pink{--tone:var(--c-pink)}#billavue-setup .bill-list-group.tone-purple{--tone:var(--c-purple)}#billavue-setup .bill-list-group.tone-brown{--tone:var(--c-brown)}#billavue-setup .bill-list-group.tone-green{--tone:var(--c-green)}#billavue-setup .bill-list-group.tone-slate{--tone:var(--c-slate)} #billavue-setup .bill-list-group{border-left:4px solid var(--tone,var(--border))!important} /* Step tracker (item 21) */ #billavue-setup .step-tracker{display:flex;align-items:center;justify-content:space-between;gap:4px;list-style:none;margin:6px 0 4px;padding:0} #billavue-setup .step-tracker[hidden]{display:none} #billavue-setup .step-tracker li{display:flex;align-items:center;gap:6px;font:600 14px "Public Sans",sans-serif;color:var(--secondary,inherit);--tone:var(--c-slate)} #billavue-setup .step-tracker li.tone-blue{--tone:var(--c-blue)}#billavue-setup .step-tracker li.tone-green{--tone:var(--c-green)}#billavue-setup .step-tracker li.tone-teal{--tone:var(--c-teal)} #billavue-setup .step-tracker .step-sep{color:var(--border);font-size:16px} #billavue-setup .step-tracker .step-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);font:700 12px "Public Sans",sans-serif} #billavue-setup .step-tracker .step-current{color:var(--tone)} #billavue-setup .step-tracker .step-current .step-dot{background:var(--tone);border-color:var(--tone);color:var(--surface)} #billavue-setup .step-tracker .step-done .step-dot{border-color:var(--tone);color:var(--tone)} #billavue-setup .step-tracker .step-done{color:var(--text)} /* Colored icon beside each setup title (item 29) */ #billavue-setup h2.step-title{display:flex;align-items:center;gap:12px} #billavue-setup h2.step-title .step-title-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--tone);color:var(--tone)} #billavue-setup h2.step-title.tone-blue{--tone:var(--c-blue)}#billavue-setup h2.step-title.tone-green{--tone:var(--c-green)}#billavue-setup h2.step-title.tone-teal{--tone:var(--c-teal)} /* Pay schedule recommendation (items 22, 26) */ #billavue-setup .deposit-recommendation{border:2px solid var(--c-green);border-radius:16px;padding:14px 16px;margin:16px 0;background:var(--surface)} #billavue-setup .deposit-recommendation .rt-label{color:var(--c-green)} #billavue-setup .deposit-recommendation .rec-amount{margin:4px 0 2px;font:700 24px/1.2 "Public Sans",sans-serif;color:var(--text)} #billavue-setup .deposit-recommendation .hint{margin:0 0 4px} #billavue-setup .deposit-recommendation .setup-link{padding-left:0} #billavue-setup .deposit-low-note{margin:8px 0 0;font-size:15px;color:light-dark(#805100,#FFD184)} /* Starting balance (items 25, 27) */ #billavue-setup .balance-hint{margin:6px 0 10px;font-size:15px;color:var(--secondary,inherit)} #billavue-setup .starting-check{border:1.5px solid var(--c-teal);border-radius:14px;padding:12px 14px;font:600 16px/1.4 "Public Sans",sans-serif;color:var(--text);background:var(--surface)} #billavue-setup .starting-check.is-ok{color:var(--c-green);border-color:var(--c-green)} /* Finish screen (item 28) */ #billavue-setup .finish-card{list-style:none;margin:12px 0 18px;padding:6px 0;border:1.5px solid var(--border);border-radius:16px;background:var(--surface)} #billavue-setup .finish-row{display:flex;align-items:center;gap:14px;padding:10px 14px;--tone:var(--c-slate)} #billavue-setup .finish-row+.finish-row{border-top:1px solid var(--line,var(--border))} #billavue-setup .finish-row.tone-green{--tone:var(--c-green)}#billavue-setup .finish-row.tone-blue{--tone:var(--c-blue)}#billavue-setup .finish-row.tone-teal{--tone:var(--c-teal)} #billavue-setup .finish-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--tone);color:var(--tone)} #billavue-setup .finish-row>span:last-child{display:flex;flex-direction:column;min-width:0} #billavue-setup .finish-row small{font:700 12px/1.3 "Public Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--tone)} #billavue-setup .finish-row strong{font:600 16px/1.35 "Public Sans",sans-serif;color:var(--text)} #billavue-setup label.todo-check{display:flex!important;align-items:flex-start;gap:12px;padding:14px!important;border:1.5px dashed var(--c-green)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text)!important;font:400 16px/1.4 "Public Sans",sans-serif!important;text-align:left!important;width:auto!important;min-height:44px} #billavue-setup label.todo-check input{width:24px;height:24px;margin:0;flex:none;accent-color:var(--c-green)} #billavue-setup .todo-hint{margin:6px 0 16px;font-size:14px;color:var(--secondary,inherit)} #billavue-setup .finish-go{width:100%} /* Calendar cards (items 24, 28) */ #billavue-setup .deposit-change-card,#billavue-setup .deposit-todo-card{border-radius:16px!important;padding:14px 16px!important;margin:12px 0!important} #billavue-setup .deposit-change-card{border:1.5px solid light-dark(#805100,#FFD184)!important;background:light-dark(#FCEFD3,#3A2C0E)!important;color:light-dark(#6B4300,#FFD184)!important} #billavue-setup .deposit-change-card :is(p,.card-big){color:inherit!important} #billavue-setup .deposit-todo-card{border:1.5px dashed var(--c-green)!important;background:var(--surface)!important} #billavue-setup .card-kicker{margin:0 0 2px;font:700 13px/1.3 "Public Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase} #billavue-setup .deposit-todo-card .card-kicker{color:var(--c-green)} #billavue-setup .card-big{margin:2px 0 4px;font:700 20px/1.25 "Public Sans",sans-serif} #billavue-setup :is(.deposit-change-card,.deposit-todo-card) .feature-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px} /* Calendar v269: compact balance line (item 30) and one row of four buttons (item 32). */ #billavue-setup #page .home-ui header.top.balance-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 16px!important;min-height:0} #billavue-setup #page .home-ui header.top.balance-line .today-balance-label{margin:0;font:600 15px "Public Sans",sans-serif;opacity:.85} #billavue-setup #page .home-ui header.top.balance-line .balance{margin:0;font-size:28px!important;line-height:1.1} #billavue-setup #page .home-ui header.top.balance-line .balance .money-value{font-size:inherit} #billavue-setup #page .home-ui header.top.balance-line .bankcheck{flex-basis:100%;margin:0!important;min-height:0} #billavue-setup #page .home-ui header.top.balance-line .bankcheck:not(:has(button:not([hidden]):not(.moved-to-actions))){display:none} #billavue-setup .actions.quick-actions{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))!important;gap:8px!important;margin:14px 0 4px!important} #billavue-setup #page .quick-actions .quick-action{min-height:76px!important;padding:8px 4px!important;font:700 13px/1.2 "Public Sans",sans-serif!important;gap:5px!important;border-radius:14px!important} #billavue-setup .last-checked-note{margin:0 0 10px;text-align:right;font-size:13px;color:var(--secondary,inherit)} #billavue-setup .bank-tip-card{margin:12px 0;padding:14px 16px;border:1.5px solid var(--c-teal);border-radius:16px;background:var(--surface)} #billavue-setup .bank-tip-card p{margin:0 0 10px;font-size:16px;color:var(--text)} #billavue-setup .bank-tip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #billavue-setup .bank-tip-actions .choice::before{content:none!important} #billavue-setup #page .home-ui .backup-reminder{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:0 20px;margin:6px 0!important} #billavue-setup #page .home-ui .backup-reminder>button{width:auto!important;flex:0 0 auto} #billavue-setup .calendar-review-cards{margin:0} /* Testing panel date box and checkbox (item 33). The panel injects its own styles later, so these use stronger selectors. */ dialog.testing-dialog .entry-date-box{position:relative;display:flex;align-items:center;width:100%;margin:6px 0 10px} dialog.testing-dialog .entry-date-box input[data-date-source]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:52px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;z-index:2;border:0!important} dialog.testing-dialog .entry-date-box input[data-typed-date-for]{width:100%!important;margin:0!important;padding-right:52px!important;box-sizing:border-box} dialog.testing-dialog .entry-date-box .entry-date-picker{position:absolute!important;display:grid!important;place-items:center;top:1px!important;right:1px!important;bottom:1px!important;width:48px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--sky)!important} dialog.testing-dialog label.entry-toggle-chip{display:flex!important;align-items:center;gap:10px;width:auto!important;min-height:44px;margin:4px 0!important;padding:0!important;border:0!important;background:none!important;color:var(--text)!important;font:inherit!important;text-align:left!important;box-shadow:none!important} dialog.testing-dialog label.entry-toggle-chip::before{content:none!important} dialog.testing-dialog .entry-date-box input[data-typed-date-for]{min-height:48px;padding:10px 52px 10px 14px!important;font:400 17px "Public Sans",sans-serif!important;color:var(--text)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important} #billavue-setup label[hidden],.bill-saved-dialog label[hidden]{display:none!important} /* v270: layout switch + New main screen (html[data-layout="new"]) */ #billavue-setup .layout-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 0 8px} #billavue-setup .layout-switch-label{font:600 13px "Public Sans",sans-serif;color:var(--secondary);margin-right:2px} #billavue-setup #page .layout-switch button{width:auto!important;min-height:36px;padding:4px 14px!important;border-radius:999px!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;font:600 14px "Public Sans",sans-serif!important;position:relative} #billavue-setup #page .layout-switch button::after{content:"";position:absolute;inset:-4px 0} #billavue-setup #page .layout-switch button[aria-pressed="true"]{background:var(--navy,#1d3047)!important;border-color:var(--navy,#1d3047)!important;color:#fff!important} html[data-layout="new"] #billavue-setup .app-brand .setandlive-logo{width:150px!important} html[data-layout="new"] #billavue-setup .app-brand .level-lockup>.lockup-sub{font-size:11px} html[data-layout="new"] #billavue-setup .home-ui header.top{flex-wrap:wrap;row-gap:2px} html[data-layout="new"] #billavue-setup .next-deposit-line{flex-basis:100%;margin:2px 0 0;font:600 15px/1.3 "Public Sans",sans-serif;color:light-dark(#BFE3A0,#BFE3A0)} html[data-layout="new"] #billavue-setup details.dip-card .shortfall-amount{font-size:22px} html[data-layout="new"] #billavue-setup details.shortfall-card .shortfall-chevron{transform:none!important} html[data-layout="new"] #billavue-setup .actions.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:16px 0 6px!important} html[data-layout="new"] #billavue-setup #page .quick-actions .quick-action{background:transparent!important;border:0!important;min-height:88px!important;padding:4px 0!important;gap:6px!important;justify-content:flex-start!important;font:700 13px/1.2 "Public Sans",sans-serif!important} html[data-layout="new"] #billavue-setup .quick-actions .round-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent)} html[data-layout="new"] #billavue-setup .quick-actions .quick-action:focus-visible .round-icon{outline:3px solid currentColor;outline-offset:2px} html[data-layout="new"] #billavue-setup .last-checked-note{text-align:right;margin-top:0} html[data-layout="new"] #billavue-setup .calendar-grid-scroll .day{min-height:46px!important;padding-top:0!important;padding-bottom:0!important} html[data-layout="new"] #billavue-setup .calendar .days{row-gap:0!important} html[data-layout="new"] #billavue-setup .calendar .month{padding-top:4px;padding-bottom:4px} html[data-layout="new"] #billavue-setup .calendar-legend{flex-wrap:wrap;row-gap:4px} html[data-layout="new"] #billavue-setup .legend-number b{font:700 12px "Public Sans",sans-serif;margin-right:4px} html[data-layout="new"] #billavue-setup .details .empty{padding-bottom:4px} html[data-layout="new"] #billavue-setup #page .details .next-up{display:flex!important;align-items:center;gap:10px;width:100%!important;min-height:52px;margin:6px 0 10px!important;padding:10px 14px!important;border-radius:14px!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:inherit!important;text-align:left;font:400 15px/1.3 "Public Sans",sans-serif!important} html[data-layout="new"] #billavue-setup .next-up-label{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em} html[data-layout="new"] #billavue-setup .next-up.next-bill .next-up-label{color:light-dark(#185FA5,#85B7EB)} html[data-layout="new"] #billavue-setup .next-up.next-deposit .next-up-label{color:light-dark(#3B6D11,#97C459)} html[data-layout="new"] #billavue-setup .next-up-what{flex:1;font-weight:600} html[data-layout="new"] #billavue-setup .next-up-when{color:var(--secondary)} html[data-layout="new"] #billavue-setup #page .home-ui .backup-reminder.backup-card{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin:18px 0 6px!important;padding:12px 16px;border:1.5px solid var(--border);border-radius:16px;background:var(--surface)} html[data-layout="new"] #billavue-setup .backup-card-text{flex-basis:100%;margin:0;font:600 15px/1.35 "Public Sans",sans-serif} /* v271: clearer warning cards, compact To-do, tighter buttons (New layout only) */ html[data-layout="new"] #billavue-setup .shortfall-note{font:400 14px/1.35 "Public Sans",sans-serif;color:inherit;margin-top:2px} html[data-layout="new"] #billavue-setup details.shortfall-card .shortfall-amount{line-height:1.1} html[data-layout="new"] #billavue-setup #page .deposit-todo-card.todo-compact{padding:10px 14px!important;margin:10px 0!important} html[data-layout="new"] #billavue-setup .deposit-todo-card.todo-compact>p{margin:0 0 6px;font-size:15px;line-height:1.35} html[data-layout="new"] #billavue-setup .deposit-todo-card.todo-compact>p.card-kicker{margin-bottom:2px} html[data-layout="new"] #billavue-setup #page .deposit-todo-card.todo-compact .feature-card-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:16px;margin-top:4px} html[data-layout="new"] #billavue-setup #page .deposit-todo-card.todo-compact #deposit-todo-done{flex:0 0 auto;width:auto!important;min-height:44px;padding:0 26px!important;border-radius:999px!important;background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;font-weight:700!important} html[data-layout="new"] #billavue-setup #page .deposit-todo-card.todo-compact #deposit-todo-later{flex:0 0 auto;width:auto!important;min-height:44px;padding:0 6px!important;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline} html[data-layout="new"] #billavue-setup .actions.quick-actions{margin:10px 0 2px!important} html[data-layout="new"] #billavue-setup #page .quick-actions .quick-action{min-height:80px!important;padding:2px 0!important;gap:4px!important;align-items:center!important;text-align:center!important} html[data-layout="new"] #billavue-setup .quick-actions .round-icon{width:52px;height:52px} html[data-layout="new"] #billavue-setup .quick-actions .quick-action>span:last-child{display:block;max-width:84px;text-wrap:balance} /* v272: final polish (New layout) */ html[data-layout="new"] #billavue-setup #page .details .next-up{flex-direction:column!important;align-items:flex-start!important;gap:2px!important} html[data-layout="new"] #billavue-setup .next-up-label{text-transform:none;letter-spacing:0;font-size:14px} html[data-layout="new"] #billavue-setup .next-up-what{font-size:16px} html[data-layout="new"] #billavue-setup details.dip-card .shortfall-amount{font-size:20px} html[data-layout="new"] #billavue-setup details.dip-card .shortfall-icon{width:40px;height:40px} html[data-layout="new"] #billavue-setup .actions.quick-actions{margin-bottom:12px!important} html[data-layout="new"] #billavue-setup .day-dip-note{margin:8px 0 4px;padding:10px 12px;border-left:4px solid light-dark(#B07A00,#FFD184);border-radius:8px;background:light-dark(#FCEFD3,#3A2C0E);color:light-dark(#805100,#FFD184);font:400 15px/1.4 "Public Sans",sans-serif} html[data-layout="new"] #billavue-setup #page .details .back-to-today{display:inline-flex!important;align-items:center;width:auto!important;min-height:44px;margin:4px 0 2px!important;padding:0 16px!important;border-radius:999px!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:var(--sky)!important;font:600 15px "Public Sans",sans-serif!important} html[data-layout="new"] #billavue-setup .calendar-legend .legend-number{display:block!important;flex-basis:100%;width:100%;text-align:center!important;justify-content:center;color:var(--secondary);font-size:13px} /* v273: "Newer" trial — forward-looking 5-week calendar */ #billavue-setup .calendar .days button.day .roll-month{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font:700 10px/1 "Public Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--sky)} #billavue-setup .calendar .days[data-rolling] button.day{padding-top:9px!important} #billavue-setup .calendar .days[data-rolling] button.day.past-day .num{opacity:.55} /* v275: setup round 1 (owner's real-bills run) */ #billavue-setup details.how-step-card>summary{pointer-events:none;cursor:default} #billavue-setup details.how-step-card>p{margin-top:2px} #billavue-setup:has(.pilot-monthly-empty) #next{opacity:.7} #billavue-setup .step-tracker{gap:2px!important;padding-inline:2px} #billavue-setup .pilot-monthly.is-empty{border:0!important;background:none!important;padding:0!important;margin:4px 0 12px!important} #billavue-setup .pilot-monthly.is-empty .pilot-monthly-empty{color:var(--secondary);margin:0} #billavue-setup .setup-pilot-bills .pilot-monthly.is-empty, #billavue-setup #page .pilot-monthly.is-empty{display:none!important} /* v276: Add a bill form */ #billavue-setup .bar{display:none!important} #billavue-setup #calendar-day-form .entry-choice-prompt{display:none!important} #billavue-setup #page #calendar-day-form .entry-group-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #billavue-setup #page #calendar-day-form .entry-group-tiles .entry-chip{flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;min-height:52px!important;padding:6px 12px!important;text-align:left} #billavue-setup #page #calendar-day-form .entry-group-tiles .entry-chip svg{width:22px;height:22px;flex:none} #billavue-setup #page #calendar-day-form .entry-group-tiles .entry-chip span{font-size:15px!important} #billavue-setup #page .entry-group-tiles .entry-chip[aria-checked="true"]{background:color-mix(in srgb,var(--tone) 26%,var(--surface))!important;position:relative} #billavue-setup #page .entry-group-tiles .entry-chip[aria-checked="true"]::after{content:"✓";position:absolute;top:4px;right:8px;font:800 14px/1 "Public Sans",sans-serif;color:var(--tone)} #billavue-setup #calendar-day-form details.in-form-tip{margin:8px 0 6px} #billavue-setup #page #calendar-day-form .day-form-controls.save-first{display:flex!important;flex-direction:column-reverse!important;gap:4px!important} #billavue-setup #page #calendar-day-form .day-form-controls.save-first #day-form-save{width:100%!important} #billavue-setup #page #calendar-day-form .day-form-controls.save-first #day-form-cancel{width:100%!important;min-height:44px;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;font-weight:600} /* v277: "Newer" = calm group colors. Color on icons only; no group uses orange, pink-red or deposit green, so warnings and calendar colors stand out. */ html[data-variant="newer"] #billavue-setup :is(.entry-group-tiles .entry-chip,.bill-list-group).tone-orange{--tone:light-dark(#3F51B5,#9FA8DA)} html[data-variant="newer"] #billavue-setup :is(.entry-group-tiles .entry-chip,.bill-list-group).tone-pink{--tone:light-dark(#8E44AD,#D2A6E6)} html[data-variant="newer"] #billavue-setup :is(.entry-group-tiles .entry-chip,.bill-list-group).tone-brown{--tone:light-dark(#4A6278,#A7BACB)} html[data-variant="newer"] #billavue-setup :is(.entry-group-tiles .entry-chip,.bill-list-group).tone-green{--tone:light-dark(#00838F,#7FD3DB)} html[data-variant="newer"] #billavue-setup #page .entry-group-tiles .entry-chip{color:var(--text)!important;border-color:var(--border)!important} html[data-variant="newer"] #billavue-setup #page .entry-group-tiles .entry-chip svg{color:var(--tone)} html[data-variant="newer"] #billavue-setup #page .entry-group-tiles .entry-chip[aria-checked="true"]{border-color:var(--tone)!important;color:var(--text)!important} html[data-variant="newer"] #billavue-setup .bill-list-group h3{color:var(--text)!important} #billavue-setup #calendar-day-form > .layout-switch{margin-bottom:4px} html[data-variant="newer"] #billavue-setup #page .entry-group-tiles .entry-chip[aria-checked="true"]{background:color-mix(in srgb,var(--tone) 32%,var(--surface))!important;border-width:2.5px!important} #billavue-setup .bill-list-group>h3{margin-top:0!important;padding-top:0!important} #billavue-setup .bill-list-group{padding-top:12px!important} /* v278: Your bills list polish */ #billavue-setup .setup-bill-row small{display:block} #billavue-setup .pilot-monthly.running-total:not(.is-empty){border:1.5px solid var(--border)!important;box-shadow:none!important} #billavue-setup [data-setup-action="start-over"]{font-size:14px!important;color:var(--secondary)!important;min-height:44px;margin-top:20px!important} /* v278: long bill list */ #billavue-setup .next-due{white-space:nowrap} #billavue-setup .bill-list-group{border-left:1.5px solid var(--border)!important} #billavue-setup .bill-list-group>h3{margin-bottom:6px!important} #billavue-setup:has(.add-another-bill) .footer{position:sticky!important;bottom:0!important;z-index:6;background:var(--page)!important;padding:10px 0 12px!important;box-shadow:0 -10px 16px -10px rgba(0,0,0,.35)!important} /* v279: forward arrow goes after the words ("Continue →"); + and ✓ stay in front */ #billavue-setup [data-action-icon="→"]::before{content:none!important} #billavue-setup [data-action-icon="→"]::after{content:"→";display:inline-block;margin-left:8px;font-weight:700} /* v279b */ #billavue-setup .pilot-monthly.running-total:not(.is-empty){border:0!important;background:color-mix(in srgb,var(--sky) 10%,var(--surface))!important} #billavue-setup:has(.add-another-bill) .footer{border-top:1px solid var(--border)!important} #billavue-setup #page .add-top-bill{width:auto!important;min-height:44px;margin:4px 0 14px auto!important;display:flex!important;padding:0 18px!important;border-radius:999px!important;border:1.5px solid var(--sky)!important;background:transparent!important;color:var(--sky)!important;font-weight:700!important} #billavue-setup #page .add-top-bill{align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important} /* v281: pay schedule step */ #billavue-setup .entry-choice-prompt{display:none!important} #billavue-setup #page [data-choice-for="setup-frequency"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important} #billavue-setup #page [data-choice-for="setup-frequency"]>*{width:100%!important;justify-content:center;text-align:center} #billavue-setup:has([data-choice-for="setup-frequency"]):not(:has([data-choice-for="setup-frequency"] [aria-checked="true"])) #next{opacity:.7} #billavue-setup .payday-rule{margin:6px 0 12px;color:var(--secondary);font-size:15px;line-height:1.4} #billavue-setup details.same-day-options{margin:14px 0 6px} #billavue-setup details.same-day-options>summary{color:var(--sky);font-weight:600;min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer} #billavue-setup details.same-day-options .deposit-order-choice{width:100%!important;box-sizing:border-box} #billavue-setup .same-day-hint{margin:6px 0 0;color:var(--secondary);font-size:14px} #billavue-setup details.same-day-options .deposit-order-choice{justify-content:flex-start!important;text-align:left!important} /* v282: deposit choice card */ #billavue-setup .deposit-choice{border:1.5px solid var(--border)!important;padding:14px!important;border-radius:16px} #billavue-setup .deposit-choice .rt-label{color:var(--text)!important;text-transform:none!important;letter-spacing:0!important;font:700 16px "Public Sans",sans-serif!important;margin:0 0 10px!important} #billavue-setup .deposit-options{display:flex;flex-direction:column;gap:8px} #billavue-setup #page .deposit-option{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:56px;padding:10px 14px!important;border:1.5px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;text-align:left;font:400 15px "Public Sans",sans-serif!important;text-decoration:none!important} #billavue-setup #page .deposit-option[aria-checked="true"]{border-color:var(--sky)!important;background:color-mix(in srgb,var(--sky) 12%,var(--surface))!important} #billavue-setup .deposit-option .radio-dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--secondary);box-sizing:border-box} #billavue-setup .deposit-option[aria-checked="true"] .radio-dot{border-color:var(--sky);background:radial-gradient(circle,var(--sky) 0 45%,transparent 50%)} #billavue-setup .deposit-option .opt-text{flex:1;display:flex;flex-direction:column} #billavue-setup .deposit-option .opt-text small{color:var(--secondary);font-size:13px} #billavue-setup .deposit-option .opt-amount{font-weight:700;white-space:nowrap} #billavue-setup .own-amount-field{margin:0 0 0 32px!important} #billavue-setup .deposit-result{margin:12px 0 0!important;font:600 15px/1.4 "Public Sans",sans-serif} #billavue-setup .deposit-result .res-ok{color:var(--c-green,#3B6D11);font-weight:800;margin-right:4px} #billavue-setup .deposit-result .res-low{color:light-dark(#805100,#FFD184)} #billavue-setup .same-day-options{margin:16px 0 6px} #billavue-setup .same-day-title{margin:0 0 8px;font-weight:700} #billavue-setup:has(#setup-firstDate-typed:placeholder-shown) #next,#billavue-setup:has(#setup-payday-typed-source-typed:placeholder-shown) #next{opacity:.7} #billavue-setup .same-day-options .deposit-order-choice{width:100%!important;box-sizing:border-box;justify-content:flex-start!important;text-align:left!important} /* v282b: deposit card back to green (Payday color), field aligned, tighter same-day */ #billavue-setup .deposit-choice{border-color:var(--c-green)!important} #billavue-setup .deposit-choice .rt-label{color:var(--c-green)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:13px!important} #billavue-setup #page .deposit-option[aria-checked="true"]{border-color:var(--c-green)!important;background:color-mix(in srgb,var(--c-green) 14%,var(--surface))!important} #billavue-setup .deposit-option[aria-checked="true"] .radio-dot{border-color:var(--c-green);background:radial-gradient(circle,var(--c-green) 0 45%,transparent 50%)} #billavue-setup #page .own-amount-field{margin:0!important;width:100%!important;box-sizing:border-box} #billavue-setup .same-day-title{margin:0 0 4px!important} #billavue-setup .same-day-options .deposit-order-choice{margin-top:0!important} /* v283: low deposit + same-day checkbox */ #billavue-setup .deposit-choice.is-low{border-color:light-dark(#B07A00,#FFD184)!important} #billavue-setup .res-warn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:light-dark(#B07A00,#FFD184);color:var(--page);font-weight:800;font-size:13px;margin-right:6px;vertical-align:1px} #billavue-setup #page .same-day-options .deposit-order-choice:has(input:checked){background:color-mix(in srgb,var(--sky) 12%,var(--surface))!important;border-color:var(--sky)!important;color:var(--text)!important} #billavue-setup #page .same-day-options .deposit-order-choice input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0 12px 0 0;border:2px solid var(--sky);border-radius:6px;background:transparent;display:inline-block} #billavue-setup #page .same-day-options .deposit-order-choice input[type=checkbox]:checked{background:var(--sky) var(--checkbox-check) center/18px no-repeat;border-color:var(--sky)} /* v284: starting balance states */ #billavue-setup #page .starting-check{border:0!important;background:color-mix(in srgb,var(--c-teal) 10%,var(--surface))!important;color:var(--text)!important;padding:12px 14px!important;border-radius:12px;font-weight:600} #billavue-setup #page .starting-check.is-ok{background:color-mix(in srgb,var(--c-green) 12%,var(--surface))!important} #billavue-setup #page .starting-check.is-ok .sc-ok>span{color:var(--c-green);font-weight:800;margin-right:4px} #billavue-setup #page .starting-check.is-low{border:1.5px solid var(--red-text)!important;background:var(--red-bg)!important} #billavue-setup .sc-low{display:flex;gap:10px;align-items:flex-start} #billavue-setup .sc-warn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--red-text);color:var(--page);font-weight:800;font-size:14px;margin-top:1px} #billavue-setup:has(#setup-balance:placeholder-shown) #next{opacity:.7} #billavue-setup #next.is-waiting{opacity:.7} /* v285: finish screen */ #billavue-setup #page .todo-check{border:1.5px solid var(--border)!important;border-style:solid!important;background:var(--surface)!important} #billavue-setup #page .todo-check:has(input:checked){border-color:var(--c-green)!important;background:color-mix(in srgb,var(--c-green) 12%,var(--surface))!important} #billavue-setup #page .todo-check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0 12px 0 0;border:2px solid var(--c-green);border-radius:6px;background:transparent} #billavue-setup #page .todo-check input[type=checkbox]:checked{background:var(--c-green) var(--checkbox-check) center/18px no-repeat} #billavue-setup .finish-screen:has(.todo-check input:checked) .todo-hint{display:none} /* v286: main screen polish */ #billavue-setup .home-ui header.top .today-balance-label{opacity:1!important;color:#E3ECF5!important} #billavue-setup .tap-date-tip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 0;padding:6px 6px 6px 12px;border-radius:10px;background:color-mix(in srgb,var(--sky) 12%,var(--surface));font-size:14px} #billavue-setup #page .tap-date-tip .tap-tip-close{width:auto!important;min-height:44px;padding:0 10px!important;background:none!important;border:0!important;color:var(--sky)!important;font-weight:700;text-decoration:underline} /* v288: paid another way */ #billavue-setup details.other-way{margin:10px 0 6px;border:1.5px solid var(--border);border-radius:12px;padding:0 12px} #billavue-setup details.other-way>summary{min-height:44px;display:flex;align-items:center;color:var(--sky);font-weight:600;cursor:pointer} #billavue-setup .other-way-help,#billavue-setup .other-way-note,#billavue-setup .other-way-tip{margin:4px 0 8px;color:var(--secondary);font-size:14px} #billavue-setup .other-way-choices{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px} #billavue-setup #page .other-way-choice{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--border);border-radius:999px;cursor:pointer} #billavue-setup #page .other-way-choice:has(input:checked){border-color:var(--sky)!important;background:var(--sky)!important;color:var(--on-sky)!important} #billavue-setup .other-way-result{margin:6px 0;font-weight:600} #billavue-setup .paid-other{color:var(--secondary)} #billavue-setup .other-way-how{margin:6px 0} #billavue-setup .other-how-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px} #billavue-setup #page .other-how-chip{width:auto!important;min-height:44px;padding:0 12px!important;border-radius:999px!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;font:500 14px "Public Sans",sans-serif!important} #billavue-setup #page .details .back-to-today{margin:4px 0 12px!important} #billavue-setup .other-way-autopay{margin:4px 0 8px;font-size:14px;color:light-dark(#805100,#FFD184)} html[data-layout="new"] #billavue-setup #page .details .back-to-today{margin:4px 0 14px!important} #billavue-setup #calendar-day-form .entry-chips+.entry-date-box,#billavue-setup #calendar-day-form [data-choice-for="frequency"]{margin-bottom:4px!important} #billavue-setup #calendar-day-form [data-payday-dates] .entry-date-box{width:100%!important;max-width:none!important} #billavue-setup .entry-date-box[hidden]{display:none!important} #billavue-setup #calendar-day-form .row:has([data-payday-dates]){flex-direction:column!important} #billavue-setup #calendar-day-form .row:has([data-payday-dates])>div,#billavue-setup #calendar-day-form [data-payday-dates]{width:100%!important} /* v292: Edit payment/deposit matches the add forms */ #billavue-setup #page .tx-controls.save-first{display:flex!important;flex-direction:column-reverse!important;gap:4px!important} #billavue-setup #page .tx-controls.save-first #tx-save{width:100%!important} #billavue-setup #page .tx-controls.save-first #tx-cancel{width:100%!important;min-height:44px;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;font-weight:600} #billavue-setup #page .tx-editor .tx-delete{display:block;width:auto!important;min-height:44px;margin:18px auto 0!important;background:none!important;border:0!important;color:var(--secondary)!important;text-decoration:underline;font-weight:600} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice{width:100%!important;box-sizing:border-box;justify-content:flex-start!important;background:var(--surface)!important;border:1.5px solid var(--border)!important;color:var(--text)!important} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice:has(input:checked){background:color-mix(in srgb,var(--sky) 12%,var(--surface))!important;border-color:var(--sky)!important} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0 12px 0 0;border:2px solid var(--sky);border-radius:6px;background:transparent} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice input[type=checkbox]:checked{background:var(--sky) var(--checkbox-check) center/18px no-repeat} /* v292: Edit payment/deposit matches the add forms */ #billavue-setup #page .tx-controls.save-first{display:flex!important;flex-direction:column-reverse!important;gap:4px!important} #billavue-setup #page .tx-controls.save-first #tx-save{width:100%!important} #billavue-setup #page .tx-controls.save-first #tx-cancel{width:100%!important;min-height:44px;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;font-weight:600} #billavue-setup #page .tx-editor .tx-delete{display:block;width:auto!important;min-height:44px;margin:18px auto 0!important;background:none!important;border:0!important;color:var(--secondary)!important;text-decoration:underline;font-weight:600} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice{width:100%!important;box-sizing:border-box;justify-content:flex-start!important;background:var(--surface)!important;border:1.5px solid var(--border)!important;color:var(--text)!important} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice:has(input:checked){background:color-mix(in srgb,var(--sky) 12%,var(--surface))!important;border-color:var(--sky)!important} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0 12px 0 0;border:2px solid var(--sky);border-radius:6px;background:transparent} #billavue-setup #page .tx-editor .same-day-options .deposit-order-choice input[type=checkbox]:checked{background:var(--sky) var(--checkbox-check) center/18px no-repeat} #billavue-setup .found-helper{display:block!important;margin:6px 0 10px;color:var(--secondary);font-size:14px} #billavue-setup #page .payment-confirmation{margin-top:4px!important} #billavue-setup #page .payment-confirmation .deposit-order-choice{width:100%!important;box-sizing:border-box;justify-content:flex-start!important} #billavue-setup #page .payment-confirmation .found-helper{margin:6px 0 12px!important;padding:0!important} /* v293: Record a withdrawal matches the other forms */ #billavue-setup #page #withdrawal-form .day-form-controls{display:flex!important;flex-direction:column-reverse!important;gap:4px!important} #billavue-setup #page #withdrawal-form .day-form-controls>*{width:100%!important} #billavue-setup #page #withdrawal-form #withdrawal-cancel{min-height:44px;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;font-weight:600} /* v294: Match my bank */ #billavue-setup .pilot-bank .bank-lock-note{margin:4px 0 14px;color:var(--secondary);font-size:14px} #billavue-setup #page .pilot-bank .bank-actions.save-first{display:flex!important;flex-direction:column!important;gap:4px!important} #billavue-setup #page .pilot-bank .bank-actions.save-first #compare-now{width:100%!important;opacity:1!important} #billavue-setup #page .pilot-bank .bank-cancel-link{width:100%!important;min-height:44px;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;font-weight:600} #billavue-setup .pilot-bank .bank-compare{display:flex;gap:10px;margin:8px 0 16px} #billavue-setup .pilot-bank .bank-compare>div{flex:1;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface)} #billavue-setup .pilot-bank .bank-compare dt{font-size:13px;color:var(--secondary);margin:0} #billavue-setup .pilot-bank .bank-compare dd{margin:2px 0 0;font:700 18px "Public Sans",sans-serif} #billavue-setup #page .pilot-bank .pilot-bank-choices{display:flex!important;flex-direction:column!important;gap:4px!important} #billavue-setup #page .pilot-bank .pilot-bank-choices>*{width:100%!important;opacity:1!important} #billavue-setup #page .pilot-bank .pilot-bank-choices .plain-link{min-height:44px;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;font-weight:600} #billavue-setup #page .pilot-waiting-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%!important;text-align:left!important;padding:12px 14px!important;margin:0 0 8px!important} #billavue-setup .pilot-waiting-row .pw-name{display:flex;flex-direction:column;align-items:flex-start;text-align:left} #billavue-setup .pilot-waiting-row .pw-name small{color:var(--secondary);font-size:13px} #billavue-setup .pilot-waiting-row .pw-flag{color:light-dark(#805100,#FFD184)!important;font-weight:700} #billavue-setup #page .pilot-waiting-row[aria-pressed="true"]{border-color:light-dark(#B07A00,#FFD184)!important;background:color-mix(in srgb,#FFD184 10%,var(--surface))!important} #billavue-setup .pilot-bank .bank-remaining{margin:4px 0 12px;font-weight:700;color:light-dark(#805100,#FFD184)} #billavue-setup #page .pilot-bank .bank-detail-link{display:block;margin:14px auto 0;min-height:44px;background:none!important;border:0!important;color:var(--secondary)!important;text-decoration:underline} #billavue-setup .bank-finish-screen .bank-result{font-size:22px;margin:6px 0 4px} #billavue-setup .bank-finish-screen .bank-ok{color:var(--c-green)} #billavue-setup .bank-finish-screen .bank-result-amount{font:700 30px "Public Sans",sans-serif;margin:0 0 8px} #billavue-setup .bank-finish-screen .bank-lock-line{color:var(--secondary);font-size:14px;margin:8px 0 16px} #billavue-setup .bank-waiting-list{list-style:none;padding:0;margin:6px 0 8px} #billavue-setup .bank-waiting-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--divider)} #billavue-setup .bank-waiting-list small{color:var(--secondary);margin-left:6px} #billavue-setup #page .pilot-bank #compare-now,#billavue-setup #page .pilot-bank #compare-now.compare-empty{background:var(--sky)!important;color:var(--on-sky)!important;border:0!important;opacity:1!important;filter:none!important} #billavue-setup .pilot-bank .bank-remaining.is-done{color:var(--c-green)} /* v295 Match my bank (one question, bottom sheet) */ #billavue-setup .match-flow .match-ask{font-size:18px;margin:4px 0 6px;line-height:1.4;font-weight:400} #billavue-setup .match-flow .match-big{font-size:40px;font-weight:600;letter-spacing:-.5px;margin:4px 0 10px;line-height:1.1} #billavue-setup .match-flow .match-actions{display:flex;flex-direction:column;gap:6px;margin-top:18px} #billavue-setup .match-flow .match-actions .choice{min-height:52px;width:100%;margin:0;font-weight:600} #billavue-setup .match-flow .match-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);text-align:center} #billavue-setup .match-flow .plain-link{min-height:44px} #billavue-setup .match-flow .plain-link.quiet{color:var(--secondary)} #billavue-setup .match-flow .plain-link.inline{min-height:44px;padding:0 4px;margin:0;font-weight:400;display:inline} #billavue-setup #page .match-flow .match-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%!important;text-align:left!important;padding:12px 14px!important;margin:0 0 8px!important;min-height:60px;background:var(--surface);color:var(--text);border:1px solid var(--divider);border-radius:12px;font:inherit} #billavue-setup .match-flow .match-row .mr-name{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0} #billavue-setup .match-flow .match-row small{color:var(--secondary);font-size:14px} #billavue-setup .match-flow .match-row .mr-flag{color:var(--card-ink,light-dark(#805100,#FFD184));font-weight:600} #billavue-setup #page .match-flow .match-row.is-flagged{border:2px solid light-dark(#B07A1A,#FFD184)!important} #billavue-setup .match-flow .match-row b{white-space:nowrap} #billavue-setup .match-flow .match-add{display:block;width:100%;min-height:48px;margin:6px 0 10px;border:1px dashed var(--border);border-radius:12px;background:transparent;color:var(--sky);font:600 16px 'Public Sans',sans-serif} #billavue-setup .match-flow .match-hint{background:var(--relief);border-radius:12px;padding:12px 14px;margin:4px 0 12px;line-height:1.4;font-size:16px} #billavue-setup .match-flow .match-hint b{color:var(--sky)} #billavue-setup .match-flow .bank-remaining{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} #billavue-setup .match-flow .match-bigger{margin:-6px 0 10px} #billavue-setup .match-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60} #billavue-setup .match-sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:420px;box-sizing:border-box;background:var(--surface);border-radius:22px 22px 0 0;padding:12px 18px calc(20px + env(safe-area-inset-bottom));z-index:61;max-height:88vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.4)} #billavue-setup .match-sheet h3{font-size:21px;font-weight:600;margin:4px 0 4px;line-height:1.3} #billavue-setup .match-sheet .match-q{margin:12px 0 6px} #billavue-setup .match-grab{width:40px;height:5px;border-radius:5px;background:var(--border);margin:0 auto 12px} #billavue-setup .match-opts{display:flex;flex-direction:column;gap:8px;margin:8px 0} #billavue-setup #page .match-opt,#billavue-setup .match-opt{display:flex!important;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px!important;border:1px solid var(--border);border-radius:12px;background:var(--page);color:var(--text);font:600 17px 'Public Sans',sans-serif;text-align:left!important} #billavue-setup .match-opt small{display:block;font-weight:400;font-size:14px;color:var(--secondary);margin-top:2px} #billavue-setup .match-opt .mo-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:none} #billavue-setup .match-sheet .choice.solid-primary{width:100%;min-height:52px;margin:12px 0 0;font-weight:600} #billavue-setup .match-sheet .plain-link{display:block;width:100%;text-align:center} #billavue-setup .match-sheet label{margin:14px 0 6px} #billavue-setup .match-seg{display:flex;gap:8px;margin:10px 0 4px} #billavue-setup .match-seg button{flex:1;min-height:48px;border-radius:12px;border:1px solid var(--border);background:var(--page);color:var(--text);font:600 16px 'Public Sans',sans-serif} #billavue-setup .match-seg button[aria-checked="true"]{border:2px solid var(--sky);background:var(--relief)} #billavue-setup .match-warn{color:light-dark(#805100,#FFD184);font-weight:600;margin:8px 0} #billavue-setup .match-remind{border:1px solid var(--divider);background:var(--surface);border-radius:14px;padding:14px;margin:16px 0} #billavue-setup .match-remind p{margin:0 0 4px} #billavue-setup .match-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} #billavue-setup .match-chip{min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--border);background:var(--page);color:var(--text);font:400 15px 'Public Sans',sans-serif} #billavue-setup .match-chip[aria-pressed="true"]{border:2px solid var(--sky);background:var(--relief);font-weight:600} #billavue-setup .match-remind-line{color:var(--secondary);margin:14px 0} #billavue-setup .match-flow.bank-finish-screen .choice.solid-primary{width:100%;min-height:52px;margin-top:10px} #billavue-setup .match-opt{justify-content:flex-start!important}#billavue-setup .match-opt>span:not(.mo-dot){text-align:left;display:block} #billavue-setup .match-flow.bank-finish-screen #bank-finish-undo{display:block;width:100%;text-align:center} #billavue-setup .tx-editor .tx-unmatch{display:block;min-height:44px;margin:-4px 0 6px;text-align:left;padding:0} dialog.removal-dialog .button-pair-stacked{align-content:start!important;align-items:stretch;height:auto!important}dialog.removal-dialog .button-pair-stacked>button{height:auto!important;min-height:48px;flex:0 0 auto!important} #billavue-setup .match-flow .bank-ok{font-family:'Public Sans',sans-serif;font-weight:700;margin-right:4px} /* v299 pinned status bar */ #billavue-setup .match-flow .match-bar{position:sticky;bottom:0;z-index:5;margin:12px -16px -16px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:2px solid light-dark(#B07A1A,#FFD184);border-radius:0 0 22px 22px;box-shadow:0 -8px 20px rgba(0,0,0,.25)} #billavue-setup .match-flow .match-bar.is-done{border-top-color:var(--c-green)} #billavue-setup .match-flow .match-bar .bank-remaining{margin:0;font-size:18px} #billavue-setup .match-flow .match-bar .choice.solid-primary{width:100%;min-height:52px;margin:10px 0 0;font-weight:600} #billavue-setup .match-flow .pilot-bank-difference.is-done{color:var(--c-green)} /* v301 menu + settings */ #billavue-setup nav [data-menu-step="7"],#billavue-setup nav [data-menu-step="17"],#billavue-setup nav [data-menu-step="11"],#billavue-setup .menu-bottom{display:none!important} #billavue-setup .logo-home{cursor:pointer} #billavue-setup .year-table-card{margin:16px 0;padding:14px;border:1px solid var(--divider);border-radius:14px;background:var(--surface)} #billavue-setup .year-table-card h3{margin:0 0 8px;font-size:19px} #billavue-setup .year-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums} #billavue-setup .year-table th,#billavue-setup .year-table td{padding:8px 4px;text-align:right;border-bottom:1px solid var(--divider)} #billavue-setup .year-table th:first-child,#billavue-setup .year-table tbody th{text-align:left;font-weight:600} #billavue-setup .year-table thead th{color:var(--secondary);font-weight:400;font-size:13px} #billavue-setup .year-table td.negative{color:var(--red-text);font-weight:700} #billavue-setup #manage-groups-link{display:block;min-height:44px;margin:4px 0} #billavue-setup .settings-switch{display:flex!important;align-items:center;justify-content:space-between;min-height:52px;margin:18px 0 6px;padding:0 4px;cursor:pointer} #billavue-setup .settings-switch input{position:absolute;opacity:0;width:1px;height:1px} #billavue-setup .settings-switch .switch-track{position:relative;width:52px;height:30px;border-radius:15px;background:var(--button);border:1px solid var(--border);flex:none;transition:background .15s} #billavue-setup .settings-switch .switch-track::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:transform .15s} #billavue-setup .settings-switch input:checked+.switch-track{background:var(--sky);border-color:var(--sky)} #billavue-setup .settings-switch input:checked+.switch-track::after{transform:translateX(22px);background:var(--on-sky)} #billavue-setup .settings-switch input:focus-visible+.switch-track{outline:2px solid var(--sky);outline-offset:2px} #billavue-setup .appearance-seg{border:0;padding:0;margin:18px 0} #billavue-setup .appearance-seg legend{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:20px;margin-bottom:8px} #billavue-setup .appearance-seg .seg-row{display:flex;gap:8px} #billavue-setup #page .appearance-seg .seg-btn{flex:1;min-height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:400 16px 'Public Sans',sans-serif;padding:0 6px} #billavue-setup #page .appearance-seg .seg-btn[aria-pressed="true"]{border:2px solid var(--sky);background:var(--relief);font-weight:600} #billavue-setup #settings-save{width:100%;min-height:52px;margin-top:8px} #billavue-setup #settings-back{display:block;width:100%;text-align:center;min-height:44px} #billavue-setup .settings-danger{margin-top:28px;padding-top:16px;border-top:1px solid var(--divider)} #billavue-setup .settings-danger h3{font-size:17px;color:var(--secondary);font-weight:600;margin:0 0 6px} #billavue-setup #page .settings-danger .danger-row{display:block;width:100%;text-align:left;min-height:56px;padding:10px 4px;background:none;border:0;border-bottom:1px solid var(--divider);color:var(--red-text);font:600 17px 'Public Sans',sans-serif} #billavue-setup .settings-danger .danger-row small{display:block;color:var(--secondary);font-weight:400;font-size:14px;margin-top:2px} #billavue-setup #page label.settings-switch{background:none!important;color:var(--text)!important;border:0!important;box-shadow:none!important;width:100%;font:600 17px 'Public Sans',sans-serif;padding:0 4px!important} #billavue-setup #page label.settings-switch::before,#billavue-setup #page label.settings-switch::after{display:none!important;content:none!important} #billavue-setup #page #settings-back{background:none!important;border:0!important;box-shadow:none!important;color:var(--sky)} #billavue-setup #page .tips-switch{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin:18px 0 6px;padding:0 4px!important;background:none!important;border:0!important;color:var(--text)!important;font:600 17px 'Public Sans',sans-serif;text-align:left} #billavue-setup .tips-switch .switch-track{position:relative;width:52px;height:30px;border-radius:15px;background:var(--button);border:1px solid var(--border);flex:none} #billavue-setup .tips-switch .switch-track::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:transform .15s} #billavue-setup .tips-switch[aria-checked="true"] .switch-track{background:var(--sky);border-color:var(--sky)} #billavue-setup .tips-switch[aria-checked="true"] .switch-track::after{transform:translateX(22px);background:var(--on-sky)} #billavue-setup #page #settings-tips{display:none!important}#billavue-setup #page .tips-switch>span:first-child{flex:1;text-align:left} /* v302 report saving */ #billavue-setup .report-save{margin:14px 0;padding:12px 14px;border:1px solid var(--divider);border-radius:12px;background:var(--surface)} #billavue-setup .report-save .report-save-label{margin:0 0 8px;font-weight:600} #billavue-setup .report-save-buttons{display:flex;gap:8px;flex-wrap:wrap} #billavue-setup #page .report-btn{flex:1;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:var(--page);color:var(--sky);font:600 16px 'Public Sans',sans-serif} #billavue-setup .report-status{margin:6px 0 0;min-height:0} #billavue-setup .report-status:empty{display:none} #billavue-setup .year-table-card .report-save{margin:12px 0 0;padding:0;border:0;background:none} /* v303 Year in review */ #billavue-setup .review-card{margin:12px 0 18px;border:1px solid var(--divider);border-radius:14px;background:var(--surface)} #billavue-setup #page .review-open{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:64px;padding:12px 14px!important;background:none;border:0;color:var(--text);text-align:left!important;font:inherit} #billavue-setup .review-open b{display:block;font-size:18px} #billavue-setup .review-open small{display:block;color:var(--secondary);font-size:14px;margin-top:2px} #billavue-setup .review-open>span:last-child{color:var(--sky);font-size:24px} #billavue-setup .review-card.is-open{padding:14px} #billavue-setup .review-head{display:flex;justify-content:space-between;align-items:center} #billavue-setup .review-head h3{margin:0;font-size:20px} #billavue-setup .review-years{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0} #billavue-setup .review-total{font-size:30px;font-weight:700;margin:10px 0 4px} #billavue-setup .review-total small{display:block;font-size:14px;font-weight:400;color:var(--secondary);margin-top:2px} #billavue-setup .review-compare{margin:4px 0 8px} #billavue-setup .review-card h4{margin:16px 0 6px;font-size:16px} #billavue-setup .review-table td span.up,#billavue-setup .review-card .up{color:light-dark(#805100,#FFD184);font-weight:600} #billavue-setup .review-card .down{color:var(--c-green);font-weight:600} #billavue-setup .review-list{list-style:none;margin:0;padding:0} #billavue-setup .review-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--divider)} #billavue-setup .review-list li small{display:block;color:var(--secondary);font-size:13px} #billavue-setup .review-list .rv-amt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} #billavue-setup .review-card .report-save{margin:14px 0 0;padding:0;border:0;background:none} #billavue-setup .review-card .up,#billavue-setup .review-card .down,#billavue-setup .review-table td span.up{color:var(--text)!important} /* v304 plan + reminder polish (ChatGPT review) */ #billavue-setup .bank-tip-actions{display:flex!important;flex-direction:column;gap:4px} #billavue-setup #page .bank-tip-actions .choice.solid-primary{background:var(--sky)!important;color:var(--on-sky)!important;border:0!important;opacity:1!important;min-height:48px;font-weight:600;width:100%} #billavue-setup #page .bank-tip-actions .plain-link{min-height:44px;color:var(--sky);background:none!important;border:0!important;width:100%} #billavue-setup #page .deposit-opt{display:flex!important;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px!important;text-align:left!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;opacity:1!important;font-weight:600} #billavue-setup #page .deposit-opt.is-current{border:2px solid var(--sky)!important;background:var(--relief)!important} #billavue-setup .deposit-opt small{display:block;font-weight:400;font-size:14px;color:var(--secondary);margin-top:2px} #billavue-setup .deposit-opt .opt-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:none} #billavue-setup .deposit-opt.is-current .opt-dot{border:6px solid var(--sky)} #billavue-setup #page .deposit-opt::before,#billavue-setup #page .deposit-opt::after{content:none!important} #billavue-setup .plan-cushion{margin:8px 0 0;font-size:16px;line-height:1.4} #billavue-setup .year-table tbody th small{font-weight:400;color:var(--secondary);font-size:12px} dialog.confirm-primary .dialog-actions{display:flex!important;flex-direction:column!important;gap:6px} dialog.confirm-primary .dialog-actions [data-confirm]{order:1;background:var(--sky)!important;color:var(--on-sky)!important;border:0!important;min-height:52px;font-weight:600;width:100%} dialog.confirm-primary .dialog-actions [data-cancel]{order:2;background:none!important;border:0!important;color:var(--sky)!important;text-decoration:underline;min-height:44px;width:100%;font-weight:400} dialog.confirm-primary .dialog-actions button::before,dialog.confirm-primary .dialog-actions button::after{content:none!important} dialog.confirm-primary .dialog-actions{height:auto!important;align-content:start!important}dialog.confirm-primary .dialog-actions>button{height:auto!important;flex:0 0 auto!important;max-height:56px} /* v308 simple Bill groups */ #billavue-setup .groups-simple .group-row{display:flex;align-items:center;gap:8px;min-height:60px;padding:6px 12px;border-bottom:1px solid var(--divider)} #billavue-setup .groups-simple .group-row:last-child{border-bottom:0} #billavue-setup .groups-simple .group-name{flex:1;font-size:17px} #billavue-setup .groups-simple .group-name small{display:block;color:var(--secondary);font-size:14px} #billavue-setup #page .groups-simple .group-act{min-height:44px;min-width:44px;padding:0 10px;background:none!important;border:0!important;color:var(--sky)!important;font:600 15px 'Public Sans',sans-serif;text-decoration:underline} #billavue-setup #page .groups-simple .group-act.danger{color:var(--red-text)!important} #billavue-setup #page #choices-back{opacity:1!important;color:var(--text)!important;background:var(--button)!important;border:1px solid var(--border)!important} #billavue-setup .groups-simple .group-act-spacer{display:inline-block;width:78px}#billavue-setup #page #choices-back{text-align:center!important;justify-content:center} #billavue-setup .groups-simple .group-fixed{color:var(--secondary);font-size:14px;padding-right:10px} #billavue-setup .review-label{margin:10px 0 0;font-weight:600;color:var(--secondary)} #billavue-setup .review-card .review-total{margin-top:2px} #billavue-setup .review-matched{margin:6px 0 8px}#billavue-setup .review-matched small{display:block;color:var(--secondary);font-size:14px} #billavue-setup .matched-tag{color:var(--c-green);font-weight:600} #billavue-setup .report-status{margin:8px 0 0;font-size:15px;color:var(--secondary)}#billavue-setup .report-status:empty{display:none} #billavue-setup .backup-lead{font-size:17px;line-height:1.45;margin:4px 0 8px} #billavue-setup .backup-more{margin:0 0 14px}#billavue-setup .backup-more summary{color:var(--sky);text-decoration:underline;min-height:44px;line-height:44px;cursor:pointer}#billavue-setup .backup-more p{color:var(--secondary);margin:4px 0 0} #billavue-setup .backup-blocked{color:var(--secondary);border-left:3px solid var(--border);padding-left:10px;margin:0 0 10px} #billavue-setup #page .backup-restore-btn{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);text-align:center} #billavue-setup #page .backup-page button:disabled{opacity:.45} #billavue-setup #page .backup-page #download-backup:disabled,#billavue-setup #page .backup-page #choose-restore:disabled{opacity:.4!important;pointer-events:none} dialog .reset-warning{color:light-dark(#805100,#FFD184);font-weight:600;line-height:1.45;margin:0 0 10px;text-decoration:none} dialog.reset-dialog .dialog-actions button{white-space:nowrap} dialog.reset-dialog.confirm-primary .dialog-actions [data-confirm]{padding:0 16px!important;white-space:nowrap}dialog.reset-dialog.confirm-primary .dialog-actions [data-confirm]:disabled{opacity:.45;cursor:not-allowed} /* v320 pilot fixes */ #billavue-setup .tip-chev{display:inline-block;margin-left:6px;font-size:.8em;transition:transform .15s;text-decoration:none} #billavue-setup details[open]>summary .tip-chev{transform:rotate(180deg)} #billavue-setup .year-table tr.year-div th{text-align:left;padding:10px 4px 4px;color:var(--secondary);font-size:13px;font-weight:600;letter-spacing:.04em;border-bottom:1px solid var(--divider)} #billavue-setup .match-add-chips{flex-wrap:nowrap;gap:6px;margin:8px 0 4px}#billavue-setup .match-add-chips .match-chip{white-space:nowrap;font-size:14px;padding:0 10px;flex:1 1 auto} /* v321 big bills + take-home */ #billavue-setup .big-bills-card{margin:16px 0;padding:14px;border:1px solid var(--divider);border-radius:14px;background:var(--surface)} #billavue-setup .big-bills-card h3{margin:0 0 4px;font-size:19px} #billavue-setup .big-bills-card>.hint{margin:0 0 6px} #billavue-setup .bb-item{padding:10px 0;border-bottom:1px solid var(--divider)} #billavue-setup .bb-top{display:flex;justify-content:space-between;gap:8px;font-weight:600} #billavue-setup .bb-top small{display:block;font-weight:400;color:var(--secondary);font-size:13px} #billavue-setup .bb-due{font-weight:400;color:var(--secondary);font-size:14px;white-space:nowrap} #billavue-setup .bb-bar{height:8px;border-radius:5px;background:var(--divider);margin:8px 0 5px;overflow:hidden} #billavue-setup .bb-bar i{display:block;height:100%;background:var(--sky);border-radius:5px} #billavue-setup .bb-item>small{color:var(--secondary);font-size:14px} #billavue-setup .bb-total{margin:10px 0 0;font-weight:600;line-height:1.4} #billavue-setup .bb-total.ok{color:var(--c-green)} #billavue-setup .bb-total.calm{color:var(--secondary);font-weight:400} #billavue-setup .take-home{margin:0 0 6px} #billavue-setup .take-home label{display:block;font-weight:600;margin:6px 0} #billavue-setup .take-home .choice{width:100%;min-height:50px;margin-top:8px} #billavue-setup .take-home .plain-link{display:block;min-height:44px} #billavue-setup .take-split{display:flex;gap:10px;margin:8px 0 4px} #billavue-setup .take-split div{flex:1;background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px} #billavue-setup .take-split small{display:block;font-size:13px;opacity:.85} #billavue-setup .take-split b{font-size:20px} #billavue-setup .take-note{font-size:15px;opacity:.85;margin:4px 0 8px} #billavue-setup .take-low{border:1px solid light-dark(#B07A1A,#FFD184);border-radius:12px;padding:12px;margin:8px 0} #billavue-setup .take-low b{color:light-dark(#805100,#FFD184)} #billavue-setup .take-low p{margin:0 0 4px;line-height:1.4} /* v322 Help and learning */ .help-page h2{margin-bottom:12px} .help-page h3{margin:22px 0 8px;font-size:1rem} .help-search input{width:100%;min-height:44px;font-size:16px;padding:10px 14px;border-radius:12px;border:1px solid var(--divider);background:var(--surface);color:inherit;box-sizing:border-box} .help-page details{border-bottom:1px solid var(--divider)} .help-page summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 2px;cursor:pointer;font-weight:600;line-height:1.3} .help-page summary::-webkit-details-marker{display:none} .help-page summary .tip-chev{margin-left:auto;transition:transform .2s;opacity:.7} .help-page details[open]>summary .tip-chev{transform:rotate(180deg)} .help-page summary small{font-weight:400;opacity:.65} .help-group>.help-q{margin-left:6px} .help-q summary{font-weight:500} .help-a{padding:0 2px 12px;line-height:1.5} .help-a p{margin:0 0 8px}.help-a ul{margin:0 0 8px;padding-left:20px}.help-a li{margin-bottom:4px} .help-ex{background:var(--notice-tip-bg);border-radius:10px;padding:10px 12px} .lesson-num{font-weight:700;flex:none;width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;background:var(--notice-tip-bg)} .help-go{min-height:44px;padding:0 4px;background:none;border:0;color:var(--sky);font-weight:600;font-size:1rem;cursor:pointer} .help-term{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer} .term-pop{display:block;margin:6px 0;padding:8px 10px;border-radius:8px;background:var(--notice-tip-bg);} .help-terms{margin:0}.help-terms dt{font-weight:600;margin-top:12px}.help-terms dd{margin:2px 0 0;line-height:1.45} .help-terms .in-app{display:block;opacity:.8;} .help-disclaimer{margin:24px 0 12px;opacity:.75} .help-q-btn{width:28px;height:28px;margin-left:8px;border-radius:50%;border:1px solid currentColor;background:none;color:var(--sky);font-weight:700;vertical-align:middle;cursor:pointer;position:relative} .help-q-btn::after{content:'';position:absolute;inset:-8px} .help-pop{padding:12px 14px;margin:0 0 12px;border-radius:12px;background:var(--notice-tip-bg);line-height:1.45} .help-pop p{margin:0 0 6px} #page .help-page summary{display:flex;width:100%;box-sizing:border-box;color:var(--text);text-decoration:none;font-family:inherit} #page .help-page summary .tip-chev{margin-left:auto;padding-left:12px;text-decoration:none} #page .help-page summary small{text-decoration:none} #page .help-page .help-a p,#page .help-pop p{display:block} #page .help-page .help-term{display:inline;width:auto;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;color:inherit;box-shadow:none;text-decoration:underline dotted;text-underline-offset:3px} #page .help-page .help-go,#page .help-pop .help-go{display:inline-flex;align-items:center;width:auto;min-height:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--sky);font-weight:600} #page .help-q-btn{display:inline-grid;place-items:center;width:30px;height:30px;min-height:30px;min-width:30px;padding:0;margin:0 0 0 10px;border-radius:50%;border:1.5px solid var(--sky);background:none;box-shadow:none;color:var(--sky);font-family:inherit;font-weight:700;font-size:16px;line-height:1;vertical-align:middle} .help-sub{margin:0 0 6px;color:var(--secondary)} #page .help-page .help-term{line-height:inherit;vertical-align:baseline;height:auto;gap:0} #page .help-page .help-term::before,#page .help-page .help-term::after,#page .help-q-btn::before{content:none;display:none} #page .help-q-btn{line-height:30px;padding-bottom:2px} #page .help-page .help-term{min-height:0!important;height:auto!important;line-height:inherit!important} #page .help-q-btn{border:1.5px solid var(--sky)!important;border-radius:50%!important;width:30px!important;height:30px!important;min-height:30px!important;font-size:16px!important;background:none!important;color:var(--sky)!important;padding:0!important} #page .help-pop .help-go{font-size:16px!important;min-height:44px!important;width:auto!important;padding:0!important;border:0!important;background:none!important} #page .help-q-btn{min-width:30px!important;max-width:30px!important;flex:none!important;display:inline-grid!important;place-items:center} .help-page .term-group{margin:16px 0 4px;font-size:16px;color:var(--secondary);font-weight:600} #page .help-red{display:inline-flex;align-items:center;min-height:44px;margin:2px 0 6px;padding:0;border:0;background:none;box-shadow:none;color:var(--sky);font-weight:600;font-size:16px;width:auto} .help-search+.help-sub{margin-top:12px} #page .help-page .help-icon{flex:none;width:22px;height:22px;color:var(--sky)} #page .help-page summary small{margin-left:4px} /* v327 Words to know: clearer hierarchy (ChatGPT review, owner-approved) */ #page .help-page .term-group{font-size:18px;font-weight:700;color:var(--text);margin:20px 0 4px;padding-top:16px;border-top:1px solid var(--divider)} #page .help-page details>.term-group:first-of-type{border-top:0;padding-top:4px;margin-top:8px} #page .help-page .help-terms dt{color:var(--sky);font-weight:600;margin-top:18px} #page .help-page .help-terms dt:first-child{margin-top:8px} #page .help-page .help-terms dd{margin:2px 0 0;color:var(--text)} #page .help-page .help-terms .in-app{margin-top:4px;color:var(--secondary);opacity:1} #page .help-page .help-contact{margin:20px 0 0} #page .help-page .help-contact+.help-contact{margin-top:4px} #page .help-page .help-contact a{color:var(--sky);display:inline-block;min-height:44px;line-height:44px;text-underline-offset:3px} #page .help-page .help-contact+.help-disclaimer{margin-top:8px} #page .help-page .help-contact a{display:inline;line-height:inherit;min-height:0;padding:10px 0} #page .help-page .help-contact{margin-top:28px} #page .help-page .help-contact+.help-contact{margin-top:16px} #page .help-page .help-terms dd>.in-app:first-child{color:var(--text);margin-top:0} /* v329 Buy and free trial */ #page .buy-page h2{margin-bottom:8px} #page .buy-lead{font-weight:600;margin:0 0 4px} #page .buy-page>p{margin:0 0 8px} #page .buy-card{margin:16px 0 8px;padding:18px 16px;border:1px solid var(--divider);border-radius:16px;background:var(--surface)} #page .buy-price{font-size:2.25rem;font-weight:700;margin:0;line-height:1.1} #page .buy-once{margin:4px 0 12px;color:var(--secondary)} #page .buy-list{margin:0 0 16px;padding-left:20px}#page .buy-list li{margin-bottom:6px} #page .buy-code-head{margin:28px 0 8px;font-size:1.1rem} #page .buy-page input#unlock-code{width:100%;min-height:44px;font-size:16px;padding:10px 14px;border-radius:12px;border:1px solid var(--divider);background:var(--surface);color:var(--text);box-sizing:border-box;letter-spacing:.03em} #page .buy-page #unlock-now{margin-top:8px} #page .buy-help{margin:14px 0 20px}#page .buy-help a{color:var(--sky);text-underline-offset:3px} #page .buy-done{text-align:center;margin:24px 0;color:var(--text)}#page .buy-done svg{color:var(--bank-success)} #page .buy-done-title{font-size:1.4rem;font-weight:700;margin:10px 0 4px} #page .trial-note{margin:10px 0;padding:12px 14px;border-radius:14px;background:var(--notice-tip-bg);color:var(--text)} #page .trial-note p{margin:0} #page .trial-buy{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--sky);font-weight:600;font-size:16px;width:auto} #page .buy-sub{margin:6px 0 0;color:var(--secondary)} #billavue-setup .intro-price{margin:10px 0 0;font-weight:600;color:var(--sky);text-align:center} #billavue-setup .intro-price{margin-top:14px!important} #billavue-setup #page .settings-sub{margin:6px 0 0;color:var(--secondary)} #billavue-setup #page button.opening-balance-row{width:100%;font:inherit;color:inherit;background:none;border:0;text-align:left;cursor:pointer;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-inline:0} #billavue-setup #page .opening-balance-row small{display:block;color:var(--sky);font-weight:600;text-decoration:underline;text-underline-offset:3px} #billavue-setup #page .opening-balance-row small{text-decoration:none;font-weight:600;margin-top:2px}