/* Outsourced service and supplier-payables mobile form. */
#co-vendors .ve-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
#co-vendors .ve-wide{grid-column:span 2;background:#e4f1ea;border:1px solid #d1e5d9}
#co-vendors .ve-wide strong{color:#125f50}
#co-vendors .ve-modes{margin:4px 0 16px}
#co-vendors input[type="text"],#co-vendors input:not([type]),#co-vendors select,#co-vendors textarea{font-size:16px}
#co-vendors .co-ack{display:flex!important;align-items:flex-start}
#co-vendors .co-ack input{width:20px;min-width:20px}
#co-vendors .co-total .co-final{align-items:center}
#co-vendors .co-total strong{font-size:14px;overflow-wrap:anywhere}
#co-vendors .ve-report-card{padding:13px 0;border-bottom:1px solid #e5ece6;display:grid;gap:10px}
#co-vendors .ve-report-card>strong{font-size:14px;color:#176357}
#co-vendors .co-record-metrics{gap:8px}
#co-vendors .co-record-metrics span{min-width:0}
#co-vendors .co-record-metrics b{font-size:12px;display:block;overflow-wrap:anywhere}
#co-vendors .co-item{align-items:flex-start}
#co-vendors .co-item>div{min-width:0}
#co-vendors .co-item>div:last-child{text-align:left}
#co-vendors .co-item>div:last-child strong{display:block;white-space:nowrap;direction:ltr}
#co-vendors .co-item small{overflow-wrap:anywhere}
#co-vendors input[hidden],#co-vendors label[hidden]{display:none!important}
.co-progress-track{height:13px;background:#e5f0e9;overflow:hidden;border-radius:9px;margin-top:8px}
.co-progress-track>div,.co-progress-fill{height:100%;background:#14876f;border-radius:9px;transition:width .22s ease}
.co-progress-numbers{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;color:#286b60;font-size:11px;margin-top:11px}
.co-day-row{font-size:12px;background:#f3f7f4;border-radius:9px;margin:6px 0;padding:9px}
.co-progress-caption{font-size:12px;color:#0b6557}
.co-target-save{background:#eaf7ed;border:1px solid #bad8c6;color:#0d6956;font-weight:700;border-radius:11px;padding:12px;margin-top:10px;width:100%;min-height:43px}
.co-switch{grid-template-columns:1fr 1fr 1fr}
.co-switch button{font-size:11px;line-height:1.5;padding:8px 4px;min-height:56px;white-space:normal}
@media(max-width:370px){.co-switch button{font-size:10px}.co-hero h2{font-size:18px}}


/* Responsive, deliberate actions: no floating submit button covering fields. */
.finance-home-head h2{font-size:18px;margin:4px 0 7px}
.finance-home-head p{font-size:12px;line-height:1.8;color:#658079;margin:0 0 16px}
.finance-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 20px}
.finance-action-tile{background:#f8fbf8;border:1px solid #d8e5de;border-radius:15px;padding:14px 11px;min-height:111px;display:flex;align-items:flex-start;text-align:right;flex-direction:column;gap:6px;color:#1c554d;cursor:pointer;touch-action:manipulation}
.finance-action-tile.finance-active{border:2px solid #13846d;background:#eaf6ee;box-shadow:0 0 0 1px #13846d0e}
.finance-action-tile:focus-visible{outline:3px solid #13a289;outline-offset:2px}
.finance-tile-icon{display:inline-flex;color:#0d7665;background:#e3f2e9;padding:8px;border-radius:11px;margin-bottom:1px}
.finance-action-tile strong{font-size:13px;font-weight:750}
.finance-action-tile small{font-size:11px;line-height:1.6;color:#627c75}
.finance-entry-header{background:#edf6f0;padding:15px;border-radius:14px;border:1px solid #d9e9dc;margin:0 0 8px}
.finance-entry-header h3{font-size:16px;margin:0 0 5px}
.finance-entry-header p{font-size:12px;color:#53746b;line-height:1.8;margin:0}
#legacy-company-form label{font-size:13px}
#legacy-company-form .finance-submit{font-size:14px;min-height:51px}
#company-workflow .co-hero-icon svg{width:30px;height:30px}
#legacy-company-form form{gap:7px}
#co-batches,#co-vendors{min-width:0}
@media(max-width:340px){.finance-action-grid{gap:7px}.finance-action-tile{padding:12px 9px;min-height:105px}}