.weight-detail-inline{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.weight-detail-inline .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.weight-detail-inline .loading-state .animate-spin{animation:spin 1s linear infinite}.weight-detail-inline .loading-state span{font-size:14px;font-weight:500}.weight-detail-inline .error-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.weight-detail-inline .error-state svg{color:#dc2626}.weight-detail-inline .error-state span{font-size:14px;font-weight:500}.weight-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}.weight-detail-inline .inline-detail-header .header-title{align-items:center;display:flex;gap:12px}.weight-detail-inline .inline-detail-header .header-title .back-btn{border-radius:8px;color:#4b5563;padding:8px;transition:all .2s ease}.weight-detail-inline .inline-detail-header .header-title .back-btn:hover{background:rgba(6,182,212,.1);color:#06b6d4}.weight-detail-inline .inline-detail-header .header-title .record-emoji{font-size:24px}.weight-detail-inline .inline-detail-header .header-title h4{color:#1f2937;font-size:18px;font-weight:700;margin:0}.weight-detail-inline .inline-detail-header .btn-warning{align-items:center;background:#fff;border:1px solid #f59e0b;border-radius:8px;color:#f59e0b;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.weight-detail-inline .inline-detail-header .btn-warning:hover{background:#f59e0b;color:#fff}.weight-detail-inline .quick-info-banner{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:14px 20px}.weight-detail-inline .quick-info-banner .info-item .info-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.weight-detail-inline .quick-info-banner .info-item .info-badge.weight{background:rgba(6,182,212,.1);color:#0891b2}.weight-detail-inline .quick-info-banner .info-item .info-badge.date{background:#f3f4f6;color:#4b5563}.weight-detail-inline .quick-info-banner .info-item .info-badge svg{flex-shrink:0}.weight-detail-inline .tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;overflow-x:auto;padding:12px 20px}.weight-detail-inline .tab-navigation::-webkit-scrollbar{height:4px}.weight-detail-inline .tab-navigation::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.weight-detail-inline .tab-navigation .tab-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.weight-detail-inline .tab-navigation .tab-btn:hover{background:#f3f4f6;color:#374151}.weight-detail-inline .tab-navigation .tab-btn.active{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3);color:#0891b2;font-weight:600}.weight-detail-inline .tab-navigation .tab-btn svg{flex-shrink:0}.weight-detail-inline .tab-content-area{flex:1;min-height:0;overflow-y:auto;padding:20px}.weight-detail-inline .tab-content-area::-webkit-scrollbar{width:8px}.weight-detail-inline .tab-content-area::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.weight-detail-inline .tab-content-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.weight-detail-inline .tab-content-area::-webkit-scrollbar-thumb:hover{background:#9ca3af}.weight-detail-inline .detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.weight-detail-inline .detail-section:last-child{margin-bottom:0}.weight-detail-inline .detail-section.collapsed .section-content{display:none}.weight-detail-inline .detail-section .section-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.weight-detail-inline .detail-section .section-header:hover{background:#f3f4f6}.weight-detail-inline .detail-section .section-header .section-title-group{align-items:center;display:flex;gap:10px}.weight-detail-inline .detail-section .section-header .section-title-group .section-icon{color:#06b6d4}.weight-detail-inline .detail-section .section-header .section-title-group h3{color:#374151;font-size:14px;font-weight:600;margin:0}.weight-detail-inline .detail-section .section-header>svg:last-child{color:#6b7280;transition:transform .2s ease}.weight-detail-inline .detail-section .section-content{border-top:1px solid #e5e7eb;padding:16px}.weight-detail-inline .detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media(max-width:767px){.weight-detail-inline .detail-grid{grid-template-columns:1fr}}.weight-detail-inline .detail-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.weight-detail-inline .detail-row .detail-label{align-items:center;color:#6b7280;display:flex;flex-shrink:0;font-size:13px;gap:8px}.weight-detail-inline .detail-row .detail-label .label-icon{color:#9ca3af}.weight-detail-inline .detail-row .detail-value{color:#1f2937;font-size:14px;font-weight:600;text-align:right}.weight-detail-inline .detail-row .detail-value .value-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;padding:4px 10px}.weight-detail-inline .bcs-display{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:20px;margin-bottom:16px;padding:20px}.weight-detail-inline .bcs-display .bcs-score-circle{align-items:center;background:#fff;border:4px solid;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;width:80px}.weight-detail-inline .bcs-display .bcs-score-circle .bcs-value{font-size:28px;font-weight:700;line-height:1}.weight-detail-inline .bcs-display .bcs-score-circle .bcs-max{color:#6b7280;font-size:14px}.weight-detail-inline .bcs-display .bcs-info{flex:1}.weight-detail-inline .bcs-display .bcs-info .bcs-description{font-size:18px;font-weight:600}.weight-detail-inline .bcs-scale{display:flex;gap:4px;margin-bottom:8px}.weight-detail-inline .bcs-scale .scale-marker{border-radius:4px;flex:1;height:8px;transition:background .2s ease}.weight-detail-inline .scale-labels{color:#6b7280;display:flex;font-size:11px;justify-content:space-between}.weight-detail-inline .no-data{color:#6b7280;font-size:14px;padding:24px;text-align:center}.weight-detail-inline .action-required-banner{align-items:center;background:rgba(239,68,68,.1);border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:12px 16px}.weight-detail-inline .action-required-banner svg{flex-shrink:0}.weight-detail-inline .notes-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.weight-detail-inline .notes-section .notes-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 16px}.weight-detail-inline .notes-section .notes-header svg{color:#06b6d4}.weight-detail-inline .notes-section .notes-content{padding:16px}.weight-detail-inline .notes-section .notes-content .note-item{background:#f9fafb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;margin-bottom:12px;padding:14px}.weight-detail-inline .notes-section .notes-content .note-item:last-child{margin-bottom:0}.weight-detail-inline .notes-section .notes-content .note-item strong{color:#6b7280;display:block;font-size:13px;margin-bottom:6px}.weight-detail-inline .empty-notes{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.weight-detail-inline .empty-notes .empty-icon{margin-bottom:12px;opacity:.5}.weight-detail-inline .empty-notes p{font-size:14px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:767px){.weight-detail-inline{max-height:90vh}.weight-detail-inline .inline-detail-header{padding:12px 16px}.weight-detail-inline .inline-detail-header .header-title{gap:8px}.weight-detail-inline .inline-detail-header .header-title .record-emoji{font-size:20px}.weight-detail-inline .inline-detail-header .header-title h4{font-size:16px}.weight-detail-inline .quick-info-banner{gap:8px;padding:12px 16px}.weight-detail-inline .quick-info-banner .info-item .info-badge{font-size:12px;padding:5px 10px}.weight-detail-inline .tab-navigation{padding:10px 16px}.weight-detail-inline .tab-navigation .tab-btn{font-size:12px;padding:8px 12px}.weight-detail-inline .tab-navigation .tab-btn span{display:none}.weight-detail-inline .tab-content-area{padding:16px}.weight-detail-inline .detail-section .section-header{padding:12px 14px}.weight-detail-inline .detail-section .section-header .section-title-group h3{font-size:13px}.weight-detail-inline .detail-section .section-content{padding:14px}.weight-detail-inline .bcs-display{flex-direction:column;gap:16px;padding:16px;text-align:center}.weight-detail-inline .bcs-display .bcs-score-circle{height:70px;width:70px}.weight-detail-inline .bcs-display .bcs-score-circle .bcs-value{font-size:24px}.weight-detail-inline .detail-row{align-items:flex-start;flex-direction:column;gap:6px}.weight-detail-inline .detail-row .detail-value{text-align:left}}@media(min-width:768px)and (max-width:1023px){.weight-detail-inline .detail-grid{grid-template-columns:repeat(2,1fr)}}.weight-detail-inline .btn:focus-visible,.weight-detail-inline .tab-btn:focus-visible{outline:2px solid #06b6d4;outline-offset:2px}.weight-detail-inline .section-header:focus-visible{outline:2px solid #06b6d4;outline-offset:-2px}@media print{.weight-detail-inline{max-height:none;overflow:visible}.weight-detail-inline .inline-detail-header .back-btn,.weight-detail-inline .inline-detail-header .btn-warning,.weight-detail-inline .tab-navigation{display:none}.weight-detail-inline .tab-content-area{overflow:visible}.weight-detail-inline .detail-section{-moz-column-break-inside:avoid;break-inside:avoid}.weight-detail-inline .detail-section.collapsed .section-content{display:block!important}}