.dipping-detail-inline{background:#fff;border-radius:12px;overflow:hidden}.dipping-detail-inline .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.dipping-detail-inline .loading-state .animate-spin{animation:spin 1s linear infinite}.dipping-detail-inline .inline-detail-header{align-items:center;background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(6,182,212,.05));border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.dipping-detail-inline .inline-detail-header .header-title{align-items:center;display:flex;gap:12px}.dipping-detail-inline .inline-detail-header .header-title .back-btn{border-radius:6px;color:#6b7280;padding:6px}.dipping-detail-inline .inline-detail-header .header-title .back-btn:hover{background:rgba(0,0,0,.05);color:#1f2937}.dipping-detail-inline .inline-detail-header .header-title .dip-emoji{font-size:28px;line-height:1}.dipping-detail-inline .inline-detail-header .header-title h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.dipping-detail-inline .quick-info-banner{background:#f8faf8;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.dipping-detail-inline .quick-info-banner .info-item .info-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.025em;padding:4px 10px;text-transform:uppercase}.dipping-detail-inline .quick-info-banner .info-item .info-badge.type{background:rgba(6,182,212,.1);color:#06b6d4}.dipping-detail-inline .quick-info-banner .info-item .info-badge.date{background:rgba(20,184,166,.1);color:#14b8a6}.dipping-detail-inline .quick-info-banner .info-item .info-badge.cost{background:rgba(59,130,246,.1);color:#3b82f6}.dipping-detail-inline .quick-info-banner .info-item .info-badge svg{flex-shrink:0}.dipping-detail-inline .tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:2px;overflow-x:auto;padding:8px 12px}.dipping-detail-inline .tab-navigation::-webkit-scrollbar{display:none}.dipping-detail-inline .tab-navigation .tab-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.dipping-detail-inline .tab-navigation .tab-btn svg{flex-shrink:0}.dipping-detail-inline .tab-navigation .tab-btn:hover{background:#f8faf8;color:#1f2937}.dipping-detail-inline .tab-navigation .tab-btn.active{background:#06b6d4;color:#fff}.dipping-detail-inline .tab-content-area{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:16px}.dipping-detail-inline .detail-section{background:#f8faf8;border-radius:8px;overflow:hidden}.dipping-detail-inline .detail-section .section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dipping-detail-inline .detail-section .section-header:hover{background:rgba(0,0,0,.02)}.dipping-detail-inline .detail-section .section-header .section-title-group{align-items:center;display:flex;gap:10px}.dipping-detail-inline .detail-section .section-header .section-title-group .section-icon{color:#06b6d4}.dipping-detail-inline .detail-section .section-header .section-title-group h3{color:#1f2937;font-size:.9rem;font-weight:600;margin:0}.dipping-detail-inline .detail-section .section-header svg:last-child{color:#9ca3af;flex-shrink:0}.dipping-detail-inline .detail-section .section-content{padding:0 16px 16px}.dipping-detail-inline .detail-section.collapsed .section-content{display:none}.dipping-detail-inline .detail-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dipping-detail-inline .detail-row{display:flex;flex-direction:column;gap:2px}.dipping-detail-inline .detail-row .detail-label{align-items:center;color:#9ca3af;display:flex;font-size:.7rem;font-weight:500;gap:4px;letter-spacing:.05em;text-transform:uppercase}.dipping-detail-inline .detail-row .detail-label .label-icon{color:#9ca3af}.dipping-detail-inline .detail-row .detail-value{color:#1f2937;font-size:.85rem;font-weight:500}.dipping-detail-inline .detail-row .detail-value .value-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 8px}.dipping-detail-inline .weather-summary .weather-main{align-items:center;background:#fff;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.dipping-detail-inline .weather-summary .weather-main .weather-emoji{font-size:2.5rem;line-height:1}.dipping-detail-inline .weather-summary .weather-main .weather-label{color:#1f2937;font-size:1.2rem;font-weight:700}.dipping-detail-inline .weather-summary .weather-details{display:flex;flex-wrap:wrap;gap:12px}.dipping-detail-inline .weather-summary .weather-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1;gap:10px;min-width:120px;padding:12px 16px}.dipping-detail-inline .weather-summary .weather-item svg{color:#06b6d4;flex-shrink:0}.dipping-detail-inline .weather-summary .weather-item .weather-info{display:flex;flex-direction:column;gap:1px}.dipping-detail-inline .weather-summary .weather-item .weather-info .weather-detail-label{color:#9ca3af;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.dipping-detail-inline .weather-summary .weather-item .weather-info .weather-detail-value{color:#1f2937;font-size:1rem;font-weight:700}.dipping-detail-inline .no-data-message{color:#9ca3af;font-size:.9rem;font-style:italic;padding:24px;text-align:center}.dipping-detail-inline .reaction-block{background:#fff;border-left:3px solid #f59e0b;border-radius:6px;margin-top:12px;padding:12px 14px}.dipping-detail-inline .reaction-block.adverse{background:rgba(239,68,68,.1);border-left-color:#ef4444}.dipping-detail-inline .reaction-block.complications{background:rgba(245,158,11,.1);border-left-color:#f59e0b}.dipping-detail-inline .reaction-block .reaction-title{align-items:center;color:#6b7280;display:flex;font-size:.8rem;font-weight:600;gap:6px;margin-bottom:6px;text-transform:uppercase}.dipping-detail-inline .reaction-block .reaction-title svg{color:inherit}.dipping-detail-inline .reaction-block p{color:#1f2937;font-size:.85rem;line-height:1.5;margin:0}.dipping-detail-inline .safety-block{background:#fff;border-left:3px solid #06b6d4;border-radius:6px;margin-top:12px;padding:12px 14px}.dipping-detail-inline .safety-block .safety-title{align-items:center;color:#6b7280;display:flex;font-size:.8rem;font-weight:600;gap:6px;margin-bottom:6px;text-transform:uppercase}.dipping-detail-inline .safety-block .safety-title svg{color:#06b6d4}.dipping-detail-inline .safety-block p{color:#1f2937;font-size:.85rem;line-height:1.5;margin:0}.dipping-detail-inline .cost-breakdown .cost-total{align-items:center;background:rgba(6,182,212,.1);border:1px solid #06b6d4;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.dipping-detail-inline .cost-breakdown .cost-total .total-label{color:#1f2937;font-size:.9rem;font-weight:600}.dipping-detail-inline .cost-breakdown .cost-total .total-value{color:#06b6d4;font-size:1.2rem;font-weight:700}.dipping-detail-inline .cost-breakdown .currency-note{color:#9ca3af;font-size:.75rem;margin-top:8px;text-align:right}.dipping-detail-inline .notes-section{background:#f8faf8;border-top:1px solid #e5e7eb;padding:12px 16px}.dipping-detail-inline .notes-section .notes-header{align-items:center;color:#6b7280;display:flex;font-size:.8rem;font-weight:600;gap:6px;margin-bottom:10px}.dipping-detail-inline .notes-section .notes-header svg{color:#06b6d4}.dipping-detail-inline .notes-section .notes-content{display:flex;flex-direction:column;gap:8px}.dipping-detail-inline .notes-section .note-item{background:#fff;border-left:3px solid #06b6d4;border-radius:6px;color:#1f2937;font-size:.85rem;line-height:1.5;padding:8px 12px}.dipping-detail-inline .notes-section .note-item strong{color:#6b7280;display:block;font-size:.75rem;margin-bottom:2px;text-transform:uppercase}@media(max-width:600px){.dipping-detail-inline .inline-detail-header{align-items:flex-start;flex-direction:column;gap:12px}.dipping-detail-inline .inline-detail-header .header-title h4{font-size:1rem}.dipping-detail-inline .quick-info-banner{padding:10px 16px}.dipping-detail-inline .tab-navigation{padding:6px 8px}.dipping-detail-inline .tab-navigation .tab-btn{font-size:.75rem;padding:6px 10px}.dipping-detail-inline .tab-navigation .tab-btn span{display:none}.dipping-detail-inline .tab-content-area{max-height:400px;padding:12px}.dipping-detail-inline .detail-grid{grid-template-columns:1fr}.dipping-detail-inline .weather-summary .weather-details{flex-direction:column}.dipping-detail-inline .weather-summary .weather-item{min-width:unset}}.detail-container{background:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:70px;min-height:100vh}.detail-container.with-sidebar-open .main-content{margin-left:280px;width:calc(100% - 280px)}.detail-container.with-sidebar-collapsed .main-content{margin-left:80px;width:calc(100% - 80px)}.detail-container .main-content{background:#f8f9fa;flex:1;min-height:calc(100vh - 70px);transition:all .3s ease}.detail-container .content-container{box-sizing:border-box;margin-left:10px;max-width:none;padding:5px}.detail-container .loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:5rem 2rem}.detail-container .loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid rgba(82,196,26,.2);border-radius:50%;border-top-color:#22c55e;height:3rem;width:3rem}.detail-container .loading-state .loading-text{color:#1f2937;font-size:1.125rem;font-weight:600;text-align:center}.detail-container .page-header{background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border-bottom:1px solid rgba(82,196,26,.15);border-radius:0 0 1.5rem 12px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin:-2rem -2rem 2rem;padding:2rem 2rem 1.5rem}.detail-container .page-header .header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px}.detail-container .page-header .header-title{align-items:flex-start;display:flex;flex:1;gap:1rem}.detail-container .page-header .header-icon{align-items:center;background:rgba(82,196,26,.1);border:1px solid rgba(82,196,26,.2);border-radius:1.5rem;box-shadow:0 2px 4px rgba(82,196,26,.1);color:#22c55e;display:flex;flex-shrink:0;height:3.5rem;justify-content:center;width:3.5rem}.detail-container .page-header .title-info{flex:1}.detail-container .page-header .title-info h1{color:#1f2937;font-size:1.875rem;font-weight:700;line-height:1.25;margin:0 0 .5rem}.detail-container .page-header .title-info .subtitle{color:#6b7280;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.detail-container .page-header .header-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.detail-container .detail-actions{align-items:center;background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border:1px solid rgba(82,196,26,.15);border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.25rem 1.5rem;transition:all .3s ease}.detail-container .detail-actions:hover{background:linear-gradient(135deg,rgba(82,196,26,.04),rgba(82,196,26,.08));box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-1px)}.detail-container .actions-left,.detail-container .actions-right{align-items:center;display:flex;gap:.75rem}.detail-container .btn{align-items:center;border:2px solid transparent;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.detail-container .btn:focus{box-shadow:0 0 0 4px rgba(34,197,94,.1);outline:none}.detail-container .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.detail-container .btn:hover:not(:disabled){box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.detail-container .btn:active:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.detail-container .btn-back,.detail-container .btn-back-bottom{background:#fff;border-color:#e5e7eb;color:#1f2937}.detail-container .btn-back-bottom:hover:not(:disabled),.detail-container .btn-back:hover:not(:disabled){background:#f8f9fa;border-color:#22c55e;box-shadow:0 6px 16px rgba(82,196,26,.2);color:#22c55e}.detail-container .btn-edit,.detail-container .btn-edit-bottom,.detail-container .btn-primary{background:#22c55e;border-color:#22c55e;color:#fff}.detail-container .btn-edit-bottom:hover:not(:disabled),.detail-container .btn-edit:hover:not(:disabled),.detail-container .btn-primary:hover:not(:disabled){background:#16a34a;border-color:#16a34a;box-shadow:0 6px 16px rgba(82,196,26,.4)}.detail-container .btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.detail-container .btn-secondary:hover:not(:disabled){background:#475569;border-color:#475569;box-shadow:0 6px 16px hsla(220,9%,46%,.3)}.detail-container .btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.detail-container .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 6px 16px rgba(220,38,38,.3)}.detail-container .detail-overview{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 20px rgba(82,196,26,.1);margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.detail-container .detail-overview:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.detail-container .detail-overview .overview-header{align-items:center;background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border-bottom:1px solid rgba(82,196,26,.15);display:flex;justify-content:space-between;padding:2rem;transition:.3s ease}.detail-container .detail-overview .overview-header:hover{background:linear-gradient(135deg,rgba(82,196,26,.04),rgba(82,196,26,.08))}.detail-container .detail-overview .overview-header .entity-info{align-items:center;display:flex;flex:1;gap:1.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-icon{align-items:center;background:#22c55e;border-radius:1.5rem;box-shadow:0 4px 12px rgba(82,196,26,.3);color:#fff;display:flex;flex-shrink:0;height:4.5rem;justify-content:center;position:relative;width:4.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-icon:before{background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2),transparent);border-radius:18px;content:"";inset:-2px;opacity:0;position:absolute;transition:.3s ease}.detail-container .detail-overview .overview-header .entity-info .entity-icon:hover:before{opacity:1}.detail-container .detail-overview .overview-header .entity-info .entity-details{flex:1;min-width:0}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.25;margin:0 0 .5rem;word-break:break-word}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-meta span{align-items:center;background:hsla(220,9%,46%,.1);border:1px solid hsla(220,9%,46%,.2);border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.detail-container .detail-overview .overview-header .overview-status{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem}.detail-container .detail-overview .overview-content{padding:2rem}.detail-container .details-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.detail-container .detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 20px rgba(82,196,26,.1);overflow:hidden;position:relative;transition:all .3s ease}.detail-container .detail-card:before{background:linear-gradient(90deg,#22c55e,rgba(82,196,26,.6));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:.3s ease}.detail-container .detail-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-4px)}.detail-container .detail-card:hover:before{opacity:1}.detail-container .detail-card .card-header{align-items:center;background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border-bottom:1px solid rgba(82,196,26,.15);display:flex;gap:1rem;padding:1.5rem;transition:.3s ease}.detail-container .detail-card .card-header:hover{background:linear-gradient(135deg,rgba(82,196,26,.04),rgba(82,196,26,.08))}.detail-container .detail-card .card-header .card-icon{color:#22c55e;flex-shrink:0;height:1.5rem;width:1.5rem}.detail-container .detail-card .card-header .card-title{color:#1f2937;font-size:1.125rem;font-weight:700;letter-spacing:-.025em;margin:0}.detail-container .detail-card .card-header .card-actions{display:flex;gap:.5rem;margin-left:auto}.detail-container .detail-card .card-content{padding:2rem 1.5rem}.detail-container .detail-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 0;transition:all .3s ease}.detail-container .detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-container .detail-row:first-child{padding-top:0}.detail-container .detail-row:hover{background:rgba(82,196,26,.02);border-radius:1rem;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.detail-container .detail-row .detail-label{color:#6b7280;flex:1;font-size:.875rem;font-weight:600;letter-spacing:.025em;max-width:45%;text-transform:uppercase}.detail-container .detail-row .detail-value{color:#1f2937;flex:1;font-size:.875rem;font-weight:600;max-width:55%;text-align:right;word-break:break-word}.detail-container .detail-row .detail-value.price-value{color:#22c55e;font-size:1rem;font-weight:700}.detail-container .detail-row .detail-value.negative-value{color:#dc2626;font-weight:700}.detail-container .detail-row .detail-value.positive-value{color:#16a34a;font-weight:700}.detail-container .detail-row .detail-value.status-value{display:flex;justify-content:flex-end}.detail-container .status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.5rem 1rem;position:relative;text-transform:uppercase}.detail-container .status-badge:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s ease;width:100%}.detail-container .status-badge:hover:before{left:100%}.detail-container .status-badge.active{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 4px rgba(34,197,94,.2);color:#15803d}.detail-container .status-badge.inactive{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px rgba(239,68,68,.2);color:#dc2626}.detail-container .status-badge.pending{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.1));border:1px solid rgba(249,115,22,.3);box-shadow:0 2px 4px rgba(249,115,22,.2);color:#c2410c}.detail-container .status-badge.completed{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 4px rgba(34,197,94,.2);color:#15803d}.detail-container .status-badge.cancelled{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px rgba(239,68,68,.2);color:#dc2626}.detail-container .generic-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.detail-container .generic-badge.primary{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.1));border:1px solid rgba(59,130,246,.3);color:#1d4ed8}.detail-container .generic-badge.secondary{background:linear-gradient(135deg,hsla(220,9%,46%,.15),hsla(220,9%,46%,.1));border:1px solid hsla(220,9%,46%,.3);color:#475569}.detail-container .generic-badge.success{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);color:#15803d}.detail-container .generic-badge.warning{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.1));border:1px solid rgba(249,115,22,.3);color:#c2410c}.detail-container .generic-badge.danger{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);color:#dc2626}.detail-container .generic-badge.info{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(6,182,212,.1));border:1px solid rgba(6,182,212,.3);color:#0f766e}.detail-container .detail-bottom-actions{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(248,250,252,.8);border-radius:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-top:2.5rem;padding:1.5rem}@media(max-width:768px){.detail-container .detail-bottom-actions{flex-direction:column;gap:.75rem}.detail-container .detail-bottom-actions .btn-back-bottom,.detail-container .detail-bottom-actions .btn-edit-bottom{justify-content:center;width:100%}}.detail-container .info-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.detail-container .info-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.detail-container .info-card .info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.detail-container .info-card .info-header .info-icon{align-items:center;background:rgba(82,196,26,.1);border-radius:1rem;color:#22c55e;display:flex;height:2rem;justify-content:center;width:2rem}.detail-container .info-card .info-header .info-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0}.detail-container .info-card .info-content{color:#6b7280;line-height:1.6}.detail-container .detail-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:1.5rem;box-shadow:0 4px 20px rgba(82,196,26,.1);overflow:hidden;width:100%}.detail-container .detail-table thead{background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06))}.detail-container .detail-table thead th{border-bottom:1px solid rgba(82,196,26,.15);color:#1f2937;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.detail-container .detail-table tbody tr{transition:all .3s ease}.detail-container .detail-table tbody tr:hover{background:rgba(82,196,26,.02)}.detail-container .detail-table tbody tr:not(:last-child){border-bottom:1px solid #f3f4f6}.detail-container .detail-table tbody td{color:#1f2937;font-size:.875rem;padding:1rem 1.5rem;vertical-align:top}.detail-container .form-control-custom,.detail-container input.form-control-custom,.detail-container select.form-control-custom,.detail-container textarea.form-control-custom{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;box-sizing:border-box!important;color:#1f2937!important;font-size:.875rem!important;font-weight:500!important;line-height:1.4;padding:.75rem 1.125rem!important;transition:all .3s ease!important;width:100%!important}.detail-container .form-control-custom:focus,.detail-container input.form-control-custom:focus,.detail-container select.form-control-custom:focus,.detail-container textarea.form-control-custom:focus{background:rgba(82,196,26,.02)!important;border-color:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.1)!important;outline:none!important}.detail-container .form-control-custom::-moz-placeholder,.detail-container input.form-control-custom::-moz-placeholder,.detail-container select.form-control-custom::-moz-placeholder,.detail-container textarea.form-control-custom::-moz-placeholder{color:#9ca3af;font-weight:400}.detail-container .form-control-custom::placeholder,.detail-container input.form-control-custom::placeholder,.detail-container select.form-control-custom::placeholder,.detail-container textarea.form-control-custom::placeholder{color:#9ca3af;font-weight:400}.detail-container .form-control-custom[readonly],.detail-container input.form-control-custom[readonly],.detail-container select.form-control-custom[readonly],.detail-container textarea.form-control-custom[readonly]{background:#f8f9fa!important;border-color:#f3f4f6!important;color:#6b7280;cursor:not-allowed}@media(max-width:1024px){.detail-container .details-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-container .detail-overview .overview-header .entity-info .entity-icon{height:3.5rem;width:3.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-title{font-size:1.25rem}}@media(max-width:768px){.detail-container{margin-top:60px}.detail-container.with-sidebar-collapsed .main-content,.detail-container.with-sidebar-open .main-content{margin-left:0;width:100%}.detail-container .main-content{min-height:calc(100vh - 60px)}.detail-container .content-container{padding:1rem}.detail-container .page-header{border-radius:0 0 1rem 8px;margin:-1rem -1rem 1.5rem;padding:1.5rem 1rem}.detail-container .page-header .header-content{align-items:flex-start;flex-direction:column;gap:1rem}.detail-container .page-header .header-title{width:100%}.detail-container .page-header .header-title .entity-details .entity-meta{flex-direction:column;gap:.5rem}.detail-container .page-header .header-actions{justify-content:flex-end;width:100%}.detail-container .detail-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 4px}.detail-container .detail-actions .actions-left,.detail-container .detail-actions .actions-right{align-items:center;display:flex;gap:.75rem}.detail-container .detail-actions .btn-back,.detail-container .detail-actions .btn-secondary,.detail-container .detail-actions .btn-toggle-empty{align-items:center;border:1px solid transparent;border-radius:.375rem;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:10px 16px;text-decoration:none;transition:all .3s ease}.detail-container .detail-actions .btn-back:hover,.detail-container .detail-actions .btn-secondary:hover,.detail-container .detail-actions .btn-toggle-empty:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.detail-container .detail-actions .btn-back{background:#fff;border-color:#e5e7eb;color:#1f2937}.detail-container .detail-actions .btn-back:hover{background:rgba(34,197,94,.05);border-color:#22c55e;color:#22c55e}.detail-container .detail-actions .btn-back.mobile-back{justify-content:center;min-width:40px;padding:8px}.detail-container .detail-actions .btn-secondary{background:#22c55e;border-color:#22c55e;color:#fff}.detail-container .detail-actions .btn-secondary:hover{background:#16a34a;border-color:#16a34a}.detail-container .detail-actions .btn-toggle-empty{background:#fff;border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container .detail-actions .btn-toggle-empty:hover{background:rgba(22,163,74,.05);border-color:#16a34a;color:#15803d}.detail-container .detail-overview .overview-header{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.detail-container .detail-overview .overview-header .entity-info{width:100%}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-meta{flex-direction:column;gap:.5rem}.detail-container .detail-overview .overview-header .overview-status{align-self:flex-end;justify-content:flex-end}.detail-container .details-grid{gap:1.5rem;grid-template-columns:1fr}.detail-container .detail-row{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 0}.detail-container .detail-row:hover{margin:0 -1rem;padding-left:1rem;padding-right:1rem}.detail-container .detail-row .detail-label{font-size:.75rem;max-width:none}.detail-container .detail-row .detail-value{font-size:.875rem;max-width:none;text-align:left}.detail-container .detail-row .detail-value.status-value{justify-content:flex-start}.detail-container .detail-table{font-size:.75rem}.detail-container .detail-table tbody td,.detail-container .detail-table thead th{padding:.75rem 1rem}}@media(max-width:576px){.detail-container .detail-card .card-content{padding:1.5rem 1rem}.detail-container .detail-overview .overview-header{padding:1rem}.detail-container .detail-overview .overview-header .entity-info{flex-direction:column;gap:1rem;text-align:center}.detail-container .detail-overview .overview-header .overview-status{gap:.5rem}.detail-container .btn{font-size:.75rem;padding:.75rem 1.25rem}.detail-container .page-header .title-info h1{font-size:1.25rem}.detail-container .page-header .header-icon{height:3rem;width:3rem}}@media(prefers-reduced-motion:reduce){.detail-container *{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.detail-container .btn,.detail-container .form-control-custom{border-width:2px!important}.detail-container .generic-badge,.detail-container .status-badge{border-width:2px}}.detail-container .btn:focus,.detail-container .form-control-custom:focus,.detail-container button:focus{outline:3px solid #22c55e;outline-offset:2px}@media print{.detail-container .detail-actions,.detail-container .page-header .header-actions{display:none!important}.detail-container .detail-card,.detail-container .detail-overview,.detail-container .info-card{border:1px solid #000;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}.detail-container .details-grid{grid-template-columns:repeat(2,1fr)}.detail-container .page-header{background:#fff!important;border-bottom:2px solid #000}}.btn-back-bottom,.btn-edit-bottom{align-items:center;border:1px solid transparent;border-radius:.375rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;font-weight:600;gap:.5rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-back-bottom:hover,.btn-edit-bottom:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.btn-back-bottom{background:#fff;border-color:#e5e7eb;color:#1f2937}.btn-back-bottom:hover{background:rgba(34,197,94,.05);border-color:#22c55e;color:#22c55e}.btn-edit-bottom{background:#22c55e;border-color:#22c55e;color:#fff}.btn-edit-bottom:hover{background:#16a34a;border-color:#16a34a}.detail-container.dipping-detail .detail-overview{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:2px solid rgba(34,197,94,.1)}.detail-container.dipping-detail .detail-overview .overview-header{align-items:flex-start;gap:20px}@media(max-width:768px){.detail-container.dipping-detail .detail-overview .overview-header{flex-direction:column;gap:16px}}.detail-container.dipping-detail .detail-overview .entity-icon{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:2px solid rgba(34,197,94,.2);box-shadow:0 4px 12px rgba(34,197,94,.1)}.detail-container.dipping-detail .detail-overview .overview-status{flex-wrap:wrap;gap:12px}@media(max-width:768px){.detail-container.dipping-detail .detail-overview .overview-status{justify-content:flex-start;width:100%}}.detail-container.dipping-detail .status-badge{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-container.dipping-detail .status-badge.recent{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .status-badge.completed{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:rgba(16,185,129,.3);color:#10b981}.detail-container.dipping-detail .status-badge.active{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .status-badge.inactive{background:linear-gradient(135deg,hsla(220,9%,46%,.1),hsla(220,9%,46%,.05));border-color:hsla(220,9%,46%,.3);color:#6b7280}.detail-container.dipping-detail .status-badge.complications{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3);color:#ef4444}.detail-container.dipping-detail .type-badge{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-container.dipping-detail .type-badge.type-spray-dipping{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:rgba(16,185,129,.3);color:#10b981}.detail-container.dipping-detail .type-badge.type-plunge-dipping{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#16a34a}.detail-container.dipping-detail .type-badge.type-pour-on{background:linear-gradient(135deg,rgba(5,150,105,.1),rgba(5,150,105,.05));border-color:rgba(5,150,105,.3);color:#059669}.detail-container.dipping-detail .type-badge.type-spot-on{background:linear-gradient(135deg,rgba(4,120,87,.1),rgba(4,120,87,.05));border-color:rgba(4,120,87,.3);color:#047857}.detail-container.dipping-detail .type-badge.type-preventive{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#16a34a}.detail-container.dipping-detail .type-badge.type-therapeutic{background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(74,222,128,.05));border-color:rgba(74,222,128,.3);color:#15803d}.detail-container.dipping-detail .type-badge.type-routine{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:rgba(16,185,129,.3);color:#047857}.detail-container.dipping-detail .type-badge.type-emergency{background:linear-gradient(135deg,rgba(5,150,105,.1),rgba(5,150,105,.05));border-color:rgba(5,150,105,.3);color:#064e3b}.detail-container.dipping-detail .type-badge.type-unknown{background:linear-gradient(135deg,hsla(220,9%,46%,.1),hsla(220,9%,46%,.05));border-color:hsla(220,9%,46%,.3);color:#6b7280}.detail-container.dipping-detail .effectiveness-badge{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-container.dipping-detail .effectiveness-badge.excellent{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#15803d}.detail-container.dipping-detail .effectiveness-badge.high,.detail-container.dipping-detail .effectiveness-badge.very-good{background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(74,222,128,.05));border-color:rgba(74,222,128,.3);color:#16a34a}.detail-container.dipping-detail .effectiveness-badge.good{background:linear-gradient(135deg,rgba(132,204,22,.1),rgba(132,204,22,.05));border-color:rgba(132,204,22,.3);color:#365314}.detail-container.dipping-detail .effectiveness-badge.fair,.detail-container.dipping-detail .effectiveness-badge.moderate{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-color:rgba(245,158,11,.3);color:#d97706}.detail-container.dipping-detail .effectiveness-badge.low,.detail-container.dipping-detail .effectiveness-badge.poor{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3);color:#dc2626}.detail-container.dipping-detail .effectiveness-badge.unknown{background:linear-gradient(135deg,hsla(220,9%,46%,.1),hsla(220,9%,46%,.05));border-color:hsla(220,9%,46%,.3);color:#6b7280}.detail-container.dipping-detail .weather-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.detail-container.dipping-detail .weather-badge{align-items:center;border:1px solid transparent;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize}.detail-container.dipping-detail .weather-badge.condition-sunny{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(251,191,36,.05));border-color:rgba(251,191,36,.3);color:#d97706}.detail-container.dipping-detail .weather-badge.condition-cloudy{background:linear-gradient(135deg,rgba(156,163,175,.1),rgba(156,163,175,.05));border-color:rgba(156,163,175,.3);color:#6b7280}.detail-container.dipping-detail .weather-badge.condition-rainy{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border-color:rgba(59,130,246,.3);color:#2563eb}.detail-container.dipping-detail .weather-badge.condition-overcast{background:linear-gradient(135deg,rgba(75,85,99,.1),rgba(75,85,99,.05));border-color:rgba(75,85,99,.3);color:#4b5563}.detail-container.dipping-detail .weather-badge.condition-windy{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#059669}.detail-container.dipping-detail .weather-detail{align-items:center;background:rgba(34,197,94,.08);border-radius:12px;color:#16a34a;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.detail-container.dipping-detail .followup-badge{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-container.dipping-detail .followup-badge.pending{background:linear-gradient(135deg,rgba(250,140,22,.1),rgba(250,140,22,.05));border-color:rgba(250,140,22,.3);color:#d97706}.detail-container.dipping-detail .followup-badge.overdue{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3);color:#dc2626}.detail-container.dipping-detail .followup-badge.completed{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#16a34a}.detail-container.dipping-detail .no-followup{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .compliance-badge{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-container.dipping-detail .compliance-badge.excellent,.detail-container.dipping-detail .compliance-badge.fully-compliant{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .compliance-badge.good,.detail-container.dipping-detail .compliance-badge.mostly-compliant{background:linear-gradient(135deg,rgba(132,204,22,.1),rgba(132,204,22,.05));border-color:rgba(132,204,22,.3);color:#84cc16}.detail-container.dipping-detail .compliance-badge.partial,.detail-container.dipping-detail .compliance-badge.partially-compliant{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.dipping-detail .compliance-badge.non-compliant{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3);color:#ef4444}.detail-container.dipping-detail .safety-level-badge{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-container.dipping-detail .safety-level-badge.comprehensive{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .safety-level-badge.good{background:linear-gradient(135deg,rgba(132,204,22,.1),rgba(132,204,22,.05));border-color:rgba(132,204,22,.3);color:#84cc16}.detail-container.dipping-detail .safety-level-badge.basic{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.dipping-detail .safety-level-badge.minimal{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3);color:#ef4444}.detail-container.dipping-detail .dipping-id-badge{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#16a34a;display:inline-flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .chemical-badge{align-items:center;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#10b981;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .concentration-badge{align-items:center;background:linear-gradient(135deg,rgba(5,150,105,.1),rgba(5,150,105,.05));border:1px solid rgba(5,150,105,.3);border-radius:12px;color:#047857;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .ratio-badge{background:linear-gradient(135deg,rgba(4,120,87,.1),rgba(4,120,87,.05));border:1px solid rgba(4,120,87,.3);border-radius:12px;color:#064e3b}.detail-container.dipping-detail .batch-badge,.detail-container.dipping-detail .ratio-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .batch-badge{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.3);border-radius:12px;color:#d97706;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-container.dipping-detail .animals-badge,.detail-container.dipping-detail .wind-badge{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#16a34a;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .age-badge{background:linear-gradient(135deg,hsla(220,9%,46%,.1),hsla(220,9%,46%,.05));border:1px solid hsla(220,9%,46%,.3);color:#4b5563}.detail-container.dipping-detail .age-badge,.detail-container.dipping-detail .boolean-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .boolean-badge{letter-spacing:.5px;text-transform:uppercase}.detail-container.dipping-detail .boolean-badge.yes{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .boolean-badge.no{background:linear-gradient(135deg,hsla(220,9%,46%,.1),hsla(220,9%,46%,.05));border:1px solid hsla(220,9%,46%,.3);color:#4b5563}.detail-container.dipping-detail .source-badge{align-items:center;background:linear-gradient(135deg,hsla(220,9%,46%,.1),hsla(220,9%,46%,.05));border:1px solid hsla(220,9%,46%,.3);border-radius:12px;color:#4b5563;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px;text-transform:capitalize}.detail-container.dipping-detail .related-badge{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#16a34a;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .cost-info{color:#16a34a;font-weight:600}.detail-container.dipping-detail .cost-info .cost-per-animal{color:#6b7280;font-size:12px;font-weight:500;margin-left:8px}.detail-container.dipping-detail .adverse-info .adverse-text,.detail-container.dipping-detail .adverse-info .complication-text,.detail-container.dipping-detail .complications-info .adverse-text,.detail-container.dipping-detail .complications-info .complication-text{align-items:center;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3);border-left:3px solid #ef4444;border-radius:12px;color:#ef4444;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.detail-container.dipping-detail .adverse-info .no-adverse,.detail-container.dipping-detail .adverse-info .no-complications,.detail-container.dipping-detail .complications-info .no-adverse,.detail-container.dipping-detail .complications-info .no-complications{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.detail-container.dipping-detail .notes-info .notes-text{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.03));border:1px solid rgba(34,197,94,.3);border-left:3px solid #22c55e;border-radius:8px;color:#16a34a;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px}.detail-container.dipping-detail .treatment-date{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.03));border-color:rgba(34,197,94,.3);color:#16a34a;font-weight:600}.detail-container.dipping-detail .next-due{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(245,158,11,.03));border-color:rgba(245,158,11,.3);color:#d97706;font-weight:600}.detail-container.dipping-detail .chemical-name{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.03));border-color:rgba(16,185,129,.3);color:#10b981;font-weight:600}.detail-container.dipping-detail .manufacturer-name{background:linear-gradient(135deg,hsla(220,9%,46%,.08),hsla(220,9%,46%,.03));border-color:hsla(220,9%,46%,.3);color:#4b5563;font-weight:600}.detail-container.dipping-detail .equipment-details{background:linear-gradient(135deg,rgba(5,150,105,.08),rgba(5,150,105,.03));border-color:rgba(5,150,105,.3);color:#047857;font-weight:500}.detail-container.dipping-detail .safety-measures{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.03));border-color:rgba(34,197,94,.3);border-left:3px solid #22c55e;color:#16a34a;font-weight:500;padding-left:12px}.detail-container.dipping-detail .environmental-info{background:linear-gradient(135deg,rgba(132,204,22,.08),rgba(132,204,22,.03));border-color:rgba(132,204,22,.3);border-left:3px solid #84cc16;color:#65a30d;font-weight:500;padding-left:12px}.detail-container.dipping-detail .waste-info{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(245,158,11,.03));border-color:rgba(245,158,11,.3);border-left:3px solid #f59e0b;color:#d97706;font-weight:500;padding-left:12px}.detail-container.dipping-detail .record-info{background:linear-gradient(135deg,rgba(4,120,87,.08),rgba(4,120,87,.03));border-color:rgba(4,120,87,.3);color:#064e3b;font-weight:500}.detail-container.dipping-detail .attachments-info{background:linear-gradient(135deg,hsla(220,9%,46%,.08),hsla(220,9%,46%,.03));border-color:hsla(220,9%,46%,.3);color:#4b5563;font-weight:500}.detail-container.dipping-detail .mobile-menu .dipping-stats .stat-item{background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(34,197,94,.02));border-color:rgba(34,197,94,.2)}.detail-container.dipping-detail .mobile-menu .dipping-stats .stat-item .stat-value{color:#16a34a;font-weight:700}.detail-container.dipping-detail .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.detail-container.dipping-detail .loading-state .loading-spinner{animation:spin 1s linear infinite;color:#16a34a;margin-bottom:16px}.detail-container.dipping-detail .loading-state .loading-text{font-size:16px;font-weight:500}.detail-container.dipping-detail .detail-bottom-actions{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(248,250,252,.8);border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-top:40px;padding:24px}@media(max-width:768px){.detail-container.dipping-detail .detail-bottom-actions{flex-direction:column;gap:12px}.detail-container.dipping-detail .detail-bottom-actions .btn-back-bottom,.detail-container.dipping-detail .detail-bottom-actions .btn-edit-bottom{justify-content:center;width:100%}}.detail-container.dipping-detail .btn-back-bottom,.detail-container.dipping-detail .btn-edit-bottom{align-items:center;border:1px solid transparent;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.detail-container.dipping-detail .btn-back-bottom:hover,.detail-container.dipping-detail .btn-edit-bottom:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.detail-container.dipping-detail .btn-back-bottom{background:#fff;border-color:#e5e7eb;color:#374151}.detail-container.dipping-detail .btn-back-bottom:hover{background:rgba(34,197,94,.05);border-color:#16a34a;color:#16a34a}.detail-container.dipping-detail .btn-edit-bottom{background:#16a34a;border-color:#16a34a;color:#fff}.detail-container.dipping-detail .btn-edit-bottom:hover{background:#15803d;border-color:#15803d}.detail-container.dipping-detail .detail-card .card-header .card-icon{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:2px solid rgba(34,197,94,.2);color:#16a34a}.detail-container.dipping-detail .detail-card:hover{border-color:rgba(34,197,94,.3);box-shadow:0 8px 25px rgba(34,197,94,.1)}.detail-container.dipping-detail .mobile-menu-container .mobile-menu-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.detail-container.dipping-detail .mobile-menu-container .mobile-menu-overlay.active{opacity:1;visibility:visible}.detail-container.dipping-detail .mobile-menu-container .mobile-menu{background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.15);height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px;z-index:1000}.detail-container.dipping-detail .mobile-menu-container .mobile-menu.active{transform:translateX(0)}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-header{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(34,197,94,.02));border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-header h3{color:#16a34a;font-size:18px;font-weight:700;margin:0}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-header .close-mobile-menu{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s ease}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-header .close-mobile-menu:hover{color:#16a34a}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-content{padding:20px}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-content .mobile-menu-section{margin-bottom:24px}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-content .mobile-menu-section h4{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-content .mobile-menu-section .mobile-menu-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:8px;color:#374151;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-content .mobile-menu-section .mobile-menu-item:hover{background:rgba(34,197,94,.05);border-color:#16a34a;color:#16a34a}.detail-container.dipping-detail .mobile-menu-container .mobile-menu .mobile-menu-content .mobile-menu-section .mobile-menu-item span{flex:1;font-weight:500}.detail-container.dipping-detail .detail-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 4px}.detail-container.dipping-detail .detail-actions .actions-left,.detail-container.dipping-detail .detail-actions .actions-right{align-items:center;display:flex;gap:12px}.detail-container.dipping-detail .detail-actions .btn-back{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.detail-container.dipping-detail .detail-actions .btn-back:hover{background:rgba(34,197,94,.05);border-color:#16a34a;color:#16a34a}.detail-container.dipping-detail .detail-actions .btn-back.mobile-back{justify-content:center;min-width:40px;padding:8px}.detail-container.dipping-detail .detail-actions .btn-secondary{align-items:center;background:#16a34a;border:1px solid #16a34a;border-radius:8px;color:#fff;display:flex;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.detail-container.dipping-detail .detail-actions .btn-secondary:hover{background:#15803d;border-color:#15803d}.detail-container.dipping-detail .detail-actions .mobile-menu-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;min-width:40px;padding:8px;transition:all .2s ease}.detail-container.dipping-detail .detail-actions .mobile-menu-toggle:hover{background:rgba(34,197,94,.05);border-color:#16a34a;color:#16a34a}@media(max-width:768px){.detail-container.dipping-detail .details-grid{grid-template-columns:1fr}.detail-container.dipping-detail .entity-meta{align-items:flex-start;flex-direction:column;gap:8px}.detail-container.dipping-detail .entity-meta .entity-chemical,.detail-container.dipping-detail .entity-meta .entity-date,.detail-container.dipping-detail .entity-meta .entity-id{font-size:13px}.detail-container.dipping-detail .effectiveness-badge,.detail-container.dipping-detail .status-badge,.detail-container.dipping-detail .weather-badge{font-size:11px;padding:4px 8px}.detail-container.dipping-detail .overview-status{align-items:flex-start;flex-direction:column;gap:8px}.detail-container.dipping-detail .weather-info{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:576px){.detail-container.dipping-detail .detail-overview .overview-header .entity-details .entity-title{font-size:20px;line-height:1.2}.detail-container.dipping-detail .batch-badge,.detail-container.dipping-detail .chemical-badge,.detail-container.dipping-detail .dipping-id-badge{font-size:10px;padding:3px 6px}.detail-container.dipping-detail .mobile-menu{width:100vw}}.detail-container.dipping-detail .treatment-timeline.recent-treatment .detail-value{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-left:3px solid #22c55e;color:#16a34a;padding-left:12px}.detail-container.dipping-detail .treatment-timeline.due-soon .detail-value{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-left:3px solid #f59e0b;color:#d97706;padding-left:12px}.detail-container.dipping-detail .treatment-timeline.overdue .detail-value{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-left:3px solid #ef4444;color:#dc2626;padding-left:12px}.detail-container.dipping-detail .chemical-safety.high-risk{background:rgba(239,68,68,.05);border-left:3px solid #ef4444}.detail-container.dipping-detail .chemical-safety.medium-risk{background:rgba(245,158,11,.05);border-left:3px solid #f59e0b}.detail-container.dipping-detail .chemical-safety.low-risk{background:rgba(34,197,94,.05);border-left:3px solid #22c55e}.detail-container.dipping-detail .effectiveness-progression{align-items:center;display:flex;gap:8px;margin-top:8px}.detail-container.dipping-detail .effectiveness-progression .progression-bar{background:rgba(34,197,94,.1);border-radius:2px;flex:1;height:4px;overflow:hidden;position:relative}.detail-container.dipping-detail .effectiveness-progression .progression-bar:after{background:linear-gradient(90deg,#16a34a,#15803d);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.detail-container.dipping-detail .effectiveness-progression .progression-bar.excellent:after{background:linear-gradient(90deg,#22c55e,#16a34a);width:100%}.detail-container.dipping-detail .effectiveness-progression .progression-bar.very-good:after{background:linear-gradient(90deg,#84cc16,#65a30d);width:85%}.detail-container.dipping-detail .effectiveness-progression .progression-bar.good:after{background:linear-gradient(90deg,#f59e0b,#d97706);width:70%}.detail-container.dipping-detail .effectiveness-progression .progression-bar.fair:after{background:linear-gradient(90deg,#fb923c,#ea580c);width:55%}.detail-container.dipping-detail .effectiveness-progression .progression-bar.poor:after{background:linear-gradient(90deg,#ef4444,#dc2626);width:40%}.detail-container.dipping-detail .effectiveness-progression .progression-text{color:#16a34a;font-size:11px;font-weight:600;white-space:nowrap}.detail-container.dipping-detail .weather-impact{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.detail-container.dipping-detail .weather-impact.optimal{color:#22c55e}.detail-container.dipping-detail .weather-impact.optimal:before{content:"☀️🌡️";margin-right:4px}.detail-container.dipping-detail .weather-impact.moderate{color:#f59e0b}.detail-container.dipping-detail .weather-impact.moderate:before{content:"⛅🌡️";margin-right:4px}.detail-container.dipping-detail .weather-impact.challenging{color:#ef4444}.detail-container.dipping-detail .weather-impact.challenging:before{content:"🌧️💨";margin-right:4px}.detail-container.dipping-detail .cost-analysis{font-size:12px;font-weight:500;margin-top:4px}.detail-container.dipping-detail .cost-analysis.cost-effective{color:#16a34a}.detail-container.dipping-detail .cost-analysis.cost-effective:before{content:"💰 "}.detail-container.dipping-detail .cost-analysis.moderate-cost{color:#f59e0b}.detail-container.dipping-detail .cost-analysis.moderate-cost:before{content:"💸 "}.detail-container.dipping-detail .cost-analysis.expensive{color:#ef4444}.detail-container.dipping-detail .cost-analysis.expensive:before{content:"🔥💰 "}.detail-container.dipping-detail .compliance-level{border-radius:6px;font-size:12px;font-weight:600;margin-top:4px;padding:8px 12px}.detail-container.dipping-detail .compliance-level.fully-compliant{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .compliance-level.fully-compliant:before{content:"✅✅✅ "}.detail-container.dipping-detail .compliance-level.mostly-compliant{background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.3);color:#84cc16}.detail-container.dipping-detail .compliance-level.mostly-compliant:before{content:"✅✅ "}.detail-container.dipping-detail .compliance-level.partially-compliant{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.detail-container.dipping-detail .compliance-level.partially-compliant:before{content:"⚠️✅ "}.detail-container.dipping-detail .compliance-level.non-compliant{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.detail-container.dipping-detail .compliance-level.non-compliant:before{content:"❌⚠️ "}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.detail-container.dipping-detail *{transition:border-color .2s ease,background-color .2s ease,color .2s ease}.detail-container.dipping-detail .stat-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.detail-container.dipping-detail .stat-item .stat-label{color:#6b7280;font-size:14px;font-weight:500}.detail-container.dipping-detail .stat-item .stat-value{color:#16a34a;font-size:16px;font-weight:700}.detail-container.dipping-detail .effectiveness-per-animal-display{background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(34,197,94,.02));border:1px solid rgba(34,197,94,.2);border-radius:8px;margin-top:8px;padding:12px}.detail-container.dipping-detail .effectiveness-per-animal-display .ratio-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-container.dipping-detail .effectiveness-per-animal-display .ratio-value{align-items:center;color:#16a34a;display:flex;font-size:18px;font-weight:700;gap:8px}.detail-container.dipping-detail .effectiveness-per-animal-display .ratio-value .ratio-icon{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;width:20px}.detail-container.dipping-detail .effectiveness-per-animal-display .ratio-description{color:#6b7280;font-size:11px;font-style:italic;margin-top:4px}.detail-container.dipping-detail .treatment-quality{border-radius:6px;font-size:12px;font-weight:600;margin-top:4px;padding:8px 12px}.detail-container.dipping-detail .treatment-quality.excellent{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.detail-container.dipping-detail .treatment-quality.excellent:before{content:"🏆⭐⭐⭐ "}.detail-container.dipping-detail .treatment-quality.good{background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.3);color:#84cc16}.detail-container.dipping-detail .treatment-quality.good:before{content:"👍⭐⭐ "}.detail-container.dipping-detail .treatment-quality.fair{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.detail-container.dipping-detail .treatment-quality.fair:before{content:"⚡⭐ "}.detail-container.dipping-detail .treatment-quality.poor{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.detail-container.dipping-detail .treatment-quality.poor:before{content:"⚠️📉 "}