.bo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:20px 0}.bo-metric{padding:24px;display:flex;flex-direction:column;gap:12px}.bo-metric strong{font-size:29px;color:#07836b}.bo-metric strong span{font-size:16px}.bo-metric.tone-1 strong{color:#39893b}.bo-metric.tone-2 strong{color:#7349be}.bo-metric.tone-3 strong{color:#e58d04}.bo-chart-row{display:grid;grid-template-columns:110px 1fr 140px;align-items:center;gap:15px;margin:12px 0}.bo-chart-row svg{width:100%;height:22px}.bo-chart-row strong{text-align:right}.bo-document{background:white;color:#173d35;border:1px solid #c8d8cf;padding:24px;margin:20px 0;overflow:auto}.bo-document-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #147247;padding-bottom:15px}.bo-document-head img{width:140px;height:auto}.bo-document-head h2{text-align:center;margin:0;font-size:20px}.bo-document-head div{font-size:12px;text-align:right}.bo-document table{width:100%;border-collapse:collapse;font-size:12px}.bo-document th,.bo-document td{border:1px solid #bdccc1;padding:7px;white-space:normal}.bo-document-total{padding:12px;text-align:right;background:#eef5ee;font-weight:700}.bo-document footer{padding-top:28px;font-size:12px}.bo-cabina{text-align:center;padding:15px;border:2px solid #398152;font-weight:700}.bo-truck{display:grid;grid-template-columns:1fr 1fr;border:1px solid #738e7d}.bo-truck>section{border:1px solid #738e7d;padding:12px;min-height:150px}.bo-truck h3{font-size:16px}.bo-warning{background:#fff2ce;padding:10px}.bo-tarja{min-height:470px}.bo-preview{max-width:1100px;margin:auto}[data-buyer-field] label{display:flex;flex-direction:column;gap:7px}[data-buyer-field] label[hidden]{display:none}
@media(max-width:650px){.bo-chart-row{grid-template-columns:75px 1fr 100px;font-size:12px;gap:8px}.bo-document{padding:12px}.bo-document-head{flex-wrap:wrap;gap:10px}.bo-document-head img{width:100px}.bo-document-head h2{font-size:17px}.bo-document-head div{width:100%;text-align:left}.bo-truck{grid-template-columns:1fr}.bo-truck>section{padding:8px}.bo-document td,.bo-document th{padding:4px;font-size:10px}}
@media print{body.blueberry-doc-print #sidebar,body.blueberry-doc-print .sidebar,body.blueberry-doc-print .topbar,body.blueberry-doc-print .pagehead,body.blueberry-doc-print .page-head,body.blueberry-doc-print .no-print,body.blueberry-doc-print #toast,body.blueberry-doc-print .skip,body.blueberry-doc-print .bottom-nav{display:none!important}body.blueberry-doc-print #page-content,body.blueberry-doc-print .main,body.blueberry-doc-print main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}body.blueberry-doc-print .bo-document{border:0;overflow:visible;margin:0;padding:8mm;break-after:page}body.blueberry-doc-print .bo-document:last-child{break-after:auto}body.blueberry-doc-print .bo-tarja{height:139mm;min-height:0;break-inside:avoid;break-after:auto;padding:6mm;border-bottom:1px dashed #777}body.blueberry-doc-print .bo-tarja:nth-child(even){break-after:page}body.blueberry-doc-print .bo-truck{grid-template-columns:1fr 1fr}body.blueberry-doc-print .bo-truck>section{break-inside:avoid}body.blueberry-doc-print .bo-document-head{flex-wrap:nowrap}body.blueberry-doc-print .bo-document-head div{width:auto;text-align:right}body.blueberry-doc-print .bo-document-head img{width:120px}body.blueberry-doc-print .bo-document-head h2{font-size:17px}}

@media print{body.blueberry-doc-print,body.blueberry-doc-print #app,body.blueberry-doc-print #main,body.blueberry-doc-print #page-content,body.blueberry-doc-print .workspace,body.blueberry-doc-print .workspace-main{background:#fff!important}body.blueberry-doc-print .bo-document table{min-width:0!important}body.blueberry-doc-print .bo-document tr{break-inside:avoid}}
.bo-section-picker{display:flex;align-items:center;gap:12px;max-width:410px;margin:16px 0 24px;color:var(--muted);font-size:13px}.bo-section-picker select{flex:1;min-width:160px}.bl-toolbar{display:flex;align-items:flex-end;gap:18px;justify-content:space-between}.bl-filters{display:flex;gap:14px;flex:1;align-items:flex-end;min-width:0}.bl-filters .field{flex:1;min-width:150px}.bl-document-actions{display:flex;gap:10px;flex-wrap:wrap}.bl-dates{display:flex;gap:16px;align-items:flex-end;border-top:1px solid var(--border);flex-wrap:wrap}.bl-dates .field{width:190px}.bl-dates .meta{align-self:center}.bl-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#edf5ef;border:1px solid #d4e6da;border-radius:10px;padding:20px;margin:20px 0}.bl-summary small{display:block;color:var(--muted);margin-bottom:8px}.bl-summary strong{font-size:21px;color:#086448}.bl-table{min-width:970px}.bl-table small{display:block;color:var(--muted);margin-top:5px}.bl-table td:first-child,.bl-table th:first-child{width:42px}.bl-table input[type=checkbox]{width:18px;height:18px;accent-color:#08734d}
dialog.bo-modal[open]{display:flex;flex-direction:column;padding:0;width:calc(100% - 40px);max-width:1240px;max-height:92vh;border-radius:14px;overflow:hidden}.bm-modal-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border);flex-shrink:0}.bm-modal-head h2{margin:0 0 6px}.bm-modal-head p{margin:0;font-size:13px}.bm-modal-body{overflow:auto;min-height:0;padding:22px 26px;background:#f5f8f6;overscroll-behavior:contain}.bm-modal-foot{padding:16px 26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0}.bm-modal-foot>span{font-size:13px}.bm-filter-panel{background:#fff;border:1px solid #d5e3db;border-radius:9px;padding:18px;margin-bottom:18px}.bm-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bm-detail-grid .field{min-width:0}.bm-detail-grid input,.bm-detail-grid select{width:100%}.bm-detail-grid .actions{grid-column:1/-1}.bm-pallet-picker{background:#fff;padding:16px;border:1px solid #d5e3db;border-radius:9px;margin-bottom:18px}.bm-pallet-picker summary{cursor:pointer;font-weight:600}.bm-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:250px;overflow:auto;padding-top:16px}.bm-picks>label{display:flex;align-items:center;gap:10px;border:1px solid #dbe6df;border-radius:7px;padding:10px;cursor:pointer}.bm-picks input{width:18px;height:18px;accent-color:#08734d;flex-shrink:0}.bm-picks small{display:block;color:var(--muted);font-size:11px}.bm-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 14px}.bm-section-title h3{margin:0}.bm-efact-item{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #d4e1d8;border-radius:7px;padding:16px;margin-bottom:10px}.bm-efact-item p{margin:7px 0 0}.bm-observations{background:#f0f6f1;border:1px solid #d5e3db;padding:16px;border-radius:7px;white-space:pre-wrap}.bm-efact .table-wrap table{min-width:650px}.bm-efact>small{display:block;margin-top:12px}.bm-efact h3{margin-top:24px}.bm-truck-details{margin:18px 0}.bm-truck-details th{width:32%}.bo-modal [data-bm-error]:not(:empty){padding:12px;background:#fff1e5;border:1px solid #ebc6a1;border-radius:7px;margin-bottom:16px}
@media(max-width:1000px){.bl-toolbar{flex-wrap:wrap}.bl-filters{width:100%}.bm-detail-grid,.bm-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){dialog.bo-modal[open]{width:calc(100% - 14px);max-height:96dvh}.bm-modal-head{padding:16px;gap:10px}.bm-modal-head h2{font-size:19px}.bm-modal-body{padding:14px}.bm-modal-foot{padding:12px;flex-wrap:wrap}.bm-modal-foot .actions{width:100%;flex-wrap:wrap}.bm-modal-foot .actions .btn{flex:1}.bm-detail-grid,.bm-picks{grid-template-columns:1fr}.bl-toolbar{padding:16px}.bl-filters{flex-wrap:wrap}.bl-filters .field{flex:1 1 100%}.bl-dates{padding:16px}.bl-dates .field{flex:1 1 40%}.bl-dates .field:first-child{flex-basis:100%}.bl-document-actions{width:100%}.bl-document-actions .btn{flex:1}.bl-summary{gap:16px;padding:16px}.bl-summary strong{font-size:18px}.bm-section-title,.bm-efact-item{flex-wrap:wrap}.bm-section-title .btn{width:100%}.bm-efact-item .btn{padding:8px}.bo-section-picker{flex-wrap:wrap}.bo-section-picker select{width:100%}}
@media print{body.blueberry-modal-print{background:#fff!important}body.blueberry-modal-print>#app,body.blueberry-modal-print>#toast,body.blueberry-modal-print>.skip{display:none!important}body.blueberry-modal-print dialog.bo-modal[open]{display:block!important;position:static!important;overflow:visible!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}body.blueberry-modal-print dialog::backdrop{display:none!important;background:none!important}body.blueberry-modal-print .bm-modal-body{overflow:visible!important;max-height:none!important;padding:0!important;background:#fff!important}body.blueberry-modal-print .no-print,body.blueberry-modal-print [data-bm-action],body.blueberry-modal-print .bm-pallet-picker{display:none!important}body.blueberry-modal-print .bo-document{border:0;overflow:visible;margin:0;padding:6mm;break-after:page}body.blueberry-modal-print .bo-document:last-child{break-after:auto}body.blueberry-modal-print .bo-document table{min-width:0!important}body.blueberry-modal-print .bo-document tr{break-inside:avoid}body.blueberry-modal-print .bo-tarja{height:128mm;min-height:0;break-inside:avoid;break-after:auto;padding:6mm;border-bottom:1px dashed #777}body.blueberry-modal-print .bo-tarja:nth-child(even){break-after:page}body.blueberry-modal-print .bo-truck{grid-template-columns:1fr 1fr}body.blueberry-modal-print .bo-truck>section{break-inside:avoid}body.blueberry-modal-print .bo-document-head{flex-wrap:nowrap}body.blueberry-modal-print .bo-document-head div{width:auto;text-align:right}body.blueberry-modal-print .bo-document-head img{width:120px}body.blueberry-modal-print .bo-document-head h2{font-size:16px}body.blueberry-modal-print .bm-detail-grid{grid-template-columns:repeat(2,1fr)}body.blueberry-modal-print .bm-efact-item{break-inside:avoid}body.blueberry-modal-print .bm-efact .field input{border:0;background:transparent;padding:0;min-height:0}body.blueberry-modal-print .bm-efact .field{font-size:10px}}