/* PaySure usability update: simpler, high-contrast interface; core demo functions unchanged */
:root{--navy:#102e3b;--dark:#102e3b;--teal:#087b6c;--paper:#f7f9fa;--text:#1d3440;--muted:#607783;--line:#e3e9ec;--sidebar:252px;--shadow:0 3px 15px rgba(30,57,69,.035)}
html{scroll-behavior:smooth}body{font-size:14px;line-height:1.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #79c5b5;outline-offset:2px}
.app-brand{padding:4px 15px 23px}.sidebar{background:#102e3b;padding:24px 14px 17px}.sidebar-label{font-size:10px;letter-spacing:1px;margin:27px 13px 9px;color:#8da9b0}.tools-label{margin-top:23px}.workspace-choice{margin:0 4px;border-radius:12px;padding:11px;background:#1d414d}.workspace-label b{font-size:12px}.workspace-label small{font-size:10px}.side-item{font-size:13px;padding:12px 13px;min-height:47px;gap:12px;border-radius:10px;color:#c6d6da;font-weight:600}.side-item .ico{font-size:20px;color:#a0bdc5}.side-item:hover,.side-item.active{background:#254e56;color:#fff}.side-item.active{box-shadow:inset 3px 0 #67dab7}.side-bottom{padding:0 2px}.demo-status{padding:12px 13px;background:#20414b}.demo-status b{font-size:12px}.demo-status p{font-size:11px;margin-top:4px}.back-public{display:block;color:#a4c4c9;font-size:12px;padding:16px 10px 2px}
.app-content{background:var(--paper)}.demo-alert{padding:9px 28px;background:#eaf7f0;color:#376c61;border-bottom:1px solid #d7ebe0;font-size:12px;gap:11px}.demo-alert a{font-size:11px;color:#176e5e}.demo-tag{border:1px solid #9cd4bf;color:#126c57;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 6px}.topbar{height:70px;padding:0 32px}.top-brand{color:#243f49;font-size:14px;white-space:nowrap}.top-crumb{font-size:13px;color:#5d7480}.topbar-left{gap:12px}.help-link{background:#f4f8f7;color:#2b6258;border:1px solid #dfebe7;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:5px;min-height:37px}.initials{font-size:12px}.view{max-width:1220px;padding:32px 36px 65px}.page-top{align-items:center;margin-bottom:23px}.page-top h1{font-size:29px;letter-spacing:-1.15px;color:#203a45}.page-top p{font-size:13px;color:#718590;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:7px}.btn{font-size:12px;border-radius:10px;padding:12px 16px;min-height:42px}.btn-primary{background:#087e70}.btn-secondary{color:#214956}.btn:hover{filter:brightness(.975)}.stats{gap:12px}.stat{padding:17px 20px;border-radius:13px}.stat-heading{font-size:10px;letter-spacing:.35px;color:#66808b}.stat-value{font-size:27px;margin:6px 0 4px}.stat-note{font-size:11px}.panel{border-radius:14px}.panel-head{padding:22px 22px 15px}.panel-head h2{font-size:16px}.panel-sub{font-size:12px;line-height:1.5}.panel-body{padding:0 22px 22px}.inline-warning,.info-banner{font-size:12px;line-height:1.6}.panel .empty{font-size:13px}.pill{font-size:11px;padding:6px 10px}.searchbox input{min-height:46px;font-size:13px}.select,.field{font-size:13px;min-height:46px}.textbtn{font-size:12px}.notice-card,.helper{font-size:12px}.data-table th{font-size:10px}.data-table td{font-size:13px}.company-cell strong{font-size:12px}.company-cell small{font-size:11px}.mini-pair{font-size:13px}.modal{max-width:620px;border-radius:18px;max-height:min(86vh,900px)}.modal-head{padding:22px 26px}.modal-head h2{font-size:22px}.modal-body{padding:22px 26px}.modal-footer{position:sticky;bottom:-22px;background:white;padding:17px 0 5px;z-index:1}.form-group label{font-size:12px}.form-group .field{font-size:14px}.close-modal{height:40px;width:40px;border-radius:10px;color:#284b51}.toast{font-size:13px;bottom:20px}.app-footer{padding:20px 32px 28px;text-align:center;color:#96a3ab;font-size:11px}.app-footer a{color:#2b7468}
/* Task-first home */
.welcome-panel{border-radius:19px;background:#fff;border:1px solid var(--line);padding:28px 30px;margin-bottom:20px;display:flex;gap:20px;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.welcome-eyebrow{display:flex;align-items:center;gap:8px;color:#167866;font-size:11px;font-weight:800;letter-spacing:.5px}.welcome-panel h1{font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-1.15px;line-height:1.2;margin:10px 0;color:#183844}.welcome-panel p{color:#667d88;max-width:590px;font-size:14px;line-height:1.65;margin:0}.welcome-help{display:grid;place-items:center;flex:none;min-width:108px;height:92px;color:#098576;border-radius:17px;background:#ecfaf5;font-size:43px;font-weight:700}.home-label{font-size:12px;color:#274e58;font-weight:800;margin:23px 0 13px;display:flex;justify-content:space-between;align-items:center}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-card{width:100%;display:flex;align-items:flex-start;gap:15px;text-align:left;padding:19px 18px;border-radius:14px;background:#fff;border:1px solid #e0e9e9;min-height:116px;transition:transform .15s,border-color .15s,box-shadow .15s;color:var(--text)}.task-card:hover{transform:translateY(-1px);border-color:#aadbcf;box-shadow:0 10px 22px #063c3010}.task-icon{background:#e4f6ef;color:#087b69;border-radius:12px;width:43px;height:43px;font-size:23px;display:grid;place-items:center;flex:none}.task-card strong{font-size:15px;color:#173744;display:block;margin:2px 0 6px;font-weight:800}.task-card small{color:#6d818c;font-size:12px;line-height:1.45;display:block}.task-arrow{margin-left:auto;color:#80a5a0;font-size:20px}.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}.quick-stat{background:#fff;border-radius:13px;border:1px solid var(--line);padding:20px 22px}.quick-stat span{display:block;font-size:12px;color:#718893;font-weight:700}.quick-stat strong{font-family:Manrope,sans-serif;font-size:26px;color:#1b3743;display:block;margin-top:7px;letter-spacing:-.6px}.quick-stat small{font-size:11px;color:#8c9fa5;display:block;margin-top:2px}.quick-stat.attention{border-color:#eedcc7;background:#fffdf9}.quick-stat.attention strong{color:#a76631}.home-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.simple-list{display:grid;gap:0}.simple-list-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f0;padding:15px 0}.simple-list-item:last-child{border-bottom:0}.simple-list-item .who{min-width:0;flex:1}.simple-list-item strong{display:block;font-size:13px;color:#264550}.simple-list-item small{display:block;margin-top:4px;color:#82949c;font-size:11px}.simple-list-item .amt{font-size:13px;font-weight:800;white-space:nowrap;color:#aa6847}.simple-list-item .btn{padding:7px 10px;font-size:11px;min-height:35px}.empty-friendly{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px;gap:7px;color:#667e87;font-size:13px}.empty-friendly b{font-size:14px;color:#375662}.empty-friendly .btn{margin-top:7px}.next-steps{border-radius:12px;background:#f3f8f7;padding:17px 20px;border:1px solid #e0eeea;line-height:1.55;font-size:13px;color:#52726b}.next-steps b{color:#214c48}.next-steps ol{padding-left:20px;margin:9px 0 0}.next-steps li{margin:6px 0}.simple-muted{font-size:12px;color:#80949c}.subtle-link{font-size:12px;font-weight:800;color:#0c8472;background:none;border:none;padding:7px 0}.subtle-link:hover{text-decoration:underline}
/* buyers and payments */
.buyer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.buyer-card{background:#fff;border:1px solid #e0e8eb;border-radius:14px;padding:19px 19px 15px;box-shadow:var(--shadow)}.buyer-card-head{display:flex;gap:11px;align-items:start}.buyer-card-title{flex:1;min-width:0}.buyer-card-title strong{display:block;color:#203a47;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.buyer-card-title small{font-size:12px;color:#81949e;margin-top:4px;display:block}.buyer-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #edf1f2;padding:15px 0 12px;margin-top:16px}.buyer-card-metrics span{font-size:11px;color:#8597a0}.buyer-card-metrics strong{display:block;color:#304c58;font-size:18px;margin-top:3px}.buyer-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.buyer-card-footer .textbtn{border-radius:9px;border:1px solid #dbe8e8;padding:9px 13px}.buyer-card-footer .textbtn:hover{background:#edf8f5;text-decoration:none}.empty-tile{grid-column:1/-1;background:#fff;border:1px dashed #ccd8d9;border-radius:12px;padding:32px;text-align:center;color:#69818a}.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-row .searchbox{flex:1;min-width:220px}.filter-row .select{min-width:180px}.pilltabs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:17px}.pilltab{border:1px solid #dfe8eb;background:#fff;padding:9px 15px;border-radius:50px;color:#68808a;font-weight:800;font-size:12px;min-height:39px}.pilltab.active{background:#ddf2ea;color:#086e5f;border-color:#b6e4d1}.invoice-items{display:grid;gap:10px}.invoice-item{display:flex;align-items:center;gap:16px;padding:19px 20px;background:#fff;border:1px solid var(--line);border-radius:13px;min-width:0}.invoice-item .invoice-main{flex:1;min-width:0}.invoice-item .invoice-main strong{font-size:14px;display:block;color:#243e49;overflow-wrap:anywhere}.invoice-item .invoice-main small{display:block;color:#84969f;font-size:12px;margin-top:4px}.invoice-item .invoice-amount{text-align:right;flex:none}.invoice-item .invoice-amount strong{display:block;color:#203c48;font-size:17px}.invoice-item .invoice-amount span{font-size:11px;color:#82969e}.invoice-action{display:flex;align-items:center;gap:10px;flex:none}.invoice-action .btn{font-size:12px;padding:10px 14px}.control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}
/* simple verification panels */
.check-intro{background:#eaf8f3;border:1px solid #d4e9df;border-radius:12px;padding:16px 19px;color:#416b62;font-size:12px;line-height:1.55;margin-bottom:17px}.check-intro strong{color:#165d50}.verify-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:17px}.verify-steps{display:grid;align-content:start;gap:9px}.verify-step{width:100%;border-radius:11px;border:1px solid #e2e9ec;background:#fff;padding:15px 17px;display:block;text-align:left;color:#5a7079}.verify-step strong{display:block;font-size:14px;color:#2e4a55}.verify-step small{display:block;margin-top:4px;font-size:11px}.verify-step.active{background:#eaf7f2;border-color:#89d2bd;box-shadow:inset 3px 0 #0c8e74}.verify-main{background:#fff;border-radius:14px;border:1px solid var(--line);padding:27px 29px;min-height:370px}.verify-main h2{font-size:23px;margin:4px 0 8px;letter-spacing:-.6px}.verify-main p{color:#70858d;font-size:13px;line-height:1.65;max-width:520px}.verify-main label{display:block;font-size:12px;font-weight:800;color:#395965;margin:22px 0 8px}.verify-main .field{font-size:16px;letter-spacing:1px;min-height:50px;max-width:470px;text-transform:uppercase}.verify-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:15px}.verify-result{max-width:600px}.simple-steps{padding-left:20px;color:#67808c;font-size:13px;line-height:1.8}
/* simpler modals */
.modal-explanation{font-size:13px;color:#73858c;margin:0 0 17px;line-height:1.6}.optional-fields{margin:17px 0;background:#f8fafb;border:1px solid #e3e9ec;padding:14px;border-radius:12px}.optional-fields summary{cursor:pointer;color:#1f6158;font-size:12px;font-weight:800}.optional-fields[open] summary{margin-bottom:19px}.optional-fields .form-grid{padding-top:2px}.form-grid .form-group.wide textarea{width:100%}.form-help{font-size:11px;color:#9aa6ab;margin-top:4px;line-height:1.5}
.mobile-bottom{display:none}.nav-scrim{display:none}
@media(max-width:1170px){.view{padding:29px 25px 55px}.home-columns{grid-template-columns:1fr}.task-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{width:270px;left:-280px;z-index:40;box-shadow:12px 0 50px #001c2540}.sidebar.open{left:0}.nav-scrim{display:block;position:fixed;inset:0;background:#031b2790;border:none;z-index:35}.app-content{width:100%}.hamburger{display:inline-grid;place-items:center;width:40px;height:40px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #dce6e7;align-items:center;justify-content:space-around;padding:5px 6px max(5px, env(safe-area-inset-bottom));z-index:30;box-shadow:0 -6px 22px #102a3010}.bottom-item{display:grid;place-items:center;gap:4px;border:none;background:transparent;min-width:0;flex:1;color:#748a94;font-weight:700;font-size:10px;height:57px;border-radius:10px}.bottom-item span{font-size:22px;line-height:1}.bottom-item.active{background:#eaf7f1;color:#087968}.view{padding:24px 19px 120px}.app-footer{padding-bottom:105px}.topbar{height:66px;padding:0 21px}.top-date{display:none}.toast{bottom:92px}.modal-backdrop{z-index:60}.demo-alert{padding:8px 20px}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.verify-layout{grid-template-columns:1fr}.verify-steps{display:flex;flex-wrap:wrap}.verify-step{flex:1;min-width:130px}.welcome-panel{padding:22px}.welcome-help{display:none}}
@media(max-width:620px){.topbar{padding:0 15px}.top-brand{font-size:13px}.top-crumb{font-size:12px}.topbar-left{gap:7px}.topbar-right{gap:8px}.help-link{padding:8px}.help-link span{display:none}.initials{display:none}.demo-alert{font-size:11px;gap:6px;padding:8px 13px}.demo-alert a{margin-left:0}.welcome-panel h1{font-size:25px}.welcome-panel p{font-size:13px}.home-label{margin-top:20px}.task-grid{grid-template-columns:1fr 1fr;gap:10px}.task-card{padding:15px;display:block;min-height:138px}.task-icon{width:36px;height:36px;font-size:20px;margin-bottom:12px}.task-card strong{font-size:13px}.task-card small{font-size:11px}.task-arrow{display:none}.quick-stats{gap:8px}.quick-stat{padding:14px 11px}.quick-stat span{font-size:10px}.quick-stat strong{font-size:19px}.quick-stat small{font-size:10px}.view{padding:20px 13px 120px}.page-top{display:block}.page-top h1{font-size:25px}.page-top>.actionbar{margin-top:16px}.buyer-cards{grid-template-columns:1fr}.buyer-card{padding:16px}.filter-row .searchbox{width:100%}.filter-row .select{width:100%}.invoice-item{gap:9px;flex-wrap:wrap;padding:15px}.invoice-item .invoice-main{min-width:calc(100% - 130px)}.invoice-item .invoice-amount{margin-left:auto}.invoice-item .invoice-action{width:100%;justify-content:space-between;padding-top:8px;border-top:1px solid #edf0f0}.invoice-action .btn{flex:1}.verify-main{padding:18px;min-height:0}.verify-step{min-width:85px;padding:12px}.verify-main h2{font-size:21px}.modal{width:calc(100% - 18px);max-height:89vh;border-radius:16px}.modal-head,.modal-body{padding:17px}.modal-footer{bottom:-17px}.page-top .actionbar .btn{flex:1}.panel-head,.panel-body{padding-left:17px;padding-right:17px}}
@media(max-width:370px){.task-grid{grid-template-columns:1fr}.task-card{min-height:0;display:flex}.task-icon{margin:0}.quick-stats{grid-template-columns:1fr 1fr}}
@media print{.mobile-bottom,.nav-scrim,.app-footer{display:none!important}}

/* PaySure premium light polish: calm, consistent, approachable */
.app .sidebar{background:linear-gradient(180deg,#ffffff 0%,#f7fbfc 100%);border-right:1px solid #dfebee;box-shadow:6px 0 28px rgba(31,74,82,.035)}
.app .app-brand{font-family:'Sora',sans-serif;color:#194450;letter-spacing:-.065em;font-size:23px}
.app .app-brand b{color:#109a85}
.app .app-brand small{font-family:'Inter',sans-serif;letter-spacing:1.4px;color:#839ba3}
.app .brand-block{background:linear-gradient(145deg,#16b69b,#7fe7d1);border-radius:12px;color:white;box-shadow:0 6px 18px rgba(22,182,155,.15)}
.app .workspace-choice{border:1px solid #deebee;background:#fff;border-radius:13px;box-shadow:0 7px 23px rgba(26,57,67,.035)}
.app .workspace-label b{color:#284b56}
.app .sidebar-label{color:#99acb1}
.app .side-item{font-size:12.5px;border-radius:11px;min-height:45px;color:#6b8590}
.app .side-item.active{background:#e4f7ef;color:#0d7567;box-shadow:inset 3px 0 #16aa90}
.app .side-item.active .ico{color:#0b9e88}
.app .side-item:hover{background:#f0faf7;color:#245a55}
.app .demo-status{border-radius:14px;background:#eef9f5;border-color:#d7eee7;color:#326a61}
.app .demo-status p{color:#77968d}
.app .topbar{background:rgba(255,255,255,.94);box-shadow:0 3px 18px rgba(25,55,65,.025)}
.app .view{max-width:1400px}
.app .page-top h1{letter-spacing:-.055em;color:#173c49}
.app .panel,.app .stat,.app .quick-stat,.app .buyer-card,.app .invoice-item,.app .validation-card,.app .verify-main{border-radius:17px;border-color:#e2ebed;box-shadow:0 10px 38px rgba(24,54,66,.045)}
.app .panel-head h2{font-size:16px;letter-spacing:-.04em}
.app .btn,.app .searchbox,.app .field,.app .select{border-radius:11px}
.app .btn-primary{background:#129a85;box-shadow:0 9px 25px rgba(18,154,133,.17);color:white}
.app .btn-primary:hover{background:#0b816f;filter:none}
.app .actionbar .btn{min-height:41px}
.app .welcome-panel,.app .wide-cta{background:linear-gradient(115deg,#e8f9f2 0%,#edf9fd 100%);border:1px solid #dbece8;color:#205049;border-radius:17px}
.app .wide-cta p{color:#64848a}
.app .task-card{border-radius:15px;border:1px solid #e0ecee;box-shadow:0 7px 28px rgba(25,55,65,.035);background:#fff}
.app .task-card:hover{border-color:#b5ded4;box-shadow:0 16px 36px rgba(25,55,65,.075)}
.app .task-icon{background:#e4f7ef;color:#109981;border-radius:13px}
.app .quick-stat{background:#fff}
.app .check-intro{background:#ecfaf5;border-color:#d4ebe4}
.app .verify-step.active,.app .pilltab.active{background:#e6f8f1;border-color:#abdccd;color:#0a806c}
.app .bottom-item.active{background:#e4f6ee;color:#0e937c}
.app .mobile-bottom{background:#ffffffee;backdrop-filter:blur(12px)}