.farol-screen{display:grid;gap:16px;min-width:0}.farol-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap}.farol-head h2{margin-bottom:4px}.farol-head p{margin:0;color:#526677}.farol-period{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.farol-period label{display:grid;gap:4px;font-size:12px;font-weight:700}.farol-period select,.farol-period input{min-width:108px}.farol-period input{width:110px}.farol-panel{background:#fff;border:1px solid #d9e3e8;border-radius:12px;padding:18px;min-width:0}.farol-panel h3{margin:0 0 10px}.farol-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.farol-summary-grid>div{display:grid;gap:6px;padding:12px;border:1px solid #dae6e9;border-radius:9px;background:#f8fbfc}.farol-summary-grid span{font-size:12px;color:#526677}.farol-summary-grid strong{font-size:20px;color:#12383e}.farol-summary-grid .farol-subtotal{background:#e7f3f4;border-color:#9fc9d0}.farol-operational>div{border-left:3px solid #087087}.farol-table-scroll{overflow:auto}.farol-table{width:100%;border-collapse:collapse;min-width:770px}.farol-table th,.farol-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5ecef;vertical-align:top}.farol-table th{white-space:nowrap;background:#f3f8f9;color:#20444d}.farol-table tbody tr:hover{background:#f8fbfc}.farol-detail summary{cursor:pointer;color:#07566a;font-weight:700}.farol-detail ul{margin:5px 0;padding-left:18px}.farol-detail li{font-size:12px;line-height:1.4}.farol-warning{color:#895b08;background:#fff7e6;border:1px solid #e8c982;padding:9px;border-radius:7px}
.farol-dashboard{cursor:pointer;display:grid;gap:10px;min-width:0;outline:none}.farol-dashboard:focus-visible{box-shadow:0 0 0 3px rgba(7,93,104,.18)!important;border-color:#075d68}.farol-dashboard-head{margin-bottom:0!important}.farol-dashboard-head h3{margin:3px 0 0!important;font-size:17px}.farol-dashboard-eyebrow{display:block;color:#075d68;font-size:10px;font-weight:850;letter-spacing:.09em}.farol-dashboard-chart{min-width:0;border:1px solid #e1e9e7;border-radius:5px;background:linear-gradient(180deg,#fbfdfd,#f6f9f8);padding:8px 10px 2px}.farol-dashboard-chart svg{display:block;width:100%;height:190px;overflow:visible}.farol-chart-legend{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;color:#526677;font-size:10px;font-weight:700}.farol-chart-legend span{display:flex;align-items:center;gap:5px}.farol-chart-legend i{display:inline-block;width:9px;height:9px;border-radius:1px}.farol-key-receiving{background:#087087}.farol-key-shipping{background:#d49a12}.farol-key-occupancy{height:2px!important;background:#64748b}.farol-chart-grid line{stroke:#dfe8e6;stroke-width:1;stroke-dasharray:3 4}.farol-chart-bar{shape-rendering:crispEdges}.farol-chart-receiving{fill:#087087}.farol-chart-shipping{fill:#d49a12}.farol-chart-occupancy path{fill:none;stroke:#64748b;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;opacity:.72}.farol-chart-occupancy circle{fill:#fff;stroke:#64748b;stroke-width:1.2;opacity:.84}.farol-chart-labels text{fill:#71807e;font-size:9px;font-family:inherit}.farol-dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dfe7e5}.farol-dashboard-summary>div{display:grid;gap:3px;padding:10px 11px;border-right:1px solid #e6ecea}.farol-dashboard-summary>div:last-child{border-right:0}.farol-dashboard-summary span{color:#687a78;font-size:10px;font-weight:700}.farol-dashboard-summary strong{color:#183236;font-size:16px;font-variant-numeric:tabular-nums}
.farol-bobbins-form,.shipment-finalize-confirm{display:block;margin-top:18px}.farol-bobbins-form label,.shipment-finalize-confirm label{display:grid;gap:6px;max-width:340px;font-weight:700;margin-bottom:12px}.farol-bobbins-form input,.shipment-finalize-confirm input{width:100%}@media(max-width:700px){.farol-head{align-items:stretch}.farol-period{width:100%}.farol-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.farol-summary-grid strong{font-size:17px}.farol-dashboard-head{align-items:flex-start}.farol-dashboard-head button{font-size:10px;padding:7px}.farol-dashboard-chart svg{height:160px}.farol-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.farol-dashboard-summary>div:nth-child(2){border-right:0}.farol-dashboard-summary>div:nth-child(-n+2){border-bottom:1px solid #e6ecea}}