:root{color:#18304b;background:#f4f7fa;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login{background:linear-gradient(145deg,#102a43,#0d6272);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:20px;width:420px;max-width:100%;padding:38px;box-shadow:0 24px 70px #061c2d66}.brand,.side-brand{align-items:center;gap:13px;display:flex}.brand>b,.side-brand>b{color:#fff;background:#16a0aa;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.brand h1{margin:0}.brand span,.muted{color:#718096}.login label{margin:18px 0 7px;font-size:13px;font-weight:700;display:block}.login input,.create input,.create select{border:1px solid #d9e2ec;border-radius:9px;width:100%;height:43px;padding:0 12px}.primary{color:#fff;background:#0e7280;border:0;border-radius:9px;min-height:43px;padding:0 18px;font-weight:800}.login .primary{width:100%;margin-top:23px}.error{color:#a12f38;background:#fff0f0;border:1px solid #f2c7cb;border-radius:9px;margin:14px 0;padding:12px}.shell{min-height:100vh;display:flex}aside{color:#fff;background:#102a43;flex-direction:column;width:245px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{padding:0 7px 25px}.side-brand>b{width:40px;height:40px}.side-brand strong,.side-brand small,.account strong,.account small{display:block}.side-brand small,.account small{color:#a9bed0;margin-top:3px}nav{flex:1}nav button{color:#d9e7ef;text-align:left;background:0 0;border:0;border-radius:9px;width:100%;margin:2px 0;padding:12px 14px}nav button.active,nav button:hover{color:#fff;background:#ffffff16}.account{border-top:1px solid #ffffff20;padding:16px 8px 0}.account button{color:#fff;background:0 0;border:1px solid #ffffff30;border-radius:8px;width:100%;margin-top:12px;padding:8px 14px}main{width:calc(100% - 245px);margin-left:245px;padding:34px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{margin:0;font-size:28px}header p{color:#718096;margin:5px 0}.online{color:#168567;background:#e6f6f0;border-radius:30px;padding:8px 12px;font-size:13px}.cards{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.card,.panel,.welcome{background:#fff;border:1px solid #dfe8ef;border-radius:14px;padding:20px}.card span{color:#6b7f91;font-size:13px}.card strong{margin-top:10px;font-size:30px;display:block}.welcome{margin-top:20px}.welcome h2{margin-top:0}.create{grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:9px;margin-bottom:20px;display:grid}.inline-error{color:#a12f38;grid-column:1/-1}.table-wrap{border:1px solid #e1e8ee;border-radius:11px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf2f6;padding:13px 15px}th{color:#637789;background:#f8fafc;font-size:12px}.empty{text-align:center;color:#718096;padding:45px}@media (width<=1050px){.cards{grid-template-columns:repeat(2,1fr)}.create{grid-template-columns:1fr 1fr}}@media (width<=700px){aside{width:100%;position:static}.shell{display:block}main{width:100%;margin:0;padding:20px}.cards,.create{grid-template-columns:1fr}.online{display:none}}.integration-grid{gap:20px;display:grid}.integration-button{margin:14px 0}.panel>select,.table-wrap select{background:#fff;border:1px solid #d9e2ec;border-radius:8px;height:40px;padding:0 10px}.panel>select{min-width:280px;margin-top:6px;display:block}.key-box{background:#e8f7f5;border:1px solid #9bd8d0;border-radius:10px;margin:0 0 18px;padding:15px}.key-box strong,.key-box code{display:block}.key-box code{word-break:break-all;background:#fff;border-radius:7px;margin:10px 0;padding:10px}.key-box button,.table-wrap button{cursor:pointer;border:0;border-radius:7px;padding:8px 11px}.integration-grid h2{margin-top:0}.order-counters{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.order-counter{text-align:left;color:#18304b;background:#fff;border:1px solid #dfe8ef;border-radius:13px;padding:16px}.order-counter span{color:#6b7f91}.order-counter strong{margin-top:6px;font-size:27px;display:block}.order-counter.selected{border-color:#16a0aa;box-shadow:0 0 0 2px #16a0aa22}.orders-panel{padding:0;overflow:hidden}.orders-toolbar{border-bottom:1px solid #e4ebf0;grid-template-columns:2fr repeat(3,1fr) auto;gap:9px;padding:16px;display:grid}.orders-toolbar input,.orders-toolbar select{background:#fff;border:1px solid #d9e2ec;border-radius:9px;height:42px;padding:0 11px}.orders-toolbar button{background:#e8eef3;border:0;border-radius:9px;padding:0 15px}.orders-head,.order-row{grid-template-columns:110px minmax(190px,1.5fr) minmax(140px,1fr) minmax(130px,1fr) 100px 135px 135px;align-items:center;gap:12px;display:grid}.orders-head{color:#6c8091;background:#f7fafc;padding:11px 16px;font-size:12px;font-weight:700}.order-row{text-align:left;color:#18304b;background:#fff;border:0;border-top:1px solid #edf2f5;width:100%;padding:13px 16px}.order-row:hover{background:#f4fafb}.order-row span,.order-row small{min-width:0}.order-row strong,.order-row small{display:block}.order-row small{color:#718497;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.origin-badge{color:#d06100;font-size:12px}.status-badge{text-transform:uppercase;letter-spacing:.03em;color:#506476;background:#edf1f4;border-radius:20px;padding:6px 9px;font-size:11px;display:inline-flex}.status-badge.novo{color:#2563a5;background:#e7f0ff}.status-badge.aguardando{color:#9a6512;background:#fff4d9}.status-badge.saiu_entrega{color:#08749b;background:#e7f5ff}.status-badge.entregue{color:#257044;background:#e5f6eb}.status-badge.cancelado{color:#a33838;background:#fde8e8}.order-overlay{z-index:50;background:#102a4366;justify-content:flex-end;display:flex;position:fixed;inset:0}.order-detail{background:#f4f7fa;width:680px;max-width:96vw;height:100%;padding:24px;overflow:auto;box-shadow:-18px 0 55px #102a4333}.order-detail>header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.order-detail h2{margin:3px 0}.order-detail header p{color:#718497;margin:0}.eyebrow{color:#0e7c88;font-size:11px;font-weight:800}.close-detail{background:#e4ebef;border:0;border-radius:50%;width:40px;height:40px;font-size:26px}.detail-status{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.detail-card{background:#fff;border:1px solid #dfe8ef;border-radius:13px;margin-bottom:13px;padding:18px}.detail-card h3{margin:0 0 13px;font-size:15px}.detail-card p{margin:6px 0}.detail-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.detail-card dt{color:#718497;font-size:11px}.detail-card dd{margin:3px 0 0}.mono{word-break:break-all;font-family:monospace;font-size:12px}.address-detail{line-height:1.5}.note-detail{background:#fff7dd;border-left:3px solid #e6aa21;margin-top:12px;padding:10px}.item-detail{border-top:1px solid #edf2f5;grid-template-columns:45px 1fr auto;gap:10px;padding:11px 0;display:grid}.item-detail:first-child{border-top:0}.item-detail small,.item-detail em{color:#718497;margin-top:3px;display:block}.item-detail em{color:#9a6512}.qty{color:#0e7c88;font-weight:800}.totals-detail>div{justify-content:space-between;padding:5px 0;display:flex}.totals-detail .grand-total{border-top:1px solid #dfe8ef;margin-top:7px;padding-top:12px;font-size:19px}.timeline p{border-left:2px solid #16a0aa;margin:0;padding:0 0 14px 14px}.timeline b,.timeline span{display:block}.timeline span{color:#718497;margin-top:3px;font-size:12px}@media (width<=1150px){.orders-head{display:none}.order-row{grid-template-columns:90px 1fr 130px 120px}.order-row>span:nth-child(3),.order-row>span:nth-child(4),.order-row>span:nth-child(7){display:none}.orders-toolbar,.order-counters{grid-template-columns:1fr 1fr}}@media (width<=700px){.order-counters{grid-template-columns:1fr 1fr}.orders-toolbar{grid-template-columns:1fr}.order-row{grid-template-columns:75px 1fr 110px}.order-row>span:nth-child(5){display:none}.detail-card dl{grid-template-columns:1fr}}.order-detail,.order-detail h2,.order-detail h3,.order-detail strong,.order-detail dd,.order-detail b,.item-detail>span:last-child{color:#18304b}.order-detail .eyebrow{color:#0e7c88}.order-detail header p,.order-detail dt,.order-detail small{color:#718497}.order-detail .qty{color:#0e7c88}.order-detail .status-badge.novo{color:#2563a5}.order-detail .status-badge.aguardando{color:#9a6512}.order-detail .status-badge.saiu_entrega{color:#08749b}.order-detail .status-badge.entregue{color:#257044}.order-detail .status-badge.cancelado{color:#a33838}.orders-toolbar{grid-template-columns:minmax(260px,2fr) repeat(2,minmax(145px,1fr)) repeat(3,minmax(140px,1fr)) auto;align-items:end}.date-filter{color:#64798b;flex-direction:column;gap:4px;font-size:11px;display:flex}.date-filter input{box-sizing:border-box;width:100%}@media (width<=1450px){.orders-toolbar{grid-template-columns:repeat(4,1fr)}.orders-toolbar>input:first-child{grid-column:span 2}}@media (width<=800px){.orders-toolbar{grid-template-columns:1fr 1fr}.orders-toolbar>input:first-child{grid-column:1/-1}}.motoboy-title{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.motoboy-title h2{margin:0 0 4px}.cell-small{color:#708497;margin-top:4px;font-size:11px;display:block}.app-badge{border-radius:18px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.app-badge.active{color:#267246;background:#e2f6ea}.app-badge.pending{color:#97630e;background:#fff4d9}.app-badge.blocked{color:#9d3434;background:#fde8e8}.config-app-button{color:#0b7f89;white-space:nowrap;background:#fff;border:1px solid #13a0ae;border-radius:8px;padding:8px 11px;font-weight:700}.access-overlay{z-index:80;background:#102a4370;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.access-modal{color:#18304b;background:#fff;border-radius:16px;flex-direction:column;gap:8px;width:470px;max-width:96vw;padding:24px;display:flex;box-shadow:0 25px 80px #102a4350}.access-head{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.access-head span{color:#0c8995;font-size:11px;font-weight:800}.access-head h2{margin:4px 0}.access-head button{background:#e8eef2;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.access-modal>label{margin-top:7px;font-size:12px;font-weight:700}.access-modal>input{border:1px solid #d8e2e9;border-radius:9px;height:43px;padding:0 11px}.access-switch{align-items:center;gap:9px;display:flex;font-size:14px!important}.access-switch input{width:18px;height:18px}.access-note{color:#426573;background:#eef8fa;border-radius:9px;margin-top:7px;padding:11px;font-size:12px;line-height:1.4}.access-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.access-actions button{border:0;border-radius:9px;padding:11px 16px}.access-actions button:first-child{background:#e8eef2}
