:root{--ink:#1c3040;--green:#245c49;--sage:#88ad99;--pale:#e8f2ec;--bg:#f7f9f7;--line:#dfe8e2}
.topbar{flex-wrap:wrap}.test-company-selector{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.test-company-selector label{font-size:.78rem;color:#4f675b}.test-company-selector select{width:215px;max-width:100%}@media(max-width:620px){.test-company-selector{width:100%}.test-company-selector label{width:100%}.test-company-selector select{flex:1;min-width:0}}
html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}h1{font-size:2rem;font-weight:700}h2{font-size:1.2rem;font-weight:700}.muted,.page-heading p{color:#65766e}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:var(--green);font-weight:700}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);padding:26px 16px;flex:none}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:30px;font-size:.78rem;letter-spacing:.08em}.brand img{width:118px;height:72px;object-fit:contain}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:11px 13px;border-radius:8px;color:#365049;font-size:.91rem}.sidebar nav a:hover,.sidebar nav a:focus{background:var(--pale);color:var(--green)}.sidebar small{display:block;color:#86978e;font-size:.7rem}.main-column{min-width:0;flex:1}.topbar{display:flex;align-items:center;gap:18px;min-height:62px;background:#fff;border-bottom:1px solid var(--line);padding:12px 28px}.test-banner{background:var(--green);color:#fff;padding:7px 11px;border-radius:4px;font-weight:700;font-size:.75rem;letter-spacing:.08em}.sender{font-size:.84rem;color:#4f675b}.top-user{margin-left:auto;font-size:.83rem}.logout{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 10px;color:var(--green)}.content{max-width:1280px;margin:auto;padding:34px 30px 70px}.page-heading{margin-bottom:25px}.page-heading h1{margin:6px 0}.page-card,.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.summary-card{display:flex;flex-direction:column;gap:10px;min-height:140px}.summary-card span{font-size:.85rem;color:#60756b}.summary-card strong{font-size:1.45rem;color:var(--green)}.summary-card small{color:#667a70}.btn-mistone{background:var(--green);color:#fff;border:none}.btn-mistone:hover{background:#174434;color:#fff}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tabs a{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:7px;font-size:.88rem}.tabs .active{background:var(--green);color:#fff}.notice{background:#f0f5f1;border-left:3px solid var(--sage);padding:13px 15px;margin:15px 0}.empty-state{text-align:center;padding:35px 10px}.status-list{display:grid;grid-template-columns:210px 1fr;gap:12px 16px}.status-list dt{font-weight:500;color:#687e72}.status-list dd{margin:0;font-weight:600}.checklist{line-height:2}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.view-modes{display:flex;gap:5px}.view-modes button{border:1px solid var(--line);background:#f8faf8;color:#64746a;padding:7px 10px;border-radius:5px}.timeline{display:grid;grid-template-columns:230px 1fr;margin-top:22px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.timeline>div{padding:19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline-label{font-weight:600}.timeline-placeholder{background:repeating-linear-gradient(90deg,#fbfcfb 0,#fbfcfb 49px,#edf3ef 50px);color:#7b8d81}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;width:min(100%,430px)}.login-logo{width:130px;height:85px;object-fit:contain;margin-bottom:12px}.login-card h1{font-size:1.55rem}.login-card .muted{margin-bottom:26px}.form-control:focus{border-color:var(--sage);box-shadow:0 0 0 .2rem #88ad9940}
@media(max-width:900px){.sidebar{width:195px}.summary-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.top-user{margin-left:0}.timeline{grid-template-columns:150px 1fr}}
.preview-label{font-size:.78rem;color:#8a4f00;background:#fff4df;border:1px solid #ead5a5;border-radius:5px;padding:7px 9px}
.invoice-workflow{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin-bottom:20px}.workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-status{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:.84rem;font-weight:700}.tone-neutral{background:#f4f6f4;color:#4d665b}.tone-ready{background:var(--pale);color:var(--green)}.tone-pending{background:#eef3f9;color:#365475}.tone-warning{background:#fff4df;color:#8a4f00}.workflow-environment{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--green);white-space:nowrap}.workflow-message{margin:13px 0 20px;color:#52675d;line-height:1.6}.workflow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-steps li{display:flex;align-items:flex-start;gap:11px;padding:13px 12px;border:1px solid var(--line);border-radius:7px;background:#fafcfa}.step-number{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #cbd7d0;border-radius:50%;color:#65776e;font-size:.85rem;font-weight:700}.workflow-steps strong{display:block;font-size:.94rem;margin-bottom:4px}.workflow-steps div>span{display:block;color:#65776e;font-size:.81rem;line-height:1.5}.workflow-steps .current{border-color:var(--sage);background:var(--pale)}.workflow-steps .current .step-number{background:var(--green);border-color:var(--green);color:#fff}.workflow-steps .done .step-number{background:var(--pale);color:var(--green);border-color:var(--sage)}.workflow-steps .next{color:#718077}.invoice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.invoice-next-action h2{margin:0 0 10px}.invoice-next-action p{line-height:1.6}.approval-record{border-top:1px solid var(--line);padding-top:14px;margin:18px 0 0;color:#65776e;font-size:.84rem}.invoice-identifiers{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.invoice-identifiers summary{cursor:pointer;color:#50675a;font-size:.9rem;font-weight:600}.invoice-identifiers dd,.provider-status,.invoice-number{overflow-wrap:anywhere}.provider-status{font-size:.85rem;font-weight:500;margin:10px 0;line-height:1.6}.invoice-number{max-width:280px}
@media(max-width:760px){.workflow-steps{grid-template-columns:1fr}.invoice-workflow{padding:17px}.workflow-heading{align-items:flex-start}.workflow-steps li{padding:11px}.invoice-actions .btn{width:100%}.workflow-status{font-size:.8rem}.invoice-next-action form .muted{display:block;margin:8px 0 0!important}}
.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:620px){.app-shell{display:block}.sidebar{width:100%;padding:8px 14px}.brand{flex-direction:row;justify-content:center;margin:0 0 8px}.brand img{width:62px;height:40px}.sidebar nav{flex-direction:row;overflow-x:auto;white-space:nowrap}.sidebar nav a{flex:none;padding:8px 10px}.sidebar small{display:none}.topbar{gap:8px;padding:9px 14px}.sender{width:100%;order:2}.content{padding:24px 14px}.page-card{padding:17px}.status-list{grid-template-columns:1fr;gap:3px}.status-list dd{margin-bottom:10px}.timeline-head{display:block}.view-modes{overflow-x:auto;margin-top:12px}.timeline{grid-template-columns:110px minmax(240px,1fr);overflow-x:auto}.timeline>div{padding:12px;font-size:.78rem}.tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}}