.recipe-list-container{background-color:#1e1e1e;border-radius:8px;width:100%;padding:10px;overflow-x:auto}.recipe-table{border-collapse:collapse;color:#ddd;width:100%;font-size:.9rem}.recipe-table th,.recipe-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #333;padding:10px}.recipe-table th{color:#fff;background-color:#2a2a2a;font-weight:700}.recipe-table tr:hover{background-color:#252525}.recipe-info{align-items:center;gap:10px;display:flex}.recipe-icon{border:1px solid #444;border-radius:4px;width:40px;height:40px}.recipe-name{color:#e0e0e0;font-weight:700}.item-list{flex-wrap:wrap;gap:5px;display:flex}.item-wrapper{width:36px;height:36px;position:relative}.icon-wrapper{width:100%;height:100%;position:relative}.icon-wrapper img{border:1px solid #555;border-radius:4px;width:100%;height:100%}.quantity{color:#fff;background-color:#000000b3;border-radius:2px;padding:0 2px;font-size:.7rem;position:absolute;bottom:0;right:0}.mobile-view{display:none}@media (max-width:768px){.recipe-table{display:none!important}.mobile-view{box-sizing:border-box;flex-direction:column;gap:15px;width:100%;padding:10px 25px;display:flex}.mobile-card{background-color:#222;border:1px solid #333;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 2px 5px #0000004d}.mc-header{grid-template-columns:50px 1fr;align-items:center;gap:12px;display:grid}.mc-icon-wrapper{width:48px;height:48px}.mc-main-icon{border:1px solid #444;border-radius:6px;width:100%;height:100%}.mc-header-info{flex-direction:column;justify-content:center;display:flex}.mc-name{color:#2ecc71;margin-bottom:2px;font-size:1.1rem;font-weight:700}.mc-meta{color:#888;gap:8px;font-size:.8rem;display:flex}.mc-divider{background-color:#333;width:100%;height:1px;margin:4px 0}.mc-section{grid-template-columns:60px 1fr;align-items:center;gap:4px;display:grid}.mc-label{color:#3498db;text-align:left;font-size:.9rem;font-weight:700}.mc-content{flex-wrap:wrap;gap:5px;display:flex}}