.quick-actions{padding:0 5px 19px;display:grid;gap:4px}.quick-actions button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;padding:11px 12px;color:#526258;border-radius:9px;font-size:13px;letter-spacing:-.1px}.quick-actions button:hover{background:#e7efe8;color:#244333}.sidebar-title{margin-top:4px}.browser-stage img{cursor:text;user-select:none;outline:0}.browser-stage img:focus{outline:3px solid #b0c9b7;outline-offset:-3px}.browser-footer .mini-actions{display:flex;align-items:center;gap:8px}.browser-instructions{padding:11px 15px 5px;font-size:11.5px;line-height:1.5;color:#69786f}.browser-type{display:flex;gap:5px;padding:5px 13px 10px}.browser-type input{min-width:0;flex:1;background:#fff;border:1px solid #e0e7e1;border-radius:7px;font-size:12px;padding:9px 10px;color:#25372e}.browser-type button,.mini-actions button{background:#f5f8f6;border:1px solid #dde5de;border-radius:7px;padding:8px 9px;font-size:11px;color:#345743}.browser-type button:hover,.mini-actions button:hover{background:#e7f1e9}.auth-handoff{margin:7px 13px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eff5ef;border:1px solid #d6e6d8;border-radius:8px;font-size:12px;color:#335540}.auth-handoff button{border:none;border-radius:7px;background:#355d48;color:white;padding:9px 11px;cursor:pointer;white-space:nowrap}.login-layer{position:fixed;z-index:1000;inset:0;background:#f4f7f3;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(100%,394px);padding:34px;background:white;border:1px solid #e6ece6;box-shadow:0 24px 65px rgba(25,55,38,.06);border-radius:15px;display:flex;flex-direction:column;gap:17px}.login-brand{font-size:24px;letter-spacing:-1px;font-weight:800;color:#355d48}.login-brand small{font-size:10px;letter-spacing:2px;margin-left:7px;color:#889d8d}.login-card h2{font-size:22px;margin:9px 0 -14px;letter-spacing:-.8px;font-weight:650}.login-card p{color:#7b887e;margin:0 0 10px;font-size:13px}.login-card label{font-weight:580;font-size:12px;display:grid;gap:7px}.login-card input{border:1px solid #dfe7e0;border-radius:8px;padding:12px 13px;font-size:14px}.primary-action{background:#345a45;border:0;border-radius:8px;color:#fff;font-size:13px;font-weight:650;padding:12px 15px}.primary-action:hover{background:#244837}.login-card>small{font-size:11px;color:#94a298;line-height:1.5}.login-error{font-size:12px;color:#a43b3b;min-height:12px}.modal-layer{position:fixed;z-index:1500;inset:0;background:rgba(18,30,22,.34);display:flex;align-items:center;justify-content:center;padding:18px}.modal-window{width:min(95vw,630px);max-height:85vh;background:white;border-radius:14px;border:1px solid #dce7de;box-shadow:0 15px 80px rgba(17,37,24,.14);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #e9eeea}.modal-kicker{font-size:10px;letter-spacing:1.1px;color:#93a299;font-weight:700}.modal-header h2{margin:5px 0 0;font-size:19px;letter-spacing:-.5px}.modal-x{border:0;background:none;color:#79887d;font-size:25px;padding:0 8px;cursor:pointer}.modal-body{overflow-y:auto;padding:21px 25px 25px;color:#334337;font-size:13px}.modal-body input,.modal-body select{border:1px solid #dfe7e0;padding:10px;border-radius:7px;font-size:13px}.modal-body form{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.modal-body form button{border:0;border-radius:7px;background:#355d48;padding:10px 13px;color:white}.modal-body .row{padding:12px 2px;border-bottom:1px solid #eef1ee}.modal-body .row b{display:block;font-size:13px}.modal-body .row small{font-size:11px;color:#849487}.modal-body .empty-note{color:#8b9b90;font-size:12px}.modal-body .secret-once{padding:12px;border-radius:8px;background:#f1f5ed;margin:10px 0;font-family:monospace;overflow-wrap:anywhere}.modal-body pre{max-height:55vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8f6;padding:15px;border-radius:8px;font-size:12px}.modal-body .upload-note{font-size:12px;line-height:1.6;color:#7a887e}.user-avatar{border:0;cursor:pointer}.user-avatar:hover{filter:brightness(.9)}
@media(max-width:850px){.modal-window{width:100%}.browser-type{padding:7px}.browser-instructions{font-size:11px}}

