.fo-page{display:flex;flex-direction:column;gap:14px}
.fo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.fo-head h1{margin:0;font-size:22px;letter-spacing:-.5px}.fo-head p{margin:4px 0 0;font-size:10.5px;color:var(--fx-muted)}
.fo-actions{display:flex;gap:8px;flex-wrap:wrap}.fo-btn{border:0;border-radius:10px;padding:9px 12px;font-size:10.5px;font-weight:700;cursor:pointer}.fo-btn.primary{background:var(--fx-green);color:#fff}.fo-btn.secondary{background:#fff;border:1px solid var(--fx-border);color:var(--fx-text)}
.fo-back{border:0;background:transparent;color:#0b6a51;font-size:10px;font-weight:800;padding:0;margin:0 0 6px;cursor:pointer}
.fo-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.fo-stat{background:#fff;border:1px solid var(--fx-border);border-radius:14px;padding:13px}.fo-stat span{display:block;color:var(--fx-muted);font-size:9px}.fo-stat strong{display:block;font-size:18px;margin-top:5px}.fo-stat small{font-size:8.5px;color:var(--fx-muted)}
.fo-toolbar{display:flex;gap:8px;background:#fff;border:1px solid var(--fx-border);border-radius:14px;padding:10px;align-items:center;flex-wrap:wrap}.fo-search{flex:1;min-width:210px;border:1px solid var(--fx-border);background:#f7f9f8;border-radius:9px;padding:9px 10px;font-size:10.5px;outline:0}.fo-select{border:1px solid var(--fx-border);background:#fff;border-radius:9px;padding:9px 10px;font-size:10.5px}
.fo-table-wrap{background:#fff;border:1px solid var(--fx-border);border-radius:15px;overflow:auto}.fo-table{width:100%;border-collapse:collapse;min-width:920px}.fo-table th{padding:10px 12px;text-align:left;background:#f7f9f8;color:var(--fx-muted);font-size:9px;text-transform:uppercase;letter-spacing:.35px}.fo-table td{padding:11px 12px;border-top:1px solid #edf1ee;font-size:10px;vertical-align:middle}.fo-order{font-weight:800;color:#075f48}.fo-client{font-weight:700}.fo-muted{font-size:8.7px;color:var(--fx-muted);margin-top:2px}.fo-stage{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8.5px;font-weight:800}.fo-stage.comercial{background:#eaf6ee;color:#177347}.fo-stage.pcp{background:#f0eaff;color:#6542b4}.fo-stage.producao{background:#fff0e4;color:#c45e12}.fo-stage.logistica{background:#eaf2ff;color:#2d66c8}.fo-stage.entregue{background:#e8f6ef;color:#08785b}.fo-open{border:1px solid var(--fx-border);background:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:700;color:#075f48;cursor:pointer}
.fo-empty{padding:40px 20px;text-align:center;color:var(--fx-muted);font-size:11px}.fo-empty.compact{padding:16px 0}
.fo-flowline{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--fx-border);border-radius:13px;padding:10px 12px;overflow:auto}.fo-flowline span{white-space:nowrap;padding:6px 9px;border-radius:999px;background:#f0f3f1;color:#7c8a84;font-size:9px;font-weight:800}.fo-flowline span.active{background:#e8f5ef;color:#075f48}.fo-flowline span.done{background:#075f48;color:#fff}.fo-flowline i{font-style:normal;color:#98a49f}
.fo-form{display:flex;flex-direction:column;gap:14px}.fo-card{background:#fff;border:1px solid var(--fx-border);border-radius:15px;padding:15px}.fo-card h2{font-size:12px;margin:0 0 12px}.fo-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fo-card-head p{font-size:9px;color:var(--fx-muted);margin:-6px 0 10px}
.fo-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.fo-field{display:flex;flex-direction:column;gap:5px;min-width:0}.fo-field.wide{grid-column:span 2}.fo-field span{font-size:8.7px;color:#60736b;font-weight:700}.fo-field input,.fo-card textarea{width:100%;border:1px solid var(--fx-border);border-radius:9px;padding:9px 10px;font-size:10px;background:#fff;outline:0}.fo-field input:focus,.fo-card textarea:focus{border-color:#0b6a51;box-shadow:0 0 0 2px rgba(11,106,81,.08)}.fo-field input:disabled,.fo-card textarea:disabled{background:#f5f7f6;color:#68766f}.fo-card textarea{min-height:80px;resize:vertical}
.fo-items-wrap{overflow:auto;border:1px solid #edf1ee;border-radius:10px}.fo-items{width:100%;border-collapse:collapse;min-width:720px}.fo-items th{background:#f7f9f8;text-align:left;padding:8px;font-size:8px;color:#6f7e77;text-transform:uppercase}.fo-items td{border-top:1px solid #edf1ee;padding:6px}.fo-items input{width:100%;border:1px solid transparent;border-radius:7px;padding:8px;font-size:10px;background:#fbfcfb}.fo-items input:focus{background:#fff;border-color:#0b6a51;outline:0}.fo-line-total{font-weight:800;white-space:nowrap}.fo-remove{border:0;background:#fff0f0;color:#b72e35;border-radius:7px;width:30px;height:30px;cursor:pointer;font-weight:900}.fo-total{display:flex;justify-content:flex-end;align-items:baseline;gap:12px;padding-top:12px}.fo-total span{font-size:9px;color:var(--fx-muted)}.fo-total strong{font-size:18px;color:#075f48}
.fo-history{display:flex;flex-direction:column}.fo-history-row{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:9px 0;border-top:1px solid #edf1ee}.fo-history-row:first-child{border-top:0}.fo-history-row>span{font-size:8.5px;color:var(--fx-muted)}.fo-history-row b{display:block;font-size:9.5px}.fo-history-row small{display:block;font-size:8px;color:var(--fx-muted);margin-top:2px}
@media(max-width:1000px){.fo-fields{grid-template-columns:repeat(2,1fr)}.fo-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.fo-head{align-items:flex-start;flex-direction:column}.fo-summary{grid-template-columns:1fr 1fr}.fo-fields{grid-template-columns:1fr}.fo-field.wide{grid-column:auto}.fo-card{padding:12px}.fo-actions{width:100%}.fo-actions .fo-btn{flex:1}.fo-flowline{padding:8px}.fo-history-row{grid-template-columns:64px 1fr}}

.fo-field select{width:100%;border:1px solid var(--fx-border);border-radius:9px;padding:9px 10px;font-size:10px;background:#fff;outline:0}
.fo-field select:focus{border-color:#0b6a51;box-shadow:0 0 0 2px rgba(11,106,81,.08)}
.fo-inline-input{display:flex;gap:6px}.fo-inline-input input{min-width:0;flex:1}.fo-inline-input button{border:1px solid #0b6a51;background:#e8f5ef;color:#075f48;border-radius:8px;padding:0 9px;font-size:8.5px;font-weight:800;cursor:pointer}
.fo-inline-input button:disabled{opacity:.5;cursor:default}.fo-cnpj-status{font-size:8.8px;color:var(--fx-muted);margin-top:9px;min-height:14px}.fo-cnpj-status.ok{color:#08785b}.fo-cnpj-status.warn{color:#a96308}.fo-cnpj-status.bad{color:#bd3439}
.fo-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--fx-border);border-radius:14px;padding:12px}
.fo-period label{display:flex;flex-direction:column;gap:4px}.fo-period label span,.fo-period>div span{font-size:8px;color:var(--fx-muted);font-weight:700}.fo-period input{border:1px solid var(--fx-border);border-radius:9px;padding:8px 9px;font-size:10px}.fo-period>div{min-width:100px;padding:0 10px}.fo-period>div strong{display:block;font-size:15px;margin-top:3px}.fo-report-table{min-width:1100px}
@media(max-width:650px){.fo-inline-input{flex-direction:column}.fo-inline-input button{min-height:36px}.fo-period{align-items:stretch}.fo-period label{flex:1;min-width:130px}.fo-period>div{padding:4px 0}}

.fo-money-input{display:flex;align-items:center;border:1px solid transparent;border-radius:7px;background:#fbfcfb;overflow:hidden;min-width:112px}
.fo-money-input:focus-within{background:#fff;border-color:#0b6a51}
.fo-money-input span{padding:0 0 0 8px;font-size:9px;font-weight:800;color:#52665e;white-space:nowrap}
.fo-money-input input{border:0!important;background:transparent!important;text-align:right;min-width:72px;padding-left:5px!important;font-variant-numeric:tabular-nums}
.fo-money-input input:focus{box-shadow:none!important;outline:0}

.fo-rep-select{display:flex;gap:6px;align-items:stretch}
.fo-rep-select select{flex:1;min-width:0}
.fo-rep-select button{width:36px;border:1px solid #0b6a51;background:#e8f5ef;color:#075f48;border-radius:8px;font-size:16px;font-weight:800;cursor:pointer}
.fo-rep-select button:hover{background:#dff1e9}

.fo-field span::after{content:""}
.fo-field-required>span::after{content:" *";color:#bd3439}