.sidebar-title { padding: 10px 12px; margin-bottom: 8px; color: var(--text-main); }
.prose-container { margin-top: 40px; max-width: 800px; }
.mt-20 { margin-top: 20px; }
.gap-20 { gap: 20px; }
.w-100px { width: 100px; }
.input-group-row { display: flex; gap: 10px; }


.alert-box { margin-bottom: 20px; padding: 15px; border-radius: 4px; font-size: 0.95em; line-height: 1.5; border-left-width: 4px; border-left-style: solid; }
.alert-info { background: #27456b; border-left-color: #3b82f6; } 
.alert-success { background: #ecfdf5; border-left-color: #10b981; } 
.alert-danger-light { background: #fee2e2; color: #b91c1c; font-weight: 500; } 


.result-box-anim { display: none; opacity: 0; transition: opacity 0.3s; }
.result-title { color: var(--text-main); margin-bottom: 20px; text-align: center; }
.result-card { background: var(--background-secondary); padding: 30px; border-radius: 12px; text-align: center; border: 1px solid var(--border); }
.result-value-lg { font-size: 3.5em; font-weight: 800; color: var(--primary); }
.result-value-xl { font-size: 4em; font-weight: 800; color: var(--primary); line-height: 1; } 
.result-sub-text { text-align: center; color: var(--text-muted); font-size: 0.9em; margin-top: 20px; } 
.result-detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }


.dog-size-group { display: none; } 
.age-result-label { color: var(--text-muted); margin-top: 10px; font-size: 1.2em; }


.btn-danger { background-color: #dc2626; }
.toxic-level { padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.toxic-level.severe { border-left: 5px solid #ef4444; background: #fef2f2; }
.toxic-level.moderate { border-left: 5px solid #f97316; background: #fff7ed; }
.toxic-level.mild { border-left: 5px solid #eab308; background: #fefce8; }
.toxic-level.safe { border-left: 5px solid #22c55e; background: #f0fdf4; }


.raw-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 20px; }
.raw-item { padding: 15px; border-radius: 8px; border-width: 1px; border-style: solid; }
.raw-meat { background: #fef2f2; border-color: #fecaca; }
.raw-bone { background: #fff7ed; border-color: #fed7aa; }
.raw-liver { background: #f0f9ff; border-color: #bae6fd; }
.raw-organ { background: #f0fdf4; border-color: #bbf7d0; }

.raw-label { font-size: 0.9em; font-weight: 600; }
.text-meat { color: #991b1b; }
.text-bone { color: #9a3412; }
.text-liver { color: #075985; }
.text-organ { color: #166534; }

.raw-val { font-size: 1.5em; font-weight: 800; }
.val-meat { color: #b91c1c; }
.val-bone { color: #c2410c; }
.val-liver { color: #0369a1; }
.val-organ { color: #15803d; }

.raw-total-box { text-align: center; padding: 15px; background: var(--background-secondary); border-radius: 8px; border: 1px solid var(--border); }


.info-white-box { margin-top: 20px; padding: 15px; background: #fff; border-radius: 8px; text-align: center; color: var(--text-muted); font-size: 0.9em; }
.reset-margin { margin: 0; }
.margin-bottom-10 { margin-bottom: 10px; }
.dose-value { font-weight: 600; font-size: 1.2em; }


.icon-dog { background: #e0f2fe; color: #0284c7; }
.icon-cat { background: #f0fdf4; color: #16a34a; }
.icon-tox { background: #fff7ed; color: #ea580c; }
.icon-raw { background: #faf5ff; color: #9333ea; }
.icon-dmb { background: #eff6ff; color: #2563eb; }
.icon-age { background: #ecfdf5; color: #059669; }