.attach-bill{border:0;background:#edf2ed;color:#3c5c46;width:32px;height:32px;border-radius:8px;font-size:21px;margin-right:4px}.attach-bill:hover{background:#dfe9e0}.main.dragging:after{content:'Drop your water bills here';position:absolute;inset:80px 22px 108px;display:flex;align-items:center;justify-content:center;z-index:25;color:#355d48;font-size:17px;font-weight:620;background:rgba(240,248,241,.94);border:2px dashed #a3bfa8;border-radius:16px;pointer-events:none}.main{position:relative}.bill-inline{padding:16px;border:1px solid #e1e9e2;background:#fbfcfa;border-radius:11px;margin:9px 0;max-width:515px}.bill-inline h3{font-weight:670;font-size:14px;margin:0 0 13px}.bill-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.bill-inline-grid div{font-size:13px;color:#354b3b}.bill-inline-grid small{display:block;font-size:10px;color:#84968a;letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px}.bill-inline .bill-warning{font-size:12px;color:#846a3f;margin:12px 0 4px}.bill-inline a{font-size:12px;color:#466b51}.bill-inline .bill-status{display:inline-block;border-radius:7px;padding:6px 8px;background:#f3ede2;color:#81653f;font-size:10px;letter-spacing:.4px;font-weight:700;margin-bottom:11px}

/* BND V2 browser usability patch: expansive, private sign-in without desktop windows. */
.browser-header-actions{display:flex;align-items:center;gap:8px}
.panel-header .browser-header-actions button{cursor:pointer}
#browser-expand{display:flex;gap:5px;align-items:center;padding:8px 10px;border:1px solid #dfe9e2;border-radius:8px!important;background:#f4f8f4!important;color:#426852!important;font:600 12px system-ui,-apple-system,sans-serif!important;line-height:1.25!important}
#browser-expand:hover{background:#e9f2eb!important}
#panel-close{min-width:27px;min-height:32px}
.browser-backdrop{position:fixed;inset:0;z-index:180;background:rgba(21,37,29,.52);backdrop-filter:blur(3px)}
body.browser-expanded{overflow:hidden}
.browser-panel.expanded{display:flex!important;position:fixed!important;z-index:181!important;inset:2vh 2vw!important;width:96vw!important;height:96vh!important;max-height:96vh!important;border:1px solid #dce7df;border-radius:15px;box-shadow:0 25px 100px #0003;background:#fdfefd;overflow:hidden}
.browser-panel.expanded .panel-header{height:64px;min-height:64px;padding:8px 21px}
.browser-panel.expanded .panel-kicker{font-size:9px}
.browser-panel.expanded .panel-header h3{margin-top:3px}
.browser-panel.expanded .tab-bar{margin:3px 17px 8px;max-width:480px;width:calc(100% - 34px);align-self:center}
.browser-panel.expanded .url-strip{margin:0 17px 9px;padding:8px 10px}
.browser-panel.expanded .browser-stage{min-height:0;flex:1;overflow:auto;align-items:flex-start}
.browser-panel.expanded .browser-stage img{display:block;width:auto;max-width:100%;max-height:none;height:auto;object-fit:contain;margin:0 auto;}
.browser-panel.expanded .browser-stage img.hidden{display:none}
.browser-panel.expanded .browser-footer{padding:7px 18px;flex-shrink:0}
.browser-panel.expanded .browser-instructions{padding:2px 18px 1px;flex-shrink:0}
.browser-panel.expanded .browser-type{padding:3px 17px 7px;flex-shrink:0}
.browser-panel.expanded .browser-type input{font-size:14px;padding:10px 12px}
.browser-panel.expanded .panel-note{padding:0 18px 8px;flex-shrink:0}
.browser-panel.expanded .auth-handoff{margin:4px 17px;flex-shrink:0}
@media(max-width:700px){.browser-panel.expanded{inset:1vh 1vw!important;width:98vw!important;height:98vh!important;max-height:98vh!important;border-radius:10px}.browser-panel.expanded .panel-header{height:56px;min-height:56px;padding:6px 12px}.browser-panel.expanded .browser-stage img{width:100%}.browser-panel.expanded .panel-note{display:none}.browser-panel.expanded .browser-instructions{font-size:10px}}

/* V2.2 subtle, contextual navigation controls; do not add dashboard clutter */
.url-strip{display:flex;align-items:center;gap:8px}.url-strip #browser-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#browser-go-toggle{background:transparent;color:#426852;border:0;border-radius:6px;padding:5px 7px;font-size:11px;cursor:pointer;font-weight:650}
#browser-go-toggle:hover{background:#e9f2eb}
.browser-go-form{display:flex;gap:6px;margin:0 15px 8px}.browser-go-form input{flex:1;min-width:0;border:1px solid #dce7de;border-radius:8px;padding:9px;color:#294736;font-size:12px}
.browser-go-form button{background:#355d48;color:#fff;border:0;border-radius:8px;padding:0 12px;cursor:pointer;font-size:12px}
.browser-control-status{padding:0 16px 6px;font-size:11px;color:#648072;min-height:17px}
.browser-control-status.failed{color:#ac4a40}
.browser-panel.expanded .browser-go-form{margin:0 17px 8px}