.monitor-container{padding:24px;background-color:#f4f6f9;min-height:100vh}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.monitor-header h1{font-size:24px;font-weight:700;color:#1a1a1a}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.monitor-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;position:relative;border:1px solid #e1e4e8;display:flex;flex-direction:column;justify-content:space-between}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.status-badge.preparacao{background-color:#fff3cd;color:#856404}.status-badge.em_rota{background-color:#cce5ff;color:#004085}.status-badge.entregue{background-color:#d4edda;color:#155724}.status-badge.pendente{background-color:#e2e3e5;color:#383d41}.status-badge.cancelado{background-color:#fee2e2;color:#991b1b}.monitor-card.status-cancelado{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff 50%);box-shadow:0 4px 6px #0000000d,0 0 0 1px #ef444433;opacity:.7}.card-details h2{font-size:18px;margin:0 0 8px;color:#333}.card-details .info-row{display:flex;align-items:center;margin-bottom:8px;color:#666;font-size:14px}.card-details .info-row svg{margin-right:8px;width:16px;height:16px}.monitor-card.status-pendente{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff 50%);box-shadow:0 4px 6px #0000000d,0 0 0 1px #f59e0b33}.monitor-card.completed{opacity:.8;filter:none;background-color:#f8fcf9;border:1px solid #c3e6cb}.completed-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);border:3px solid #155724;color:#155724;padding:10px 20px;font-size:20px;font-weight:900;text-transform:uppercase;z-index:10;border-radius:8px;background:#ffffffe6;pointer-events:none;display:none}.view-proof-btn{margin-top:16px;width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.monitor-card.completed .view-proof-btn{background-color:#28a745}.search-container{margin-bottom:24px;position:relative;max-width:500px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#94a3b8;width:20px;height:20px}.search-input{width:100%;padding:12px 16px 12px 40px;border-radius:12px;border:1px solid #e2e8f0;font-size:15px;outline:none;transition:all .2s;background-color:#fff}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-display{display:block;font-size:12px;color:#64748b;margin-bottom:4px;font-weight:500}.monitor-header-content{display:flex;flex-direction:column;gap:16px;width:100%}@media(min-width:768px){.monitor-header-content{flex-direction:row;justify-content:space-between;align-items:center}.search-container{margin-bottom:0;width:100%;max-width:400px}}.order-stepper{display:flex;justify-content:space-between;margin-top:20px;margin-bottom:10px;position:relative;padding:0 10px}.order-stepper:before{content:"";position:absolute;top:14px;left:20px;right:20px;height:3px;background-color:#e0e0e0;z-index:0}.step-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:20px}.step-circle{width:12px;height:12px;background-color:#e0e0e0;border-radius:50%;margin-bottom:4px;transition:all .3s ease;border:2px solid white;box-shadow:0 0 0 2px #e0e0e0}.step-item.active .step-circle{background-color:#007bff;transform:scale(1.3);box-shadow:0 0 0 2px #007bff}.step-item.completed .step-circle{background-color:#007bff;box-shadow:0 0 0 2px #007bff}.step-item.completed-success .step-circle{background-color:#28a745;box-shadow:0 0 0 2px #28a745}.step-label{position:absolute;top:20px;font-size:10px;color:#999;white-space:nowrap;font-weight:500}.step-item.active .step-label{color:#007bff;font-weight:700}.step-item.completed-success .step-label{color:#28a745;font-weight:700}@keyframes obs-balloon-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.obs-balloon{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:9999;width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 25px #0000001f,0 4px 10px #0000000f;animation:obs-balloon-in .2s ease-out;overflow:visible}.obs-balloon-arrow{position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:14px;height:14px;background:#fff;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.obs-balloon-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d}.obs-balloon-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.3px}.obs-balloon-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;background:#92400e1a;color:#92400e;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.obs-balloon-close:hover{background:#92400e33;transform:scale(1.1)}.obs-balloon-text{padding:12px 14px;margin:0;font-size:13px;line-height:1.6;color:#334155;word-wrap:break-word;white-space:pre-wrap;max-height:200px;overflow-y:auto}@media(max-width:640px){.obs-balloon{position:fixed;top:auto;bottom:16px;left:16px;right:16px;transform:none;width:auto;max-width:none;border-radius:16px;box-shadow:0 -4px 30px #00000026,0 4px 15px #00000014}.obs-balloon-arrow{display:none}.obs-balloon-header{padding:12px 16px}.obs-balloon-title{font-size:13px}.obs-balloon-close{width:28px;height:28px}.obs-balloon-text{padding:14px 16px;font-size:14px;max-height:250px}}